@psnext/design-system 1.2.0 → 1.3.0

package/dist/index9.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime112 from "react/jsx-runtime";
+import * as react_jsx_runtime4 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_runtime4.JSX.Element;
 //#endregion
 export { SeparatorSpacing as n, Separator$1 as t };
 //# sourceMappingURL=index9.d.cts.map

package/dist/index9.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index9.d.cts","names":[],"sources":["../src/primitives/Separator/Separator.tsx"],"mappings":";;;;;KAKK,gBAAA;;iBASI,WAAA;;;;;;GAMN,KAAA,CAAM,sBAAsB,SAAA,CAAmB;EAf7C;EASI,OAAA,CAAA,EAQG,gBARM;CAAA,CAAA,EASjB,oBAAA,CAAA,GAAA,CAAA,OATiB"}
+{"version":3,"file":"index9.d.cts","names":[],"sources":["../src/primitives/Separator/Separator.tsx"],"mappings":";;;;;KAKK,gBAAA;;iBASI,WAAA;;;;;;GAMN,KAAA,CAAM,sBAAsB,SAAA,CAAmB;EAf7C;EASI,OAAA,CAAA,EAQG,gBARM;CAAA,CAAA,EASjB,kBAAA,CAAA,GAAA,CAAA,OATiB"}

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_runtime58 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_runtime58.JSX.Element;
 //#endregion
 export { SeparatorSpacing as n, Separator$1 as t };
 //# sourceMappingURL=index9.d.ts.map

package/dist/index9.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index9.d.ts","names":[],"sources":["../src/primitives/Separator/Separator.tsx"],"mappings":";;;;;KAKK,gBAAA;;iBASI,WAAA;;;;;;GAMN,KAAA,CAAM,sBAAsB,SAAA,CAAmB;EAf7C;EASI,OAAA,CAAA,EAQG,gBARM;CAAA,CAAA,EASjB,oBAAA,CAAA,GAAA,CAAA,OATiB"}
+{"version":3,"file":"index9.d.ts","names":[],"sources":["../src/primitives/Separator/Separator.tsx"],"mappings":";;;;;KAKK,gBAAA;;iBASI,WAAA;;;;;;GAMN,KAAA,CAAM,sBAAsB,SAAA,CAAmB;EAf7C;EASI,OAAA,CAAA,EAQG,gBARM;CAAA,CAAA,EASjB,mBAAA,CAAA,GAAA,CAAA,OATiB"}

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"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,oBAAC,OAAD;EACE,aAAU;EACV,eAAA;EAEA,WAAW,GACT,8DACA,QAAQ,gBAAgB,YACxB,SACF;EACA,OAAO;GAAE,iBAAiB;GAAe,GAAG;EAAM;EAClD,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"index.js","names":[],"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,oBAAC,OAAD;EACE,aAAU;EACV,eAAA;EAEA,WAAW,GACT,qDACA,QAAQ,gBAAgB,YACxB,SACF;EACA,OAAO;GAAE,iBAAiB;GAAe,GAAG;EAAM;EAClD,GAAI;CACL,CAAA;AAEL"}

package/dist/patterns/DataTable/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime188 from "react/jsx-runtime";
+import * as react_jsx_runtime130 from "react/jsx-runtime";
 import { Column, ColumnDef } from "@tanstack/react-table";
 
 //#region src/patterns/DataTable/DataTable.d.ts
@@ -24,7 +24,7 @@ declare function DataTable<TData, TValue>({
   striped,
   enablePagination,
   pageSize
-}: DataTableProps<TData, TValue>): react_jsx_runtime188.JSX.Element;
+}: DataTableProps<TData, TValue>): react_jsx_runtime130.JSX.Element;
 /** Sortable column header — drop into a column's `header` to get click-to-sort. */
 declare function DataTableColumnHeader<TData, TValue>({
   column,
@@ -37,7 +37,7 @@ declare function DataTableColumnHeader<TData, TValue>({
   title: string;
   /** Optional class applied to the header button (or span when unsortable). */
   className?: string;
-}): react_jsx_runtime188.JSX.Element;
+}): react_jsx_runtime130.JSX.Element;
 //#endregion
 export { type ColumnDef, DataTable, DataTableColumnHeader };
 //# sourceMappingURL=index.d.cts.map

package/dist/patterns/DataTable/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime306 from "react/jsx-runtime";
+import * as react_jsx_runtime237 from "react/jsx-runtime";
 import { Column, ColumnDef } from "@tanstack/react-table";
 
 //#region src/patterns/DataTable/DataTable.d.ts
@@ -24,7 +24,7 @@ declare function DataTable<TData, TValue>({
   striped,
   enablePagination,
   pageSize
-}: DataTableProps<TData, TValue>): react_jsx_runtime306.JSX.Element;
+}: DataTableProps<TData, TValue>): react_jsx_runtime237.JSX.Element;
 /** Sortable column header — drop into a column's `header` to get click-to-sort. */
 declare function DataTableColumnHeader<TData, TValue>({
   column,
@@ -37,7 +37,7 @@ declare function DataTableColumnHeader<TData, TValue>({
   title: string;
   /** Optional class applied to the header button (or span when unsortable). */
   className?: string;
-}): react_jsx_runtime306.JSX.Element;
+}): react_jsx_runtime237.JSX.Element;
 //#endregion
 export { type ColumnDef, DataTable, DataTableColumnHeader };
 //# sourceMappingURL=index.d.ts.map

package/dist/patterns/Footer/index.cjs

@@ -6,7 +6,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
 const footerBackgrounds = {
 	none: "",
 	muted: "bg-muted",
-	glass: "bg-[var(--glass-light)] backdrop-blur-[var(--glass-blur)]"
+	glass: "bg-[var(--glass-light)] backdrop-blur-glass"
 };
 /** App chrome shown at the bottom of a page: a responsive three-region row (start / center / end). */
 function Footer({ className, bordered = false, background = "none", ...props }) {

package/dist/patterns/Footer/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["cn","Text"],"sources":["../../../src/patterns/Footer/Footer.tsx"],"sourcesContent":["import type * as React from \"react\";\n\nimport { Text } from \"@/primitives/Text\";\nimport { cn } from \"@/utils\";\n\n// Footer — app chrome shown at the bottom of a page. A responsive three-region\n// row: the regions stack centered on mobile and spread to start / center / end\n// on md+ (a grid, so the centre region stays centred regardless of the side\n// widths). Compose content from Text / Link / Logo; the helpers below cover the\n// common pieces (a \"Powered by\" lockup and a link separator).\n//\n//   <Footer>\n//     <FooterStart><Text size=\"mini\" variant=\"muted\">v2.6.0</Text></FooterStart>\n//     <FooterCenter>\n//       <FooterPoweredBy><Logo brand=\"slingshot\" variant=\"icon\" className=\"size-5\" /></FooterPoweredBy>\n//     </FooterCenter>\n//     <FooterEnd>\n//       <Link href=\"/tnc\" underline=\"hover\">T&C</Link>\n//       <FooterSeparator />\n//       <Link href=\"/privacy\" underline=\"hover\">Privacy</Link>\n//     </FooterEnd>\n//   </Footer>\n\n// Surface fills. `glass` is a translucent, backdrop-blurred panel (same --glass-*\n// tokens as Card/Container) — reads over a textured page background.\nconst footerBackgrounds = {\n  none: \"\",\n  muted: \"bg-muted\",\n  glass: \"bg-[var(--glass-light)] backdrop-blur-[var(--glass-blur)]\",\n} as const;\n\n/** App chrome shown at the bottom of a page: a responsive three-region row (start / center / end). */\nfunction Footer({\n  className,\n  bordered = false,\n  background = \"none\",\n  ...props\n}: React.ComponentProps<\"footer\"> & {\n  /** Add a subtle top border separating the footer from page content. */\n  bordered?: boolean;\n  /** Surface fill. `glass` is a translucent, blurred panel over the page background. */\n  background?: keyof typeof footerBackgrounds;\n}) {\n  return (\n    <footer\n      data-slot=\"footer\"\n      data-background={background}\n      className={cn(\n        // Footer content is small by default (matches the version text); links and\n        // other unstyled children inherit this. Explicitly-sized <Text> is unaffected.\n        \"grid w-full grid-cols-1 gap-3 px-4 py-3 text-center md:grid-cols-3 md:items-center md:px-6\",\n        \"text-[length:var(--paragraph-mini-font-size)] leading-[var(--paragraph-mini-line-height)]\",\n        footerBackgrounds[background],\n        bordered && \"border-t border-border\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Leading region — left-aligned on md+ (e.g. an app version). */\nfunction FooterStart({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"footer-start\"\n      className={cn(\n        \"flex items-center justify-center gap-2 md:justify-self-start md:text-left\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Centre region — always centred (e.g. a \"Powered by\" lockup). */\nfunction FooterCenter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"footer-center\"\n      className={cn(\"flex items-center justify-center gap-2 md:justify-self-center\", className)}\n      {...props}\n    />\n  );\n}\n\n/** Trailing region — right-aligned on md+ (e.g. legal links). Wraps on small screens. */\nfunction FooterEnd({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"footer-end\"\n      className={cn(\n        \"flex flex-wrap items-center justify-center gap-2 md:justify-end md:justify-self-end md:text-right\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** \"Powered by\" lockup — the label plus a slot for the brand mark (a <Logo />). */\nfunction FooterPoweredBy({\n  className,\n  label = \"Powered by\",\n  children,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  /** Override the default \"Powered by\" label. */\n  label?: React.ReactNode;\n}) {\n  return (\n    <div\n      data-slot=\"footer-powered-by\"\n      className={cn(\"flex items-center gap-2\", className)}\n      {...props}\n    >\n      <Text as=\"span\" size=\"small\" variant=\"muted\">\n        {label}\n      </Text>\n      {children}\n    </div>\n  );\n}\n\n/** Visual divider between trailing links. */\nfunction FooterSeparator({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"footer-separator\"\n      aria-hidden=\"true\"\n      className={cn(\"select-none text-border\", className)}\n      {...props}\n    >\n      |\n    </span>\n  );\n}\n\nexport { Footer, FooterStart, FooterCenter, FooterEnd, FooterPoweredBy, FooterSeparator };\n"],"mappings":";;;;;AAyBA,MAAM,oBAAoB;CACxB,MAAM;CACN,OAAO;CACP,OAAO;AACT;;AAGA,SAAS,OAAO,EACd,WACA,WAAW,OACX,aAAa,QACb,GAAG,SAMF;CACD,OACE,iBAAA,GAAA,kBAAA,KAAC,UAAD;EACE,aAAU;EACV,mBAAiB;EACjB,WAAWA,WAAAA,GAGT,8FACA,6FACA,kBAAkB,aAClB,YAAY,0BACZ,SACF;EACA,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;CACzE,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAWA,WAAAA,GACT,6EACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;CAC1E,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAWA,WAAAA,GAAG,iEAAiE,SAAS;EACxF,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAsC;CACvE,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAWA,WAAAA,GACT,qGACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,gBAAgB,EACvB,WACA,QAAQ,cACR,UACA,GAAG,SAIF;CACD,OACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EACE,aAAU;EACV,WAAWA,WAAAA,GAAG,2BAA2B,SAAS;EAClD,GAAI;YAHN,CAKE,iBAAA,GAAA,kBAAA,KAACC,8BAAAA,MAAD;GAAM,IAAG;GAAO,MAAK;GAAQ,SAAQ;aAClC;EACG,CAAA,GACL,QACE;;AAET;;AAGA,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAuC;CAC9E,OACE,iBAAA,GAAA,kBAAA,KAAC,QAAD;EACE,aAAU;EACV,eAAY;EACZ,WAAWD,WAAAA,GAAG,2BAA2B,SAAS;EAClD,GAAI;YACL;CAEK,CAAA;AAEV"}
+{"version":3,"file":"index.cjs","names":["cn","Text"],"sources":["../../../src/patterns/Footer/Footer.tsx"],"sourcesContent":["import type * as React from \"react\";\n\nimport { Text } from \"@/primitives/Text\";\nimport { cn } from \"@/utils\";\n\n// Footer — app chrome shown at the bottom of a page. A responsive three-region\n// row: the regions stack centered on mobile and spread to start / center / end\n// on md+ (a grid, so the centre region stays centred regardless of the side\n// widths). Compose content from Text / Link / Logo; the helpers below cover the\n// common pieces (a \"Powered by\" lockup and a link separator).\n//\n//   <Footer>\n//     <FooterStart><Text size=\"mini\" variant=\"muted\">v2.6.0</Text></FooterStart>\n//     <FooterCenter>\n//       <FooterPoweredBy><Logo brand=\"slingshot\" variant=\"icon\" className=\"size-5\" /></FooterPoweredBy>\n//     </FooterCenter>\n//     <FooterEnd>\n//       <Link href=\"/tnc\" underline=\"hover\">T&C</Link>\n//       <FooterSeparator />\n//       <Link href=\"/privacy\" underline=\"hover\">Privacy</Link>\n//     </FooterEnd>\n//   </Footer>\n\n// Surface fills. `glass` is a translucent, backdrop-blurred panel (same --glass-*\n// tokens as Card/Container) — reads over a textured page background.\nconst footerBackgrounds = {\n  none: \"\",\n  muted: \"bg-muted\",\n  glass: \"bg-[var(--glass-light)] backdrop-blur-glass\",\n} as const;\n\n/** App chrome shown at the bottom of a page: a responsive three-region row (start / center / end). */\nfunction Footer({\n  className,\n  bordered = false,\n  background = \"none\",\n  ...props\n}: React.ComponentProps<\"footer\"> & {\n  /** Add a subtle top border separating the footer from page content. */\n  bordered?: boolean;\n  /** Surface fill. `glass` is a translucent, blurred panel over the page background. */\n  background?: keyof typeof footerBackgrounds;\n}) {\n  return (\n    <footer\n      data-slot=\"footer\"\n      data-background={background}\n      className={cn(\n        // Footer content is small by default (matches the version text); links and\n        // other unstyled children inherit this. Explicitly-sized <Text> is unaffected.\n        \"grid w-full grid-cols-1 gap-3 px-4 py-3 text-center md:grid-cols-3 md:items-center md:px-6\",\n        \"text-[length:var(--paragraph-mini-font-size)] leading-[var(--paragraph-mini-line-height)]\",\n        footerBackgrounds[background],\n        bordered && \"border-t border-border\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Leading region — left-aligned on md+ (e.g. an app version). */\nfunction FooterStart({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"footer-start\"\n      className={cn(\n        \"flex items-center justify-center gap-2 md:justify-self-start md:text-left\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Centre region — always centred (e.g. a \"Powered by\" lockup). */\nfunction FooterCenter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"footer-center\"\n      className={cn(\"flex items-center justify-center gap-2 md:justify-self-center\", className)}\n      {...props}\n    />\n  );\n}\n\n/** Trailing region — right-aligned on md+ (e.g. legal links). Wraps on small screens. */\nfunction FooterEnd({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"footer-end\"\n      className={cn(\n        \"flex flex-wrap items-center justify-center gap-2 md:justify-end md:justify-self-end md:text-right\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** \"Powered by\" lockup — the label plus a slot for the brand mark (a <Logo />). */\nfunction FooterPoweredBy({\n  className,\n  label = \"Powered by\",\n  children,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  /** Override the default \"Powered by\" label. */\n  label?: React.ReactNode;\n}) {\n  return (\n    <div\n      data-slot=\"footer-powered-by\"\n      className={cn(\"flex items-center gap-2\", className)}\n      {...props}\n    >\n      <Text as=\"span\" size=\"small\" variant=\"muted\">\n        {label}\n      </Text>\n      {children}\n    </div>\n  );\n}\n\n/** Visual divider between trailing links. */\nfunction FooterSeparator({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"footer-separator\"\n      aria-hidden=\"true\"\n      className={cn(\"select-none text-border\", className)}\n      {...props}\n    >\n      |\n    </span>\n  );\n}\n\nexport { Footer, FooterStart, FooterCenter, FooterEnd, FooterPoweredBy, FooterSeparator };\n"],"mappings":";;;;;AAyBA,MAAM,oBAAoB;CACxB,MAAM;CACN,OAAO;CACP,OAAO;AACT;;AAGA,SAAS,OAAO,EACd,WACA,WAAW,OACX,aAAa,QACb,GAAG,SAMF;CACD,OACE,iBAAA,GAAA,kBAAA,KAAC,UAAD;EACE,aAAU;EACV,mBAAiB;EACjB,WAAWA,WAAAA,GAGT,8FACA,6FACA,kBAAkB,aAClB,YAAY,0BACZ,SACF;EACA,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;CACzE,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAWA,WAAAA,GACT,6EACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;CAC1E,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAWA,WAAAA,GAAG,iEAAiE,SAAS;EACxF,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAsC;CACvE,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAWA,WAAAA,GACT,qGACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,gBAAgB,EACvB,WACA,QAAQ,cACR,UACA,GAAG,SAIF;CACD,OACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EACE,aAAU;EACV,WAAWA,WAAAA,GAAG,2BAA2B,SAAS;EAClD,GAAI;YAHN,CAKE,iBAAA,GAAA,kBAAA,KAACC,8BAAAA,MAAD;GAAM,IAAG;GAAO,MAAK;GAAQ,SAAQ;aAClC;EACG,CAAA,GACL,QACE;;AAET;;AAGA,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAuC;CAC9E,OACE,iBAAA,GAAA,kBAAA,KAAC,QAAD;EACE,aAAU;EACV,eAAY;EACZ,WAAWD,WAAAA,GAAG,2BAA2B,SAAS;EAClD,GAAI;YACL;CAEK,CAAA;AAEV"}

package/dist/patterns/Footer/index.d.cts

@@ -1,11 +1,11 @@
-import * as react_jsx_runtime224 from "react/jsx-runtime";
+import * as react_jsx_runtime250 from "react/jsx-runtime";
 import * as React from "react";
 
 //#region src/patterns/Footer/Footer.d.ts
 declare const footerBackgrounds: {
   readonly none: "";
   readonly muted: "bg-muted";
-  readonly glass: "bg-[var(--glass-light)] backdrop-blur-[var(--glass-blur)]";
+  readonly glass: "bg-[var(--glass-light)] backdrop-blur-glass";
 };
 /** App chrome shown at the bottom of a page: a responsive three-region row (start / center / end). */
 declare function Footer({
@@ -18,22 +18,22 @@ declare function Footer({
   bordered?: boolean;
   /** Surface fill. `glass` is a translucent, blurred panel over the page background. */
   background?: keyof typeof footerBackgrounds;
-}): react_jsx_runtime224.JSX.Element;
+}): react_jsx_runtime250.JSX.Element;
 /** Leading region — left-aligned on md+ (e.g. an app version). */
 declare function FooterStart({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime224.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime250.JSX.Element;
 /** Centre region — always centred (e.g. a "Powered by" lockup). */
 declare function FooterCenter({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime224.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime250.JSX.Element;
 /** Trailing region — right-aligned on md+ (e.g. legal links). Wraps on small screens. */
 declare function FooterEnd({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime224.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime250.JSX.Element;
 /** "Powered by" lockup — the label plus a slot for the brand mark (a <Logo />). */
 declare function FooterPoweredBy({
   className,
@@ -43,12 +43,12 @@ declare function FooterPoweredBy({
 }: React.ComponentProps<"div"> & {
   /** Override the default "Powered by" label. */
   label?: React.ReactNode;
-}): react_jsx_runtime224.JSX.Element;
+}): react_jsx_runtime250.JSX.Element;
 /** Visual divider between trailing links. */
 declare function FooterSeparator({
   className,
   ...props
-}: React.ComponentProps<"span">): react_jsx_runtime224.JSX.Element;
+}: React.ComponentProps<"span">): react_jsx_runtime250.JSX.Element;
 //#endregion
 export { Footer, FooterCenter, FooterEnd, FooterPoweredBy, FooterSeparator, FooterStart };
 //# sourceMappingURL=index.d.cts.map

package/dist/patterns/Footer/index.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.cts","names":[],"sources":["../../../src/patterns/Footer/Footer.tsx"],"mappings":";;;;cAyBM;;;EAAA,SAAA,KAAA,EAAA,2DAII;AAAA,CAAA;;iBAGD,MAAA,CACP;EAAA,SAAA;EAAA,QAAA;EAAA,UAAA;EAAA,GAAA;CAAA,EAIC,KAAA,CAAM,cAJP,CAAA,QAAA,CAAA,GAAA;;UAEA,CAAA,EAAA,OAAA;;YAM0B,CAAA,EAAA,MAAA,OAAA,iBAAA;IAC3B,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA;AAAA,iBAoBQ,WAAA,CAAW;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAA0B,KAAA,CAAM,cAAhC,CAAA,KAAA,CAAA,CAAA,EAAqD,oBAAA,CAAA,GAAA,CAAA,OAArD;;iBAcX,YAAA,CAdc;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAcwB,KAAA,CAAM,cAd9B,CAAA,KAAA,CAAA,CAAA,EAcmD,oBAAA,CAAA,GAAA,CAAA,OAdnD;;iBAyBd,SAAA,CAzBgE;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyB7B,KAAA,CAAM,cAzBuB,CAAA,KAAA,CAAA,CAAA,EAyBF,oBAAA,CAAA,GAAA,CAAA,OAzBE;AAAA;AAAA,iBAuChE,eAAA,CAzBY;EAAA,SAAA;EAAA,KAAA;EAAA,QAAA;EAAA,GAAA;CAAA,EA8BlB,KAAA,CAAM,cA9BY,CAAA,KAAA,CAAA,GAAA;EAAA;OAAG,CAAA,EAgCd,KAAA,CAAM,SAhCQ;IAiCvB,oBAAA,CAAA,GAAA,CAAA,OAjCoD;;AAAqB,iBAiDjE,eAAA,CAjDiE;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAiDxB,KAAA,CAAM,cAjDkB,CAAA,MAAA,CAAA,CAAA,EAiDI,oBAAA,CAAA,GAAA,CAAA,OAjDJ"}
+{"version":3,"file":"index.d.cts","names":[],"sources":["../../../src/patterns/Footer/Footer.tsx"],"mappings":";;;;cAyBM;;;EAAA,SAAA,KAAA,EAAA,6CAII;AAAA,CAAA;;iBAGD,MAAA,CACP;EAAA,SAAA;EAAA,QAAA;EAAA,UAAA;EAAA,GAAA;CAAA,EAIC,KAAA,CAAM,cAJP,CAAA,QAAA,CAAA,GAAA;;UAEA,CAAA,EAAA,OAAA;;YAM0B,CAAA,EAAA,MAAA,OAAA,iBAAA;IAC3B,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA;AAAA,iBAoBQ,WAAA,CAAW;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAA0B,KAAA,CAAM,cAAhC,CAAA,KAAA,CAAA,CAAA,EAAqD,oBAAA,CAAA,GAAA,CAAA,OAArD;;iBAcX,YAAA,CAdc;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAcwB,KAAA,CAAM,cAd9B,CAAA,KAAA,CAAA,CAAA,EAcmD,oBAAA,CAAA,GAAA,CAAA,OAdnD;;iBAyBd,SAAA,CAzBgE;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyB7B,KAAA,CAAM,cAzBuB,CAAA,KAAA,CAAA,CAAA,EAyBF,oBAAA,CAAA,GAAA,CAAA,OAzBE;AAAA;AAAA,iBAuChE,eAAA,CAzBY;EAAA,SAAA;EAAA,KAAA;EAAA,QAAA;EAAA,GAAA;CAAA,EA8BlB,KAAA,CAAM,cA9BY,CAAA,KAAA,CAAA,GAAA;EAAA;OAAG,CAAA,EAgCd,KAAA,CAAM,SAhCQ;IAiCvB,oBAAA,CAAA,GAAA,CAAA,OAjCoD;;AAAqB,iBAiDjE,eAAA,CAjDiE;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAiDxB,KAAA,CAAM,cAjDkB,CAAA,MAAA,CAAA,CAAA,EAiDI,oBAAA,CAAA,GAAA,CAAA,OAjDJ"}

package/dist/patterns/Footer/index.d.ts

@@ -1,11 +1,11 @@
 import * as React from "react";
-import * as react_jsx_runtime87 from "react/jsx-runtime";
+import * as react_jsx_runtime41 from "react/jsx-runtime";
 
 //#region src/patterns/Footer/Footer.d.ts
 declare const footerBackgrounds: {
   readonly none: "";
   readonly muted: "bg-muted";
-  readonly glass: "bg-[var(--glass-light)] backdrop-blur-[var(--glass-blur)]";
+  readonly glass: "bg-[var(--glass-light)] backdrop-blur-glass";
 };
 /** App chrome shown at the bottom of a page: a responsive three-region row (start / center / end). */
 declare function Footer({
@@ -18,22 +18,22 @@ declare function Footer({
   bordered?: boolean;
   /** Surface fill. `glass` is a translucent, blurred panel over the page background. */
   background?: keyof typeof footerBackgrounds;
-}): react_jsx_runtime87.JSX.Element;
+}): react_jsx_runtime41.JSX.Element;
 /** Leading region — left-aligned on md+ (e.g. an app version). */
 declare function FooterStart({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime87.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime41.JSX.Element;
 /** Centre region — always centred (e.g. a "Powered by" lockup). */
 declare function FooterCenter({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime87.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime41.JSX.Element;
 /** Trailing region — right-aligned on md+ (e.g. legal links). Wraps on small screens. */
 declare function FooterEnd({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime87.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime41.JSX.Element;
 /** "Powered by" lockup — the label plus a slot for the brand mark (a <Logo />). */
 declare function FooterPoweredBy({
   className,
@@ -43,12 +43,12 @@ declare function FooterPoweredBy({
 }: React.ComponentProps<"div"> & {
   /** Override the default "Powered by" label. */
   label?: React.ReactNode;
-}): react_jsx_runtime87.JSX.Element;
+}): react_jsx_runtime41.JSX.Element;
 /** Visual divider between trailing links. */
 declare function FooterSeparator({
   className,
   ...props
-}: React.ComponentProps<"span">): react_jsx_runtime87.JSX.Element;
+}: React.ComponentProps<"span">): react_jsx_runtime41.JSX.Element;
 //#endregion
 export { Footer, FooterCenter, FooterEnd, FooterPoweredBy, FooterSeparator, FooterStart };
 //# sourceMappingURL=index.d.ts.map

package/dist/patterns/Footer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/patterns/Footer/Footer.tsx"],"mappings":";;;;cAyBM;;;EAAA,SAAA,KAAA,EAAA,2DAII;AAAA,CAAA;;iBAGD,MAAA,CACP;EAAA,SAAA;EAAA,QAAA;EAAA,UAAA;EAAA,GAAA;CAAA,EAIC,KAAA,CAAM,cAJP,CAAA,QAAA,CAAA,GAAA;;UAEA,CAAA,EAAA,OAAA;;YAM0B,CAAA,EAAA,MAAA,OAAA,iBAAA;IAC3B,mBAAA,CAAA,GAAA,CAAA,OAAA;AAAA;AAAA,iBAoBQ,WAAA,CAAW;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAA0B,KAAA,CAAM,cAAhC,CAAA,KAAA,CAAA,CAAA,EAAqD,mBAAA,CAAA,GAAA,CAAA,OAArD;;iBAcX,YAAA,CAdc;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAcwB,KAAA,CAAM,cAd9B,CAAA,KAAA,CAAA,CAAA,EAcmD,mBAAA,CAAA,GAAA,CAAA,OAdnD;;iBAyBd,SAAA,CAzBgE;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyB7B,KAAA,CAAM,cAzBuB,CAAA,KAAA,CAAA,CAAA,EAyBF,mBAAA,CAAA,GAAA,CAAA,OAzBE;AAAA;AAAA,iBAuChE,eAAA,CAzBY;EAAA,SAAA;EAAA,KAAA;EAAA,QAAA;EAAA,GAAA;CAAA,EA8BlB,KAAA,CAAM,cA9BY,CAAA,KAAA,CAAA,GAAA;EAAA;OAAG,CAAA,EAgCd,KAAA,CAAM,SAhCQ;IAiCvB,mBAAA,CAAA,GAAA,CAAA,OAjCoD;;AAAqB,iBAiDjE,eAAA,CAjDiE;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAiDxB,KAAA,CAAM,cAjDkB,CAAA,MAAA,CAAA,CAAA,EAiDI,mBAAA,CAAA,GAAA,CAAA,OAjDJ"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/patterns/Footer/Footer.tsx"],"mappings":";;;;cAyBM;;;EAAA,SAAA,KAAA,EAAA,6CAII;AAAA,CAAA;;iBAGD,MAAA,CACP;EAAA,SAAA;EAAA,QAAA;EAAA,UAAA;EAAA,GAAA;CAAA,EAIC,KAAA,CAAM,cAJP,CAAA,QAAA,CAAA,GAAA;;UAEA,CAAA,EAAA,OAAA;;YAM0B,CAAA,EAAA,MAAA,OAAA,iBAAA;IAC3B,mBAAA,CAAA,GAAA,CAAA,OAAA;AAAA;AAAA,iBAoBQ,WAAA,CAAW;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAA0B,KAAA,CAAM,cAAhC,CAAA,KAAA,CAAA,CAAA,EAAqD,mBAAA,CAAA,GAAA,CAAA,OAArD;;iBAcX,YAAA,CAdc;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAcwB,KAAA,CAAM,cAd9B,CAAA,KAAA,CAAA,CAAA,EAcmD,mBAAA,CAAA,GAAA,CAAA,OAdnD;;iBAyBd,SAAA,CAzBgE;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyB7B,KAAA,CAAM,cAzBuB,CAAA,KAAA,CAAA,CAAA,EAyBF,mBAAA,CAAA,GAAA,CAAA,OAzBE;AAAA;AAAA,iBAuChE,eAAA,CAzBY;EAAA,SAAA;EAAA,KAAA;EAAA,QAAA;EAAA,GAAA;CAAA,EA8BlB,KAAA,CAAM,cA9BY,CAAA,KAAA,CAAA,GAAA;EAAA;OAAG,CAAA,EAgCd,KAAA,CAAM,SAhCQ;IAiCvB,mBAAA,CAAA,GAAA,CAAA,OAjCoD;;AAAqB,iBAiDjE,eAAA,CAjDiE;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAiDxB,KAAA,CAAM,cAjDkB,CAAA,MAAA,CAAA,CAAA,EAiDI,mBAAA,CAAA,GAAA,CAAA,OAjDJ"}

package/dist/patterns/Footer/index.js

@@ -5,7 +5,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 const footerBackgrounds = {
 	none: "",
 	muted: "bg-muted",
-	glass: "bg-[var(--glass-light)] backdrop-blur-[var(--glass-blur)]"
+	glass: "bg-[var(--glass-light)] backdrop-blur-glass"
 };
 /** App chrome shown at the bottom of a page: a responsive three-region row (start / center / end). */
 function Footer({ className, bordered = false, background = "none", ...props }) {

package/dist/patterns/Footer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/patterns/Footer/Footer.tsx"],"sourcesContent":["import type * as React from \"react\";\n\nimport { Text } from \"@/primitives/Text\";\nimport { cn } from \"@/utils\";\n\n// Footer — app chrome shown at the bottom of a page. A responsive three-region\n// row: the regions stack centered on mobile and spread to start / center / end\n// on md+ (a grid, so the centre region stays centred regardless of the side\n// widths). Compose content from Text / Link / Logo; the helpers below cover the\n// common pieces (a \"Powered by\" lockup and a link separator).\n//\n//   <Footer>\n//     <FooterStart><Text size=\"mini\" variant=\"muted\">v2.6.0</Text></FooterStart>\n//     <FooterCenter>\n//       <FooterPoweredBy><Logo brand=\"slingshot\" variant=\"icon\" className=\"size-5\" /></FooterPoweredBy>\n//     </FooterCenter>\n//     <FooterEnd>\n//       <Link href=\"/tnc\" underline=\"hover\">T&C</Link>\n//       <FooterSeparator />\n//       <Link href=\"/privacy\" underline=\"hover\">Privacy</Link>\n//     </FooterEnd>\n//   </Footer>\n\n// Surface fills. `glass` is a translucent, backdrop-blurred panel (same --glass-*\n// tokens as Card/Container) — reads over a textured page background.\nconst footerBackgrounds = {\n  none: \"\",\n  muted: \"bg-muted\",\n  glass: \"bg-[var(--glass-light)] backdrop-blur-[var(--glass-blur)]\",\n} as const;\n\n/** App chrome shown at the bottom of a page: a responsive three-region row (start / center / end). */\nfunction Footer({\n  className,\n  bordered = false,\n  background = \"none\",\n  ...props\n}: React.ComponentProps<\"footer\"> & {\n  /** Add a subtle top border separating the footer from page content. */\n  bordered?: boolean;\n  /** Surface fill. `glass` is a translucent, blurred panel over the page background. */\n  background?: keyof typeof footerBackgrounds;\n}) {\n  return (\n    <footer\n      data-slot=\"footer\"\n      data-background={background}\n      className={cn(\n        // Footer content is small by default (matches the version text); links and\n        // other unstyled children inherit this. Explicitly-sized <Text> is unaffected.\n        \"grid w-full grid-cols-1 gap-3 px-4 py-3 text-center md:grid-cols-3 md:items-center md:px-6\",\n        \"text-[length:var(--paragraph-mini-font-size)] leading-[var(--paragraph-mini-line-height)]\",\n        footerBackgrounds[background],\n        bordered && \"border-t border-border\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Leading region — left-aligned on md+ (e.g. an app version). */\nfunction FooterStart({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"footer-start\"\n      className={cn(\n        \"flex items-center justify-center gap-2 md:justify-self-start md:text-left\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Centre region — always centred (e.g. a \"Powered by\" lockup). */\nfunction FooterCenter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"footer-center\"\n      className={cn(\"flex items-center justify-center gap-2 md:justify-self-center\", className)}\n      {...props}\n    />\n  );\n}\n\n/** Trailing region — right-aligned on md+ (e.g. legal links). Wraps on small screens. */\nfunction FooterEnd({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"footer-end\"\n      className={cn(\n        \"flex flex-wrap items-center justify-center gap-2 md:justify-end md:justify-self-end md:text-right\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** \"Powered by\" lockup — the label plus a slot for the brand mark (a <Logo />). */\nfunction FooterPoweredBy({\n  className,\n  label = \"Powered by\",\n  children,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  /** Override the default \"Powered by\" label. */\n  label?: React.ReactNode;\n}) {\n  return (\n    <div\n      data-slot=\"footer-powered-by\"\n      className={cn(\"flex items-center gap-2\", className)}\n      {...props}\n    >\n      <Text as=\"span\" size=\"small\" variant=\"muted\">\n        {label}\n      </Text>\n      {children}\n    </div>\n  );\n}\n\n/** Visual divider between trailing links. */\nfunction FooterSeparator({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"footer-separator\"\n      aria-hidden=\"true\"\n      className={cn(\"select-none text-border\", className)}\n      {...props}\n    >\n      |\n    </span>\n  );\n}\n\nexport { Footer, FooterStart, FooterCenter, FooterEnd, FooterPoweredBy, FooterSeparator };\n"],"mappings":";;;;AAyBA,MAAM,oBAAoB;CACxB,MAAM;CACN,OAAO;CACP,OAAO;AACT;;AAGA,SAAS,OAAO,EACd,WACA,WAAW,OACX,aAAa,QACb,GAAG,SAMF;CACD,OACE,oBAAC,UAAD;EACE,aAAU;EACV,mBAAiB;EACjB,WAAW,GAGT,8FACA,6FACA,kBAAkB,aAClB,YAAY,0BACZ,SACF;EACA,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;CACzE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,6EACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;CAC1E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,iEAAiE,SAAS;EACxF,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAsC;CACvE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,qGACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,gBAAgB,EACvB,WACA,QAAQ,cACR,UACA,GAAG,SAIF;CACD,OACE,qBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,2BAA2B,SAAS;EAClD,GAAI;YAHN,CAKE,oBAAC,MAAD;GAAM,IAAG;GAAO,MAAK;GAAQ,SAAQ;aAClC;EACG,CAAA,GACL,QACE;;AAET;;AAGA,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAuC;CAC9E,OACE,oBAAC,QAAD;EACE,aAAU;EACV,eAAY;EACZ,WAAW,GAAG,2BAA2B,SAAS;EAClD,GAAI;YACL;CAEK,CAAA;AAEV"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/patterns/Footer/Footer.tsx"],"sourcesContent":["import type * as React from \"react\";\n\nimport { Text } from \"@/primitives/Text\";\nimport { cn } from \"@/utils\";\n\n// Footer — app chrome shown at the bottom of a page. A responsive three-region\n// row: the regions stack centered on mobile and spread to start / center / end\n// on md+ (a grid, so the centre region stays centred regardless of the side\n// widths). Compose content from Text / Link / Logo; the helpers below cover the\n// common pieces (a \"Powered by\" lockup and a link separator).\n//\n//   <Footer>\n//     <FooterStart><Text size=\"mini\" variant=\"muted\">v2.6.0</Text></FooterStart>\n//     <FooterCenter>\n//       <FooterPoweredBy><Logo brand=\"slingshot\" variant=\"icon\" className=\"size-5\" /></FooterPoweredBy>\n//     </FooterCenter>\n//     <FooterEnd>\n//       <Link href=\"/tnc\" underline=\"hover\">T&C</Link>\n//       <FooterSeparator />\n//       <Link href=\"/privacy\" underline=\"hover\">Privacy</Link>\n//     </FooterEnd>\n//   </Footer>\n\n// Surface fills. `glass` is a translucent, backdrop-blurred panel (same --glass-*\n// tokens as Card/Container) — reads over a textured page background.\nconst footerBackgrounds = {\n  none: \"\",\n  muted: \"bg-muted\",\n  glass: \"bg-[var(--glass-light)] backdrop-blur-glass\",\n} as const;\n\n/** App chrome shown at the bottom of a page: a responsive three-region row (start / center / end). */\nfunction Footer({\n  className,\n  bordered = false,\n  background = \"none\",\n  ...props\n}: React.ComponentProps<\"footer\"> & {\n  /** Add a subtle top border separating the footer from page content. */\n  bordered?: boolean;\n  /** Surface fill. `glass` is a translucent, blurred panel over the page background. */\n  background?: keyof typeof footerBackgrounds;\n}) {\n  return (\n    <footer\n      data-slot=\"footer\"\n      data-background={background}\n      className={cn(\n        // Footer content is small by default (matches the version text); links and\n        // other unstyled children inherit this. Explicitly-sized <Text> is unaffected.\n        \"grid w-full grid-cols-1 gap-3 px-4 py-3 text-center md:grid-cols-3 md:items-center md:px-6\",\n        \"text-[length:var(--paragraph-mini-font-size)] leading-[var(--paragraph-mini-line-height)]\",\n        footerBackgrounds[background],\n        bordered && \"border-t border-border\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Leading region — left-aligned on md+ (e.g. an app version). */\nfunction FooterStart({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"footer-start\"\n      className={cn(\n        \"flex items-center justify-center gap-2 md:justify-self-start md:text-left\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Centre region — always centred (e.g. a \"Powered by\" lockup). */\nfunction FooterCenter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"footer-center\"\n      className={cn(\"flex items-center justify-center gap-2 md:justify-self-center\", className)}\n      {...props}\n    />\n  );\n}\n\n/** Trailing region — right-aligned on md+ (e.g. legal links). Wraps on small screens. */\nfunction FooterEnd({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"footer-end\"\n      className={cn(\n        \"flex flex-wrap items-center justify-center gap-2 md:justify-end md:justify-self-end md:text-right\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** \"Powered by\" lockup — the label plus a slot for the brand mark (a <Logo />). */\nfunction FooterPoweredBy({\n  className,\n  label = \"Powered by\",\n  children,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  /** Override the default \"Powered by\" label. */\n  label?: React.ReactNode;\n}) {\n  return (\n    <div\n      data-slot=\"footer-powered-by\"\n      className={cn(\"flex items-center gap-2\", className)}\n      {...props}\n    >\n      <Text as=\"span\" size=\"small\" variant=\"muted\">\n        {label}\n      </Text>\n      {children}\n    </div>\n  );\n}\n\n/** Visual divider between trailing links. */\nfunction FooterSeparator({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"footer-separator\"\n      aria-hidden=\"true\"\n      className={cn(\"select-none text-border\", className)}\n      {...props}\n    >\n      |\n    </span>\n  );\n}\n\nexport { Footer, FooterStart, FooterCenter, FooterEnd, FooterPoweredBy, FooterSeparator };\n"],"mappings":";;;;AAyBA,MAAM,oBAAoB;CACxB,MAAM;CACN,OAAO;CACP,OAAO;AACT;;AAGA,SAAS,OAAO,EACd,WACA,WAAW,OACX,aAAa,QACb,GAAG,SAMF;CACD,OACE,oBAAC,UAAD;EACE,aAAU;EACV,mBAAiB;EACjB,WAAW,GAGT,8FACA,6FACA,kBAAkB,aAClB,YAAY,0BACZ,SACF;EACA,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;CACzE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,6EACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;CAC1E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,iEAAiE,SAAS;EACxF,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAsC;CACvE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,qGACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,gBAAgB,EACvB,WACA,QAAQ,cACR,UACA,GAAG,SAIF;CACD,OACE,qBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,2BAA2B,SAAS;EAClD,GAAI;YAHN,CAKE,oBAAC,MAAD;GAAM,IAAG;GAAO,MAAK;GAAQ,SAAQ;aAClC;EACG,CAAA,GACL,QACE;;AAET;;AAGA,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAuC;CAC9E,OACE,oBAAC,QAAD;EACE,aAAU;EACV,eAAY;EACZ,WAAW,GAAG,2BAA2B,SAAS;EAClD,GAAI;YACL;CAEK,CAAA;AAEV"}

package/dist/patterns/MediaObject/index.d.cts

@@ -1,7 +1,7 @@
 import { n as HeadingProps } from "../../index28.cjs";
 import { t as Text } from "../../index60.cjs";
-import * as react_jsx_runtime232 from "react/jsx-runtime";
-import * as class_variance_authority_types22 from "class-variance-authority/types";
+import * as react_jsx_runtime240 from "react/jsx-runtime";
+import * as class_variance_authority_types23 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
 
@@ -15,7 +15,7 @@ declare function MediaObject({
   className,
   interactive,
   ...props
-}: MediaObjectProps): react_jsx_runtime232.JSX.Element;
+}: MediaObjectProps): react_jsx_runtime240.JSX.Element;
 type MediaObjectImageProps = React.ComponentProps<"img"> & {
   /** Required alt text describing the media (enforced for accessibility). */
   alt: string;
@@ -25,17 +25,17 @@ declare function MediaObjectImage({
   className,
   alt,
   ...props
-}: MediaObjectImageProps): react_jsx_runtime232.JSX.Element;
+}: MediaObjectImageProps): react_jsx_runtime240.JSX.Element;
 /** Square container for the icon-top card variant; place an Icon inside it. */
 declare function MediaObjectIcon({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime232.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime240.JSX.Element;
 /** Padded body region of a card that holds the title, text, and actions. */
 declare function MediaObjectContent({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime232.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime240.JSX.Element;
 type MediaObjectTitleProps = Omit<HeadingProps, "as"> & {
   /** Heading size step passthrough (defaults to "4"). */
   size?: HeadingProps["size"];
@@ -44,20 +44,20 @@ type MediaObjectTitleProps = Omit<HeadingProps, "as"> & {
 declare function MediaObjectTitle({
   size,
   ...props
-}: MediaObjectTitleProps): react_jsx_runtime232.JSX.Element;
+}: MediaObjectTitleProps): react_jsx_runtime240.JSX.Element;
 /** Supporting body copy; wraps the Text primitive (muted, small). */
 declare function MediaObjectText({
   ...props
-}: React.ComponentProps<typeof Text>): react_jsx_runtime232.JSX.Element;
+}: React.ComponentProps<typeof Text>): react_jsx_runtime240.JSX.Element;
 /** Action row pinned to the bottom of the content; holds a Button or Link. */
 declare function MediaObjectActions({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime232.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime240.JSX.Element;
 declare const mediaObjectGroupVariants: (props?: ({
   columns?: 1 | 2 | 3 | 4 | null | undefined;
   gap?: "sm" | "lg" | "md" | null | undefined;
-} & class_variance_authority_types22.ClassProp) | undefined) => string;
+} & class_variance_authority_types23.ClassProp) | undefined) => string;
 type MediaObjectGroupProps = React.ComponentProps<"div"> & VariantProps<typeof mediaObjectGroupVariants>;
 /** Responsive grid wrapper that lays out a set of MediaObject cards. */
 declare function MediaObjectGroup({
@@ -65,7 +65,7 @@ declare function MediaObjectGroup({
   columns,
   gap,
   ...props
-}: MediaObjectGroupProps): react_jsx_runtime232.JSX.Element;
+}: MediaObjectGroupProps): react_jsx_runtime240.JSX.Element;
 //#endregion
 export { MediaObject, MediaObjectActions, MediaObjectContent, MediaObjectGroup, type MediaObjectGroupProps, MediaObjectIcon, MediaObjectImage, type MediaObjectImageProps, type MediaObjectProps, MediaObjectText, MediaObjectTitle, type MediaObjectTitleProps, mediaObjectGroupVariants };
 //# sourceMappingURL=index.d.cts.map

package/dist/patterns/MediaObject/index.d.ts

@@ -1,9 +1,9 @@
 import { n as HeadingProps } from "../../index28.js";
 import { t as Text } from "../../index60.js";
 import * as React from "react";
-import * as react_jsx_runtime135 from "react/jsx-runtime";
+import * as react_jsx_runtime29 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types14 from "class-variance-authority/types";
+import * as class_variance_authority_types5 from "class-variance-authority/types";
 
 //#region src/patterns/MediaObject/MediaObject.d.ts
 type MediaObjectProps = React.ComponentProps<"article"> & {
@@ -15,7 +15,7 @@ declare function MediaObject({
   className,
   interactive,
   ...props
-}: MediaObjectProps): react_jsx_runtime135.JSX.Element;
+}: MediaObjectProps): react_jsx_runtime29.JSX.Element;
 type MediaObjectImageProps = React.ComponentProps<"img"> & {
   /** Required alt text describing the media (enforced for accessibility). */
   alt: string;
@@ -25,17 +25,17 @@ declare function MediaObjectImage({
   className,
   alt,
   ...props
-}: MediaObjectImageProps): react_jsx_runtime135.JSX.Element;
+}: MediaObjectImageProps): react_jsx_runtime29.JSX.Element;
 /** Square container for the icon-top card variant; place an Icon inside it. */
 declare function MediaObjectIcon({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime135.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime29.JSX.Element;
 /** Padded body region of a card that holds the title, text, and actions. */
 declare function MediaObjectContent({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime135.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime29.JSX.Element;
 type MediaObjectTitleProps = Omit<HeadingProps, "as"> & {
   /** Heading size step passthrough (defaults to "4"). */
   size?: HeadingProps["size"];
@@ -44,20 +44,20 @@ type MediaObjectTitleProps = Omit<HeadingProps, "as"> & {
 declare function MediaObjectTitle({
   size,
   ...props
-}: MediaObjectTitleProps): react_jsx_runtime135.JSX.Element;
+}: MediaObjectTitleProps): react_jsx_runtime29.JSX.Element;
 /** Supporting body copy; wraps the Text primitive (muted, small). */
 declare function MediaObjectText({
   ...props
-}: React.ComponentProps<typeof Text>): react_jsx_runtime135.JSX.Element;
+}: React.ComponentProps<typeof Text>): react_jsx_runtime29.JSX.Element;
 /** Action row pinned to the bottom of the content; holds a Button or Link. */
 declare function MediaObjectActions({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime135.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime29.JSX.Element;
 declare const mediaObjectGroupVariants: (props?: ({
-  columns?: 1 | 2 | 3 | 4 | null | undefined;
-  gap?: "sm" | "lg" | "md" | null | undefined;
-} & class_variance_authority_types14.ClassProp) | undefined) => string;
+  columns?: 3 | 1 | 2 | 4 | null | undefined;
+  gap?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types5.ClassProp) | undefined) => string;
 type MediaObjectGroupProps = React.ComponentProps<"div"> & VariantProps<typeof mediaObjectGroupVariants>;
 /** Responsive grid wrapper that lays out a set of MediaObject cards. */
 declare function MediaObjectGroup({
@@ -65,7 +65,7 @@ declare function MediaObjectGroup({
   columns,
   gap,
   ...props
-}: MediaObjectGroupProps): react_jsx_runtime135.JSX.Element;
+}: MediaObjectGroupProps): react_jsx_runtime29.JSX.Element;
 //#endregion
 export { MediaObject, MediaObjectActions, MediaObjectContent, MediaObjectGroup, type MediaObjectGroupProps, MediaObjectIcon, MediaObjectImage, type MediaObjectImageProps, type MediaObjectProps, MediaObjectText, MediaObjectTitle, type MediaObjectTitleProps, mediaObjectGroupVariants };
 //# sourceMappingURL=index.d.ts.map

package/dist/patterns/MediaObject/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/patterns/MediaObject/MediaObject.tsx"],"mappings":";;;;;;;;KAcK,gBAAA,GAAmB,KAAA,CAAM;;;;AAVW;AAUG,iBAMnC,WAAA,CAAW;EAAA,SAAA;EAAA,WAAA;EAAA,GAAA;AAAA,CAAA,EAAuC,gBAAvC,CAAA,EAAuD,oBAAA,CAAA,GAAA,CAAA,OAAvD;KAef,qBAAA,GAAwB,KAAA,CAAM,cAff,CAAA,KAAA,CAAA,GAAA;;KAAc,EAAA,MAAA;;;AAAyC,iBAqBlE,gBAAA,CArBkE;EAAA,SAAA;EAAA,GAAA;EAAA,GAAA;AAAA,CAAA,EAqBnB,qBArBmB,CAAA,EAqBE,oBAAA,CAAA,GAAA,CAAA,OArBF;AAAA;AAe1B,iBAuBxC,eAAA,CAjBgB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAiByB,KAAA,CAAM,cAjB/B,CAAA,KAAA,CAAA,CAAA,EAiBoD,oBAAA,CAAA,GAAA,CAAA,OAjBpD;;iBA6BhB,kBAAA,CA7BmB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA6ByB,KAAA,CAAM,cA7B/B,CAAA,KAAA,CAAA,CAAA,EA6BoD,oBAAA,CAAA,GAAA,CAAA,OA7BpD;KAwCvB,qBAAA,GAAwB,IAxCU,CAwCL,YAxCK,EAAA,IAAA,CAAA,GAAA;;MAAsC,CAAA,EA0CpE,YA1CoE,CAAA,MAAA,CAAA;AAAA,CAAA;AAAA;iBA8CpE,gBAAA,CA7Be;EAAA,IAAA;EAAA,GAAA;AAAA,CAAA,EA6BsB,qBA7BtB,CAAA,EA6B2C,oBAAA,CAAA,GAAA,CAAA,OA7B3C;;iBAmCf,eAAA,CAnC+C;EAAA,GAAA;AAAA,CAAA,EAmCjB,KAAA,CAAM,cAnCW,CAAA,OAmCW,IAnCX,CAAA,CAAA,EAmCgB,oBAAA,CAAA,GAAA,CAAA,OAnChB;;AAAqB,iBAyCpE,kBAAA,CAzCoE;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyCxB,KAAA,CAAM,cAzCkB,CAAA,KAAA,CAAA,CAAA,EAyCG,oBAAA,CAAA,GAAA,CAAA,OAzCH;AAAA,cAqDvE,wBAzCqB,EAAA,CAAA,KAAgC,CAAhC,EAAA,CAAA;EAAA,OAAA,CAAA,EAAA,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,IAAA,GAAA,SAAA;KAAG,CAAA,EAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,SAAA;IA2D5B,gCAAA,CAAA,SA3DyD,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;KA6DtD,qBAAA,GAAwB,KAAA,CAAM,cA7D6C,CAAA,KAAA,CAAA,GA8D9E,YA9D8E,CAAA,OA8D1D,wBA9D0D,CAAA;AAAA;AAAA,iBAiEvE,gBAAA,CAtDiB;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;EAAA,GAAA;AAAA,CAAA,EAsDuC,qBAtDvC,CAAA,EAsD4D,oBAAA,CAAA,GAAA,CAAA,OAtD5D"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/patterns/MediaObject/MediaObject.tsx"],"mappings":";;;;;;;;KAcK,gBAAA,GAAmB,KAAA,CAAM;;;;AAVW;AAUG,iBAMnC,WAAA,CAAW;EAAA,SAAA;EAAA,WAAA;EAAA,GAAA;AAAA,CAAA,EAAuC,gBAAvC,CAAA,EAAuD,mBAAA,CAAA,GAAA,CAAA,OAAvD;KAef,qBAAA,GAAwB,KAAA,CAAM,cAff,CAAA,KAAA,CAAA,GAAA;;KAAc,EAAA,MAAA;;;AAAyC,iBAqBlE,gBAAA,CArBkE;EAAA,SAAA;EAAA,GAAA;EAAA,GAAA;AAAA,CAAA,EAqBnB,qBArBmB,CAAA,EAqBE,mBAAA,CAAA,GAAA,CAAA,OArBF;AAAA;AAe1B,iBAuBxC,eAAA,CAjBgB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAiByB,KAAA,CAAM,cAjB/B,CAAA,KAAA,CAAA,CAAA,EAiBoD,mBAAA,CAAA,GAAA,CAAA,OAjBpD;;iBA6BhB,kBAAA,CA7BmB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA6ByB,KAAA,CAAM,cA7B/B,CAAA,KAAA,CAAA,CAAA,EA6BoD,mBAAA,CAAA,GAAA,CAAA,OA7BpD;KAwCvB,qBAAA,GAAwB,IAxCU,CAwCL,YAxCK,EAAA,IAAA,CAAA,GAAA;;MAAsC,CAAA,EA0CpE,YA1CoE,CAAA,MAAA,CAAA;AAAA,CAAA;AAAA;iBA8CpE,gBAAA,CA7Be;EAAA,IAAA;EAAA,GAAA;AAAA,CAAA,EA6BsB,qBA7BtB,CAAA,EA6B2C,mBAAA,CAAA,GAAA,CAAA,OA7B3C;;iBAmCf,eAAA,CAnC+C;EAAA,GAAA;AAAA,CAAA,EAmCjB,KAAA,CAAM,cAnCW,CAAA,OAmCW,IAnCX,CAAA,CAAA,EAmCgB,mBAAA,CAAA,GAAA,CAAA,OAnChB;;AAAqB,iBAyCpE,kBAAA,CAzCoE;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyCxB,KAAA,CAAM,cAzCkB,CAAA,KAAA,CAAA,CAAA,EAyCG,mBAAA,CAAA,GAAA,CAAA,OAzCH;AAAA,cAqDvE,wBAzCqB,EAAA,CAAA,KAAgC,CAAhC,EAAA,CAAA;EAAA,OAAA,CAAA,EAAA,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,IAAA,GAAA,SAAA;KAAG,CAAA,EAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,SAAA;IA2D5B,+BAAA,CAAA,SA3DyD,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;KA6DtD,qBAAA,GAAwB,KAAA,CAAM,cA7D6C,CAAA,KAAA,CAAA,GA8D9E,YA9D8E,CAAA,OA8D1D,wBA9D0D,CAAA;AAAA;AAAA,iBAiEvE,gBAAA,CAtDiB;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;EAAA,GAAA;AAAA,CAAA,EAsDuC,qBAtDvC,CAAA,EAsD4D,mBAAA,CAAA,GAAA,CAAA,OAtD5D"}

package/dist/patterns/SectionCard/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime215 from "react/jsx-runtime";
+import * as react_jsx_runtime233 from "react/jsx-runtime";
 import * as React from "react";
 
 //#region src/patterns/SectionCard/SectionCard.d.ts
@@ -15,7 +15,7 @@ declare function SectionCard({
   className,
   children,
   ...props
-}: SectionCardProps): react_jsx_runtime215.JSX.Element;
+}: SectionCardProps): react_jsx_runtime233.JSX.Element;
 //#endregion
 export { SectionCard, type SectionCardProps };
 //# sourceMappingURL=index.d.cts.map

package/dist/patterns/SectionCard/index.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime115 from "react/jsx-runtime";
+import * as react_jsx_runtime28 from "react/jsx-runtime";
 
 //#region src/patterns/SectionCard/SectionCard.d.ts
 type SectionCardProps = Omit<React.ComponentProps<"div">, "title"> & {
@@ -15,7 +15,7 @@ declare function SectionCard({
   className,
   children,
   ...props
-}: SectionCardProps): react_jsx_runtime115.JSX.Element;
+}: SectionCardProps): react_jsx_runtime28.JSX.Element;
 //#endregion
 export { SectionCard, type SectionCardProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/patterns/SectionCard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/patterns/SectionCard/SectionCard.tsx"],"mappings":";;;;KASK,gBAAA,GAAmB,KAAK,KAAA,CAAM;;SAE1B,KAAA,CAAM;EAFV;EAAgB,MAAA,CAAA,EAIV,KAAA,CAAM,SAJI;;;iBAQZ,WAAA,CANM;EAAA,KAAA;EAAA,MAAA;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAMwD,gBANxD,CAAA,EAMwE,oBAAA,CAAA,GAAA,CAAA,OANxE"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/patterns/SectionCard/SectionCard.tsx"],"mappings":";;;;KASK,gBAAA,GAAmB,KAAK,KAAA,CAAM;;SAE1B,KAAA,CAAM;EAFV;EAAgB,MAAA,CAAA,EAIV,KAAA,CAAM,SAJI;;;iBAQZ,WAAA,CANM;EAAA,KAAA;EAAA,MAAA;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAMwD,gBANxD,CAAA,EAMwE,mBAAA,CAAA,GAAA,CAAA,OANxE"}