@psnext/design-system 2.2.0 → 2.4.0

package/dist/index67.d.cts

@@ -1,19 +1,91 @@
-import * as react_jsx_runtime124 from "react/jsx-runtime";
+import * as react_jsx_runtime225 from "react/jsx-runtime";
+import * as class_variance_authority_types16 from "class-variance-authority/types";
+import { VariantProps } from "class-variance-authority";
 import * as React from "react";
 
-//#region src/layouts/PageBackground/PageBackground.d.ts
-/** Props for {@link PageBackground}; extends the native `div` props. */
-type PageBackgroundProps = React.ComponentProps<"div"> & {
-  /** Fixed to the viewport (default) vs absolute-fill of a positioned parent. */
-  fixed?: boolean;
+//#region src/layouts/MultiColumn/MultiColumn.d.ts
+declare const multiColumnVariants: (props?: ({
+  gap?: "sm" | "lg" | "xl" | "md" | "none" | null | undefined;
+  stackBelow?: "sm" | "lg" | "xl" | "md" | null | undefined;
+} & class_variance_authority_types16.ClassProp) | undefined) => string;
+type MultiColumnProps = React.ComponentProps<"div"> & VariantProps<typeof multiColumnVariants> & {
+  /**
+   * One CSS grid track per column, in any combination — length sets the
+   * column count (3, 4, 5, ...N):
+   * - fixed: `"240px"` / `"16rem"`
+   * - percent: `"20%"`
+   * - fractional (fluid, shares remaining space): `"1fr"`, `"2fr"`
+   * - minmax (clamp between a min and max): `"minmax(200px,1fr)"`
+   */
+  columns: string[];
+  /** Space between columns (and between stacked rows below `stackBelow`). */
+  gap?: VariantProps<typeof multiColumnVariants>["gap"];
+  /** Breakpoint the grid activates at; below it, columns stack vertically. Defaults to `"lg"`. */
+  stackBelow?: VariantProps<typeof multiColumnVariants>["stackBelow"];
+  /** Renders a drag handle between adjacent columns that live-resizes them. Default off. */
+  resizable?: boolean;
+  /**
+   * Fires with the updated `columns` array while/after dragging a resize
+   * handle. Pass a `columns` value that changes in response to be fully
+   * controlled; omit to let MultiColumn track size internally.
+   */
+  onColumnsChange?: (columns: string[]) => void;
+  /** Minimum size (in px, e.g. `"80px"`) a column can be resized down to. Defaults to `"80px"`. */
+  minColumnSize?: string;
+  /**
+   * Renders a drag grip on each MultiColumnItem for drag-and-drop
+   * reordering, plus Ctrl+ArrowLeft/Right keyboard reordering when a grip
+   * is focused. Default off. Give each MultiColumnItem a stable `id` when
+   * using this — without one, MultiColumn falls back to a generated id
+   * (with a console warning) so it degrades safely rather than throwing.
+   */
+  reorderable?: boolean;
+  /** Fires with the new left-to-right order of MultiColumnItem `id`s whenever a drag or keyboard move changes order. */
+  onReorderChange?: (orderedIds: string[]) => void;
 };
-/** Ambient, theme-aware radial-gradient backdrop that sits behind the app so glass surfaces read. */
-declare function PageBackground({
-  fixed,
+/** CSS Grid N-column layout — pass one track per column via `columns`; stacks below `stackBelow`. */
+declare function MultiColumn({
   className,
   style,
+  columns,
+  gap,
+  stackBelow,
+  resizable,
+  onColumnsChange,
+  minColumnSize,
+  reorderable,
+  onReorderChange,
+  children,
   ...props
-}: PageBackgroundProps): react_jsx_runtime124.JSX.Element;
+}: MultiColumnProps): react_jsx_runtime225.JSX.Element;
+declare const alignSelfClass: {
+  readonly start: "self-start";
+  readonly center: "self-center";
+  readonly end: "self-end";
+  readonly stretch: "self-stretch";
+};
+type MultiColumnItemProps = React.ComponentProps<"div"> & {
+  /** Visual position via CSS `order`, independent of DOM/source order. */
+  order?: number;
+  /** Cross-axis alignment for this column only (`align-self`). */
+  align?: keyof typeof alignSelfClass;
+  /**
+   * Injected automatically by the parent MultiColumn when `reorderable` is
+   * set — renders a drag grip inside this item and wires pointer/keyboard
+   * reordering. Not meant to be passed directly.
+   */
+  dragHandleProps?: React.ComponentProps<"button">;
+};
+/** A single column slot inside MultiColumn; `order` and `align` apply without reshuffling the DOM. */
+declare function MultiColumnItem({
+  className,
+  style,
+  order,
+  align,
+  dragHandleProps,
+  children,
+  ...props
+}: MultiColumnItemProps): react_jsx_runtime225.JSX.Element;
 //#endregion
-export { PageBackgroundProps as n, PageBackground as t };
+export { multiColumnVariants as a, MultiColumnProps as i, MultiColumnItem as n, MultiColumnItemProps as r, MultiColumn as t };
 //# sourceMappingURL=index67.d.cts.map

package/dist/index67.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index67.d.cts","names":[],"sources":["../src/layouts/PageBackground/PageBackground.tsx"],"mappings":";;;;;KAkBK,mBAAA,GAAsB,KAAA,CAAM;;EAA5B,KAAA,CAAA,EAAA,OAAA;AAA0C,CAAA;;iBAMtC,cAAA,CAAiB;EAAA,KAAA;EAAA,SAAA;EAAA,KAAA;EAAA,GAAA;AAAA,CAAA,EAA4C,mBAA5C,CAAA,EAA+D,oBAAA,CAAA,GAAA,CAAA,OAA/D"}
+{"version":3,"file":"index67.d.cts","names":[],"sources":["../src/layouts/MultiColumn/MultiColumn.tsx"],"mappings":";;;;;;cAwBM;;;IAoBJ,gCAAA,CAAA;AAzC6B,KAwD1B,gBAAA,GAAmB,KAAA,CAAM,cAf5B,CAAA,KAAA,CAAA,GAgBA,YAhBA,CAAA,OAgBoB,mBAhBpB,CAAA,GAAA;EAeG;;;;;;;;SAcY,EAAA,MAAA,EAAA;EAAY;EA+CpB,GAAA,CAAA,EAjDC,YAiDU,CAAA,OAjDU,mBAiDV,CAAA,CAAA,KAAA,CAAA;EAAA;YAClB,CAAA,EAhDe,YAgDf,CAAA,OAhDmC,mBAgDnC,CAAA,CAAA,YAAA,CAAA;;WAEA,CAAA,EAAA,OAAA;;;;;;iBAMA,CAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,EAAA,GAAA,IAAA;;eAEA,CAAA,EAAA,MAAA;;;AAEiB;AAAA;AA0RT;;;aAMa,CAAA,EAAA,OAAA;;EAMiB,eAAA,CAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,EAAA,GAAA,IAAA;AAAA,CAAA;;iBAnT/B,WAAA,CAwTP;EAAA,SAAA;EAAA,KAAA;EAAA,OAAA;EAAA,GAAA;EAAA,UAAA;EAAA,SAAA;EAAA,eAAA;EAAA,aAAA;EAAA,WAAA;EAAA,eAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EA3SC,gBA2SD,CAAA,EA3SiB,oBAAA,CAAA,GAAA,CAAA,OA2SjB;cAtBI,cAuBJ,EAAA;WACA,KAAA,EAAA,YAAA;WACA,MAAA,EAAA,aAAA;WACA,GAAA,EAAA,UAAA;WACA,OAAA,EAAA,cAAA;;KApBG,oBAAA,GAAuB,KAAA,CAAM,cAsBX,CAAA,KAAA,CAAA,GAAA;EAAA;;;uBAlBA;;;;;;oBAMH,KAAA,CAAM;;;iBAIjB,eAAA;;;;;;;;GAQN,uBAAoB,oBAAA,CAAA,GAAA,CAAA"}

package/dist/index67.d.ts

@@ -1,19 +1,91 @@
+import { VariantProps } from "class-variance-authority";
 import * as React from "react";
-import * as react_jsx_runtime43 from "react/jsx-runtime";
+import * as react_jsx_runtime205 from "react/jsx-runtime";
+import * as class_variance_authority_types18 from "class-variance-authority/types";
 
-//#region src/layouts/PageBackground/PageBackground.d.ts
-/** Props for {@link PageBackground}; extends the native `div` props. */
-type PageBackgroundProps = React.ComponentProps<"div"> & {
-  /** Fixed to the viewport (default) vs absolute-fill of a positioned parent. */
-  fixed?: boolean;
+//#region src/layouts/MultiColumn/MultiColumn.d.ts
+declare const multiColumnVariants: (props?: ({
+  gap?: "sm" | "md" | "lg" | "none" | "xl" | null | undefined;
+  stackBelow?: "sm" | "md" | "lg" | "xl" | null | undefined;
+} & class_variance_authority_types18.ClassProp) | undefined) => string;
+type MultiColumnProps = React.ComponentProps<"div"> & VariantProps<typeof multiColumnVariants> & {
+  /**
+   * One CSS grid track per column, in any combination — length sets the
+   * column count (3, 4, 5, ...N):
+   * - fixed: `"240px"` / `"16rem"`
+   * - percent: `"20%"`
+   * - fractional (fluid, shares remaining space): `"1fr"`, `"2fr"`
+   * - minmax (clamp between a min and max): `"minmax(200px,1fr)"`
+   */
+  columns: string[];
+  /** Space between columns (and between stacked rows below `stackBelow`). */
+  gap?: VariantProps<typeof multiColumnVariants>["gap"];
+  /** Breakpoint the grid activates at; below it, columns stack vertically. Defaults to `"lg"`. */
+  stackBelow?: VariantProps<typeof multiColumnVariants>["stackBelow"];
+  /** Renders a drag handle between adjacent columns that live-resizes them. Default off. */
+  resizable?: boolean;
+  /**
+   * Fires with the updated `columns` array while/after dragging a resize
+   * handle. Pass a `columns` value that changes in response to be fully
+   * controlled; omit to let MultiColumn track size internally.
+   */
+  onColumnsChange?: (columns: string[]) => void;
+  /** Minimum size (in px, e.g. `"80px"`) a column can be resized down to. Defaults to `"80px"`. */
+  minColumnSize?: string;
+  /**
+   * Renders a drag grip on each MultiColumnItem for drag-and-drop
+   * reordering, plus Ctrl+ArrowLeft/Right keyboard reordering when a grip
+   * is focused. Default off. Give each MultiColumnItem a stable `id` when
+   * using this — without one, MultiColumn falls back to a generated id
+   * (with a console warning) so it degrades safely rather than throwing.
+   */
+  reorderable?: boolean;
+  /** Fires with the new left-to-right order of MultiColumnItem `id`s whenever a drag or keyboard move changes order. */
+  onReorderChange?: (orderedIds: string[]) => void;
 };
-/** Ambient, theme-aware radial-gradient backdrop that sits behind the app so glass surfaces read. */
-declare function PageBackground({
-  fixed,
+/** CSS Grid N-column layout — pass one track per column via `columns`; stacks below `stackBelow`. */
+declare function MultiColumn({
   className,
   style,
+  columns,
+  gap,
+  stackBelow,
+  resizable,
+  onColumnsChange,
+  minColumnSize,
+  reorderable,
+  onReorderChange,
+  children,
   ...props
-}: PageBackgroundProps): react_jsx_runtime43.JSX.Element;
+}: MultiColumnProps): react_jsx_runtime205.JSX.Element;
+declare const alignSelfClass: {
+  readonly start: "self-start";
+  readonly center: "self-center";
+  readonly end: "self-end";
+  readonly stretch: "self-stretch";
+};
+type MultiColumnItemProps = React.ComponentProps<"div"> & {
+  /** Visual position via CSS `order`, independent of DOM/source order. */
+  order?: number;
+  /** Cross-axis alignment for this column only (`align-self`). */
+  align?: keyof typeof alignSelfClass;
+  /**
+   * Injected automatically by the parent MultiColumn when `reorderable` is
+   * set — renders a drag grip inside this item and wires pointer/keyboard
+   * reordering. Not meant to be passed directly.
+   */
+  dragHandleProps?: React.ComponentProps<"button">;
+};
+/** A single column slot inside MultiColumn; `order` and `align` apply without reshuffling the DOM. */
+declare function MultiColumnItem({
+  className,
+  style,
+  order,
+  align,
+  dragHandleProps,
+  children,
+  ...props
+}: MultiColumnItemProps): react_jsx_runtime205.JSX.Element;
 //#endregion
-export { PageBackgroundProps as n, PageBackground as t };
+export { multiColumnVariants as a, MultiColumnProps as i, MultiColumnItem as n, MultiColumnItemProps as r, MultiColumn as t };
 //# sourceMappingURL=index67.d.ts.map

package/dist/index67.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index67.d.ts","names":[],"sources":["../src/layouts/PageBackground/PageBackground.tsx"],"mappings":";;;;;KAkBK,mBAAA,GAAsB,KAAA,CAAM;;EAA5B,KAAA,CAAA,EAAA,OAAA;AAA0C,CAAA;;iBAMtC,cAAA,CAAiB;EAAA,KAAA;EAAA,SAAA;EAAA,KAAA;EAAA,GAAA;AAAA,CAAA,EAA4C,mBAA5C,CAAA,EAA+D,mBAAA,CAAA,GAAA,CAAA,OAA/D"}
+{"version":3,"file":"index67.d.ts","names":[],"sources":["../src/layouts/MultiColumn/MultiColumn.tsx"],"mappings":";;;;;;cAwBM;;;IAoBJ,gCAAA,CAAA;AAzC6B,KAwD1B,gBAAA,GAAmB,KAAA,CAAM,cAf5B,CAAA,KAAA,CAAA,GAgBA,YAhBA,CAAA,OAgBoB,mBAhBpB,CAAA,GAAA;EAeG;;;;;;;;SAcY,EAAA,MAAA,EAAA;EAAY;EA+CpB,GAAA,CAAA,EAjDC,YAiDU,CAAA,OAjDU,mBAiDV,CAAA,CAAA,KAAA,CAAA;EAAA;YAClB,CAAA,EAhDe,YAgDf,CAAA,OAhDmC,mBAgDnC,CAAA,CAAA,YAAA,CAAA;;WAEA,CAAA,EAAA,OAAA;;;;;;iBAMA,CAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,EAAA,GAAA,IAAA;;eAEA,CAAA,EAAA,MAAA;;;AAEiB;AAAA;AA0RT;;;aAMa,CAAA,EAAA,OAAA;;EAMiB,eAAA,CAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,EAAA,GAAA,IAAA;AAAA,CAAA;;iBAnT/B,WAAA,CAwTP;EAAA,SAAA;EAAA,KAAA;EAAA,OAAA;EAAA,GAAA;EAAA,UAAA;EAAA,SAAA;EAAA,eAAA;EAAA,aAAA;EAAA,WAAA;EAAA,eAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EA3SC,gBA2SD,CAAA,EA3SiB,oBAAA,CAAA,GAAA,CAAA,OA2SjB;cAtBI,cAuBJ,EAAA;WACA,KAAA,EAAA,YAAA;WACA,MAAA,EAAA,aAAA;WACA,GAAA,EAAA,UAAA;WACA,OAAA,EAAA,cAAA;;KApBG,oBAAA,GAAuB,KAAA,CAAM,cAsBX,CAAA,KAAA,CAAA,GAAA;EAAA;;;uBAlBA;;;;;;oBAMH,KAAA,CAAM;;;iBAIjB,eAAA;;;;;;;;GAQN,uBAAoB,oBAAA,CAAA,GAAA,CAAA"}

package/dist/index68.d.cts

@@ -1,37 +1,19 @@
-import * as react_jsx_runtime122 from "react/jsx-runtime";
-import * as class_variance_authority_types11 from "class-variance-authority/types";
-import { VariantProps } from "class-variance-authority";
+import * as react_jsx_runtime190 from "react/jsx-runtime";
 import * as React from "react";
 
-//#region src/layouts/Stack/Stack.d.ts
-declare const stackVariants: (props?: ({
-  direction?: "horizontal" | "vertical" | null | undefined;
-  gap?: "sm" | "none" | "xs" | "lg" | "xl" | "md" | "2xl" | null | undefined;
-  align?: "end" | "center" | "start" | "stretch" | null | undefined;
-  justify?: "end" | "center" | "start" | "between" | null | undefined;
-} & class_variance_authority_types11.ClassProp) | undefined) => string;
-type StackProps = React.ComponentProps<"div"> & VariantProps<typeof stackVariants> & {
-  /** Render as a different element/component instead of the default `div`. */
-  as?: React.ElementType;
-  /** Layout axis: `vertical` (column) or `horizontal` (row). Defaults to `vertical`. */
-  direction?: VariantProps<typeof stackVariants>["direction"];
-  /** Spacing between children, mapped to spacing tokens. Defaults to `md`. */
-  gap?: VariantProps<typeof stackVariants>["gap"];
-  /** Cross-axis alignment (`align-items`). Defaults to `stretch`. */
-  align?: VariantProps<typeof stackVariants>["align"];
-  /** Main-axis distribution (`justify-content`). */
-  justify?: VariantProps<typeof stackVariants>["justify"];
+//#region src/layouts/PageBackground/PageBackground.d.ts
+/** Props for {@link PageBackground}; extends the native `div` props. */
+type PageBackgroundProps = React.ComponentProps<"div"> & {
+  /** Fixed to the viewport (default) vs absolute-fill of a positioned parent. */
+  fixed?: boolean;
 };
-/** Stack — flex container that lays out children in a column or row with token-spaced gaps. */
-declare function Stack({
-  as,
+/** Ambient, theme-aware radial-gradient backdrop that sits behind the app so glass surfaces read. */
+declare function PageBackground({
+  fixed,
   className,
-  direction,
-  gap,
-  align,
-  justify,
+  style,
   ...props
-}: StackProps): react_jsx_runtime122.JSX.Element;
+}: PageBackgroundProps): react_jsx_runtime190.JSX.Element;
 //#endregion
-export { StackProps as n, stackVariants as r, Stack as t };
+export { PageBackgroundProps as n, PageBackground as t };
 //# sourceMappingURL=index68.d.cts.map

package/dist/index68.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index68.d.cts","names":[],"sources":["../src/layouts/Stack/Stack.tsx"],"mappings":";;;;;;cAOM,qBAmCS;;;;EAnCT,OAAA,CAAA,EAAA,KAAA,GAiCJ,QAAA,GAAA,OAAA,GAAA,SAAA,GAAA,IAAA,GAAA,SAAA;IAAA,gCAAA,CAAA,SAEa,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;KAAV,UAAA,GAAa,KAAA,CAAM,cAAT,CAAA,KAAA,CAAA,GACb,YADa,CAAA,OACO,aADP,CAAA,GAAA;;KACO,EAEb,KAAA,CAAM,WAFO;;WAEP,CAAA,EAEC,YAFD,CAAA,OAEqB,aAFrB,CAAA,CAAA,WAAA,CAAA;;KAEC,CAAA,EAEN,YAFM,CAAA,OAEc,aAFd,CAAA,CAAA,KAAA,CAAA;;OAEN,CAAA,EAEE,YAFF,CAAA,OAEsB,aAFtB,CAAA,CAAA,OAAA,CAAA;;SAEE,CAAA,EAEE,YAFF,CAAA,OAEsB,aAFtB,CAAA,CAAA,SAAA,CAAA;;;AAEc,iBAIjB,KAAA,CAJiB;EAAA,EAAA;EAAA,SAAA;EAAA,SAAA;EAAA,GAAA;EAAA,KAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAIkD,UAJlD,CAAA,EAI4D,oBAAA,CAAA,GAAA,CAAA,OAJ5D"}
+{"version":3,"file":"index68.d.cts","names":[],"sources":["../src/layouts/PageBackground/PageBackground.tsx"],"mappings":";;;;;KAkBK,mBAAA,GAAsB,KAAA,CAAM;;EAA5B,KAAA,CAAA,EAAA,OAAA;AAA0C,CAAA;;iBAMtC,cAAA,CAAiB;EAAA,KAAA;EAAA,SAAA;EAAA,KAAA;EAAA,GAAA;AAAA,CAAA,EAA4C,mBAA5C,CAAA,EAA+D,oBAAA,CAAA,GAAA,CAAA,OAA/D"}

package/dist/index68.d.ts

@@ -1,37 +1,19 @@
 import * as React from "react";
-import * as react_jsx_runtime35 from "react/jsx-runtime";
-import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types4 from "class-variance-authority/types";
+import * as react_jsx_runtime203 from "react/jsx-runtime";
 
-//#region src/layouts/Stack/Stack.d.ts
-declare const stackVariants: (props?: ({
-  direction?: "horizontal" | "vertical" | null | undefined;
-  gap?: "xs" | "sm" | "lg" | "xl" | "none" | "md" | "2xl" | null | undefined;
-  align?: "center" | "end" | "start" | "stretch" | null | undefined;
-  justify?: "center" | "end" | "start" | "between" | null | undefined;
-} & class_variance_authority_types4.ClassProp) | undefined) => string;
-type StackProps = React.ComponentProps<"div"> & VariantProps<typeof stackVariants> & {
-  /** Render as a different element/component instead of the default `div`. */
-  as?: React.ElementType;
-  /** Layout axis: `vertical` (column) or `horizontal` (row). Defaults to `vertical`. */
-  direction?: VariantProps<typeof stackVariants>["direction"];
-  /** Spacing between children, mapped to spacing tokens. Defaults to `md`. */
-  gap?: VariantProps<typeof stackVariants>["gap"];
-  /** Cross-axis alignment (`align-items`). Defaults to `stretch`. */
-  align?: VariantProps<typeof stackVariants>["align"];
-  /** Main-axis distribution (`justify-content`). */
-  justify?: VariantProps<typeof stackVariants>["justify"];
+//#region src/layouts/PageBackground/PageBackground.d.ts
+/** Props for {@link PageBackground}; extends the native `div` props. */
+type PageBackgroundProps = React.ComponentProps<"div"> & {
+  /** Fixed to the viewport (default) vs absolute-fill of a positioned parent. */
+  fixed?: boolean;
 };
-/** Stack — flex container that lays out children in a column or row with token-spaced gaps. */
-declare function Stack({
-  as,
+/** Ambient, theme-aware radial-gradient backdrop that sits behind the app so glass surfaces read. */
+declare function PageBackground({
+  fixed,
   className,
-  direction,
-  gap,
-  align,
-  justify,
+  style,
   ...props
-}: StackProps): react_jsx_runtime35.JSX.Element;
+}: PageBackgroundProps): react_jsx_runtime203.JSX.Element;
 //#endregion
-export { StackProps as n, stackVariants as r, Stack as t };
+export { PageBackgroundProps as n, PageBackground as t };
 //# sourceMappingURL=index68.d.ts.map

package/dist/index68.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index68.d.ts","names":[],"sources":["../src/layouts/Stack/Stack.tsx"],"mappings":";;;;;;cAOM,qBAmCS;;;;EAnCT,OAAA,CAAA,EAAA,QAiCJ,GAAA,KAAA,GAAA,OAAA,GAAA,SAAA,GAAA,IAAA,GAAA,SAAA;IAAA,+BAAA,CAAA,SAEa,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;KAAV,UAAA,GAAa,KAAA,CAAM,cAAT,CAAA,KAAA,CAAA,GACb,YADa,CAAA,OACO,aADP,CAAA,GAAA;;KACO,EAEb,KAAA,CAAM,WAFO;;WAEP,CAAA,EAEC,YAFD,CAAA,OAEqB,aAFrB,CAAA,CAAA,WAAA,CAAA;;KAEC,CAAA,EAEN,YAFM,CAAA,OAEc,aAFd,CAAA,CAAA,KAAA,CAAA;;OAEN,CAAA,EAEE,YAFF,CAAA,OAEsB,aAFtB,CAAA,CAAA,OAAA,CAAA;;SAEE,CAAA,EAEE,YAFF,CAAA,OAEsB,aAFtB,CAAA,CAAA,SAAA,CAAA;;;AAEc,iBAIjB,KAAA,CAJiB;EAAA,EAAA;EAAA,SAAA;EAAA,SAAA;EAAA,GAAA;EAAA,KAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAIkD,UAJlD,CAAA,EAI4D,mBAAA,CAAA,GAAA,CAAA,OAJ5D"}
+{"version":3,"file":"index68.d.ts","names":[],"sources":["../src/layouts/PageBackground/PageBackground.tsx"],"mappings":";;;;;KAkBK,mBAAA,GAAsB,KAAA,CAAM;;EAA5B,KAAA,CAAA,EAAA,OAAA;AAA0C,CAAA;;iBAMtC,cAAA,CAAiB;EAAA,KAAA;EAAA,SAAA;EAAA,KAAA;EAAA,GAAA;AAAA,CAAA,EAA4C,mBAA5C,CAAA,EAA+D,oBAAA,CAAA,GAAA,CAAA,OAA/D"}

package/dist/index69.d.cts

@@ -1,36 +1,37 @@
-import * as react_jsx_runtime119 from "react/jsx-runtime";
-import * as class_variance_authority_types10 from "class-variance-authority/types";
+import * as react_jsx_runtime227 from "react/jsx-runtime";
+import * as class_variance_authority_types17 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
 
-//#region src/layouts/TwoColumn/TwoColumn.d.ts
-declare const twoColumnVariants: (props?: ({
-  gap?: "sm" | "none" | "lg" | "xl" | "md" | null | undefined;
-  reverse?: boolean | null | undefined;
-} & class_variance_authority_types10.ClassProp) | undefined) => string;
-type TwoColumnProps = React.ComponentProps<"div"> & VariantProps<typeof twoColumnVariants> & {
-  /** Space between the aside and main columns (and between stacked rows below `lg`). */
-  gap?: VariantProps<typeof twoColumnVariants>["gap"];
-  /** Place the aside after the main column at `lg` and up (`flex-row-reverse`). */
-  reverse?: VariantProps<typeof twoColumnVariants>["reverse"];
+//#region src/layouts/Stack/Stack.d.ts
+declare const stackVariants: (props?: ({
+  direction?: "horizontal" | "vertical" | null | undefined;
+  gap?: "xs" | "sm" | "lg" | "xl" | "md" | "none" | "2xl" | null | undefined;
+  align?: "center" | "end" | "start" | "stretch" | null | undefined;
+  justify?: "center" | "end" | "start" | "between" | null | undefined;
+} & class_variance_authority_types17.ClassProp) | undefined) => string;
+type StackProps = React.ComponentProps<"div"> & VariantProps<typeof stackVariants> & {
+  /** Render as a different element/component instead of the default `div`. */
+  as?: React.ElementType;
+  /** Layout axis: `vertical` (column) or `horizontal` (row). Defaults to `vertical`. */
+  direction?: VariantProps<typeof stackVariants>["direction"];
+  /** Spacing between children, mapped to spacing tokens. Defaults to `md`. */
+  gap?: VariantProps<typeof stackVariants>["gap"];
+  /** Cross-axis alignment (`align-items`). Defaults to `stretch`. */
+  align?: VariantProps<typeof stackVariants>["align"];
+  /** Main-axis distribution (`justify-content`). */
+  justify?: VariantProps<typeof stackVariants>["justify"];
 };
-/** Composable two-column layout (aside + main) that stacks vertically below `lg`. */
-declare function TwoColumn({
+/** Stack — flex container that lays out children in a column or row with token-spaced gaps. */
+declare function Stack({
+  as,
   className,
+  direction,
   gap,
-  reverse,
+  align,
+  justify,
   ...props
-}: TwoColumnProps): react_jsx_runtime119.JSX.Element;
-/** Sidebar column — full width when stacked, fixed `lg:w-64` beside the main column (override via `className`). */
-declare function TwoColumnAside({
-  className,
-  ...props
-}: React.ComponentProps<"aside">): react_jsx_runtime119.JSX.Element;
-/** Main content column — fills the remaining space (`min-w-0 flex-1`) so it can shrink and truncate. */
-declare function TwoColumnMain({
-  className,
-  ...props
-}: React.ComponentProps<"div">): react_jsx_runtime119.JSX.Element;
+}: StackProps): react_jsx_runtime227.JSX.Element;
 //#endregion
-export { twoColumnVariants as a, TwoColumnProps as i, TwoColumnAside as n, TwoColumnMain as r, TwoColumn as t };
+export { StackProps as n, stackVariants as r, Stack as t };
 //# sourceMappingURL=index69.d.cts.map

package/dist/index69.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index69.d.cts","names":[],"sources":["../src/layouts/TwoColumn/TwoColumn.tsx"],"mappings":";;;;;;cASM;;;IAgBJ,gCAAA,CAAA;AAxBkC,KA0B/B,cAAA,GAAiB,KAAA,CAAM,cAF1B,CAAA,KAAA,CAAA,GAGA,YAHA,CAAA,OAGoB,iBAHpB,CAAA,GAAA;EAEG;EAAc,GAAA,CAAA,EAGT,YAHS,CAAA,OAGW,iBAHX,CAAA,CAAA,KAAA,CAAA;;SACG,CAAA,EAIR,YAJQ,CAAA,OAIY,iBAJZ,CAAA,CAAA,SAAA,CAAA;;;iBAQb,SAAA,CANC;EAAA,SAAA;EAAA,GAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAMgD,cANhD,CAAA,EAM8D,oBAAA,CAAA,GAAA,CAAA,OAN9D;;iBAiBD,cAAA,CAfK;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAemC,KAAA,CAAM,cAfzC,CAAA,OAAA,CAAA,CAAA,EAegE,oBAAA,CAAA,GAAA,CAAA,OAfhE;AAAY;AAAA,iBA0BjB,aAAA,CAtBS;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAsB8B,KAAA,CAAM,cAtBpC,CAAA,KAAA,CAAA,CAAA,EAsByD,oBAAA,CAAA,GAAA,CAAA,OAtBzD"}
+{"version":3,"file":"index69.d.cts","names":[],"sources":["../src/layouts/Stack/Stack.tsx"],"mappings":";;;;;;cAOM,qBAmCS;;;;EAnCT,OAAA,CAAA,EAAA,QAiCJ,GAAA,KAAA,GAAA,OAAA,GAAA,SAAA,GAAA,IAAA,GAAA,SAAA;IAAA,gCAAA,CAAA,SAEa,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;KAAV,UAAA,GAAa,KAAA,CAAM,cAAT,CAAA,KAAA,CAAA,GACb,YADa,CAAA,OACO,aADP,CAAA,GAAA;;KACO,EAEb,KAAA,CAAM,WAFO;;WAEP,CAAA,EAEC,YAFD,CAAA,OAEqB,aAFrB,CAAA,CAAA,WAAA,CAAA;;KAEC,CAAA,EAEN,YAFM,CAAA,OAEc,aAFd,CAAA,CAAA,KAAA,CAAA;;OAEN,CAAA,EAEE,YAFF,CAAA,OAEsB,aAFtB,CAAA,CAAA,OAAA,CAAA;;SAEE,CAAA,EAEE,YAFF,CAAA,OAEsB,aAFtB,CAAA,CAAA,SAAA,CAAA;;;AAEc,iBAIjB,KAAA,CAJiB;EAAA,EAAA;EAAA,SAAA;EAAA,SAAA;EAAA,GAAA;EAAA,KAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAIkD,UAJlD,CAAA,EAI4D,oBAAA,CAAA,GAAA,CAAA,OAJ5D"}

package/dist/index69.d.ts

@@ -1,36 +1,37 @@
-import * as React from "react";
-import * as react_jsx_runtime37 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types6 from "class-variance-authority/types";
+import * as React from "react";
+import * as react_jsx_runtime204 from "react/jsx-runtime";
+import * as class_variance_authority_types17 from "class-variance-authority/types";
 
-//#region src/layouts/TwoColumn/TwoColumn.d.ts
-declare const twoColumnVariants: (props?: ({
-  gap?: "sm" | "lg" | "xl" | "none" | "md" | null | undefined;
-  reverse?: boolean | null | undefined;
-} & class_variance_authority_types6.ClassProp) | undefined) => string;
-type TwoColumnProps = React.ComponentProps<"div"> & VariantProps<typeof twoColumnVariants> & {
-  /** Space between the aside and main columns (and between stacked rows below `lg`). */
-  gap?: VariantProps<typeof twoColumnVariants>["gap"];
-  /** Place the aside after the main column at `lg` and up (`flex-row-reverse`). */
-  reverse?: VariantProps<typeof twoColumnVariants>["reverse"];
+//#region src/layouts/Stack/Stack.d.ts
+declare const stackVariants: (props?: ({
+  direction?: "vertical" | "horizontal" | null | undefined;
+  gap?: "sm" | "md" | "lg" | "xs" | "none" | "xl" | "2xl" | null | undefined;
+  align?: "center" | "end" | "start" | "stretch" | null | undefined;
+  justify?: "center" | "end" | "start" | "between" | null | undefined;
+} & class_variance_authority_types17.ClassProp) | undefined) => string;
+type StackProps = React.ComponentProps<"div"> & VariantProps<typeof stackVariants> & {
+  /** Render as a different element/component instead of the default `div`. */
+  as?: React.ElementType;
+  /** Layout axis: `vertical` (column) or `horizontal` (row). Defaults to `vertical`. */
+  direction?: VariantProps<typeof stackVariants>["direction"];
+  /** Spacing between children, mapped to spacing tokens. Defaults to `md`. */
+  gap?: VariantProps<typeof stackVariants>["gap"];
+  /** Cross-axis alignment (`align-items`). Defaults to `stretch`. */
+  align?: VariantProps<typeof stackVariants>["align"];
+  /** Main-axis distribution (`justify-content`). */
+  justify?: VariantProps<typeof stackVariants>["justify"];
 };
-/** Composable two-column layout (aside + main) that stacks vertically below `lg`. */
-declare function TwoColumn({
+/** Stack — flex container that lays out children in a column or row with token-spaced gaps. */
+declare function Stack({
+  as,
   className,
+  direction,
   gap,
-  reverse,
-  ...props
-}: TwoColumnProps): react_jsx_runtime37.JSX.Element;
-/** Sidebar column — full width when stacked, fixed `lg:w-64` beside the main column (override via `className`). */
-declare function TwoColumnAside({
-  className,
-  ...props
-}: React.ComponentProps<"aside">): react_jsx_runtime37.JSX.Element;
-/** Main content column — fills the remaining space (`min-w-0 flex-1`) so it can shrink and truncate. */
-declare function TwoColumnMain({
-  className,
+  align,
+  justify,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime37.JSX.Element;
+}: StackProps): react_jsx_runtime204.JSX.Element;
 //#endregion
-export { twoColumnVariants as a, TwoColumnProps as i, TwoColumnAside as n, TwoColumnMain as r, TwoColumn as t };
+export { StackProps as n, stackVariants as r, Stack as t };
 //# sourceMappingURL=index69.d.ts.map

package/dist/index69.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index69.d.ts","names":[],"sources":["../src/layouts/TwoColumn/TwoColumn.tsx"],"mappings":";;;;;;cASM;;;IAgBJ,+BAAA,CAAA;AAxBkC,KA0B/B,cAAA,GAAiB,KAAA,CAAM,cAF1B,CAAA,KAAA,CAAA,GAGA,YAHA,CAAA,OAGoB,iBAHpB,CAAA,GAAA;EAEG;EAAc,GAAA,CAAA,EAGT,YAHS,CAAA,OAGW,iBAHX,CAAA,CAAA,KAAA,CAAA;;SACG,CAAA,EAIR,YAJQ,CAAA,OAIY,iBAJZ,CAAA,CAAA,SAAA,CAAA;;;iBAQb,SAAA,CANC;EAAA,SAAA;EAAA,GAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAMgD,cANhD,CAAA,EAM8D,mBAAA,CAAA,GAAA,CAAA,OAN9D;;iBAiBD,cAAA,CAfK;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAemC,KAAA,CAAM,cAfzC,CAAA,OAAA,CAAA,CAAA,EAegE,mBAAA,CAAA,GAAA,CAAA,OAfhE;AAAY;AAAA,iBA0BjB,aAAA,CAtBS;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAsB8B,KAAA,CAAM,cAtBpC,CAAA,KAAA,CAAA,CAAA,EAsByD,mBAAA,CAAA,GAAA,CAAA,OAtBzD"}
+{"version":3,"file":"index69.d.ts","names":[],"sources":["../src/layouts/Stack/Stack.tsx"],"mappings":";;;;;;cAOM,qBAmCS;;;;EAnCT,OAAA,CAAA,EAAA,QAiCJ,GAAA,KAAA,GAAA,OAAA,GAAA,SAAA,GAAA,IAAA,GAAA,SAAA;IAAA,gCAAA,CAAA,SAEa,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;KAAV,UAAA,GAAa,KAAA,CAAM,cAAT,CAAA,KAAA,CAAA,GACb,YADa,CAAA,OACO,aADP,CAAA,GAAA;;KACO,EAEb,KAAA,CAAM,WAFO;;WAEP,CAAA,EAEC,YAFD,CAAA,OAEqB,aAFrB,CAAA,CAAA,WAAA,CAAA;;KAEC,CAAA,EAEN,YAFM,CAAA,OAEc,aAFd,CAAA,CAAA,KAAA,CAAA;;OAEN,CAAA,EAEE,YAFF,CAAA,OAEsB,aAFtB,CAAA,CAAA,OAAA,CAAA;;SAEE,CAAA,EAEE,YAFF,CAAA,OAEsB,aAFtB,CAAA,CAAA,SAAA,CAAA;;;AAEc,iBAIjB,KAAA,CAJiB;EAAA,EAAA;EAAA,SAAA;EAAA,SAAA;EAAA,GAAA;EAAA,KAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAIkD,UAJlD,CAAA,EAI4D,oBAAA,CAAA,GAAA,CAAA,OAJ5D"}

package/dist/index7.d.cts

@@ -1,21 +1,21 @@
-import * as react_jsx_runtime184 from "react/jsx-runtime";
+import * as react_jsx_runtime153 from "react/jsx-runtime";
 import * as React from "react";
 
 //#region src/primitives/Breadcrumb/Breadcrumb.d.ts
 /** Navigation landmark that wraps a breadcrumb trail (renders a labelled `<nav>`). */
 declare function Breadcrumb({
   ...props
-}: React.ComponentProps<"nav">): react_jsx_runtime184.JSX.Element;
+}: React.ComponentProps<"nav">): react_jsx_runtime153.JSX.Element;
 /** Ordered list container that lays out the breadcrumb items and separators. */
 declare function BreadcrumbList({
   className,
   ...props
-}: React.ComponentProps<"ol">): react_jsx_runtime184.JSX.Element;
+}: React.ComponentProps<"ol">): react_jsx_runtime153.JSX.Element;
 /** A single segment in the trail; wraps a link, page, or ellipsis. */
 declare function BreadcrumbItem({
   className,
   ...props
-}: React.ComponentProps<"li">): react_jsx_runtime184.JSX.Element;
+}: React.ComponentProps<"li">): react_jsx_runtime153.JSX.Element;
 /** A navigable breadcrumb segment that links to an ancestor route. */
 declare function BreadcrumbLink({
   asChild,
@@ -24,23 +24,23 @@ declare function BreadcrumbLink({
 }: React.ComponentProps<"a"> & {
   /** Render as the passed-in child element (e.g. a router `Link`) instead of an `<a>`. */
   asChild?: boolean;
-}): react_jsx_runtime184.JSX.Element;
+}): react_jsx_runtime153.JSX.Element;
 /** The current page segment; non-interactive and marked `aria-current="page"`. */
 declare function BreadcrumbPage({
   className,
   ...props
-}: React.ComponentProps<"span">): react_jsx_runtime184.JSX.Element;
+}: React.ComponentProps<"span">): react_jsx_runtime153.JSX.Element;
 /** Visual divider between items; defaults to a chevron, overridable via `children`. */
 declare function BreadcrumbSeparator({
   children,
   className,
   ...props
-}: React.ComponentProps<"li">): react_jsx_runtime184.JSX.Element;
+}: React.ComponentProps<"li">): react_jsx_runtime153.JSX.Element;
 /** Collapsed-trail indicator that stands in for omitted middle segments. */
 declare function BreadcrumbEllipsis({
   className,
   ...props
-}: React.ComponentProps<"span">): react_jsx_runtime184.JSX.Element;
+}: React.ComponentProps<"span">): react_jsx_runtime153.JSX.Element;
 //#endregion
 export { BreadcrumbList as a, BreadcrumbLink as i, BreadcrumbEllipsis as n, BreadcrumbPage as o, BreadcrumbItem as r, BreadcrumbSeparator as s, Breadcrumb as t };
 //# sourceMappingURL=index7.d.cts.map

package/dist/index7.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index7.d.cts","names":[],"sources":["../src/primitives/Breadcrumb/Breadcrumb.tsx"],"mappings":";;;;;iBAOS,UAAA;;GAAyB,KAAA,CAAM,wBAAqB,oBAAA,CAAA,GAAA,CAAA;;AALzB,iBAU3B,cAAA,CALU;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAK8B,KAAA,CAAM,cALpC,CAAA,IAAA,CAAA,CAAA,EAKwD,oBAAA,CAAA,GAAA,CAAA,OALxD;;iBAmBV,cAAA,CAnB+B;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAmBS,KAAA,CAAM,cAnBf,CAAA,IAAA,CAAA,CAAA,EAmBmC,oBAAA,CAAA,GAAA,CAAA,OAnBnC;;AAAqB,iBA8BpD,cAAA,CA9BoD;EAAA,OAAA;EAAA,SAAA;EAAA,GAAA;CAAA,EAkC1D,KAAA,CAAM,cAlCoD,CAAA,GAAA,CAAA,GAAA;EAKpD;EAAc,OAAA,CAAA,EAAA,OAAA;IAgCtB,oBAAA,CAAA,GAAA,CAAA,OAhCyB;;iBA6CjB,cAAA,CA7CkE;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA6C1B,KAAA,CAAM,cA7CoB,CAAA,MAAA,CAAA,CAAA,EA6CE,oBAAA,CAAA,GAAA,CAAA,OA7CF;AAAA;AAAA,iBAyDlE,mBAAA,CA3Cc;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA2CyC,KAAA,CAAM,cA3C/C,CAAA,IAAA,CAAA,CAAA,EA2CmE,oBAAA,CAAA,GAAA,CAAA,OA3CnE;;iBA0Dd,kBAAA,CA1DiB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA0D2B,KAAA,CAAM,cA1DjC,CAAA,MAAA,CAAA,CAAA,EA0DuD,oBAAA,CAAA,GAAA,CAAA,OA1DvD"}
+{"version":3,"file":"index7.d.cts","names":[],"sources":["../src/primitives/Breadcrumb/Breadcrumb.tsx"],"mappings":";;;;;iBAQS,UAAA;;GAAyB,KAAA,CAAM,wBAAqB,oBAAA,CAAA,GAAA,CAAA;;AANzB,iBAW3B,cAAA,CALU;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAK8B,KAAA,CAAM,cALpC,CAAA,IAAA,CAAA,CAAA,EAKwD,oBAAA,CAAA,GAAA,CAAA,OALxD;;iBAmBV,cAAA,CAnB+B;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAmBS,KAAA,CAAM,cAnBf,CAAA,IAAA,CAAA,CAAA,EAmBmC,oBAAA,CAAA,GAAA,CAAA,OAnBnC;;AAAqB,iBA8BpD,cAAA,CA9BoD;EAAA,OAAA;EAAA,SAAA;EAAA,GAAA;CAAA,EAkC1D,KAAA,CAAM,cAlCoD,CAAA,GAAA,CAAA,GAAA;EAKpD;EAAc,OAAA,CAAA,EAAA,OAAA;IAgCtB,oBAAA,CAAA,GAAA,CAAA,OAhCyB;;iBA6CjB,cAAA,CA7CkE;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA6C1B,KAAA,CAAM,cA7CoB,CAAA,MAAA,CAAA,CAAA,EA6CE,oBAAA,CAAA,GAAA,CAAA,OA7CF;AAAA;AAAA,iBAyDlE,mBAAA,CA3Cc;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA2CyC,KAAA,CAAM,cA3C/C,CAAA,IAAA,CAAA,CAAA,EA2CmE,oBAAA,CAAA,GAAA,CAAA,OA3CnE;;iBA0Dd,kBAAA,CA1DiB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA0D2B,KAAA,CAAM,cA1DjC,CAAA,MAAA,CAAA,CAAA,EA0DuD,oBAAA,CAAA,GAAA,CAAA,OA1DvD"}

package/dist/index7.d.ts

@@ -1,21 +1,21 @@
 import * as React from "react";
-import * as react_jsx_runtime28 from "react/jsx-runtime";
+import * as react_jsx_runtime35 from "react/jsx-runtime";
 
 //#region src/primitives/Breadcrumb/Breadcrumb.d.ts
 /** Navigation landmark that wraps a breadcrumb trail (renders a labelled `<nav>`). */
 declare function Breadcrumb({
   ...props
-}: React.ComponentProps<"nav">): react_jsx_runtime28.JSX.Element;
+}: React.ComponentProps<"nav">): react_jsx_runtime35.JSX.Element;
 /** Ordered list container that lays out the breadcrumb items and separators. */
 declare function BreadcrumbList({
   className,
   ...props
-}: React.ComponentProps<"ol">): react_jsx_runtime28.JSX.Element;
+}: React.ComponentProps<"ol">): react_jsx_runtime35.JSX.Element;
 /** A single segment in the trail; wraps a link, page, or ellipsis. */
 declare function BreadcrumbItem({
   className,
   ...props
-}: React.ComponentProps<"li">): react_jsx_runtime28.JSX.Element;
+}: React.ComponentProps<"li">): react_jsx_runtime35.JSX.Element;
 /** A navigable breadcrumb segment that links to an ancestor route. */
 declare function BreadcrumbLink({
   asChild,
@@ -24,23 +24,23 @@ declare function BreadcrumbLink({
 }: React.ComponentProps<"a"> & {
   /** Render as the passed-in child element (e.g. a router `Link`) instead of an `<a>`. */
   asChild?: boolean;
-}): react_jsx_runtime28.JSX.Element;
+}): react_jsx_runtime35.JSX.Element;
 /** The current page segment; non-interactive and marked `aria-current="page"`. */
 declare function BreadcrumbPage({
   className,
   ...props
-}: React.ComponentProps<"span">): react_jsx_runtime28.JSX.Element;
+}: React.ComponentProps<"span">): react_jsx_runtime35.JSX.Element;
 /** Visual divider between items; defaults to a chevron, overridable via `children`. */
 declare function BreadcrumbSeparator({
   children,
   className,
   ...props
-}: React.ComponentProps<"li">): react_jsx_runtime28.JSX.Element;
+}: React.ComponentProps<"li">): react_jsx_runtime35.JSX.Element;
 /** Collapsed-trail indicator that stands in for omitted middle segments. */
 declare function BreadcrumbEllipsis({
   className,
   ...props
-}: React.ComponentProps<"span">): react_jsx_runtime28.JSX.Element;
+}: React.ComponentProps<"span">): react_jsx_runtime35.JSX.Element;
 //#endregion
 export { BreadcrumbList as a, BreadcrumbLink as i, BreadcrumbEllipsis as n, BreadcrumbPage as o, BreadcrumbItem as r, BreadcrumbSeparator as s, Breadcrumb as t };
 //# sourceMappingURL=index7.d.ts.map

package/dist/index7.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index7.d.ts","names":[],"sources":["../src/primitives/Breadcrumb/Breadcrumb.tsx"],"mappings":";;;;;iBAOS,UAAA;;GAAyB,KAAA,CAAM,wBAAqB,mBAAA,CAAA,GAAA,CAAA;;AALzB,iBAU3B,cAAA,CALU;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAK8B,KAAA,CAAM,cALpC,CAAA,IAAA,CAAA,CAAA,EAKwD,mBAAA,CAAA,GAAA,CAAA,OALxD;;iBAmBV,cAAA,CAnB+B;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAmBS,KAAA,CAAM,cAnBf,CAAA,IAAA,CAAA,CAAA,EAmBmC,mBAAA,CAAA,GAAA,CAAA,OAnBnC;;AAAqB,iBA8BpD,cAAA,CA9BoD;EAAA,OAAA;EAAA,SAAA;EAAA,GAAA;CAAA,EAkC1D,KAAA,CAAM,cAlCoD,CAAA,GAAA,CAAA,GAAA;EAKpD;EAAc,OAAA,CAAA,EAAA,OAAA;IAgCtB,mBAAA,CAAA,GAAA,CAAA,OAhCyB;;iBA6CjB,cAAA,CA7CkE;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA6C1B,KAAA,CAAM,cA7CoB,CAAA,MAAA,CAAA,CAAA,EA6CE,mBAAA,CAAA,GAAA,CAAA,OA7CF;AAAA;AAAA,iBAyDlE,mBAAA,CA3Cc;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA2CyC,KAAA,CAAM,cA3C/C,CAAA,IAAA,CAAA,CAAA,EA2CmE,mBAAA,CAAA,GAAA,CAAA,OA3CnE;;iBA0Dd,kBAAA,CA1DiB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA0D2B,KAAA,CAAM,cA1DjC,CAAA,MAAA,CAAA,CAAA,EA0DuD,mBAAA,CAAA,GAAA,CAAA,OA1DvD"}
+{"version":3,"file":"index7.d.ts","names":[],"sources":["../src/primitives/Breadcrumb/Breadcrumb.tsx"],"mappings":";;;;;iBAQS,UAAA;;GAAyB,KAAA,CAAM,wBAAqB,mBAAA,CAAA,GAAA,CAAA;;AANzB,iBAW3B,cAAA,CALU;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAK8B,KAAA,CAAM,cALpC,CAAA,IAAA,CAAA,CAAA,EAKwD,mBAAA,CAAA,GAAA,CAAA,OALxD;;iBAmBV,cAAA,CAnB+B;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAmBS,KAAA,CAAM,cAnBf,CAAA,IAAA,CAAA,CAAA,EAmBmC,mBAAA,CAAA,GAAA,CAAA,OAnBnC;;AAAqB,iBA8BpD,cAAA,CA9BoD;EAAA,OAAA;EAAA,SAAA;EAAA,GAAA;CAAA,EAkC1D,KAAA,CAAM,cAlCoD,CAAA,GAAA,CAAA,GAAA;EAKpD;EAAc,OAAA,CAAA,EAAA,OAAA;IAgCtB,mBAAA,CAAA,GAAA,CAAA,OAhCyB;;iBA6CjB,cAAA,CA7CkE;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA6C1B,KAAA,CAAM,cA7CoB,CAAA,MAAA,CAAA,CAAA,EA6CE,mBAAA,CAAA,GAAA,CAAA,OA7CF;AAAA;AAAA,iBAyDlE,mBAAA,CA3Cc;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA2CyC,KAAA,CAAM,cA3C/C,CAAA,IAAA,CAAA,CAAA,EA2CmE,mBAAA,CAAA,GAAA,CAAA,OA3CnE;;iBA0Dd,kBAAA,CA1DiB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA0D2B,KAAA,CAAM,cA1DjC,CAAA,MAAA,CAAA,CAAA,EA0DuD,mBAAA,CAAA,GAAA,CAAA,OA1DvD"}