@psnext/design-system 2.5.0 → 2.7.0

package/dist/index71.d.ts

@@ -1,91 +1,25 @@
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 import * as class_variance_authority_types1 from "class-variance-authority/types";
 
-//#region src/layouts/MultiColumn/MultiColumn.d.ts
-declare const multiColumnVariants: (props?: ({
-  gap?: "none" | "sm" | "md" | "lg" | "xl" | null | undefined;
-  stackBelow?: "sm" | "md" | "lg" | "xl" | null | undefined;
+//#region src/layouts/Container/Container.d.ts
+declare const containerVariants: (props?: ({
+  size?: "narrow" | "content" | "wide" | "full" | null | undefined;
+  variant?: "default" | "glass" | null | undefined;
 } & class_variance_authority_types1.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;
+type ContainerProps = React.ComponentProps<"div"> & VariantProps<typeof containerVariants> & {
+  /** Element/component to render as instead of the default `div` (e.g. `main`, `section`). */
+  as?: React.ElementType;
 };
-/** CSS Grid N-column layout — pass one track per column via `columns`; stacks below `stackBelow`. */
-declare function MultiColumn({
+/** Centered, max-width page column with consistent gutters; optionally a glass panel. */
+declare function Container({
+  as,
   className,
-  style,
-  columns,
-  gap,
-  stackBelow,
-  resizable,
-  onColumnsChange,
-  minColumnSize,
-  reorderable,
-  onReorderChange,
-  children,
+  size,
+  variant,
   ...props
-}: MultiColumnProps): react_jsx_runtime10.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_runtime10.JSX.Element;
+}: ContainerProps): react_jsx_runtime3.JSX.Element;
 //#endregion
-export { multiColumnVariants as a, MultiColumnProps as i, MultiColumnItem as n, MultiColumnItemProps as r, MultiColumn as t };
+export { ContainerProps as n, containerVariants as r, Container as t };
 //# sourceMappingURL=index71.d.ts.map

package/dist/index71.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index71.d.ts","names":[],"sources":["../src/layouts/MultiColumn/MultiColumn.tsx"],"mappings":";;;;;;cAwBM;;;IAoBJ,+BAAA,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,mBAAA,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,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"index71.d.ts","names":[],"sources":["../src/layouts/Container/Container.tsx"],"mappings":";;;;;;cAOM;;;IAkBJ,+BAAA,CAAA;AAxBkC,KA0B/B,cAAA,GAAiB,KAAA,CAAM,cAF1B,CAAA,KAAA,CAAA,GAGA,YAHA,CAAA,OAGoB,iBAHpB,CAAA,GAAA;EAEG;EAAc,EAAA,CAAA,EAGV,KAAA,CAAM,WAHI;;;iBAOV,SAAA,CANP;EAAA,EAAA;EAAA,SAAA;EAAA,IAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAM6D,cAN7D,CAAA,EAM2E,kBAAA,CAAA,GAAA,CAAA,OAN3E"}

package/dist/index72.d.cts

@@ -1,19 +1,91 @@
-import * as react_jsx_runtime25 from "react/jsx-runtime";
+import * as react_jsx_runtime209 from "react/jsx-runtime";
+import * as class_variance_authority_types21 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" | "none" | "md" | null | undefined;
+  stackBelow?: "sm" | "lg" | "xl" | "md" | null | undefined;
+} & class_variance_authority_types21.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_runtime25.JSX.Element;
+}: MultiColumnProps): react_jsx_runtime209.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_runtime209.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=index72.d.cts.map

package/dist/index72.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index72.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,mBAAA,CAAA,GAAA,CAAA,OAA/D"}
+{"version":3,"file":"index72.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/index72.d.ts

@@ -1,19 +1,91 @@
+import { VariantProps } from "class-variance-authority";
 import * as React from "react";
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as class_variance_authority_types0 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?: "none" | "sm" | "md" | "lg" | "xl" | null | undefined;
+  stackBelow?: "sm" | "md" | "lg" | "xl" | null | undefined;
+} & class_variance_authority_types0.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_runtime9.JSX.Element;
+}: MultiColumnProps): react_jsx_runtime1.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_runtime1.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=index72.d.ts.map

package/dist/index72.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index72.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,kBAAA,CAAA,GAAA,CAAA,OAA/D"}
+{"version":3,"file":"index72.d.ts","names":[],"sources":["../src/layouts/MultiColumn/MultiColumn.tsx"],"mappings":";;;;;;cAwBM;;;IAoBJ,+BAAA,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,kBAAA,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,kBAAA,CAAA,GAAA,CAAA"}

package/dist/index73.d.cts

@@ -1,37 +1,19 @@
-import * as react_jsx_runtime312 from "react/jsx-runtime";
-import * as class_variance_authority_types26 from "class-variance-authority/types";
-import { VariantProps } from "class-variance-authority";
+import * as react_jsx_runtime204 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?: "none" | "sm" | "md" | "lg" | "xl" | "xs" | "2xl" | null | undefined;
-  align?: "end" | "start" | "center" | "stretch" | null | undefined;
-  justify?: "end" | "start" | "center" | "between" | null | undefined;
-} & class_variance_authority_types26.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_runtime312.JSX.Element;
+}: PageBackgroundProps): react_jsx_runtime204.JSX.Element;
 //#endregion
-export { StackProps as n, stackVariants as r, Stack as t };
+export { PageBackgroundProps as n, PageBackground as t };
 //# sourceMappingURL=index73.d.cts.map

package/dist/index73.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index73.d.cts","names":[],"sources":["../src/layouts/Stack/Stack.tsx"],"mappings":";;;;;;cAOM,qBAmCS;;;;EAnCT,OAAA,CAAA,EAAA,KAAA,GAiCJ,OAAA,GAAA,QAAA,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":"index73.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/index73.d.ts

@@ -1,37 +1,19 @@
-import { VariantProps } from "class-variance-authority";
 import * as React from "react";
-import * as react_jsx_runtime7 from "react/jsx-runtime";
-import * as class_variance_authority_types0 from "class-variance-authority/types";
+import * as react_jsx_runtime325 from "react/jsx-runtime";
 
-//#region src/layouts/Stack/Stack.d.ts
-declare const stackVariants: (props?: ({
-  direction?: "vertical" | "horizontal" | null | undefined;
-  gap?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
-  align?: "start" | "center" | "end" | "stretch" | null | undefined;
-  justify?: "start" | "center" | "end" | "between" | null | undefined;
-} & class_variance_authority_types0.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_runtime7.JSX.Element;
+}: PageBackgroundProps): react_jsx_runtime325.JSX.Element;
 //#endregion
-export { StackProps as n, stackVariants as r, Stack as t };
+export { PageBackgroundProps as n, PageBackground as t };
 //# sourceMappingURL=index73.d.ts.map

package/dist/index73.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index73.d.ts","names":[],"sources":["../src/layouts/Stack/Stack.tsx"],"mappings":";;;;;;cAOM,qBAmCS;;;;EAnCT,OAAA,CAAA,EAAA,OAiCJ,GAAA,QAAA,GAAA,KAAA,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,kBAAA,CAAA,GAAA,CAAA,OAJ5D"}
+{"version":3,"file":"index73.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/index74.d.cts

@@ -1,36 +1,37 @@
-import * as react_jsx_runtime301 from "react/jsx-runtime";
-import * as class_variance_authority_types25 from "class-variance-authority/types";
+import * as react_jsx_runtime205 from "react/jsx-runtime";
+import * as class_variance_authority_types20 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?: "none" | "sm" | "md" | "lg" | "xl" | null | undefined;
-  reverse?: boolean | null | undefined;
-} & class_variance_authority_types25.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" | "none" | "md" | "2xl" | null | undefined;
+  align?: "center" | "end" | "start" | "stretch" | null | undefined;
+  justify?: "center" | "end" | "start" | "between" | null | undefined;
+} & class_variance_authority_types20.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_runtime301.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_runtime301.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_runtime301.JSX.Element;
+}: StackProps): react_jsx_runtime205.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=index74.d.cts.map

package/dist/index74.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index74.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":"index74.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/index74.d.ts

@@ -1,36 +1,37 @@
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
-import * as react_jsx_runtime231 from "react/jsx-runtime";
-import * as class_variance_authority_types21 from "class-variance-authority/types";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
 
-//#region src/layouts/TwoColumn/TwoColumn.d.ts
-declare const twoColumnVariants: (props?: ({
-  gap?: "none" | "sm" | "md" | "lg" | "xl" | null | undefined;
-  reverse?: boolean | null | undefined;
-} & class_variance_authority_types21.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?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
+  align?: "start" | "center" | "end" | "stretch" | null | undefined;
+  justify?: "start" | "center" | "end" | "between" | null | undefined;
+} & class_variance_authority_types0.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_runtime231.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_runtime231.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_runtime231.JSX.Element;
+}: StackProps): react_jsx_runtime0.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=index74.d.ts.map

package/dist/index74.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index74.d.ts","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":"index74.d.ts","names":[],"sources":["../src/layouts/Stack/Stack.tsx"],"mappings":";;;;;;cAOM,qBAmCS;;;;EAnCT,OAAA,CAAA,EAAA,OAiCJ,GAAA,QAAA,GAAA,KAAA,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,kBAAA,CAAA,GAAA,CAAA,OAJ5D"}