@psnext/design-system 2.4.0 → 2.6.0

package/dist/index66.d.cts

@@ -1,25 +1,45 @@
-import * as react_jsx_runtime209 from "react/jsx-runtime";
-import * as class_variance_authority_types15 from "class-variance-authority/types";
+import * as react_jsx_runtime28 from "react/jsx-runtime";
+import * as class_variance_authority_types2 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
 
-//#region src/layouts/Container/Container.d.ts
-declare const containerVariants: (props?: ({
-  size?: "content" | "narrow" | "wide" | "full" | null | undefined;
-  variant?: "default" | "glass" | null | undefined;
-} & class_variance_authority_types15.ClassProp) | undefined) => string;
-type ContainerProps = React.ComponentProps<"div"> & VariantProps<typeof containerVariants> & {
-  /** Element/component to render as instead of the default `div` (e.g. `main`, `section`). */
+//#region src/primitives/Text/Text.d.ts
+declare const textVariants: (props?: ({
+  size?: "large" | "regular" | "small" | "mini" | "caption" | null | undefined;
+  weight?: "normal" | "medium" | "semibold" | null | undefined;
+  variant?: "default" | "muted" | "primary" | "destructive" | "success" | null | undefined;
+  font?: "body" | "heading" | "mono" | null | undefined;
+  align?: "center" | "left" | "right" | null | undefined;
+  truncate?: boolean | null | undefined;
+} & class_variance_authority_types2.ClassProp) | undefined) => string;
+type TextProps = Omit<React.ComponentProps<"p">, "color"> & VariantProps<typeof textVariants> & {
+  /** Element/component to render. Defaults to `p`. */
   as?: React.ElementType;
+  /** Body type-scale step (font-size + line-height). Defaults to `regular`. */
+  size?: VariantProps<typeof textVariants>["size"];
+  /** Font weight. Defaults to `normal`. */
+  weight?: VariantProps<typeof textVariants>["weight"];
+  /** Foreground colour token. Defaults to `default` (text-primary-txt). */
+  variant?: VariantProps<typeof textVariants>["variant"];
+  /** Font family. Defaults to `body` (sans). */
+  font?: VariantProps<typeof textVariants>["font"];
+  /** Horizontal text alignment. */
+  align?: VariantProps<typeof textVariants>["align"];
+  /** Truncate to a single line with an ellipsis. */
+  truncate?: VariantProps<typeof textVariants>["truncate"];
 };
-/** Centered, max-width page column with consistent gutters; optionally a glass panel. */
-declare function Container({
+/** The typography primitive: renders any element via `as` and drives size/weight/colour from the body type scale. */
+declare function Text({
   as,
   className,
   size,
+  weight,
   variant,
+  font,
+  align,
+  truncate,
   ...props
-}: ContainerProps): react_jsx_runtime209.JSX.Element;
+}: TextProps): react_jsx_runtime28.JSX.Element;
 //#endregion
-export { ContainerProps as n, containerVariants as r, Container as t };
+export { TextProps as n, textVariants as r, Text as t };
 //# sourceMappingURL=index66.d.cts.map

package/dist/index66.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index66.d.cts","names":[],"sources":["../src/layouts/Container/Container.tsx"],"mappings":";;;;;;cAOM;;;IAkBJ,gCAAA,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,oBAAA,CAAA,GAAA,CAAA,OAN3E"}
+{"version":3,"file":"index66.d.cts","names":[],"sources":["../src/primitives/Text/Text.tsx"],"mappings":";;;;;;cASM,oBAgDsB;;;;EAhDtB,IAAA,CAAA,EAAA,MAAA,GA8CJ,SAAA,GAAA,MAAA,GAAA,IAAA,GAAA,SAAA;EAEG,KAAA,CAAA,EAAA,QAAS,GAAA,MAAA,GAAA,OAAA,GAAA,IAAA,GAAA,SAAA;EAAA,QAAA,CAAA,EAAA,OAAA,GAAA,IAAA,GAAA,SAAA;IAFZ,+BAAA,CAAA,SAE0B,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;KAAvB,SAAA,GAAY,IAAA,CAAK,KAAA,CAAM,cAAX,CAAA,GAAA,CAAA,EAAA,OAAA,CAAA,GACf,YADe,CAAA,OACK,YADL,CAAA,GAAA;;KACf,EAEO,KAAA,CAAM,WAFb;;MAI6B,CAAA,EAApB,YAAoB,CAAA,OAAA,YAAA,CAAA,CAAA,MAAA,CAAA;;QAEE,CAAA,EAApB,YAAoB,CAAA,OAAA,YAAA,CAAA,CAAA,QAAA,CAAA;;SAEC,CAAA,EAApB,YAAoB,CAAA,OAAA,YAAA,CAAA,CAAA,SAAA,CAAA;;MAEH,CAAA,EAApB,YAAoB,CAAA,OAAA,YAAA,CAAA,CAAA,MAAA,CAAA;;OAEC,CAAA,EAApB,YAAoB,CAAA,OAAA,YAAA,CAAA,CAAA,OAAA,CAAA;;UAEG,CAAA,EAApB,YAAoB,CAAA,OAAA,YAAA,CAAA,CAAA,UAAA,CAAA;;AAAR;AAAA,iBAIlB,IAAA,CAAI;EAAA,EAAA;EAAA,SAAA;EAAA,IAAA;EAAA,MAAA;EAAA,OAAA;EAAA,IAAA;EAAA,KAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAUV,SAVU,CAAA,EAUD,mBAAA,CAAA,GAAA,CAAA,OAVC"}

package/dist/index66.d.ts

@@ -1,25 +1,45 @@
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import * as class_variance_authority_types0 from "class-variance-authority/types";
+import * as react_jsx_runtime289 from "react/jsx-runtime";
+import * as class_variance_authority_types22 from "class-variance-authority/types";
 
-//#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_types0.ClassProp) | undefined) => string;
-type ContainerProps = React.ComponentProps<"div"> & VariantProps<typeof containerVariants> & {
-  /** Element/component to render as instead of the default `div` (e.g. `main`, `section`). */
+//#region src/primitives/Text/Text.d.ts
+declare const textVariants: (props?: ({
+  size?: "caption" | "large" | "regular" | "small" | "mini" | null | undefined;
+  weight?: "normal" | "medium" | "semibold" | null | undefined;
+  variant?: "default" | "muted" | "primary" | "success" | "destructive" | null | undefined;
+  font?: "body" | "heading" | "mono" | null | undefined;
+  align?: "left" | "right" | "center" | null | undefined;
+  truncate?: boolean | null | undefined;
+} & class_variance_authority_types22.ClassProp) | undefined) => string;
+type TextProps = Omit<React.ComponentProps<"p">, "color"> & VariantProps<typeof textVariants> & {
+  /** Element/component to render. Defaults to `p`. */
   as?: React.ElementType;
+  /** Body type-scale step (font-size + line-height). Defaults to `regular`. */
+  size?: VariantProps<typeof textVariants>["size"];
+  /** Font weight. Defaults to `normal`. */
+  weight?: VariantProps<typeof textVariants>["weight"];
+  /** Foreground colour token. Defaults to `default` (text-primary-txt). */
+  variant?: VariantProps<typeof textVariants>["variant"];
+  /** Font family. Defaults to `body` (sans). */
+  font?: VariantProps<typeof textVariants>["font"];
+  /** Horizontal text alignment. */
+  align?: VariantProps<typeof textVariants>["align"];
+  /** Truncate to a single line with an ellipsis. */
+  truncate?: VariantProps<typeof textVariants>["truncate"];
 };
-/** Centered, max-width page column with consistent gutters; optionally a glass panel. */
-declare function Container({
+/** The typography primitive: renders any element via `as` and drives size/weight/colour from the body type scale. */
+declare function Text({
   as,
   className,
   size,
+  weight,
   variant,
+  font,
+  align,
+  truncate,
   ...props
-}: ContainerProps): react_jsx_runtime0.JSX.Element;
+}: TextProps): react_jsx_runtime289.JSX.Element;
 //#endregion
-export { ContainerProps as n, containerVariants as r, Container as t };
+export { TextProps as n, textVariants as r, Text as t };
 //# sourceMappingURL=index66.d.ts.map

package/dist/index66.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index66.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"}
+{"version":3,"file":"index66.d.ts","names":[],"sources":["../src/primitives/Text/Text.tsx"],"mappings":";;;;;;cASM,oBAgDsB;;;;EAhDtB,IAAA,CAAA,EAAA,MAAA,GA8CJ,SAAA,GAAA,MAAA,GAAA,IAAA,GAAA,SAAA;EAEG,KAAA,CAAA,EAAA,MAAS,GAAA,OAAA,GAAA,QAAA,GAAA,IAAA,GAAA,SAAA;EAAA,QAAA,CAAA,EAAA,OAAA,GAAA,IAAA,GAAA,SAAA;IAFZ,gCAAA,CAAA,SAE0B,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;KAAvB,SAAA,GAAY,IAAA,CAAK,KAAA,CAAM,cAAX,CAAA,GAAA,CAAA,EAAA,OAAA,CAAA,GACf,YADe,CAAA,OACK,YADL,CAAA,GAAA;;KACf,EAEO,KAAA,CAAM,WAFb;;MAI6B,CAAA,EAApB,YAAoB,CAAA,OAAA,YAAA,CAAA,CAAA,MAAA,CAAA;;QAEE,CAAA,EAApB,YAAoB,CAAA,OAAA,YAAA,CAAA,CAAA,QAAA,CAAA;;SAEC,CAAA,EAApB,YAAoB,CAAA,OAAA,YAAA,CAAA,CAAA,SAAA,CAAA;;MAEH,CAAA,EAApB,YAAoB,CAAA,OAAA,YAAA,CAAA,CAAA,MAAA,CAAA;;OAEC,CAAA,EAApB,YAAoB,CAAA,OAAA,YAAA,CAAA,CAAA,OAAA,CAAA;;UAEG,CAAA,EAApB,YAAoB,CAAA,OAAA,YAAA,CAAA,CAAA,UAAA,CAAA;;AAAR;AAAA,iBAIlB,IAAA,CAAI;EAAA,EAAA;EAAA,SAAA;EAAA,IAAA;EAAA,MAAA;EAAA,OAAA;EAAA,IAAA;EAAA,KAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAUV,SAVU,CAAA,EAUD,oBAAA,CAAA,GAAA,CAAA,OAVC"}

package/dist/index67.d.cts

@@ -1,91 +1,24 @@
-import * as react_jsx_runtime225 from "react/jsx-runtime";
-import * as class_variance_authority_types16 from "class-variance-authority/types";
+import * as react_jsx_runtime311 from "react/jsx-runtime";
+import * as class_variance_authority_types28 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
 
-//#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;
-};
-/** CSS Grid N-column layout — pass one track per column via `columns`; stacks below `stackBelow`. */
-declare function MultiColumn({
+//#region src/primitives/Textarea/Textarea.d.ts
+declare const textareaVariants: (props?: ({
+  variant?: "default" | "ai" | null | undefined;
+  shape?: "default" | "round" | null | undefined;
+} & class_variance_authority_types28.ClassProp) | undefined) => string;
+/** Multi-line text input that auto-grows with its content and supports validation + disabled states. */
+declare function Textarea({
   className,
-  style,
-  columns,
-  gap,
-  stackBelow,
-  resizable,
-  onColumnsChange,
-  minColumnSize,
-  reorderable,
-  onReorderChange,
-  children,
+  /** Chrome style — `default` bordered field or `ai` (AI gradient border). */
+  variant,
+  shape,
   ...props
-}: 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;
+}: React.ComponentProps<"textarea"> & VariantProps<typeof textareaVariants> & {
+  /** Corner radius: `default` (12px) or `round` (16px). */
+  shape?: VariantProps<typeof textareaVariants>["shape"];
+}): react_jsx_runtime311.JSX.Element;
 //#endregion
-export { multiColumnVariants as a, MultiColumnProps as i, MultiColumnItem as n, MultiColumnItemProps as r, MultiColumn as t };
+export { textareaVariants as n, Textarea 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/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"}
+{"version":3,"file":"index67.d.cts","names":[],"sources":["../src/primitives/Textarea/Textarea.tsx"],"mappings":";;;;;;cAMM;;;IAsBL,gCAAA,CAAA;AA3BmC;iBA8B3B,QAAA,CAAQ;EAAA,SAAA;;SACf;EAAA,KAAA;EAAA,GAAA;CAAA,EAKC,KAAA,CAAM,cALP,CAAA,UAAA,CAAA,GAMA,YANA,CAAA,OAMoB,gBANpB,CAAA,GAAA;;OAGA,CAAA,EAKU,YALV,CAAA,OAK8B,gBAL9B,CAAA,CAAA,OAAA,CAAA;IAMC,oBAAA,CAAA,GAAA,CAAA,OAJM"}

package/dist/index67.d.ts

@@ -1,91 +1,24 @@
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
-import * as react_jsx_runtime205 from "react/jsx-runtime";
-import * as class_variance_authority_types18 from "class-variance-authority/types";
+import * as react_jsx_runtime287 from "react/jsx-runtime";
+import * as class_variance_authority_types21 from "class-variance-authority/types";
 
-//#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;
-};
-/** CSS Grid N-column layout — pass one track per column via `columns`; stacks below `stackBelow`. */
-declare function MultiColumn({
+//#region src/primitives/Textarea/Textarea.d.ts
+declare const textareaVariants: (props?: ({
+  variant?: "default" | "ai" | null | undefined;
+  shape?: "default" | "round" | null | undefined;
+} & class_variance_authority_types21.ClassProp) | undefined) => string;
+/** Multi-line text input that auto-grows with its content and supports validation + disabled states. */
+declare function Textarea({
   className,
-  style,
-  columns,
-  gap,
-  stackBelow,
-  resizable,
-  onColumnsChange,
-  minColumnSize,
-  reorderable,
-  onReorderChange,
-  children,
+  /** Chrome style — `default` bordered field or `ai` (AI gradient border). */
+  variant,
+  shape,
   ...props
-}: 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;
+}: React.ComponentProps<"textarea"> & VariantProps<typeof textareaVariants> & {
+  /** Corner radius: `default` (12px) or `round` (16px). */
+  shape?: VariantProps<typeof textareaVariants>["shape"];
+}): react_jsx_runtime287.JSX.Element;
 //#endregion
-export { multiColumnVariants as a, MultiColumnProps as i, MultiColumnItem as n, MultiColumnItemProps as r, MultiColumn as t };
+export { textareaVariants as n, Textarea 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/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"}
+{"version":3,"file":"index67.d.ts","names":[],"sources":["../src/primitives/Textarea/Textarea.tsx"],"mappings":";;;;;;cAMM;;;IAsBL,gCAAA,CAAA;AA3BmC;iBA8B3B,QAAA,CAAQ;EAAA,SAAA;;SACf;EAAA,KAAA;EAAA,GAAA;CAAA,EAKC,KAAA,CAAM,cALP,CAAA,UAAA,CAAA,GAMA,YANA,CAAA,OAMoB,gBANpB,CAAA,GAAA;;OAGA,CAAA,EAKU,YALV,CAAA,OAK8B,gBAL9B,CAAA,CAAA,OAAA,CAAA;IAMC,oBAAA,CAAA,GAAA,CAAA,OAJM"}

package/dist/index68.d.cts

@@ -1,19 +1,45 @@
-import * as react_jsx_runtime190 from "react/jsx-runtime";
+import * as react_jsx_runtime37 from "react/jsx-runtime";
 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/primitives/ThemeProvider/ThemeProvider.d.ts
+/** Colour mode: light or dark (toggles the `.dark` class on `<html>`). */
+type ThemeMode = "light" | "dark";
+/** Active brand/product (drives the `.theme-{product}` class on `<html>`). */
+type ThemeProduct = "slingshot" | "sustain" | "bodhi" | "psai";
+type ThemePreferences = {
+  theme: ThemeMode;
+  product: ThemeProduct;
 };
-/** Ambient, theme-aware radial-gradient backdrop that sits behind the app so glass surfaces read. */
-declare function PageBackground({
-  fixed,
-  className,
-  style,
-  ...props
-}: PageBackgroundProps): react_jsx_runtime190.JSX.Element;
+type ThemeContextValue = ThemePreferences & {
+  /** Set the colour mode explicitly. */
+  setTheme: (theme: ThemeMode) => void;
+  /** Flip between light and dark. */
+  toggleTheme: () => void;
+  /** Switch the active product (logo + background + future customisations). */
+  setProduct: (product: ThemeProduct) => void;
+};
+declare const ThemeContext: React.Context<ThemeContextValue | null>;
+/**
+ * Owns the app's global appearance (colour mode + active product), reflects it to
+ * `<html>`, and persists it. Wrap the app tree once; read state with `useTheme()`.
+ */
+declare function ThemeProvider({
+  children,
+  defaultTheme,
+  defaultProduct,
+  storageKey
+}: {
+  /** App subtree that consumes the theme context. */
+  children: React.ReactNode;
+  /** Colour mode used when nothing is stored (system preference still wins on first load). */
+  defaultTheme?: ThemeMode;
+  /** Product used when nothing is stored. */
+  defaultProduct?: ThemeProduct;
+  /** localStorage key for the persisted `{ theme, product }`. */
+  storageKey?: string;
+}): react_jsx_runtime37.JSX.Element;
+/** Read the current theme/product and the setters. Must be used inside a `<ThemeProvider>`. */
+declare function useTheme(): ThemeContextValue;
 //#endregion
-export { PageBackgroundProps as n, PageBackground as t };
+export { useTheme as a, ThemeProvider as i, ThemeMode as n, ThemeProduct as r, ThemeContext 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/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":"index68.d.cts","names":[],"sources":["../src/primitives/ThemeProvider/ThemeProvider.tsx"],"mappings":";;;;;KAaY,SAAA;;AAAA,KAEA,YAAA,GAFS,WAAA,GAAA,SAAA,GAAA,OAAA,GAAA,MAAA;AAErB,KAIK,gBAAA,GAJmB;EAInB,KAAA,EAA4B,SAA5B;EAAgB,OAAA,EAAgC,YAAhC;;KAEhB,iBAAA,GAAoB,gBAF4B,GAAA;EAAY;EAE5D,QAAA,EAAA,CAAA,KAAA,EAEe,SAFE,EAAA,GAAA,IAAA;EAAA;aAAG,EAAA,GAAA,GAAA,IAAA;;YAMD,EAAA,CAAA,OAAA,EAAA,YAAA,EAAA,GAAA,IAAA;AAAY,CAAA;AAAA,cAG9B,YAAkE,EAAtD,KAAA,CAAA,OAAsD,CAAtD,iBAAsD,GAAA,IAAA,CAAA;;;;AAAtD;AAAA,iBAoCT,aAAA,CAAa;EAAA,QAAA;EAAA,YAAA;EAAA,cAAA;EAAA;CAAA,EAAA;EAAA;UACpB,EAMU,KAAA,CAAM,SANhB;;cAEA,CAAA,EAMe,SANf;;gBAIgB,CAAA,EAIC,YAJD;;YAIC,CAAA,EAAA,MAAA;IAGlB,mBAAA,CAAA,GAAA,CAAA,OAAA;AAAA;AAAA,iBAmCQ,QAAA,CAAA,CAAY,EAAA,iBAAiB"}

package/dist/index68.d.ts

@@ -1,19 +1,45 @@
 import * as React from "react";
-import * as react_jsx_runtime203 from "react/jsx-runtime";
+import * as react_jsx_runtime271 from "react/jsx-runtime";
 
-//#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/primitives/ThemeProvider/ThemeProvider.d.ts
+/** Colour mode: light or dark (toggles the `.dark` class on `<html>`). */
+type ThemeMode = "light" | "dark";
+/** Active brand/product (drives the `.theme-{product}` class on `<html>`). */
+type ThemeProduct = "slingshot" | "sustain" | "bodhi" | "psai";
+type ThemePreferences = {
+  theme: ThemeMode;
+  product: ThemeProduct;
 };
-/** Ambient, theme-aware radial-gradient backdrop that sits behind the app so glass surfaces read. */
-declare function PageBackground({
-  fixed,
-  className,
-  style,
-  ...props
-}: PageBackgroundProps): react_jsx_runtime203.JSX.Element;
+type ThemeContextValue = ThemePreferences & {
+  /** Set the colour mode explicitly. */
+  setTheme: (theme: ThemeMode) => void;
+  /** Flip between light and dark. */
+  toggleTheme: () => void;
+  /** Switch the active product (logo + background + future customisations). */
+  setProduct: (product: ThemeProduct) => void;
+};
+declare const ThemeContext: React.Context<ThemeContextValue | null>;
+/**
+ * Owns the app's global appearance (colour mode + active product), reflects it to
+ * `<html>`, and persists it. Wrap the app tree once; read state with `useTheme()`.
+ */
+declare function ThemeProvider({
+  children,
+  defaultTheme,
+  defaultProduct,
+  storageKey
+}: {
+  /** App subtree that consumes the theme context. */
+  children: React.ReactNode;
+  /** Colour mode used when nothing is stored (system preference still wins on first load). */
+  defaultTheme?: ThemeMode;
+  /** Product used when nothing is stored. */
+  defaultProduct?: ThemeProduct;
+  /** localStorage key for the persisted `{ theme, product }`. */
+  storageKey?: string;
+}): react_jsx_runtime271.JSX.Element;
+/** Read the current theme/product and the setters. Must be used inside a `<ThemeProvider>`. */
+declare function useTheme(): ThemeContextValue;
 //#endregion
-export { PageBackgroundProps as n, PageBackground as t };
+export { useTheme as a, ThemeProvider as i, ThemeMode as n, ThemeProduct as r, ThemeContext 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/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":"index68.d.ts","names":[],"sources":["../src/primitives/ThemeProvider/ThemeProvider.tsx"],"mappings":";;;;;KAaY,SAAA;;AAAA,KAEA,YAAA,GAFS,WAAA,GAAA,SAAA,GAAA,OAAA,GAAA,MAAA;AAErB,KAIK,gBAAA,GAJmB;EAInB,KAAA,EAA4B,SAA5B;EAAgB,OAAA,EAAgC,YAAhC;;KAEhB,iBAAA,GAAoB,gBAF4B,GAAA;EAAY;EAE5D,QAAA,EAAA,CAAA,KAAA,EAEe,SAFE,EAAA,GAAA,IAAA;EAAA;aAAG,EAAA,GAAA,GAAA,IAAA;;YAMD,EAAA,CAAA,OAAA,EAAA,YAAA,EAAA,GAAA,IAAA;AAAY,CAAA;AAAA,cAG9B,YAAkE,EAAtD,KAAA,CAAA,OAAsD,CAAtD,iBAAsD,GAAA,IAAA,CAAA;;;;AAAtD;AAAA,iBAoCT,aAAA,CAAa;EAAA,QAAA;EAAA,YAAA;EAAA,cAAA;EAAA;CAAA,EAAA;EAAA;UACpB,EAMU,KAAA,CAAM,SANhB;;cAEA,CAAA,EAMe,SANf;;gBAIgB,CAAA,EAIC,YAJD;;YAIC,CAAA,EAAA,MAAA;IAGlB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA;AAAA,iBAmCQ,QAAA,CAAA,CAAY,EAAA,iBAAiB"}

package/dist/index69.d.cts

@@ -1,37 +1,23 @@
-import * as react_jsx_runtime227 from "react/jsx-runtime";
-import * as class_variance_authority_types17 from "class-variance-authority/types";
+import * as react_jsx_runtime334 from "react/jsx-runtime";
+import { Toggle } from "radix-ui";
+import * as class_variance_authority_types29 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
 
-//#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"];
-};
-/** Stack — flex container that lays out children in a column or row with token-spaced gaps. */
-declare function Stack({
-  as,
+//#region src/primitives/Toggle/Toggle.d.ts
+declare const toggleVariants: (props?: ({
+  variant?: "default" | "outline" | null | undefined;
+  size?: "sm" | "lg" | "xs" | "default" | null | undefined;
+  shape?: "default" | "left" | "right" | "round" | "middle" | null | undefined;
+} & class_variance_authority_types29.ClassProp) | undefined) => string;
+/** A two-state button that can be toggled on or off, built on Radix Toggle. */
+declare function Toggle$1({
   className,
-  direction,
-  gap,
-  align,
-  justify,
+  variant,
+  size,
+  shape,
   ...props
-}: StackProps): react_jsx_runtime227.JSX.Element;
+}: React.ComponentProps<typeof Toggle.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime334.JSX.Element;
 //#endregion
-export { StackProps as n, stackVariants as r, Stack as t };
+export { toggleVariants as n, Toggle$1 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/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"}
+{"version":3,"file":"index69.d.cts","names":[],"sources":["../src/primitives/Toggle/Toggle.tsx"],"mappings":";;;;;;;cASM,sBAsCL;;;;AA7CmC,CAAA,GA6CnC,gCAAA,CAAA,SAAA,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;;iBAGQ,QAAA,CAAM;EAAA,SAAA;EAAA,OAAA;EAAA,IAAA;EAAA,KAAA;EAAA,GAAA;AAAA,CAAA,EAMZ,KAAA,CAAM,cANM,CAAA,OAMgB,MAAA,CAAgB,IANhC,CAAA,GAMwC,YANxC,CAAA,OAM4D,cAN5D,CAAA,CAAA,EAM2E,oBAAA,CAAA,GAAA,CAAA,OAN3E"}