@psnext/design-system 1.2.0 → 1.2.1

package/dist/index65.d.cts.map

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

package/dist/index65.d.ts

@@ -1,13 +1,13 @@
 import * as React from "react";
-import * as react_jsx_runtime113 from "react/jsx-runtime";
+import * as react_jsx_runtime147 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types8 from "class-variance-authority/types";
+import * as class_variance_authority_types15 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;
+} & 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`). */
   as?: React.ElementType;
@@ -19,7 +19,7 @@ declare function Container({
   size,
   variant,
   ...props
-}: ContainerProps): react_jsx_runtime113.JSX.Element;
+}: ContainerProps): react_jsx_runtime147.JSX.Element;
 //#endregion
 export { ContainerProps as n, containerVariants as r, Container as t };
 //# sourceMappingURL=index65.d.ts.map

package/dist/index65.d.ts.map

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

package/dist/index66.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime203 from "react/jsx-runtime";
+import * as react_jsx_runtime226 from "react/jsx-runtime";
 import * as React from "react";
 
 //#region src/layouts/PageBackground/PageBackground.d.ts
@@ -13,7 +13,7 @@ declare function PageBackground({
   className,
   style,
   ...props
-}: PageBackgroundProps): react_jsx_runtime203.JSX.Element;
+}: PageBackgroundProps): react_jsx_runtime226.JSX.Element;
 //#endregion
 export { PageBackgroundProps as n, PageBackground as t };
 //# sourceMappingURL=index66.d.cts.map

package/dist/index66.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime112 from "react/jsx-runtime";
+import * as react_jsx_runtime166 from "react/jsx-runtime";
 
 //#region src/layouts/PageBackground/PageBackground.d.ts
 /** Props for {@link PageBackground}; extends the native `div` props. */
@@ -13,7 +13,7 @@ declare function PageBackground({
   className,
   style,
   ...props
-}: PageBackgroundProps): react_jsx_runtime112.JSX.Element;
+}: PageBackgroundProps): react_jsx_runtime166.JSX.Element;
 //#endregion
 export { PageBackgroundProps as n, PageBackground as t };
 //# sourceMappingURL=index66.d.ts.map

package/dist/index67.d.cts

@@ -1,15 +1,15 @@
-import * as react_jsx_runtime337 from "react/jsx-runtime";
-import * as class_variance_authority_types28 from "class-variance-authority/types";
+import * as react_jsx_runtime215 from "react/jsx-runtime";
+import * as class_variance_authority_types15 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;
+  direction?: "horizontal" | "vertical" | null | undefined;
+  gap?: "xs" | "sm" | "lg" | "md" | "none" | "xl" | "2xl" | null | undefined;
+  align?: "center" | "start" | "end" | "stretch" | null | undefined;
+  justify?: "center" | "start" | "end" | "between" | null | undefined;
+} & class_variance_authority_types15.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;
@@ -31,7 +31,7 @@ declare function Stack({
   align,
   justify,
   ...props
-}: StackProps): react_jsx_runtime337.JSX.Element;
+}: StackProps): react_jsx_runtime215.JSX.Element;
 //#endregion
 export { StackProps as n, stackVariants as r, Stack 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/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":"index67.d.cts","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,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

@@ -1,15 +1,15 @@
 import * as React from "react";
-import * as react_jsx_runtime114 from "react/jsx-runtime";
+import * as react_jsx_runtime156 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types9 from "class-variance-authority/types";
+import * as class_variance_authority_types16 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;
+  align?: "center" | "end" | "start" | "stretch" | null | undefined;
+  justify?: "center" | "end" | "start" | "between" | null | undefined;
+} & class_variance_authority_types16.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;
@@ -31,7 +31,7 @@ declare function Stack({
   align,
   justify,
   ...props
-}: StackProps): react_jsx_runtime114.JSX.Element;
+}: StackProps): react_jsx_runtime156.JSX.Element;
 //#endregion
 export { StackProps as n, stackVariants as r, Stack 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/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"}
+{"version":3,"file":"index67.d.ts","names":[],"sources":["../src/layouts/Stack/Stack.tsx"],"mappings":";;;;;;cAOM,qBAmCS;;;;EAnCT,OAAA,CAAA,EAAA,QAiCJ,GAAA,KAAA,GAAA,OAAA,GAAA,SAAA,GAAA,IAAA,GAAA,SAAA;IAAA,gCAAA,CAAA,SAEa,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;KAAV,UAAA,GAAa,KAAA,CAAM,cAAT,CAAA,KAAA,CAAA,GACb,YADa,CAAA,OACO,aADP,CAAA,GAAA;;KACO,EAEb,KAAA,CAAM,WAFO;;WAEP,CAAA,EAEC,YAFD,CAAA,OAEqB,aAFrB,CAAA,CAAA,WAAA,CAAA;;KAEC,CAAA,EAEN,YAFM,CAAA,OAEc,aAFd,CAAA,CAAA,KAAA,CAAA;;OAEN,CAAA,EAEE,YAFF,CAAA,OAEsB,aAFtB,CAAA,CAAA,OAAA,CAAA;;SAEE,CAAA,EAEE,YAFF,CAAA,OAEsB,aAFtB,CAAA,CAAA,SAAA,CAAA;;;AAEc,iBAIjB,KAAA,CAJiB;EAAA,EAAA;EAAA,SAAA;EAAA,SAAA;EAAA,GAAA;EAAA,KAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAIkD,UAJlD,CAAA,EAI4D,oBAAA,CAAA,GAAA,CAAA,OAJ5D"}

package/dist/index68.d.cts

@@ -1,13 +1,13 @@
-import * as react_jsx_runtime205 from "react/jsx-runtime";
-import * as class_variance_authority_types19 from "class-variance-authority/types";
+import * as react_jsx_runtime216 from "react/jsx-runtime";
+import * as class_variance_authority_types16 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
 
 //#region src/layouts/TwoColumn/TwoColumn.d.ts
 declare const twoColumnVariants: (props?: ({
-  gap?: "sm" | "lg" | "none" | "md" | "xl" | null | undefined;
+  gap?: "sm" | "lg" | "md" | "none" | "xl" | null | undefined;
   reverse?: boolean | null | undefined;
-} & class_variance_authority_types19.ClassProp) | undefined) => string;
+} & class_variance_authority_types16.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"];
@@ -20,17 +20,17 @@ declare function TwoColumn({
   gap,
   reverse,
   ...props
-}: TwoColumnProps): react_jsx_runtime205.JSX.Element;
+}: TwoColumnProps): react_jsx_runtime216.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;
+}: React.ComponentProps<"aside">): react_jsx_runtime216.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;
+}: React.ComponentProps<"div">): react_jsx_runtime216.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.ts

@@ -1,13 +1,13 @@
 import * as React from "react";
-import * as react_jsx_runtime108 from "react/jsx-runtime";
+import * as react_jsx_runtime144 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types7 from "class-variance-authority/types";
+import * as class_variance_authority_types14 from "class-variance-authority/types";
 
 //#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_types7.ClassProp) | undefined) => string;
+} & class_variance_authority_types14.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"];
@@ -20,17 +20,17 @@ declare function TwoColumn({
   gap,
   reverse,
   ...props
-}: TwoColumnProps): react_jsx_runtime108.JSX.Element;
+}: TwoColumnProps): react_jsx_runtime144.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_runtime108.JSX.Element;
+}: React.ComponentProps<"aside">): react_jsx_runtime144.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_runtime108.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime144.JSX.Element;
 //#endregion
 export { twoColumnVariants as a, TwoColumnProps as i, TwoColumnAside as n, TwoColumnMain as r, TwoColumn 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/TwoColumn/TwoColumn.tsx"],"mappings":";;;;;;cASM;;;IAgBJ,+BAAA,CAAA;AAxBkC,KA0B/B,cAAA,GAAiB,KAAA,CAAM,cAF1B,CAAA,KAAA,CAAA,GAGA,YAHA,CAAA,OAGoB,iBAHpB,CAAA,GAAA;EAEG;EAAc,GAAA,CAAA,EAGT,YAHS,CAAA,OAGW,iBAHX,CAAA,CAAA,KAAA,CAAA;;SACG,CAAA,EAIR,YAJQ,CAAA,OAIY,iBAJZ,CAAA,CAAA,SAAA,CAAA;;;iBAQb,SAAA,CANC;EAAA,SAAA;EAAA,GAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAMgD,cANhD,CAAA,EAM8D,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":"index68.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"}

package/dist/index7.d.cts

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

package/dist/index7.d.ts

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

package/dist/index7.d.ts.map

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

package/dist/index70.d.cts

@@ -1,5 +1,5 @@
 import { r as ThemeProduct } from "./index62.cjs";
-import * as react_jsx_runtime208 from "react/jsx-runtime";
+import * as react_jsx_runtime242 from "react/jsx-runtime";
 import * as React from "react";
 import { ReactNode } from "react";
 
@@ -85,13 +85,13 @@ interface HeaderProps {
 declare function HeaderBar({
   className,
   ...props
-}: React.ComponentProps<"header">): react_jsx_runtime208.JSX.Element;
+}: React.ComponentProps<"header">): react_jsx_runtime242.JSX.Element;
 /** Product logo linking to its home, with a Suspense-safe fallback. */
 declare function HeaderLogo({
   brand
 }: {
   brand: ThemeProduct;
-}): react_jsx_runtime208.JSX.Element;
+}): react_jsx_runtime242.JSX.Element;
 /** Read-only organisation pill. */
 declare function OrgPill({
   name,
@@ -99,9 +99,9 @@ declare function OrgPill({
 }: {
   name?: string;
   loading?: boolean;
-}): react_jsx_runtime208.JSX.Element | null;
+}): react_jsx_runtime242.JSX.Element | null;
 /** Light/dark toggle — defers to ThemeProvider. */
-declare function ThemeToggle(): react_jsx_runtime208.JSX.Element;
+declare function ThemeToggle(): react_jsx_runtime242.JSX.Element;
 /** Profile menu — avatar trigger with email + logout. */
 declare function ProfileMenu({
   email,
@@ -109,9 +109,9 @@ declare function ProfileMenu({
 }: {
   email?: string;
   onLogout: () => void;
-}): react_jsx_runtime208.JSX.Element;
+}): react_jsx_runtime242.JSX.Element;
 /** Drop-in global header. Must be rendered inside a <ThemeProvider>. */
-declare function Header(props: HeaderProps): react_jsx_runtime208.JSX.Element;
+declare function Header(props: HeaderProps): react_jsx_runtime242.JSX.Element;
 //# sourceMappingURL=Header.d.ts.map
 //#endregion
 //#region src/patterns/Header/ProjectPicker.d.ts
@@ -136,7 +136,7 @@ declare function ProjectPicker({
   searchPlaceholder,
   emptyStateText,
   isLoading
-}: Readonly<ProjectPickerProps>): react_jsx_runtime208.JSX.Element;
+}: Readonly<ProjectPickerProps>): react_jsx_runtime242.JSX.Element;
 //#endregion
 //#region src/patterns/Header/use-global-header.d.ts
 /** Window event other modules can dispatch to show/hide the project dropdown. */

package/dist/index70.d.ts

@@ -1,7 +1,7 @@
 import { r as ThemeProduct } from "./index62.js";
 import * as React from "react";
 import { ReactNode } from "react";
-import * as react_jsx_runtime308 from "react/jsx-runtime";
+import * as react_jsx_runtime148 from "react/jsx-runtime";
 
 //#region src/patterns/Header/types.d.ts
 /** A node in the project hierarchy returned by the projects API. */
@@ -85,13 +85,13 @@ interface HeaderProps {
 declare function HeaderBar({
   className,
   ...props
-}: React.ComponentProps<"header">): react_jsx_runtime308.JSX.Element;
+}: React.ComponentProps<"header">): react_jsx_runtime148.JSX.Element;
 /** Product logo linking to its home, with a Suspense-safe fallback. */
 declare function HeaderLogo({
   brand
 }: {
   brand: ThemeProduct;
-}): react_jsx_runtime308.JSX.Element;
+}): react_jsx_runtime148.JSX.Element;
 /** Read-only organisation pill. */
 declare function OrgPill({
   name,
@@ -99,9 +99,9 @@ declare function OrgPill({
 }: {
   name?: string;
   loading?: boolean;
-}): react_jsx_runtime308.JSX.Element | null;
+}): react_jsx_runtime148.JSX.Element | null;
 /** Light/dark toggle — defers to ThemeProvider. */
-declare function ThemeToggle(): react_jsx_runtime308.JSX.Element;
+declare function ThemeToggle(): react_jsx_runtime148.JSX.Element;
 /** Profile menu — avatar trigger with email + logout. */
 declare function ProfileMenu({
   email,
@@ -109,9 +109,9 @@ declare function ProfileMenu({
 }: {
   email?: string;
   onLogout: () => void;
-}): react_jsx_runtime308.JSX.Element;
+}): react_jsx_runtime148.JSX.Element;
 /** Drop-in global header. Must be rendered inside a <ThemeProvider>. */
-declare function Header(props: HeaderProps): react_jsx_runtime308.JSX.Element;
+declare function Header(props: HeaderProps): react_jsx_runtime148.JSX.Element;
 //# sourceMappingURL=Header.d.ts.map
 //#endregion
 //#region src/patterns/Header/ProjectPicker.d.ts
@@ -136,7 +136,7 @@ declare function ProjectPicker({
   searchPlaceholder,
   emptyStateText,
   isLoading
-}: Readonly<ProjectPickerProps>): react_jsx_runtime308.JSX.Element;
+}: Readonly<ProjectPickerProps>): react_jsx_runtime148.JSX.Element;
 //#endregion
 //#region src/patterns/Header/use-global-header.d.ts
 /** Window event other modules can dispatch to show/hide the project dropdown. */

package/dist/index8.d.cts

@@ -1,14 +1,14 @@
-import * as class_variance_authority_types10 from "class-variance-authority/types";
+import * as class_variance_authority_types11 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 import * as react0 from "react";
 import { ComponentProps } from "react";
 
 //#region src/primitives/Button/Button.d.ts
 declare const buttonVariants: (props?: ({
-  variant?: "default" | "outline" | "secondary" | "destructive" | "ghost" | "link" | null | undefined;
-  size?: "xs" | "sm" | "default" | "icon" | "lg" | null | undefined;
+  variant?: "link" | "default" | "outline" | "destructive" | "secondary" | "ghost" | null | undefined;
+  size?: "default" | "icon" | "xs" | "sm" | "lg" | null | undefined;
   shape?: "default" | "square" | null | undefined;
-} & class_variance_authority_types10.ClassProp) | undefined) => string;
+} & class_variance_authority_types11.ClassProp) | undefined) => string;
 type ButtonProps = ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
   /** Render as the child element (Radix `Slot`) instead of a native `<button>`. */
   asChild?: boolean;

package/dist/index8.d.ts

@@ -1,14 +1,14 @@
 import * as react0 from "react";
 import { ComponentProps } from "react";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types3 from "class-variance-authority/types";
+import * as class_variance_authority_types1 from "class-variance-authority/types";
 
 //#region src/primitives/Button/Button.d.ts
 declare const buttonVariants: (props?: ({
   variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
   size?: "xs" | "sm" | "default" | "lg" | "icon" | null | undefined;
   shape?: "default" | "square" | null | undefined;
-} & class_variance_authority_types3.ClassProp) | undefined) => string;
+} & class_variance_authority_types1.ClassProp) | undefined) => string;
 type ButtonProps = ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
   /** Render as the child element (Radix `Slot`) instead of a native `<button>`. */
   asChild?: boolean;

package/dist/index9.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime112 from "react/jsx-runtime";
+import * as react_jsx_runtime253 from "react/jsx-runtime";
 import { Separator } from "radix-ui";
 import * as React from "react";
 
@@ -14,7 +14,7 @@ declare function Separator$1({
 }: React.ComponentProps<typeof Separator.Root> & {
   /** Margin applied around the rule along its axis: `none`, `regular`, or `spacious`. */
   spacing?: SeparatorSpacing;
-}): react_jsx_runtime112.JSX.Element;
+}): react_jsx_runtime253.JSX.Element;
 //#endregion
 export { SeparatorSpacing as n, Separator$1 as t };
 //# sourceMappingURL=index9.d.cts.map

package/dist/index9.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { Separator } from "radix-ui";
-import * as react_jsx_runtime143 from "react/jsx-runtime";
+import * as react_jsx_runtime214 from "react/jsx-runtime";
 
 //#region src/primitives/Separator/Separator.d.ts
 type SeparatorSpacing = "none" | "regular" | "spacious";
@@ -14,7 +14,7 @@ declare function Separator$1({
 }: React.ComponentProps<typeof Separator.Root> & {
   /** Margin applied around the rule along its axis: `none`, `regular`, or `spacious`. */
   spacing?: SeparatorSpacing;
-}): react_jsx_runtime143.JSX.Element;
+}): react_jsx_runtime214.JSX.Element;
 //#endregion
 export { SeparatorSpacing as n, Separator$1 as t };
 //# sourceMappingURL=index9.d.ts.map

package/dist/layouts/Container/index.cjs

@@ -12,7 +12,7 @@ const containerVariants = (0, require("class-variance-authority").cva)("mx-auto
 		},
 		variant: {
 			default: "px-4",
-			glass: "rounded-2xl bg-[var(--glass-light)] px-4 py-4 backdrop-blur-[var(--glass-blur)] sm:px-6"
+			glass: "rounded-2xl bg-[var(--glass-light)] px-4 py-4 backdrop-blur-glass sm:px-6"
 		}
 	},
 	defaultVariants: {

package/dist/layouts/Container/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["cn"],"sources":["../../../src/layouts/Container/Container.tsx"],"sourcesContent":["import { type VariantProps, cva } from \"class-variance-authority\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\n\n// Container — centered, max-width page column with consistent gutters.\n// `narrow` ~ a reading/hero column; `wide` ~ a full content area.\nconst containerVariants = cva(\"mx-auto w-full\", {\n  variants: {\n    size: {\n      narrow: \"max-w-[900px]\",\n      content: \"max-w-[1200px]\",\n      wide: \"max-w-[1440px]\",\n      full: \"max-w-none\",\n    },\n    // `glass` makes the centered column a translucent, blurred panel.\n    variant: {\n      default: \"px-4\",\n      glass:\n        \"rounded-2xl bg-[var(--glass-light)] px-4 py-4 backdrop-blur-[var(--glass-blur)] sm:px-6\",\n    },\n  },\n  defaultVariants: {\n    size: \"content\",\n    variant: \"default\",\n  },\n});\n\ntype ContainerProps = React.ComponentProps<\"div\"> &\n  VariantProps<typeof containerVariants> & {\n    /** Element/component to render as instead of the default `div` (e.g. `main`, `section`). */\n    as?: React.ElementType;\n  };\n\n/** Centered, max-width page column with consistent gutters; optionally a glass panel. */\nfunction Container({ as, className, size, variant, ...props }: ContainerProps) {\n  const Comp = as ?? \"div\";\n  return (\n    <Comp\n      data-slot=\"container\"\n      data-variant={variant ?? \"default\"}\n      className={cn(containerVariants({ size, variant }), className)}\n      {...props}\n    />\n  );\n}\n\nexport { Container, containerVariants, type ContainerProps };\n"],"mappings":";;;;AAOA,MAAM,qBAAA,qCAAA,EAAA,KAAwB,kBAAkB;CAC9C,UAAU;EACR,MAAM;GACJ,QAAQ;GACR,SAAS;GACT,MAAM;GACN,MAAM;EACR;EAEA,SAAS;GACP,SAAS;GACT,OACE;EACJ;CACF;CACA,iBAAiB;EACf,MAAM;EACN,SAAS;CACX;AACF,CAAC;;AASD,SAAS,UAAU,EAAE,IAAI,WAAW,MAAM,SAAS,GAAG,SAAyB;CAE7E,OACE,iBAAA,GAAA,kBAAA,KAFW,MAAM,OAEjB;EACE,aAAU;EACV,gBAAc,WAAW;EACzB,WAAWA,WAAAA,GAAG,kBAAkB;GAAE;GAAM;EAAQ,CAAC,GAAG,SAAS;EAC7D,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"index.cjs","names":["cn"],"sources":["../../../src/layouts/Container/Container.tsx"],"sourcesContent":["import { type VariantProps, cva } from \"class-variance-authority\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\n\n// Container — centered, max-width page column with consistent gutters.\n// `narrow` ~ a reading/hero column; `wide` ~ a full content area.\nconst containerVariants = cva(\"mx-auto w-full\", {\n  variants: {\n    size: {\n      narrow: \"max-w-[900px]\",\n      content: \"max-w-[1200px]\",\n      wide: \"max-w-[1440px]\",\n      full: \"max-w-none\",\n    },\n    // `glass` makes the centered column a translucent, blurred panel.\n    variant: {\n      default: \"px-4\",\n      glass: \"rounded-2xl bg-[var(--glass-light)] px-4 py-4 backdrop-blur-glass sm:px-6\",\n    },\n  },\n  defaultVariants: {\n    size: \"content\",\n    variant: \"default\",\n  },\n});\n\ntype ContainerProps = React.ComponentProps<\"div\"> &\n  VariantProps<typeof containerVariants> & {\n    /** Element/component to render as instead of the default `div` (e.g. `main`, `section`). */\n    as?: React.ElementType;\n  };\n\n/** Centered, max-width page column with consistent gutters; optionally a glass panel. */\nfunction Container({ as, className, size, variant, ...props }: ContainerProps) {\n  const Comp = as ?? \"div\";\n  return (\n    <Comp\n      data-slot=\"container\"\n      data-variant={variant ?? \"default\"}\n      className={cn(containerVariants({ size, variant }), className)}\n      {...props}\n    />\n  );\n}\n\nexport { Container, containerVariants, type ContainerProps };\n"],"mappings":";;;;AAOA,MAAM,qBAAA,qCAAA,EAAA,KAAwB,kBAAkB;CAC9C,UAAU;EACR,MAAM;GACJ,QAAQ;GACR,SAAS;GACT,MAAM;GACN,MAAM;EACR;EAEA,SAAS;GACP,SAAS;GACT,OAAO;EACT;CACF;CACA,iBAAiB;EACf,MAAM;EACN,SAAS;CACX;AACF,CAAC;;AASD,SAAS,UAAU,EAAE,IAAI,WAAW,MAAM,SAAS,GAAG,SAAyB;CAE7E,OACE,iBAAA,GAAA,kBAAA,KAFW,MAAM,OAEjB;EACE,aAAU;EACV,gBAAc,WAAW;EACzB,WAAWA,WAAAA,GAAG,kBAAkB;GAAE;GAAM;EAAQ,CAAC,GAAG,SAAS;EAC7D,GAAI;CACL,CAAA;AAEL"}

package/dist/layouts/Container/index.js

@@ -12,7 +12,7 @@ const containerVariants = cva("mx-auto w-full", {
 		},
 		variant: {
 			default: "px-4",
-			glass: "rounded-2xl bg-[var(--glass-light)] px-4 py-4 backdrop-blur-[var(--glass-blur)] sm:px-6"
+			glass: "rounded-2xl bg-[var(--glass-light)] px-4 py-4 backdrop-blur-glass sm:px-6"
 		}
 	},
 	defaultVariants: {

package/dist/layouts/Container/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/layouts/Container/Container.tsx"],"sourcesContent":["import { type VariantProps, cva } from \"class-variance-authority\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\n\n// Container — centered, max-width page column with consistent gutters.\n// `narrow` ~ a reading/hero column; `wide` ~ a full content area.\nconst containerVariants = cva(\"mx-auto w-full\", {\n  variants: {\n    size: {\n      narrow: \"max-w-[900px]\",\n      content: \"max-w-[1200px]\",\n      wide: \"max-w-[1440px]\",\n      full: \"max-w-none\",\n    },\n    // `glass` makes the centered column a translucent, blurred panel.\n    variant: {\n      default: \"px-4\",\n      glass:\n        \"rounded-2xl bg-[var(--glass-light)] px-4 py-4 backdrop-blur-[var(--glass-blur)] sm:px-6\",\n    },\n  },\n  defaultVariants: {\n    size: \"content\",\n    variant: \"default\",\n  },\n});\n\ntype ContainerProps = React.ComponentProps<\"div\"> &\n  VariantProps<typeof containerVariants> & {\n    /** Element/component to render as instead of the default `div` (e.g. `main`, `section`). */\n    as?: React.ElementType;\n  };\n\n/** Centered, max-width page column with consistent gutters; optionally a glass panel. */\nfunction Container({ as, className, size, variant, ...props }: ContainerProps) {\n  const Comp = as ?? \"div\";\n  return (\n    <Comp\n      data-slot=\"container\"\n      data-variant={variant ?? \"default\"}\n      className={cn(containerVariants({ size, variant }), className)}\n      {...props}\n    />\n  );\n}\n\nexport { Container, containerVariants, type ContainerProps };\n"],"mappings":";;;;AAOA,MAAM,oBAAoB,IAAI,kBAAkB;CAC9C,UAAU;EACR,MAAM;GACJ,QAAQ;GACR,SAAS;GACT,MAAM;GACN,MAAM;EACR;EAEA,SAAS;GACP,SAAS;GACT,OACE;EACJ;CACF;CACA,iBAAiB;EACf,MAAM;EACN,SAAS;CACX;AACF,CAAC;;AASD,SAAS,UAAU,EAAE,IAAI,WAAW,MAAM,SAAS,GAAG,SAAyB;CAE7E,OACE,oBAFW,MAAM,OAEjB;EACE,aAAU;EACV,gBAAc,WAAW;EACzB,WAAW,GAAG,kBAAkB;GAAE;GAAM;EAAQ,CAAC,GAAG,SAAS;EAC7D,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/layouts/Container/Container.tsx"],"sourcesContent":["import { type VariantProps, cva } from \"class-variance-authority\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\n\n// Container — centered, max-width page column with consistent gutters.\n// `narrow` ~ a reading/hero column; `wide` ~ a full content area.\nconst containerVariants = cva(\"mx-auto w-full\", {\n  variants: {\n    size: {\n      narrow: \"max-w-[900px]\",\n      content: \"max-w-[1200px]\",\n      wide: \"max-w-[1440px]\",\n      full: \"max-w-none\",\n    },\n    // `glass` makes the centered column a translucent, blurred panel.\n    variant: {\n      default: \"px-4\",\n      glass: \"rounded-2xl bg-[var(--glass-light)] px-4 py-4 backdrop-blur-glass sm:px-6\",\n    },\n  },\n  defaultVariants: {\n    size: \"content\",\n    variant: \"default\",\n  },\n});\n\ntype ContainerProps = React.ComponentProps<\"div\"> &\n  VariantProps<typeof containerVariants> & {\n    /** Element/component to render as instead of the default `div` (e.g. `main`, `section`). */\n    as?: React.ElementType;\n  };\n\n/** Centered, max-width page column with consistent gutters; optionally a glass panel. */\nfunction Container({ as, className, size, variant, ...props }: ContainerProps) {\n  const Comp = as ?? \"div\";\n  return (\n    <Comp\n      data-slot=\"container\"\n      data-variant={variant ?? \"default\"}\n      className={cn(containerVariants({ size, variant }), className)}\n      {...props}\n    />\n  );\n}\n\nexport { Container, containerVariants, type ContainerProps };\n"],"mappings":";;;;AAOA,MAAM,oBAAoB,IAAI,kBAAkB;CAC9C,UAAU;EACR,MAAM;GACJ,QAAQ;GACR,SAAS;GACT,MAAM;GACN,MAAM;EACR;EAEA,SAAS;GACP,SAAS;GACT,OAAO;EACT;CACF;CACA,iBAAiB;EACf,MAAM;EACN,SAAS;CACX;AACF,CAAC;;AASD,SAAS,UAAU,EAAE,IAAI,WAAW,MAAM,SAAS,GAAG,SAAyB;CAE7E,OACE,oBAFW,MAAM,OAEjB;EACE,aAAU;EACV,gBAAc,WAAW;EACzB,WAAW,GAAG,kBAAkB;GAAE;GAAM;EAAQ,CAAC,GAAG,SAAS;EAC7D,GAAI;CACL,CAAA;AAEL"}

package/dist/layouts/PageBackground/index.cjs

@@ -8,7 +8,7 @@ function PageBackground({ fixed = true, className, style, ...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		"data-slot": "page-background",
 		"aria-hidden": true,
-		className: require_cn.cn("pointer-events-none inset-0 bg-slate-200 dark:bg-slate-950", fixed ? "fixed -z-10" : "absolute", className),
+		className: require_cn.cn("pointer-events-none inset-0 bg-page-gradient-edge", fixed ? "fixed -z-10" : "absolute", className),
 		style: {
 			backgroundImage: PAGE_GRADIENT,
 			...style

package/dist/layouts/PageBackground/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["cn"],"sources":["../../../src/layouts/PageBackground/PageBackground.tsx"],"sourcesContent":["import type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\n\n// PageBackground — ambient gradient backdrop that sits behind the app and makes\n// glass surfaces read. Composes a radial gradient from the theme-aware\n// `--page-gradient-mid` / `--page-gradient-edge` tokens (the middle stop is the\n// active brand tint; see styles/semantic.css), so it changes with\n// `.theme-slingshot` / `.theme-bodhi` / `.theme-sustain` and light/dark.\n// The gradient is built here (a real property) rather than as a composite token\n// so the vars resolve in this element's theme scope. Decorative (aria-hidden).\n//\n// By default it's `fixed` behind the page (the app body must be transparent);\n// set `fixed={false}` to fill a positioned parent instead.\nconst PAGE_GRADIENT =\n  \"radial-gradient(circle at 90% 10%, var(--page-gradient-edge) 0%, var(--page-gradient-mid) 25%, var(--page-gradient-edge) 60%)\";\n\n/** Props for {@link PageBackground}; extends the native `div` props. */\ntype PageBackgroundProps = React.ComponentProps<\"div\"> & {\n  /** Fixed to the viewport (default) vs absolute-fill of a positioned parent. */\n  fixed?: boolean;\n};\n\n/** Ambient, theme-aware radial-gradient backdrop that sits behind the app so glass surfaces read. */\nfunction PageBackground({ fixed = true, className, style, ...props }: PageBackgroundProps) {\n  return (\n    <div\n      data-slot=\"page-background\"\n      aria-hidden\n      // Neutral fallback color under the gradient so it's never fully empty.\n      className={cn(\n        \"pointer-events-none inset-0 bg-slate-200 dark:bg-slate-950\",\n        fixed ? \"fixed -z-10\" : \"absolute\",\n        className,\n      )}\n      style={{ backgroundImage: PAGE_GRADIENT, ...style }}\n      {...props}\n    />\n  );\n}\n\nexport { PageBackground, type PageBackgroundProps };\n"],"mappings":";;;;AAcA,MAAM,gBACJ;;AASF,SAAS,eAAe,EAAE,QAAQ,MAAM,WAAW,OAAO,GAAG,SAA8B;CACzF,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,aAAU;EACV,eAAA;EAEA,WAAWA,WAAAA,GACT,8DACA,QAAQ,gBAAgB,YACxB,SACF;EACA,OAAO;GAAE,iBAAiB;GAAe,GAAG;EAAM;EAClD,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"index.cjs","names":["cn"],"sources":["../../../src/layouts/PageBackground/PageBackground.tsx"],"sourcesContent":["import type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\n\n// PageBackground — ambient gradient backdrop that sits behind the app and makes\n// glass surfaces read. Composes a radial gradient from the theme-aware\n// `--page-gradient-mid` / `--page-gradient-edge` tokens (the middle stop is the\n// active brand tint; see styles/semantic.css), so it changes with\n// `.theme-slingshot` / `.theme-bodhi` / `.theme-sustain` and light/dark.\n// The gradient is built here (a real property) rather than as a composite token\n// so the vars resolve in this element's theme scope. Decorative (aria-hidden).\n//\n// By default it's `fixed` behind the page (the app body must be transparent);\n// set `fixed={false}` to fill a positioned parent instead.\nconst PAGE_GRADIENT =\n  \"radial-gradient(circle at 90% 10%, var(--page-gradient-edge) 0%, var(--page-gradient-mid) 25%, var(--page-gradient-edge) 60%)\";\n\n/** Props for {@link PageBackground}; extends the native `div` props. */\ntype PageBackgroundProps = React.ComponentProps<\"div\"> & {\n  /** Fixed to the viewport (default) vs absolute-fill of a positioned parent. */\n  fixed?: boolean;\n};\n\n/** Ambient, theme-aware radial-gradient backdrop that sits behind the app so glass surfaces read. */\nfunction PageBackground({ fixed = true, className, style, ...props }: PageBackgroundProps) {\n  return (\n    <div\n      data-slot=\"page-background\"\n      aria-hidden\n      // Neutral fallback color under the gradient so it's never fully empty.\n      className={cn(\n        \"pointer-events-none inset-0 bg-page-gradient-edge\",\n        fixed ? \"fixed -z-10\" : \"absolute\",\n        className,\n      )}\n      style={{ backgroundImage: PAGE_GRADIENT, ...style }}\n      {...props}\n    />\n  );\n}\n\nexport { PageBackground, type PageBackgroundProps };\n"],"mappings":";;;;AAcA,MAAM,gBACJ;;AASF,SAAS,eAAe,EAAE,QAAQ,MAAM,WAAW,OAAO,GAAG,SAA8B;CACzF,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,aAAU;EACV,eAAA;EAEA,WAAWA,WAAAA,GACT,qDACA,QAAQ,gBAAgB,YACxB,SACF;EACA,OAAO;GAAE,iBAAiB;GAAe,GAAG;EAAM;EAClD,GAAI;CACL,CAAA;AAEL"}

package/dist/layouts/PageBackground/index.js

@@ -7,7 +7,7 @@ function PageBackground({ fixed = true, className, style, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "page-background",
 		"aria-hidden": true,
-		className: cn("pointer-events-none inset-0 bg-slate-200 dark:bg-slate-950", fixed ? "fixed -z-10" : "absolute", className),
+		className: cn("pointer-events-none inset-0 bg-page-gradient-edge", fixed ? "fixed -z-10" : "absolute", className),
 		style: {
 			backgroundImage: PAGE_GRADIENT,
 			...style