Stack from @kibrisyazilim/design-system. Use via `window.KibrisDS.Stack` (bundle loaded from the root `_ds_bundle.js`).

Flexbox layout primitive. Use it for spacing between components so that
gaps come from the token scale rather than ad-hoc margins.

## Props

```ts
interface StackProps {
  /** `vertical` (default) stacks children in a column. */
  direction?: "vertical" | "horizontal";
  /** Gap between children, from the spacing scale. */
  gap?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | "3xs" | "2xs" | "2xl" | "3xl";
  align?: "start" | "center" | "end" | "stretch" | "baseline";
  justify?: "start" | "center" | "end" | "between" | "around";
  /** Allows children to wrap onto multiple lines. Horizontal stacks only. */
  wrap?: boolean;
  className?: string;
  id?: string;
  style?: CSSProperties;
  children?: React.ReactNode;
}
```