@psnext/design-system 1.1.0 → 1.2.0

package/dist/index60.d.ts

@@ -0,0 +1,45 @@
+import * as React from "react";
+import * as react_jsx_runtime116 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types10 from "class-variance-authority/types";
+
+//#region src/primitives/Text/Text.d.ts
+declare const textVariants: (props?: ({
+  size?: "caption" | "small" | "large" | "regular" | "mini" | null | undefined;
+  weight?: "medium" | "normal" | "semibold" | null | undefined;
+  variant?: "default" | "destructive" | "success" | "muted" | "primary" | null | undefined;
+  font?: "body" | "heading" | "mono" | null | undefined;
+  align?: "center" | "left" | "right" | null | undefined;
+  truncate?: boolean | null | undefined;
+} & class_variance_authority_types10.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-foreground). */
+  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"];
+};
+/** 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
+}: TextProps): react_jsx_runtime116.JSX.Element;
+//#endregion
+export { TextProps as n, textVariants as r, Text as t };
+//# sourceMappingURL=index60.d.ts.map

package/dist/index60.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index60.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,QAAS,GAAA,MAAA,GAAA,OAAA,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/index61.d.cts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime222 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/primitives/Textarea/Textarea.d.ts
+declare const textareaVariants: (props?: ({
+  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,
+  shape,
+  ...props
+}: React.ComponentProps<"textarea"> & VariantProps<typeof textareaVariants> & {
+  /** Corner radius: `default` (rounded-md) or `round` (rounded-2xl). */
+  shape?: VariantProps<typeof textareaVariants>["shape"];
+}): react_jsx_runtime222.JSX.Element;
+//#endregion
+export { textareaVariants as n, Textarea as t };
+//# sourceMappingURL=index61.d.cts.map

package/dist/index61.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index61.d.cts","names":[],"sources":["../src/primitives/Textarea/Textarea.tsx"],"mappings":";;;;;;cAKM;;IAaL,gCAAA,CAAA;;AAjBmC,iBAoB3B,QAAA,CAHR;EAAA,SAAA;EAAA,KAAA;EAAA,GAAA;CAAA,EAOE,KAAA,CAAM,cAPR,CAAA,UAAA,CAAA,GAQC,YARD,CAAA,OAQqB,gBARrB,CAAA,GAAA;EAGQ;EAAQ,KAAA,CAAA,EAOL,YAPK,CAAA,OAOe,gBAPf,CAAA,CAAA,OAAA,CAAA;IAQd,oBAAA,CAAA,GAAA,CAAA,OAPD"}

package/dist/index61.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+import * as react_jsx_runtime117 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types11 from "class-variance-authority/types";
+
+//#region src/primitives/Textarea/Textarea.d.ts
+declare const textareaVariants: (props?: ({
+  shape?: "default" | "round" | null | undefined;
+} & class_variance_authority_types11.ClassProp) | undefined) => string;
+/** Multi-line text input that auto-grows with its content and supports validation + disabled states. */
+declare function Textarea({
+  className,
+  shape,
+  ...props
+}: React.ComponentProps<"textarea"> & VariantProps<typeof textareaVariants> & {
+  /** Corner radius: `default` (rounded-md) or `round` (rounded-2xl). */
+  shape?: VariantProps<typeof textareaVariants>["shape"];
+}): react_jsx_runtime117.JSX.Element;
+//#endregion
+export { textareaVariants as n, Textarea as t };
+//# sourceMappingURL=index61.d.ts.map

package/dist/index61.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index61.d.ts","names":[],"sources":["../src/primitives/Textarea/Textarea.tsx"],"mappings":";;;;;;cAKM;;IAaL,gCAAA,CAAA;;AAjBmC,iBAoB3B,QAAA,CAHR;EAAA,SAAA;EAAA,KAAA;EAAA,GAAA;CAAA,EAOE,KAAA,CAAM,cAPR,CAAA,UAAA,CAAA,GAQC,YARD,CAAA,OAQqB,gBARrB,CAAA,GAAA;EAGQ;EAAQ,KAAA,CAAA,EAOL,YAPK,CAAA,OAOe,gBAPf,CAAA,CAAA,OAAA,CAAA;IAQd,oBAAA,CAAA,GAAA,CAAA,OAPD"}

package/dist/index62.d.cts

@@ -0,0 +1,45 @@
+import * as react_jsx_runtime159 from "react/jsx-runtime";
+import * as React from "react";
+
+//#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;
+};
+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_runtime159.JSX.Element;
+/** Read the current theme/product and the setters. Must be used inside a `<ThemeProvider>`. */
+declare function useTheme(): ThemeContextValue;
+//#endregion
+export { useTheme as a, ThemeProvider as i, ThemeMode as n, ThemeProduct as r, ThemeContext as t };
+//# sourceMappingURL=index62.d.cts.map

package/dist/index62.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index62.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,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA;AAAA,iBAmCQ,QAAA,CAAA,CAAY,EAAA,iBAAiB"}

package/dist/index62.d.ts

@@ -0,0 +1,45 @@
+import * as React from "react";
+import * as react_jsx_runtime111 from "react/jsx-runtime";
+
+//#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;
+};
+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_runtime111.JSX.Element;
+/** Read the current theme/product and the setters. Must be used inside a `<ThemeProvider>`. */
+declare function useTheme(): ThemeContextValue;
+//#endregion
+export { useTheme as a, ThemeProvider as i, ThemeMode as n, ThemeProduct as r, ThemeContext as t };
+//# sourceMappingURL=index62.d.ts.map

package/dist/index62.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index62.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/index63.d.cts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime299 from "react/jsx-runtime";
+import { Toggle } from "radix-ui";
+import * as class_variance_authority_types27 from "class-variance-authority/types";
+import { VariantProps } from "class-variance-authority";
+import * as React from "react";
+
+//#region src/primitives/Toggle/Toggle.d.ts
+declare const toggleVariants: (props?: ({
+  variant?: "default" | "outline" | null | undefined;
+  size?: "sm" | "default" | "lg" | null | undefined;
+  shape?: "default" | "round" | "left" | "right" | "middle" | null | undefined;
+} & class_variance_authority_types27.ClassProp) | undefined) => string;
+/** A two-state button that can be toggled on or off, built on Radix Toggle. */
+declare function Toggle$1({
+  className,
+  variant,
+  size,
+  shape,
+  ...props
+}: React.ComponentProps<typeof Toggle.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime299.JSX.Element;
+//#endregion
+export { toggleVariants as n, Toggle$1 as t };
+//# sourceMappingURL=index63.d.cts.map

package/dist/index63.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index63.d.cts","names":[],"sources":["../src/primitives/Toggle/Toggle.tsx"],"mappings":";;;;;;;cAMM,sBAqCL;;;;AAzCmC,CAAA,GAyCnC,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"}

package/dist/index63.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+import { Toggle } from "radix-ui";
+import * as react_jsx_runtime93 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types6 from "class-variance-authority/types";
+
+//#region src/primitives/Toggle/Toggle.d.ts
+declare const toggleVariants: (props?: ({
+  variant?: "default" | "outline" | null | undefined;
+  size?: "sm" | "default" | "lg" | null | undefined;
+  shape?: "default" | "round" | "left" | "middle" | "right" | null | undefined;
+} & class_variance_authority_types6.ClassProp) | undefined) => string;
+/** A two-state button that can be toggled on or off, built on Radix Toggle. */
+declare function Toggle$1({
+  className,
+  variant,
+  size,
+  shape,
+  ...props
+}: React.ComponentProps<typeof Toggle.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime93.JSX.Element;
+//#endregion
+export { toggleVariants as n, Toggle$1 as t };
+//# sourceMappingURL=index63.d.ts.map

package/dist/index63.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index63.d.ts","names":[],"sources":["../src/primitives/Toggle/Toggle.tsx"],"mappings":";;;;;;;cAMM,sBAqCL;;;;AAzCmC,CAAA,GAyCnC,+BAAA,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,mBAAA,CAAA,GAAA,CAAA,OAN3E"}

package/dist/index64.d.cts

@@ -0,0 +1,48 @@
+import { n as toggleVariants } from "./index63.cjs";
+import * as react_jsx_runtime230 from "react/jsx-runtime";
+import { ToggleGroup } from "radix-ui";
+import { VariantProps } from "class-variance-authority";
+import * as React from "react";
+
+//#region src/primitives/ToggleGroup/ToggleGroup.d.ts
+type ToggleGroupRadius = "default" | "round";
+/**
+ * A set of two-state buttons where one (`type="single"`) or many
+ * (`type="multiple"`) can be pressed. Built on Radix ToggleGroup; items inherit
+ * `variant`/`size`/`radius` via context.
+ */
+declare function ToggleGroup$1({
+  className,
+  /** Visual style applied to every item: `default` (transparent) or `outline` (bordered). */
+  variant,
+  /** Control size applied to every item: `sm`, `default`, or `lg`. */
+  size,
+  /** Outer corner shape of the group: `default` (rounded-md) or `round` (pill). */
+  radius,
+  /** Gap (in spacing units) between items; `0` collapses them into one segmented control. */
+  spacing,
+  /** The `ToggleGroupItem` elements that make up the group. */
+  children,
+  ...props
+}: React.ComponentProps<typeof ToggleGroup.Root> & Omit<VariantProps<typeof toggleVariants>, "shape"> & {
+  radius?: ToggleGroupRadius;
+  spacing?: number;
+}): react_jsx_runtime230.JSX.Element;
+/** A single toggle button inside a `ToggleGroup`. Identified by its required `value`. */
+declare function ToggleGroupItem({
+  className,
+  /** The item's label/content (text, icon, etc.). */
+  children,
+  /** Fallback visual style when not provided by the group context. */
+  variant,
+  /** Fallback control size when not provided by the group context. */
+  size,
+  /** Fallback corner shape when not provided by the group context. */
+  radius,
+  ...props
+}: React.ComponentProps<typeof ToggleGroup.Item> & Omit<VariantProps<typeof toggleVariants>, "shape"> & {
+  radius?: ToggleGroupRadius;
+}): react_jsx_runtime230.JSX.Element;
+//#endregion
+export { ToggleGroupItem as n, ToggleGroup$1 as t };
+//# sourceMappingURL=index64.d.cts.map

package/dist/index64.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index64.d.cts","names":[],"sources":["../src/primitives/ToggleGroup/ToggleGroup.tsx"],"mappings":";;;;;;;KAWK,iBAAA;;;AALgD;AAK/B;;iBAmBb,aAAA,CACP;EAAA,SAAA;;SAIA;;;;;;SAYyB;;UAAzB;EAAA,GAAA;AAGC,CAHD,EADC,KAAA,CAAM,cACP,CAAA,OAD6B,WAAA,CAAqB,IAClD,CAAA,GAAA,IAAA,CAAK,YAAL,CAAA,OAAyB,cAAzB,CAAA,EAAA,OAAA,CAAA,GAAA;QACW,CAAA,EAAA,iBAAA;SAEV,CAAA,EAAA,MAAA;AAAA,CAAA,CAAA,EAAA,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA;iBAuBM,eAAA,CAAe;EAAA,SAAA;;UAGtB;;SAIA;;;;;EAKyB,GAAA;CAAA,EADxB,KAAA,CAAM,cACkB,CAAA,OADI,WAAA,CAAqB,IACzB,CAAA,GAAzB,IAAyB,CAApB,YAAoB,CAAA,OAAA,cAAA,CAAA,EAAA,OAAA,CAAA,GAAA;QAApB,CAAA,EACM,iBADN;IAEJ,oBAAA,CAAA,GAAA,CAAA,OAFD"}

package/dist/index64.d.ts

@@ -0,0 +1,48 @@
+import { n as toggleVariants } from "./index63.js";
+import * as React from "react";
+import { ToggleGroup } from "radix-ui";
+import * as react_jsx_runtime106 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+
+//#region src/primitives/ToggleGroup/ToggleGroup.d.ts
+type ToggleGroupRadius = "default" | "round";
+/**
+ * A set of two-state buttons where one (`type="single"`) or many
+ * (`type="multiple"`) can be pressed. Built on Radix ToggleGroup; items inherit
+ * `variant`/`size`/`radius` via context.
+ */
+declare function ToggleGroup$1({
+  className,
+  /** Visual style applied to every item: `default` (transparent) or `outline` (bordered). */
+  variant,
+  /** Control size applied to every item: `sm`, `default`, or `lg`. */
+  size,
+  /** Outer corner shape of the group: `default` (rounded-md) or `round` (pill). */
+  radius,
+  /** Gap (in spacing units) between items; `0` collapses them into one segmented control. */
+  spacing,
+  /** The `ToggleGroupItem` elements that make up the group. */
+  children,
+  ...props
+}: React.ComponentProps<typeof ToggleGroup.Root> & Omit<VariantProps<typeof toggleVariants>, "shape"> & {
+  radius?: ToggleGroupRadius;
+  spacing?: number;
+}): react_jsx_runtime106.JSX.Element;
+/** A single toggle button inside a `ToggleGroup`. Identified by its required `value`. */
+declare function ToggleGroupItem({
+  className,
+  /** The item's label/content (text, icon, etc.). */
+  children,
+  /** Fallback visual style when not provided by the group context. */
+  variant,
+  /** Fallback control size when not provided by the group context. */
+  size,
+  /** Fallback corner shape when not provided by the group context. */
+  radius,
+  ...props
+}: React.ComponentProps<typeof ToggleGroup.Item> & Omit<VariantProps<typeof toggleVariants>, "shape"> & {
+  radius?: ToggleGroupRadius;
+}): react_jsx_runtime106.JSX.Element;
+//#endregion
+export { ToggleGroupItem as n, ToggleGroup$1 as t };
+//# sourceMappingURL=index64.d.ts.map

package/dist/index64.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index64.d.ts","names":[],"sources":["../src/primitives/ToggleGroup/ToggleGroup.tsx"],"mappings":";;;;;;;KAWK,iBAAA;;;AALgD;AAK/B;;iBAmBb,aAAA,CACP;EAAA,SAAA;;SAIA;;;;;;SAYyB;;UAAzB;EAAA,GAAA;AAGC,CAHD,EADC,KAAA,CAAM,cACP,CAAA,OAD6B,WAAA,CAAqB,IAClD,CAAA,GAAA,IAAA,CAAK,YAAL,CAAA,OAAyB,cAAzB,CAAA,EAAA,OAAA,CAAA,GAAA;QACW,CAAA,EAAA,iBAAA;SAEV,CAAA,EAAA,MAAA;AAAA,CAAA,CAAA,EAAA,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA;iBAuBM,eAAA,CAAe;EAAA,SAAA;;UAGtB;;SAIA;;;;;EAKyB,GAAA;CAAA,EADxB,KAAA,CAAM,cACkB,CAAA,OADI,WAAA,CAAqB,IACzB,CAAA,GAAzB,IAAyB,CAApB,YAAoB,CAAA,OAAA,cAAA,CAAA,EAAA,OAAA,CAAA,GAAA;QAApB,CAAA,EACM,iBADN;IAEJ,oBAAA,CAAA,GAAA,CAAA,OAFD"}

package/dist/index65.d.cts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime221 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/Container/Container.d.ts
+declare const containerVariants: (props?: ({
+  size?: "content" | "narrow" | "wide" | "full" | null | undefined;
+  variant?: "default" | "glass" | null | undefined;
+} & class_variance_authority_types20.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`). */
+  as?: React.ElementType;
+};
+/** Centered, max-width page column with consistent gutters; optionally a glass panel. */
+declare function Container({
+  as,
+  className,
+  size,
+  variant,
+  ...props
+}: ContainerProps): react_jsx_runtime221.JSX.Element;
+//#endregion
+export { ContainerProps as n, containerVariants as r, Container as t };
+//# sourceMappingURL=index65.d.cts.map

package/dist/index65.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index65.d.cts","names":[],"sources":["../src/layouts/Container/Container.tsx"],"mappings":";;;;;;cAOM;;;IAmBJ,gCAAA,CAAA;AAzBkC,KA2B/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"}

package/dist/index65.d.ts

@@ -0,0 +1,25 @@
+import * as React from "react";
+import * as react_jsx_runtime113 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types8 from "class-variance-authority/types";
+
+//#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_types8.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`). */
+  as?: React.ElementType;
+};
+/** Centered, max-width page column with consistent gutters; optionally a glass panel. */
+declare function Container({
+  as,
+  className,
+  size,
+  variant,
+  ...props
+}: ContainerProps): react_jsx_runtime113.JSX.Element;
+//#endregion
+export { ContainerProps as n, containerVariants as r, Container as t };
+//# sourceMappingURL=index65.d.ts.map

package/dist/index65.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index65.d.ts","names":[],"sources":["../src/layouts/Container/Container.tsx"],"mappings":";;;;;;cAOM;;;IAmBJ,+BAAA,CAAA;AAzBkC,KA2B/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"}

package/dist/index66.d.cts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime203 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;
+};
+/** 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;
+//#endregion
+export { PageBackgroundProps as n, PageBackground as t };
+//# sourceMappingURL=index66.d.cts.map

package/dist/index66.d.cts.map

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

@@ -0,0 +1,19 @@
+import * as React from "react";
+import * as react_jsx_runtime112 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;
+};
+/** 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_runtime112.JSX.Element;
+//#endregion
+export { PageBackgroundProps as n, PageBackground as t };
+//# sourceMappingURL=index66.d.ts.map

package/dist/index66.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index66.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/index67.d.cts

@@ -0,0 +1,37 @@
+import * as react_jsx_runtime337 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/Stack/Stack.d.ts
+declare const stackVariants: (props?: ({
+  direction?: "vertical" | "horizontal" | null | undefined;
+  gap?: "xs" | "sm" | "lg" | "none" | "md" | "xl" | "2xl" | null | undefined;
+  align?: "center" | "end" | "start" | "stretch" | null | undefined;
+  justify?: "center" | "end" | "start" | "between" | null | undefined;
+} & class_variance_authority_types28.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,
+  className,
+  direction,
+  gap,
+  align,
+  justify,
+  ...props
+}: StackProps): react_jsx_runtime337.JSX.Element;
+//#endregion
+export { StackProps as n, stackVariants as r, Stack as t };
+//# sourceMappingURL=index67.d.cts.map

package/dist/index67.d.cts.map

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

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

package/dist/index67.d.ts.map

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

package/dist/index68.d.cts

@@ -0,0 +1,36 @@
+import * as react_jsx_runtime205 from "react/jsx-runtime";
+import * as class_variance_authority_types19 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" | "lg" | "none" | "md" | "xl" | null | undefined;
+  reverse?: boolean | null | undefined;
+} & class_variance_authority_types19.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"];
+};
+/** Composable two-column layout (aside + main) that stacks vertically below `lg`. */
+declare function TwoColumn({
+  className,
+  gap,
+  reverse,
+  ...props
+}: TwoColumnProps): react_jsx_runtime205.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_runtime205.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_runtime205.JSX.Element;
+//#endregion
+export { twoColumnVariants as a, TwoColumnProps as i, TwoColumnAside as n, TwoColumnMain as r, TwoColumn as t };
+//# sourceMappingURL=index68.d.cts.map

package/dist/index68.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index68.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"}