`metadata != null` guards rendered JSX with a bare nullish check, but `false`, `true`, and `""` all pass `!= null` — leaking an empty wrapper into the DOM. Use `isRenderable(metadata)` from `@astryxdesign/core/utils`, which also excludes boolean and empty-string values (0 stays renderable)

<div> exists only to style <Button>. Astryx components extend BaseProps, so pass the styles to <Button> via xstyle and drop the wrapper — an extra DOM node changes the parent's flex/grid child relationship and can break alignment

Always prefer const x: T = { ... }

Forbidden non-null assertion

Forbidden non-null assertion

Forbidden non-null assertion

Forbidden non-null assertion

Forbidden non-null assertion

'ReactNode' is defined but never used. Allowed unused vars must match /^_/u