@krizaka/ui 3.0.0 → 3.2.0

package/README.md

@@ -228,7 +228,7 @@ light or a product's — is a set of tokens.
 | `@krizaka/ui/native/list` | React Native `List` on FlashList v2 and `useInfiniteList` on `useInfiniteQuery` of `@krizaka/query` (optional peers): separators, skeleton rows, empty/error, pull to refresh, the next page near the end | native |
 | `@krizaka/ui/native/media-capture` | React Native `MediaCapture` on expo-camera (optional peer) | native |
 | `@krizaka/ui` | the marks, `MotionObserver`, `RotatingWord`, `cx` (unchanged) | client |
-| `@krizaka/ui/native` | React Native: `ThemeProvider`/`useTheme`, `Txt`, `Button`, `IconButton`, `Card.*`, `Badge`, `Chip` (+ `Group`), `Avatar` (+ `Group`), `Skeleton`, `EmptyState`, `Spinner`, `Countdown`, `Segmented`, `Progress`, `Toaster`/`toast`, `Pagination`, `SearchField`, the marks — see [React Native](#react-native) | native |
+| `@krizaka/ui/native` | React Native: `ThemeProvider`/`useTheme`, `Txt`, `Button`, `IconButton`, `Card.*`, `Badge`, `Chip` (+ `Group`), `Avatar` (+ `Group`), `Skeleton`, `EmptyState`, `Spinner`, `Countdown`, `Segmented`, `Progress`, `Toaster`/`toast`, `Pagination`, `SearchField`, `TextField`, `Checkbox`, `DateField` (day · month · year), the marks — see [React Native](#react-native) | native |
 | `@krizaka/ui/motion.css`, `@krizaka/ui/blocks.css`, `@krizaka/ui/tailwind.css` | the motion signature; the page blocks' styles (imported once by the app); the `@source` of the primitives' classes | CSS |
 | `@krizaka/ui/registry/<name>`, `@krizaka/ui/registry/examples/<name>/<example>` | the registry (JSON) and the examples — see [Registry](#registry--the-code-drives-the-documentation) | data · client |
 

package/dist/achievement.js

@@ -2,7 +2,7 @@ import {
   brandClass,
   cn,
   storyVariantClass
-} from "./chunk-VCAAHCHL.js";
+} from "./chunk-IZ7MV6HM.js";
 
 // src/achievement/achievement.tsx
 import * as React from "react";

package/dist/action-bar.js

@@ -10,7 +10,7 @@ import {
 } from "./chunk-Z6FUPB3Q.js";
 import {
   cn
-} from "./chunk-FJDSLNXK.js";
+} from "./chunk-4LOMIQVX.js";
 import "./chunk-43PTCDTL.js";
 
 // src/action-bar/action-bar.tsx

package/dist/app-shell.js

@@ -5,7 +5,7 @@ import {
 } from "./chunk-AZPKXP3O.js";
 import {
   cn
-} from "./chunk-5AXLA4LK.js";
+} from "./chunk-G3ETON2A.js";
 
 // src/app-shell/app-shell.tsx
 import { Dialog as DialogPrimitive, Slot } from "radix-ui";

package/dist/argument-card.js

@@ -1,6 +1,6 @@
 import {
   Facts
-} from "./chunk-K3SWZXYT.js";
+} from "./chunk-DGQMDJXK.js";
 import {
   BlockLink
 } from "./chunk-2AGSO3WH.js";
@@ -11,7 +11,7 @@ import {
 import "./chunk-XVLWVTQA.js";
 import {
   cn
-} from "./chunk-FJDSLNXK.js";
+} from "./chunk-4LOMIQVX.js";
 
 // src/argument-card/argument-card.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/card-grid.js

@@ -5,7 +5,7 @@ import {
 } from "./chunk-AB5D3KBG.js";
 import {
   cn
-} from "./chunk-5AXLA4LK.js";
+} from "./chunk-G3ETON2A.js";
 
 // src/card-grid/card-grid.tsx
 import * as React from "react";

package/dist/card.js

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-FJDSLNXK.js";
+} from "./chunk-4LOMIQVX.js";
 
 // src/card/card.tsx
 import { Slot } from "radix-ui";

package/dist/choice-grid.js

@@ -5,7 +5,7 @@ import {
 } from "./chunk-555LWYIN.js";
 import {
   cn
-} from "./chunk-5AXLA4LK.js";
+} from "./chunk-G3ETON2A.js";
 
 // src/choice-grid/choice-grid.tsx
 import * as React from "react";

package/dist/{chunk-OGJI5X4W.js → chunk-2PUDI7JS.js}

@@ -5,7 +5,7 @@ import {
 import {
   cn,
   floating
-} from "./chunk-2USC2YT6.js";
+} from "./chunk-I5RVM5CW.js";
 import {
   ChevronGlyph
 } from "./chunk-CPA5CF35.js";
@@ -154,4 +154,4 @@ export {
   readFilterParams,
   writeFilterParams
 };
-//# sourceMappingURL=chunk-OGJI5X4W.js.map
+//# sourceMappingURL=chunk-2PUDI7JS.js.map

package/dist/chunk-4LOMIQVX.js

@@ -0,0 +1,21 @@
+// src/cn.ts
+import { clsx } from "clsx";
+import { cnMerge } from "tailwind-variants";
+var twMergeConfig = {
+  extend: {
+    classGroups: {
+      "bg-image": ["bg-sheen", "bg-fill-shade", "bg-halo"],
+      shadow: ["shadow-raised", "shadow-floating", "shadow-overlay", "shadow-glow", "shadow-glow-lg"],
+      "inset-shadow": ["inset-shadow-edge", "inset-shadow-edge-fill", "inset-shadow-well"]
+    }
+  }
+};
+function cn(...inputs) {
+  return cnMerge(clsx(inputs))({ twMergeConfig }) ?? "";
+}
+
+export {
+  twMergeConfig,
+  cn
+};
+//# sourceMappingURL=chunk-4LOMIQVX.js.map

package/dist/chunk-4LOMIQVX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/cn.ts"],"sourcesContent":["import { type ClassValue, clsx } from \"clsx\";\nimport { cnMerge, type TWMergeConfig } from \"tailwind-variants\";\n\nexport type { ClassValue };\n\n/**\n * The preset's own utilities, told to the merge engine: the material (BRAND.md §6: `bg-sheen`, `bg-fill-shade`,\n * `bg-halo` are background images; `shadow-raised` · `-floating` · `-overlay` · `-glow` are shadows; `inset-shadow-edge`\n * · `-edge-fill` · `-well` are inset shadows). Unknown, tailwind-merge would take `bg-sheen` for a colour and drop the\n * `bg-surface-2` it lies on.\n */\nexport const twMergeConfig: TWMergeConfig = {\n  extend: {\n    classGroups: {\n      \"bg-image\": [\"bg-sheen\", \"bg-fill-shade\", \"bg-halo\"],\n      shadow: [\"shadow-raised\", \"shadow-floating\", \"shadow-overlay\", \"shadow-glow\", \"shadow-glow-lg\"],\n      \"inset-shadow\": [\"inset-shadow-edge\", \"inset-shadow-edge-fill\", \"inset-shadow-well\"],\n    },\n  },\n};\n\n/**\n * Merges Tailwind classes: the last one wins — a product's `className` overrides the primitive's. The merge engine is\n * tailwind-merge as tailwind-variants ships it (the one `tv` uses), so the platform carries a single copy of it.\n * tailwind-variants bundles that engine since 3.3 (it never imports the `tailwind-merge` package, an optional peer):\n * hence `tailwind-variants ^3.3.1` and no `tailwind-merge` dependency — `scripts/consumer.mjs` checks it on a clean\n * install of the packed package.\n */\nexport function cn(...inputs: ClassValue[]): string {\n  return cnMerge(clsx(inputs))({ twMergeConfig }) ?? \"\";\n}\n"],"mappings":";AAAA,SAA0B,YAAY;AACtC,SAAS,eAAmC;AAUrC,IAAM,gBAA+B;AAAA,EAC1C,QAAQ;AAAA,IACN,aAAa;AAAA,MACX,YAAY,CAAC,YAAY,iBAAiB,SAAS;AAAA,MACnD,QAAQ,CAAC,iBAAiB,mBAAmB,kBAAkB,eAAe,gBAAgB;AAAA,MAC9F,gBAAgB,CAAC,qBAAqB,0BAA0B,mBAAmB;AAAA,IACrF;AAAA,EACF;AACF;AASO,SAAS,MAAM,QAA8B;AAClD,SAAO,QAAQ,KAAK,MAAM,CAAC,EAAE,EAAE,cAAc,CAAC,KAAK;AACrD;","names":[]}

package/dist/{chunk-K3SWZXYT.js → chunk-DGQMDJXK.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-XVLWVTQA.js";
 import {
   cn
-} from "./chunk-FJDSLNXK.js";
+} from "./chunk-4LOMIQVX.js";
 
 // src/page/page.tsx
 import * as React from "react";
@@ -89,4 +89,4 @@ export {
   Ticks,
   Facts
 };
-//# sourceMappingURL=chunk-K3SWZXYT.js.map
+//# sourceMappingURL=chunk-DGQMDJXK.js.map

package/dist/chunk-G3ETON2A.js

@@ -0,0 +1,22 @@
+"use client";
+
+// src/cn.ts
+import { clsx } from "clsx";
+import { cnMerge } from "tailwind-variants";
+var twMergeConfig = {
+  extend: {
+    classGroups: {
+      "bg-image": ["bg-sheen", "bg-fill-shade", "bg-halo"],
+      shadow: ["shadow-raised", "shadow-floating", "shadow-overlay", "shadow-glow", "shadow-glow-lg"],
+      "inset-shadow": ["inset-shadow-edge", "inset-shadow-edge-fill", "inset-shadow-well"]
+    }
+  }
+};
+function cn(...inputs) {
+  return cnMerge(clsx(inputs))({ twMergeConfig }) ?? "";
+}
+
+export {
+  cn
+};
+//# sourceMappingURL=chunk-G3ETON2A.js.map

package/dist/chunk-G3ETON2A.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/cn.ts"],"sourcesContent":["import { type ClassValue, clsx } from \"clsx\";\nimport { cnMerge, type TWMergeConfig } from \"tailwind-variants\";\n\nexport type { ClassValue };\n\n/**\n * The preset's own utilities, told to the merge engine: the material (BRAND.md §6: `bg-sheen`, `bg-fill-shade`,\n * `bg-halo` are background images; `shadow-raised` · `-floating` · `-overlay` · `-glow` are shadows; `inset-shadow-edge`\n * · `-edge-fill` · `-well` are inset shadows). Unknown, tailwind-merge would take `bg-sheen` for a colour and drop the\n * `bg-surface-2` it lies on.\n */\nexport const twMergeConfig: TWMergeConfig = {\n  extend: {\n    classGroups: {\n      \"bg-image\": [\"bg-sheen\", \"bg-fill-shade\", \"bg-halo\"],\n      shadow: [\"shadow-raised\", \"shadow-floating\", \"shadow-overlay\", \"shadow-glow\", \"shadow-glow-lg\"],\n      \"inset-shadow\": [\"inset-shadow-edge\", \"inset-shadow-edge-fill\", \"inset-shadow-well\"],\n    },\n  },\n};\n\n/**\n * Merges Tailwind classes: the last one wins — a product's `className` overrides the primitive's. The merge engine is\n * tailwind-merge as tailwind-variants ships it (the one `tv` uses), so the platform carries a single copy of it.\n * tailwind-variants bundles that engine since 3.3 (it never imports the `tailwind-merge` package, an optional peer):\n * hence `tailwind-variants ^3.3.1` and no `tailwind-merge` dependency — `scripts/consumer.mjs` checks it on a clean\n * install of the packed package.\n */\nexport function cn(...inputs: ClassValue[]): string {\n  return cnMerge(clsx(inputs))({ twMergeConfig }) ?? \"\";\n}\n"],"mappings":";;;AAAA,SAA0B,YAAY;AACtC,SAAS,eAAmC;AAUrC,IAAM,gBAA+B;AAAA,EAC1C,QAAQ;AAAA,IACN,aAAa;AAAA,MACX,YAAY,CAAC,YAAY,iBAAiB,SAAS;AAAA,MACnD,QAAQ,CAAC,iBAAiB,mBAAmB,kBAAkB,eAAe,gBAAgB;AAAA,MAC9F,gBAAgB,CAAC,qBAAqB,0BAA0B,mBAAmB;AAAA,IACrF;AAAA,EACF;AACF;AASO,SAAS,MAAM,QAA8B;AAClD,SAAO,QAAQ,KAAK,MAAM,CAAC,EAAE,EAAE,cAAc,CAAC,KAAK;AACrD;","names":[]}

package/dist/chunk-I5RVM5CW.js

@@ -0,0 +1,27 @@
+"use client";
+
+// src/cn.ts
+import { clsx } from "clsx";
+import { cnMerge } from "tailwind-variants";
+var twMergeConfig = {
+  extend: {
+    classGroups: {
+      "bg-image": ["bg-sheen", "bg-fill-shade", "bg-halo"],
+      shadow: ["shadow-raised", "shadow-floating", "shadow-overlay", "shadow-glow", "shadow-glow-lg"],
+      "inset-shadow": ["inset-shadow-edge", "inset-shadow-edge-fill", "inset-shadow-well"]
+    }
+  }
+};
+function cn(...inputs) {
+  return cnMerge(clsx(inputs))({ twMergeConfig }) ?? "";
+}
+
+// src/floating.ts
+var floating = "kz-pop z-50 rounded-lg border border-border-default bg-surface-2 text-fg shadow-lg outline-hidden";
+
+export {
+  twMergeConfig,
+  cn,
+  floating
+};
+//# sourceMappingURL=chunk-I5RVM5CW.js.map

package/dist/chunk-I5RVM5CW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/cn.ts","../src/floating.ts"],"sourcesContent":["import { type ClassValue, clsx } from \"clsx\";\nimport { cnMerge, type TWMergeConfig } from \"tailwind-variants\";\n\nexport type { ClassValue };\n\n/**\n * The preset's own utilities, told to the merge engine: the material (BRAND.md §6: `bg-sheen`, `bg-fill-shade`,\n * `bg-halo` are background images; `shadow-raised` · `-floating` · `-overlay` · `-glow` are shadows; `inset-shadow-edge`\n * · `-edge-fill` · `-well` are inset shadows). Unknown, tailwind-merge would take `bg-sheen` for a colour and drop the\n * `bg-surface-2` it lies on.\n */\nexport const twMergeConfig: TWMergeConfig = {\n  extend: {\n    classGroups: {\n      \"bg-image\": [\"bg-sheen\", \"bg-fill-shade\", \"bg-halo\"],\n      shadow: [\"shadow-raised\", \"shadow-floating\", \"shadow-overlay\", \"shadow-glow\", \"shadow-glow-lg\"],\n      \"inset-shadow\": [\"inset-shadow-edge\", \"inset-shadow-edge-fill\", \"inset-shadow-well\"],\n    },\n  },\n};\n\n/**\n * Merges Tailwind classes: the last one wins — a product's `className` overrides the primitive's. The merge engine is\n * tailwind-merge as tailwind-variants ships it (the one `tv` uses), so the platform carries a single copy of it.\n * tailwind-variants bundles that engine since 3.3 (it never imports the `tailwind-merge` package, an optional peer):\n * hence `tailwind-variants ^3.3.1` and no `tailwind-merge` dependency — `scripts/consumer.mjs` checks it on a clean\n * install of the packed package.\n */\nexport function cn(...inputs: ClassValue[]): string {\n  return cnMerge(clsx(inputs))({ twMergeConfig }) ?? \"\";\n}\n","// The one surface of everything that floats next to its trigger (popover, menu, tooltip): a raised surface, a border,\n// the large shadow and the `kz-pop` entrance from the side Radix measured (`--radix-*-transform-origin`).\nexport const floating =\n  \"kz-pop z-50 rounded-lg border border-border-default bg-surface-2 text-fg shadow-lg outline-hidden\";\n"],"mappings":";;;AAAA,SAA0B,YAAY;AACtC,SAAS,eAAmC;AAUrC,IAAM,gBAA+B;AAAA,EAC1C,QAAQ;AAAA,IACN,aAAa;AAAA,MACX,YAAY,CAAC,YAAY,iBAAiB,SAAS;AAAA,MACnD,QAAQ,CAAC,iBAAiB,mBAAmB,kBAAkB,eAAe,gBAAgB;AAAA,MAC9F,gBAAgB,CAAC,qBAAqB,0BAA0B,mBAAmB;AAAA,IACrF;AAAA,EACF;AACF;AASO,SAAS,MAAM,QAA8B;AAClD,SAAO,QAAQ,KAAK,MAAM,CAAC,EAAE,EAAE,cAAc,CAAC,KAAK;AACrD;;;AC5BO,IAAM,WACX;","names":[]}

package/dist/chunk-IZ7MV6HM.js

@@ -0,0 +1,26 @@
+// src/cn.ts
+import { clsx } from "clsx";
+import { cnMerge } from "tailwind-variants";
+var twMergeConfig = {
+  extend: {
+    classGroups: {
+      "bg-image": ["bg-sheen", "bg-fill-shade", "bg-halo"],
+      shadow: ["shadow-raised", "shadow-floating", "shadow-overlay", "shadow-glow", "shadow-glow-lg"],
+      "inset-shadow": ["inset-shadow-edge", "inset-shadow-edge-fill", "inset-shadow-well"]
+    }
+  }
+};
+function cn(...inputs) {
+  return cnMerge(clsx(inputs))({ twMergeConfig }) ?? "";
+}
+
+// src/story-variant.ts
+var storyVariantClass = (variant) => variant === "arcade" ? "kzs-arcade" : void 0;
+var brandClass = (brand) => brand ? `brand-${brand}` : void 0;
+
+export {
+  cn,
+  storyVariantClass,
+  brandClass
+};
+//# sourceMappingURL=chunk-IZ7MV6HM.js.map

package/dist/chunk-IZ7MV6HM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/cn.ts","../src/story-variant.ts"],"sourcesContent":["import { type ClassValue, clsx } from \"clsx\";\nimport { cnMerge, type TWMergeConfig } from \"tailwind-variants\";\n\nexport type { ClassValue };\n\n/**\n * The preset's own utilities, told to the merge engine: the material (BRAND.md §6: `bg-sheen`, `bg-fill-shade`,\n * `bg-halo` are background images; `shadow-raised` · `-floating` · `-overlay` · `-glow` are shadows; `inset-shadow-edge`\n * · `-edge-fill` · `-well` are inset shadows). Unknown, tailwind-merge would take `bg-sheen` for a colour and drop the\n * `bg-surface-2` it lies on.\n */\nexport const twMergeConfig: TWMergeConfig = {\n  extend: {\n    classGroups: {\n      \"bg-image\": [\"bg-sheen\", \"bg-fill-shade\", \"bg-halo\"],\n      shadow: [\"shadow-raised\", \"shadow-floating\", \"shadow-overlay\", \"shadow-glow\", \"shadow-glow-lg\"],\n      \"inset-shadow\": [\"inset-shadow-edge\", \"inset-shadow-edge-fill\", \"inset-shadow-well\"],\n    },\n  },\n};\n\n/**\n * Merges Tailwind classes: the last one wins — a product's `className` overrides the primitive's. The merge engine is\n * tailwind-merge as tailwind-variants ships it (the one `tv` uses), so the platform carries a single copy of it.\n * tailwind-variants bundles that engine since 3.3 (it never imports the `tailwind-merge` package, an optional peer):\n * hence `tailwind-variants ^3.3.1` and no `tailwind-merge` dependency — `scripts/consumer.mjs` checks it on a clean\n * install of the packed package.\n */\nexport function cn(...inputs: ClassValue[]): string {\n  return cnMerge(clsx(inputs))({ twMergeConfig }) ?? \"\";\n}\n","// The two looks of the storytelling kit (story.css), shared by its entries. Server-safe.\n\n/** The look of the storytelling kit: `default` (sober, for any app) or `arcade` (the opt-in cabinet flavour). */\nexport type StoryVariant = \"default\" | \"arcade\";\n\n/** The class a storytelling component adds for its look (`kzs-arcade` for the arcade flavour). */\nexport const storyVariantClass = (variant: StoryVariant | undefined) => (variant === \"arcade\" ? \"kzs-arcade\" : undefined);\n\n/** The class of a brand scope (`brand-orochia`): the accent and the gradient become that brand's. */\nexport const brandClass = (brand: string | undefined) => (brand ? `brand-${brand}` : undefined);\n"],"mappings":";AAAA,SAA0B,YAAY;AACtC,SAAS,eAAmC;AAUrC,IAAM,gBAA+B;AAAA,EAC1C,QAAQ;AAAA,IACN,aAAa;AAAA,MACX,YAAY,CAAC,YAAY,iBAAiB,SAAS;AAAA,MACnD,QAAQ,CAAC,iBAAiB,mBAAmB,kBAAkB,eAAe,gBAAgB;AAAA,MAC9F,gBAAgB,CAAC,qBAAqB,0BAA0B,mBAAmB;AAAA,IACrF;AAAA,EACF;AACF;AASO,SAAS,MAAM,QAA8B;AAClD,SAAO,QAAQ,KAAK,MAAM,CAAC,EAAE,EAAE,cAAc,CAAC,KAAK;AACrD;;;ACxBO,IAAM,oBAAoB,CAAC,YAAuC,YAAY,WAAW,eAAe;AAGxG,IAAM,aAAa,CAAC,UAA+B,QAAQ,SAAS,KAAK,KAAK;","names":[]}

package/dist/chunk-ZNMFG62E.js

@@ -0,0 +1,20 @@
+// src/cn.ts
+import { clsx } from "clsx";
+import { cnMerge } from "tailwind-variants";
+var twMergeConfig = {
+  extend: {
+    classGroups: {
+      "bg-image": ["bg-sheen", "bg-fill-shade", "bg-halo"],
+      shadow: ["shadow-raised", "shadow-floating", "shadow-overlay", "shadow-glow", "shadow-glow-lg"],
+      "inset-shadow": ["inset-shadow-edge", "inset-shadow-edge-fill", "inset-shadow-well"]
+    }
+  }
+};
+function cn(...inputs) {
+  return cnMerge(clsx(inputs))({ twMergeConfig }) ?? "";
+}
+
+export {
+  cn
+};
+//# sourceMappingURL=chunk-ZNMFG62E.js.map

package/dist/chunk-ZNMFG62E.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/cn.ts"],"sourcesContent":["import { type ClassValue, clsx } from \"clsx\";\nimport { cnMerge, type TWMergeConfig } from \"tailwind-variants\";\n\nexport type { ClassValue };\n\n/**\n * The preset's own utilities, told to the merge engine: the material (BRAND.md §6: `bg-sheen`, `bg-fill-shade`,\n * `bg-halo` are background images; `shadow-raised` · `-floating` · `-overlay` · `-glow` are shadows; `inset-shadow-edge`\n * · `-edge-fill` · `-well` are inset shadows). Unknown, tailwind-merge would take `bg-sheen` for a colour and drop the\n * `bg-surface-2` it lies on.\n */\nexport const twMergeConfig: TWMergeConfig = {\n  extend: {\n    classGroups: {\n      \"bg-image\": [\"bg-sheen\", \"bg-fill-shade\", \"bg-halo\"],\n      shadow: [\"shadow-raised\", \"shadow-floating\", \"shadow-overlay\", \"shadow-glow\", \"shadow-glow-lg\"],\n      \"inset-shadow\": [\"inset-shadow-edge\", \"inset-shadow-edge-fill\", \"inset-shadow-well\"],\n    },\n  },\n};\n\n/**\n * Merges Tailwind classes: the last one wins — a product's `className` overrides the primitive's. The merge engine is\n * tailwind-merge as tailwind-variants ships it (the one `tv` uses), so the platform carries a single copy of it.\n * tailwind-variants bundles that engine since 3.3 (it never imports the `tailwind-merge` package, an optional peer):\n * hence `tailwind-variants ^3.3.1` and no `tailwind-merge` dependency — `scripts/consumer.mjs` checks it on a clean\n * install of the packed package.\n */\nexport function cn(...inputs: ClassValue[]): string {\n  return cnMerge(clsx(inputs))({ twMergeConfig }) ?? \"\";\n}\n"],"mappings":";AAAA,SAA0B,YAAY;AACtC,SAAS,eAAmC;AAUrC,IAAM,gBAA+B;AAAA,EAC1C,QAAQ;AAAA,IACN,aAAa;AAAA,MACX,YAAY,CAAC,YAAY,iBAAiB,SAAS;AAAA,MACnD,QAAQ,CAAC,iBAAiB,mBAAmB,kBAAkB,eAAe,gBAAgB;AAAA,MAC9F,gBAAgB,CAAC,qBAAqB,0BAA0B,mBAAmB;AAAA,IACrF;AAAA,EACF;AACF;AASO,SAAS,MAAM,QAA8B;AAClD,SAAO,QAAQ,KAAK,MAAM,CAAC,EAAE,EAAE,cAAc,CAAC,KAAK;AACrD;","names":[]}

package/dist/cn.d.ts

@@ -1,6 +1,14 @@
 import { ClassValue } from 'clsx';
 export { ClassValue } from 'clsx';
+import { TWMergeConfig } from 'tailwind-variants';
 
+/**
+ * The preset's own utilities, told to the merge engine: the material (BRAND.md §6: `bg-sheen`, `bg-fill-shade`,
+ * `bg-halo` are background images; `shadow-raised` · `-floating` · `-overlay` · `-glow` are shadows; `inset-shadow-edge`
+ * · `-edge-fill` · `-well` are inset shadows). Unknown, tailwind-merge would take `bg-sheen` for a colour and drop the
+ * `bg-surface-2` it lies on.
+ */
+declare const twMergeConfig: TWMergeConfig;
 /**
  * Merges Tailwind classes: the last one wins — a product's `className` overrides the primitive's. The merge engine is
  * tailwind-merge as tailwind-variants ships it (the one `tv` uses), so the platform carries a single copy of it.
@@ -10,4 +18,4 @@ export { ClassValue } from 'clsx';
  */
 declare function cn(...inputs: ClassValue[]): string;
 
-export { cn };
+export { cn, twMergeConfig };

package/dist/cn.js

@@ -1,7 +1,9 @@
 import {
-  cn
-} from "./chunk-FJDSLNXK.js";
+  cn,
+  twMergeConfig
+} from "./chunk-4LOMIQVX.js";
 export {
-  cn
+  cn,
+  twMergeConfig
 };
 //# sourceMappingURL=cn.js.map

package/dist/code-block.js

@@ -5,7 +5,7 @@ import {
 } from "./chunk-AZPKXP3O.js";
 import {
   cn
-} from "./chunk-5AXLA4LK.js";
+} from "./chunk-G3ETON2A.js";
 
 // src/code-block/code-block.tsx
 import * as React3 from "react";

package/dist/command.js

@@ -6,7 +6,7 @@ import "./chunk-RUPNPMP3.js";
 import "./chunk-WEVYKZIF.js";
 import {
   cn
-} from "./chunk-5AXLA4LK.js";
+} from "./chunk-G3ETON2A.js";
 
 // src/command/command.tsx
 import { Command as CommandPrimitive } from "cmdk";

package/dist/confirm-button.js

@@ -5,7 +5,7 @@ import {
 import "./chunk-WEVYKZIF.js";
 import {
   cn
-} from "./chunk-5AXLA4LK.js";
+} from "./chunk-G3ETON2A.js";
 
 // src/confirm-button/confirm-button.tsx
 import { VisuallyHidden } from "radix-ui";

package/dist/continue-prompt.js

@@ -2,7 +2,7 @@ import {
   brandClass,
   cn,
   storyVariantClass
-} from "./chunk-VCAAHCHL.js";
+} from "./chunk-IZ7MV6HM.js";
 
 // src/button/button.tsx
 import { Slot } from "radix-ui";

package/dist/cta-panel.js

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-FJDSLNXK.js";
+} from "./chunk-4LOMIQVX.js";
 
 // src/cta-panel/cta-panel.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/data-table.js

@@ -7,9 +7,9 @@ import {
   DropdownMenu,
   FilterBar,
   FilterMenu
-} from "./chunk-OGJI5X4W.js";
+} from "./chunk-2PUDI7JS.js";
 import "./chunk-YH4LMWRU.js";
-import "./chunk-2USC2YT6.js";
+import "./chunk-I5RVM5CW.js";
 import {
   SearchField
 } from "./chunk-FDCMBWUU.js";