@psnext/design-system 1.2.0 → 1.2.1

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_runtime231 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_runtime231.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_runtime231.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_runtime142 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_runtime142.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_runtime142.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_runtime182 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_runtime182.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_runtime182.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_runtime182.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_runtime182.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_runtime182.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_runtime182.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_runtime175 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_runtime175.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_runtime175.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_runtime175.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_runtime175.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_runtime175.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_runtime175.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,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.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_runtime233 from "react/jsx-runtime";
+import * as class_variance_authority_types18 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_runtime233.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_runtime233.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_runtime233.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_runtime233.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_runtime233.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_runtime233.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_runtime233.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_types18.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_runtime233.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_runtime167 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_types17 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_runtime167.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_runtime167.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_runtime167.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_runtime167.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_runtime167.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_runtime167.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_runtime167.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;
+} & class_variance_authority_types17.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_runtime167.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/SectionCard/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime215 from "react/jsx-runtime";
+import * as react_jsx_runtime224 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_runtime224.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_runtime157 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_runtime157.JSX.Element;
 //#endregion
 export { SectionCard, type SectionCardProps };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,5 +1,5 @@
 import { n as HeadingProps } from "../../index28.cjs";
-import * as react_jsx_runtime202 from "react/jsx-runtime";
+import * as react_jsx_runtime223 from "react/jsx-runtime";
 import * as React from "react";
 
 //#region src/patterns/SectionHeading/SectionHeading.d.ts
@@ -31,7 +31,7 @@ declare function SectionHeading({
   titleAs,
   className,
   ...props
-}: SectionHeadingProps): react_jsx_runtime202.JSX.Element;
+}: SectionHeadingProps): react_jsx_runtime223.JSX.Element;
 //#endregion
 export { SectionHeading, type SectionHeadingProps };
 //# sourceMappingURL=index.d.cts.map

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

@@ -1,6 +1,6 @@
 import { n as HeadingProps } from "../../index28.js";
 import * as React from "react";
-import * as react_jsx_runtime121 from "react/jsx-runtime";
+import * as react_jsx_runtime155 from "react/jsx-runtime";
 
 //#region src/patterns/SectionHeading/SectionHeading.d.ts
 /** Props for the {@link SectionHeading} pattern. */
@@ -31,7 +31,7 @@ declare function SectionHeading({
   titleAs,
   className,
   ...props
-}: SectionHeadingProps): react_jsx_runtime121.JSX.Element;
+}: SectionHeadingProps): react_jsx_runtime155.JSX.Element;
 //#endregion
 export { SectionHeading, type SectionHeadingProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/primitives/Accordion/index.cjs

@@ -27,7 +27,7 @@ function AccordionTrigger({ className, children, ...props }) {
 		className: "flex",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(radix_ui.Accordion.Trigger, {
 			"data-slot": "accordion-trigger",
-			className: require_cn.cn("focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180", "group-data-[variant=bordered]/accordion:px-4", className),
+			className: require_cn.cn("focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-lg py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180", "group-data-[variant=bordered]/accordion:px-4", className),
 			...props,
 			children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDownIcon, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })]
 		})

package/dist/primitives/Accordion/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["AccordionPrimitive","cn","ChevronDownIcon"],"sources":["../../../src/primitives/Accordion/Accordion.tsx"],"sourcesContent":["import { cn } from \"@/utils\";\nimport { ChevronDownIcon } from \"lucide-react\";\nimport { Accordion as AccordionPrimitive } from \"radix-ui\";\n\n/** A vertically stacked set of collapsible sections built on Radix Accordion. */\nfunction Accordion({\n  className,\n  variant = \"line\",\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Root> & {\n  /** Visual style: `line` (divider rows) or `bordered` (rounded border with inset rows). */\n  variant?: \"line\" | \"bordered\";\n}) {\n  return (\n    <AccordionPrimitive.Root\n      data-slot=\"accordion\"\n      data-variant={variant}\n      // `bordered` wraps the group in a rounded border; items keep their\n      // dividers and triggers/content inset via the group-data selector below.\n      className={cn(\"group/accordion\", variant === \"bordered\" && \"rounded-md border\", className)}\n      {...props}\n    />\n  );\n}\n\n/** A single collapsible section; identified by its required `value`. */\nfunction AccordionItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Item>) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn(\"border-b last:border-b-0\", className)}\n      {...props}\n    />\n  );\n}\n\n/** The clickable header that toggles its section open or closed. */\nfunction AccordionTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\n          \"focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180\",\n          \"group-data-[variant=bordered]/accordion:px-4\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon className=\"text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200\" />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  );\n}\n\n/** The animated collapsible panel revealed when its section is open. */\nfunction AccordionContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Content>) {\n  return (\n    <AccordionPrimitive.Content\n      data-slot=\"accordion-content\"\n      className=\"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm\"\n      {...props}\n    >\n      <div className={cn(\"pt-0 pb-4 group-data-[variant=bordered]/accordion:px-4\", className)}>\n        {children}\n      </div>\n    </AccordionPrimitive.Content>\n  );\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent };\n"],"mappings":";;;;;;;AAKA,SAAS,UAAU,EACjB,WACA,UAAU,QACV,GAAG,SAIF;CACD,OACE,iBAAA,GAAA,kBAAA,KAACA,SAAAA,UAAmB,MAApB;EACE,aAAU;EACV,gBAAc;EAGd,WAAWC,WAAAA,GAAG,mBAAmB,YAAY,cAAc,qBAAqB,SAAS;EACzF,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,cAAc,EACrB,WACA,GAAG,SACoD;CACvD,OACE,iBAAA,GAAA,kBAAA,KAACD,SAAAA,UAAmB,MAApB;EACE,aAAU;EACV,WAAWC,WAAAA,GAAG,4BAA4B,SAAS;EACnD,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,iBAAiB,EACxB,WACA,UACA,GAAG,SACuD;CAC1D,OACE,iBAAA,GAAA,kBAAA,KAACD,SAAAA,UAAmB,QAApB;EAA2B,WAAU;YACnC,iBAAA,GAAA,kBAAA,MAACA,SAAAA,UAAmB,SAApB;GACE,aAAU;GACV,WAAWC,WAAAA,GACT,8SACA,gDACA,SACF;GACA,GAAI;aAPN,CASG,UACD,iBAAA,GAAA,kBAAA,KAACC,aAAAA,iBAAD,EAAiB,WAAU,8GAA+G,CAAA,CAChH;;CACH,CAAA;AAE/B;;AAGA,SAAS,iBAAiB,EACxB,WACA,UACA,GAAG,SACuD;CAC1D,OACE,iBAAA,GAAA,kBAAA,KAACF,SAAAA,UAAmB,SAApB;EACE,aAAU;EACV,WAAU;EACV,GAAI;YAEJ,iBAAA,GAAA,kBAAA,KAAC,OAAD;GAAK,WAAWC,WAAAA,GAAG,0DAA0D,SAAS;GACnF;EACE,CAAA;CACqB,CAAA;AAEhC"}
+{"version":3,"file":"index.cjs","names":["AccordionPrimitive","cn","ChevronDownIcon"],"sources":["../../../src/primitives/Accordion/Accordion.tsx"],"sourcesContent":["import { cn } from \"@/utils\";\nimport { ChevronDownIcon } from \"lucide-react\";\nimport { Accordion as AccordionPrimitive } from \"radix-ui\";\n\n/** A vertically stacked set of collapsible sections built on Radix Accordion. */\nfunction Accordion({\n  className,\n  variant = \"line\",\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Root> & {\n  /** Visual style: `line` (divider rows) or `bordered` (rounded border with inset rows). */\n  variant?: \"line\" | \"bordered\";\n}) {\n  return (\n    <AccordionPrimitive.Root\n      data-slot=\"accordion\"\n      data-variant={variant}\n      // `bordered` wraps the group in a rounded border; items keep their\n      // dividers and triggers/content inset via the group-data selector below.\n      className={cn(\"group/accordion\", variant === \"bordered\" && \"rounded-md border\", className)}\n      {...props}\n    />\n  );\n}\n\n/** A single collapsible section; identified by its required `value`. */\nfunction AccordionItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Item>) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn(\"border-b last:border-b-0\", className)}\n      {...props}\n    />\n  );\n}\n\n/** The clickable header that toggles its section open or closed. */\nfunction AccordionTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\n          \"focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-lg py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180\",\n          \"group-data-[variant=bordered]/accordion:px-4\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon className=\"text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200\" />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  );\n}\n\n/** The animated collapsible panel revealed when its section is open. */\nfunction AccordionContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Content>) {\n  return (\n    <AccordionPrimitive.Content\n      data-slot=\"accordion-content\"\n      className=\"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm\"\n      {...props}\n    >\n      <div className={cn(\"pt-0 pb-4 group-data-[variant=bordered]/accordion:px-4\", className)}>\n        {children}\n      </div>\n    </AccordionPrimitive.Content>\n  );\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent };\n"],"mappings":";;;;;;;AAKA,SAAS,UAAU,EACjB,WACA,UAAU,QACV,GAAG,SAIF;CACD,OACE,iBAAA,GAAA,kBAAA,KAACA,SAAAA,UAAmB,MAApB;EACE,aAAU;EACV,gBAAc;EAGd,WAAWC,WAAAA,GAAG,mBAAmB,YAAY,cAAc,qBAAqB,SAAS;EACzF,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,cAAc,EACrB,WACA,GAAG,SACoD;CACvD,OACE,iBAAA,GAAA,kBAAA,KAACD,SAAAA,UAAmB,MAApB;EACE,aAAU;EACV,WAAWC,WAAAA,GAAG,4BAA4B,SAAS;EACnD,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,iBAAiB,EACxB,WACA,UACA,GAAG,SACuD;CAC1D,OACE,iBAAA,GAAA,kBAAA,KAACD,SAAAA,UAAmB,QAApB;EAA2B,WAAU;YACnC,iBAAA,GAAA,kBAAA,MAACA,SAAAA,UAAmB,SAApB;GACE,aAAU;GACV,WAAWC,WAAAA,GACT,8SACA,gDACA,SACF;GACA,GAAI;aAPN,CASG,UACD,iBAAA,GAAA,kBAAA,KAACC,aAAAA,iBAAD,EAAiB,WAAU,8GAA+G,CAAA,CAChH;;CACH,CAAA;AAE/B;;AAGA,SAAS,iBAAiB,EACxB,WACA,UACA,GAAG,SACuD;CAC1D,OACE,iBAAA,GAAA,kBAAA,KAACF,SAAAA,UAAmB,SAApB;EACE,aAAU;EACV,WAAU;EACV,GAAI;YAEJ,iBAAA,GAAA,kBAAA,KAAC,OAAD;GAAK,WAAWC,WAAAA,GAAG,0DAA0D,SAAS;GACnF;EACE,CAAA;CACqB,CAAA;AAEhC"}

package/dist/primitives/Accordion/index.js

@@ -26,7 +26,7 @@ function AccordionTrigger({ className, children, ...props }) {
 		className: "flex",
 		children: /* @__PURE__ */ jsxs(Accordion$1.Trigger, {
 			"data-slot": "accordion-trigger",
-			className: cn("focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180", "group-data-[variant=bordered]/accordion:px-4", className),
+			className: cn("focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-lg py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180", "group-data-[variant=bordered]/accordion:px-4", className),
 			...props,
 			children: [children, /* @__PURE__ */ jsx(ChevronDownIcon, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })]
 		})

package/dist/primitives/Accordion/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["AccordionPrimitive"],"sources":["../../../src/primitives/Accordion/Accordion.tsx"],"sourcesContent":["import { cn } from \"@/utils\";\nimport { ChevronDownIcon } from \"lucide-react\";\nimport { Accordion as AccordionPrimitive } from \"radix-ui\";\n\n/** A vertically stacked set of collapsible sections built on Radix Accordion. */\nfunction Accordion({\n  className,\n  variant = \"line\",\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Root> & {\n  /** Visual style: `line` (divider rows) or `bordered` (rounded border with inset rows). */\n  variant?: \"line\" | \"bordered\";\n}) {\n  return (\n    <AccordionPrimitive.Root\n      data-slot=\"accordion\"\n      data-variant={variant}\n      // `bordered` wraps the group in a rounded border; items keep their\n      // dividers and triggers/content inset via the group-data selector below.\n      className={cn(\"group/accordion\", variant === \"bordered\" && \"rounded-md border\", className)}\n      {...props}\n    />\n  );\n}\n\n/** A single collapsible section; identified by its required `value`. */\nfunction AccordionItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Item>) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn(\"border-b last:border-b-0\", className)}\n      {...props}\n    />\n  );\n}\n\n/** The clickable header that toggles its section open or closed. */\nfunction AccordionTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\n          \"focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180\",\n          \"group-data-[variant=bordered]/accordion:px-4\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon className=\"text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200\" />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  );\n}\n\n/** The animated collapsible panel revealed when its section is open. */\nfunction AccordionContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Content>) {\n  return (\n    <AccordionPrimitive.Content\n      data-slot=\"accordion-content\"\n      className=\"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm\"\n      {...props}\n    >\n      <div className={cn(\"pt-0 pb-4 group-data-[variant=bordered]/accordion:px-4\", className)}>\n        {children}\n      </div>\n    </AccordionPrimitive.Content>\n  );\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent };\n"],"mappings":";;;;;;AAKA,SAAS,UAAU,EACjB,WACA,UAAU,QACV,GAAG,SAIF;CACD,OACE,oBAACA,YAAmB,MAApB;EACE,aAAU;EACV,gBAAc;EAGd,WAAW,GAAG,mBAAmB,YAAY,cAAc,qBAAqB,SAAS;EACzF,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,cAAc,EACrB,WACA,GAAG,SACoD;CACvD,OACE,oBAACA,YAAmB,MAApB;EACE,aAAU;EACV,WAAW,GAAG,4BAA4B,SAAS;EACnD,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,iBAAiB,EACxB,WACA,UACA,GAAG,SACuD;CAC1D,OACE,oBAACA,YAAmB,QAApB;EAA2B,WAAU;YACnC,qBAACA,YAAmB,SAApB;GACE,aAAU;GACV,WAAW,GACT,8SACA,gDACA,SACF;GACA,GAAI;aAPN,CASG,UACD,oBAAC,iBAAD,EAAiB,WAAU,8GAA+G,CAAA,CAChH;;CACH,CAAA;AAE/B;;AAGA,SAAS,iBAAiB,EACxB,WACA,UACA,GAAG,SACuD;CAC1D,OACE,oBAACA,YAAmB,SAApB;EACE,aAAU;EACV,WAAU;EACV,GAAI;YAEJ,oBAAC,OAAD;GAAK,WAAW,GAAG,0DAA0D,SAAS;GACnF;EACE,CAAA;CACqB,CAAA;AAEhC"}
+{"version":3,"file":"index.js","names":["AccordionPrimitive"],"sources":["../../../src/primitives/Accordion/Accordion.tsx"],"sourcesContent":["import { cn } from \"@/utils\";\nimport { ChevronDownIcon } from \"lucide-react\";\nimport { Accordion as AccordionPrimitive } from \"radix-ui\";\n\n/** A vertically stacked set of collapsible sections built on Radix Accordion. */\nfunction Accordion({\n  className,\n  variant = \"line\",\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Root> & {\n  /** Visual style: `line` (divider rows) or `bordered` (rounded border with inset rows). */\n  variant?: \"line\" | \"bordered\";\n}) {\n  return (\n    <AccordionPrimitive.Root\n      data-slot=\"accordion\"\n      data-variant={variant}\n      // `bordered` wraps the group in a rounded border; items keep their\n      // dividers and triggers/content inset via the group-data selector below.\n      className={cn(\"group/accordion\", variant === \"bordered\" && \"rounded-md border\", className)}\n      {...props}\n    />\n  );\n}\n\n/** A single collapsible section; identified by its required `value`. */\nfunction AccordionItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Item>) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn(\"border-b last:border-b-0\", className)}\n      {...props}\n    />\n  );\n}\n\n/** The clickable header that toggles its section open or closed. */\nfunction AccordionTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\n          \"focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-lg py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180\",\n          \"group-data-[variant=bordered]/accordion:px-4\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon className=\"text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200\" />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  );\n}\n\n/** The animated collapsible panel revealed when its section is open. */\nfunction AccordionContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Content>) {\n  return (\n    <AccordionPrimitive.Content\n      data-slot=\"accordion-content\"\n      className=\"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm\"\n      {...props}\n    >\n      <div className={cn(\"pt-0 pb-4 group-data-[variant=bordered]/accordion:px-4\", className)}>\n        {children}\n      </div>\n    </AccordionPrimitive.Content>\n  );\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent };\n"],"mappings":";;;;;;AAKA,SAAS,UAAU,EACjB,WACA,UAAU,QACV,GAAG,SAIF;CACD,OACE,oBAACA,YAAmB,MAApB;EACE,aAAU;EACV,gBAAc;EAGd,WAAW,GAAG,mBAAmB,YAAY,cAAc,qBAAqB,SAAS;EACzF,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,cAAc,EACrB,WACA,GAAG,SACoD;CACvD,OACE,oBAACA,YAAmB,MAApB;EACE,aAAU;EACV,WAAW,GAAG,4BAA4B,SAAS;EACnD,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,iBAAiB,EACxB,WACA,UACA,GAAG,SACuD;CAC1D,OACE,oBAACA,YAAmB,QAApB;EAA2B,WAAU;YACnC,qBAACA,YAAmB,SAApB;GACE,aAAU;GACV,WAAW,GACT,8SACA,gDACA,SACF;GACA,GAAI;aAPN,CASG,UACD,oBAAC,iBAAD,EAAiB,WAAU,8GAA+G,CAAA,CAChH;;CACH,CAAA;AAE/B;;AAGA,SAAS,iBAAiB,EACxB,WACA,UACA,GAAG,SACuD;CAC1D,OACE,oBAACA,YAAmB,SAApB;EACE,aAAU;EACV,WAAU;EACV,GAAI;YAEJ,oBAAC,OAAD;GAAK,WAAW,GAAG,0DAA0D,SAAS;GACnF;EACE,CAAA;CACqB,CAAA;AAEhC"}

package/dist/primitives/Alert/index.cjs

@@ -4,8 +4,8 @@ let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/primitives/Alert/Alert.tsx
 const alertVariants = (0, require("class-variance-authority").cva)(require_cn.cn("relative flex w-full items-start gap-3 rounded-lg border px-4 py-3 text-sm", "[&>svg]:order-1 [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:translate-y-0.5 [&>svg]:text-current", "data-[flip-icon=true]:[&>svg]:order-3"), {
 	variants: { variant: {
-		default: "bg-card text-card-foreground",
-		destructive: "text-destructive bg-card [&_[data-slot=alert-description]]:text-destructive/90"
+		default: "bg-card text-foreground",
+		destructive: "text-destructive-foreground bg-card [&_[data-slot=alert-description]]:text-destructive-foreground"
 	} },
 	defaultVariants: { variant: "default" }
 });

package/dist/primitives/Alert/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["cn"],"sources":["../../../src/primitives/Alert/Alert.tsx"],"sourcesContent":["import { type VariantProps, cva } from \"class-variance-authority\";\nimport type * as React from \"react\";\n\nimport { cn } from \"../../utils\";\n\nconst alertVariants = cva(\n  cn(\n    \"relative flex w-full items-start gap-3 rounded-lg border px-4 py-3 text-sm\",\n    \"[&>svg]:order-1 [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:translate-y-0.5 [&>svg]:text-current\",\n    // `flipIcon` moves the icon to the trailing edge (Figma \"Flip Icon\").\n    \"data-[flip-icon=true]:[&>svg]:order-3\",\n  ),\n  {\n    variants: {\n      variant: {\n        default: \"bg-card text-card-foreground\",\n        destructive:\n          \"text-destructive bg-card [&_[data-slot=alert-description]]:text-destructive/90\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\n/** Callout banner for surfacing contextual messages, statuses, and errors. */\nfunction Alert({\n  className,\n  variant,\n  flipIcon = false,\n  ...props\n}: React.ComponentProps<\"div\"> &\n  VariantProps<typeof alertVariants> & {\n    /** Visual tone of the alert. */\n    variant?: VariantProps<typeof alertVariants>[\"variant\"];\n    /** Moves the leading icon to the trailing edge (Figma \"Flip Icon\"). */\n    flipIcon?: boolean;\n  }) {\n  return (\n    <div\n      data-slot=\"alert\"\n      data-flip-icon={flipIcon}\n      role=\"alert\"\n      className={cn(alertVariants({ variant }), className)}\n      {...props}\n    />\n  );\n}\n\n/** Wraps the title + description so the icon and action can sit beside them. */\nfunction AlertContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-content\"\n      className={cn(\"order-2 flex min-w-0 flex-1 flex-col gap-0.5\", className)}\n      {...props}\n    />\n  );\n}\n\n/** Primary heading line of the alert. */\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"h5\">) {\n  return (\n    <h5\n      data-slot=\"alert-title\"\n      className={cn(\"min-h-4 font-medium tracking-tight\", className)}\n      {...props}\n    />\n  );\n}\n\n/** Secondary supporting text shown beneath the title. */\nfunction AlertDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\"text-muted-foreground text-sm [&_p]:leading-relaxed\", className)}\n      {...props}\n    />\n  );\n}\n\n/** Trailing action slot (Figma \"Show Button\"); always sits at the trailing edge. */\nfunction AlertAction({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-action\"\n      className={cn(\"order-4 flex shrink-0 items-center self-center\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Alert, AlertTitle, AlertDescription, AlertContent, AlertAction };\n"],"mappings":";;;;AAKA,MAAM,iBAAA,qCAAA,EAAA,KACJA,WAAAA,GACE,8EACA,gGAEA,uCACF,GACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,aACE;CACJ,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;;AAGA,SAAS,MAAM,EACb,WACA,SACA,WAAW,OACX,GAAG,SAOA;CACH,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,aAAU;EACV,kBAAgB;EAChB,MAAK;EACL,WAAWA,WAAAA,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,SAAS;EACnD,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;CAC1E,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAWA,WAAAA,GAAG,gDAAgD,SAAS;EACvE,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAqC;CACvE,OACE,iBAAA,GAAA,kBAAA,KAAC,MAAD;EACE,aAAU;EACV,WAAWA,WAAAA,GAAG,sCAAsC,SAAS;EAC7D,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAsC;CAC9E,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAWA,WAAAA,GAAG,uDAAuD,SAAS;EAC9E,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;CACzE,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAWA,WAAAA,GAAG,kDAAkD,SAAS;EACzE,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"index.cjs","names":["cn"],"sources":["../../../src/primitives/Alert/Alert.tsx"],"sourcesContent":["import { type VariantProps, cva } from \"class-variance-authority\";\nimport type * as React from \"react\";\n\nimport { cn } from \"../../utils\";\n\nconst alertVariants = cva(\n  cn(\n    \"relative flex w-full items-start gap-3 rounded-lg border px-4 py-3 text-sm\",\n    \"[&>svg]:order-1 [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:translate-y-0.5 [&>svg]:text-current\",\n    // `flipIcon` moves the icon to the trailing edge (Figma \"Flip Icon\").\n    \"data-[flip-icon=true]:[&>svg]:order-3\",\n  ),\n  {\n    variants: {\n      variant: {\n        default: \"bg-card text-foreground\",\n        destructive:\n          \"text-destructive-foreground bg-card [&_[data-slot=alert-description]]:text-destructive-foreground\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\n/** Callout banner for surfacing contextual messages, statuses, and errors. */\nfunction Alert({\n  className,\n  variant,\n  flipIcon = false,\n  ...props\n}: React.ComponentProps<\"div\"> &\n  VariantProps<typeof alertVariants> & {\n    /** Visual tone of the alert. */\n    variant?: VariantProps<typeof alertVariants>[\"variant\"];\n    /** Moves the leading icon to the trailing edge (Figma \"Flip Icon\"). */\n    flipIcon?: boolean;\n  }) {\n  return (\n    <div\n      data-slot=\"alert\"\n      data-flip-icon={flipIcon}\n      role=\"alert\"\n      className={cn(alertVariants({ variant }), className)}\n      {...props}\n    />\n  );\n}\n\n/** Wraps the title + description so the icon and action can sit beside them. */\nfunction AlertContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-content\"\n      className={cn(\"order-2 flex min-w-0 flex-1 flex-col gap-0.5\", className)}\n      {...props}\n    />\n  );\n}\n\n/** Primary heading line of the alert. */\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"h5\">) {\n  return (\n    <h5\n      data-slot=\"alert-title\"\n      className={cn(\"min-h-4 font-medium tracking-tight\", className)}\n      {...props}\n    />\n  );\n}\n\n/** Secondary supporting text shown beneath the title. */\nfunction AlertDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\"text-muted-foreground text-sm [&_p]:leading-relaxed\", className)}\n      {...props}\n    />\n  );\n}\n\n/** Trailing action slot (Figma \"Show Button\"); always sits at the trailing edge. */\nfunction AlertAction({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-action\"\n      className={cn(\"order-4 flex shrink-0 items-center self-center\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Alert, AlertTitle, AlertDescription, AlertContent, AlertAction };\n"],"mappings":";;;;AAKA,MAAM,iBAAA,qCAAA,EAAA,KACJA,WAAAA,GACE,8EACA,gGAEA,uCACF,GACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,aACE;CACJ,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;;AAGA,SAAS,MAAM,EACb,WACA,SACA,WAAW,OACX,GAAG,SAOA;CACH,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,aAAU;EACV,kBAAgB;EAChB,MAAK;EACL,WAAWA,WAAAA,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,SAAS;EACnD,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;CAC1E,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAWA,WAAAA,GAAG,gDAAgD,SAAS;EACvE,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAqC;CACvE,OACE,iBAAA,GAAA,kBAAA,KAAC,MAAD;EACE,aAAU;EACV,WAAWA,WAAAA,GAAG,sCAAsC,SAAS;EAC7D,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAsC;CAC9E,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAWA,WAAAA,GAAG,uDAAuD,SAAS;EAC9E,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;CACzE,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAWA,WAAAA,GAAG,kDAAkD,SAAS;EACzE,GAAI;CACL,CAAA;AAEL"}

package/dist/primitives/Alert/index.js

@@ -4,8 +4,8 @@ import { cva } from "class-variance-authority";
 //#region src/primitives/Alert/Alert.tsx
 const alertVariants = cva(cn("relative flex w-full items-start gap-3 rounded-lg border px-4 py-3 text-sm", "[&>svg]:order-1 [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:translate-y-0.5 [&>svg]:text-current", "data-[flip-icon=true]:[&>svg]:order-3"), {
 	variants: { variant: {
-		default: "bg-card text-card-foreground",
-		destructive: "text-destructive bg-card [&_[data-slot=alert-description]]:text-destructive/90"
+		default: "bg-card text-foreground",
+		destructive: "text-destructive-foreground bg-card [&_[data-slot=alert-description]]:text-destructive-foreground"
 	} },
 	defaultVariants: { variant: "default" }
 });