@particle-academy/react-fancy 5.51.2 → 5.53.0

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}
+{"version":3,"sources":["../src/theme-tokens.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCO,IAAM,YAAA,GAAe;AAAA,EAC1B,OAAA,EAAS;AAAA,IACP,QAAA,EAAU,iBAAA;AAAA,IACV,YAAA,EAAc,sBAAA;AAAA,IACd,KAAA,EAAO,oBAAA;AAAA,IACP,IAAA,EAAM,uBAAA;AAAA,IACN,WAAA,EAAa;AAAA,GACf;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,QAAA,EAAU,uBAAA;AAAA,IACV,YAAA,EAAc,4BAAA;AAAA,IACd,KAAA,EAAO,uBAAA;AAAA,IACP,IAAA,EAAM,uBAAA;AAAA,IACN,WAAA,EAAa;AAAA,GACf;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,QAAA,EAAU,gBAAA;AAAA,IACV,YAAA,EAAc,qBAAA;AAAA,IACd,KAAA,EAAO,uBAAA;AAAA,IACP,IAAA,EAAM,uBAAA;AAAA,IACN,WAAA,EAAa;AAAA,GACf;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,QAAA,EAAU,uBAAA;AAAA,IACV,YAAA,EAAc,4BAAA;AAAA,IACd,KAAA,EAAO,uBAAA;AAAA,IACP,IAAA,EAAM,uBAAA;AAAA,IACN,WAAA,EAAa;AAAA,GACf;AAAA,EACA,KAAA,EAAO;AAAA,IACL,QAAA,EAAU,eAAA;AAAA,IACV,YAAA,EAAc,oBAAA;AAAA,IACd,KAAA,EAAO,oBAAA;AAAA,IACP,IAAA,EAAM,SAAA;AAAA,IACN,WAAA,EAAa;AAAA,GACf;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,QAAA,EAAU,cAAA;AAAA,IACV,YAAA,EAAc,mBAAA;AAAA,IACd,KAAA,EAAO,uBAAA;AAAA,IACP,IAAA,EAAM,uBAAA;AAAA,IACN,WAAA,EAAa;AAAA,GACf;AAAA,EACA,WAAA,EAAa;AAAA,IACX,QAAA,EAAU,mBAAA;AAAA,IACV,YAAA,EAAc,wBAAA;AAAA,IACd,KAAA,EAAO,uBAAA;AAAA,IACP,IAAA,EAAM,uBAAA;AAAA,IACN,WAAA,EAAa;AAAA,GACf;AAAA,EACA,YAAA,EAAc;AAAA,IACZ,QAAA,EAAU,oBAAA;AAAA,IACV,YAAA,EAAc,yBAAA;AAAA,IACd,KAAA,EAAO,uBAAA;AAAA,IACP,IAAA,EAAM,uBAAA;AAAA,IACN,WAAA,EAAa;AAAA,GACf;AAAA,EACA,YAAA,EAAc;AAAA,IACZ,QAAA,EAAU,oBAAA;AAAA,IACV,YAAA,EAAc,yBAAA;AAAA,IACd,KAAA,EAAO,uBAAA;AAAA,IACP,IAAA,EAAM,uBAAA;AAAA,IACN,WAAA,EAAa;AAAA,GACf;AAAA,EACA,KAAA,EAAO;AAAA,IACL,QAAA,EAAU,eAAA;AAAA,IACV,YAAA,EAAc,oBAAA;AAAA,IACd,KAAA,EAAO,uBAAA;AAAA,IACP,IAAA,EAAM,uBAAA;AAAA,IACN,WAAA,EAAa;AAAA;AAEjB","file":"index.cjs","sourcesContent":["/**\n * Semantic theme tokens — the small set of colours the kit's DOM components\n * read, so a host can repaint the whole kit with its own palette WITHOUT\n * remapping Tailwind's `zinc` or `violet`.\n *\n * Each role is two CSS custom properties, one per mode:\n *\n *   --fancy-surface        the light value\n *   --fancy-surface-dark   the dark value\n *\n * Components read them through their var() FALLBACK, which is the colour the\n * component used before these existed:\n *\n *   bg-[color:var(--fancy-surface,var(--color-white))]\n *     dark:bg-[color:var(--fancy-surface-dark,var(--color-zinc-900))]\n *\n * So:\n *  - **Set nothing and nothing changes.** An unset custom property resolves to\n *    its fallback, which is the exact declaration the old `bg-white` produced.\n *  - **Set one and every surface follows**, wherever the variable is in scope:\n *    `:root`, `body`, or any wrapper element. No selector to match, no layer or\n *    specificity to win — a custom property is inherited, not cascaded against.\n *  - **Both modes are stated, not derived.** The dark value is a separate\n *    variable rather than a flip under `.dark`, so which one applies is decided\n *    by the host's own `dark:` variant — the same switch that drives every\n *    other `dark:` utility in the kit. (See `dark-variant.css` for a variant\n *    that follows `[data-theme=\"dark\"]` as well as `.dark`.)\n *\n * NOT covered, deliberately: colours that ENCODE DATA — chart series,\n * file-type marks, mood and confidence scales, event kinds. Repainting those\n * with a host's neutral palette would erase what they mean. A component's\n * explicit `color` prop (Badge, Button, Callout …) is also untouched: that is\n * the host choosing a hue, not the kit choosing one for it.\n *\n * `light` / `dark` are the defaults exactly as components write them in their\n * fallbacks. `tests/theme-tokens.test.tsx` fails if a component's fallback\n * disagrees with this table, so the table is the contract rather than a\n * description of it.\n */\nexport const THEME_TOKENS = {\n  surface: {\n    variable: \"--fancy-surface\",\n    darkVariable: \"--fancy-surface-dark\",\n    light: \"var(--color-white)\",\n    dark: \"var(--color-zinc-900)\",\n    description: \"Panels, cards, overlays (menus, modals, popovers, toasts), sidebars and navbars.\",\n  },\n  \"surface-muted\": {\n    variable: \"--fancy-surface-muted\",\n    darkVariable: \"--fancy-surface-muted-dark\",\n    light: \"var(--color-zinc-100)\",\n    dark: \"var(--color-zinc-800)\",\n    description: \"Hovered and selected rows, chips, inset wells, toolbar buttons.\",\n  },\n  border: {\n    variable: \"--fancy-border\",\n    darkVariable: \"--fancy-border-dark\",\n    light: \"var(--color-zinc-200)\",\n    dark: \"var(--color-zinc-700)\",\n    description: \"Outlines, dividers, separators and tracks (skeletons, progress, sliders).\",\n  },\n  \"border-strong\": {\n    variable: \"--fancy-border-strong\",\n    darkVariable: \"--fancy-border-strong-dark\",\n    light: \"var(--color-zinc-300)\",\n    dark: \"var(--color-zinc-700)\",\n    description: \"The firmer outline on form controls (inputs, checkboxes, radios) and keycaps.\",\n  },\n  input: {\n    variable: \"--fancy-input\",\n    darkVariable: \"--fancy-input-dark\",\n    light: \"var(--color-white)\",\n    dark: \"#1e1e24\",\n    description: \"The field surface of text inputs, checkboxes, radios, OTP cells and pickers.\",\n  },\n  text: {\n    variable: \"--fancy-text\",\n    darkVariable: \"--fancy-text-dark\",\n    light: \"var(--color-zinc-900)\",\n    dark: \"var(--color-zinc-100)\",\n    description: \"Strongest foreground: headings, values, field text, active items.\",\n  },\n  \"text-soft\": {\n    variable: \"--fancy-text-soft\",\n    darkVariable: \"--fancy-text-soft-dark\",\n    light: \"var(--color-zinc-700)\",\n    dark: \"var(--color-zinc-300)\",\n    description: \"Body copy and menu items: readable, one step back from text.\",\n  },\n  \"text-muted\": {\n    variable: \"--fancy-text-muted\",\n    darkVariable: \"--fancy-text-muted-dark\",\n    light: \"var(--color-zinc-500)\",\n    dark: \"var(--color-zinc-400)\",\n    description: \"Descriptions, captions, secondary labels, axis labels.\",\n  },\n  \"text-faint\": {\n    variable: \"--fancy-text-faint\",\n    darkVariable: \"--fancy-text-faint-dark\",\n    light: \"var(--color-zinc-400)\",\n    dark: \"var(--color-zinc-500)\",\n    description: \"Placeholders, disabled hints, decorative icons.\",\n  },\n  focus: {\n    variable: \"--fancy-focus\",\n    darkVariable: \"--fancy-focus-dark\",\n    light: \"var(--color-blue-500)\",\n    dark: \"var(--color-blue-400)\",\n    description: \"The focus border and ring on form controls.\",\n  },\n} as const;\n\nexport type ThemeTokenRole = keyof typeof THEME_TOKENS;\n"]}

package/dist/index.d.cts

@@ -393,4 +393,117 @@ type UseThemeResult = {
  */
 declare function useTheme(): UseThemeResult;
 
-export { type NodeRect, Placement, type ResolvedTheme, type SanitizeHtmlOptions, THEME_STORAGE_KEY, type ThemePreference, type UseThemeResult, cn, getThemePreference, initTheme, renderMarkdown, resolveTheme, sanitizeHref, sanitizeHtml, setThemePreference, subscribeTheme, useAnimation, useControllableState, useEscapeKey, useFloatingPosition, useFocusTrap, useId, useNodeRegistry, useOutsideClick, usePanZoom, useTheme };
+/**
+ * Semantic theme tokens — the small set of colours the kit's DOM components
+ * read, so a host can repaint the whole kit with its own palette WITHOUT
+ * remapping Tailwind's `zinc` or `violet`.
+ *
+ * Each role is two CSS custom properties, one per mode:
+ *
+ *   --fancy-surface        the light value
+ *   --fancy-surface-dark   the dark value
+ *
+ * Components read them through their var() FALLBACK, which is the colour the
+ * component used before these existed:
+ *
+ *   bg-[color:var(--fancy-surface,var(--color-white))]
+ *     dark:bg-[color:var(--fancy-surface-dark,var(--color-zinc-900))]
+ *
+ * So:
+ *  - **Set nothing and nothing changes.** An unset custom property resolves to
+ *    its fallback, which is the exact declaration the old `bg-white` produced.
+ *  - **Set one and every surface follows**, wherever the variable is in scope:
+ *    `:root`, `body`, or any wrapper element. No selector to match, no layer or
+ *    specificity to win — a custom property is inherited, not cascaded against.
+ *  - **Both modes are stated, not derived.** The dark value is a separate
+ *    variable rather than a flip under `.dark`, so which one applies is decided
+ *    by the host's own `dark:` variant — the same switch that drives every
+ *    other `dark:` utility in the kit. (See `dark-variant.css` for a variant
+ *    that follows `[data-theme="dark"]` as well as `.dark`.)
+ *
+ * NOT covered, deliberately: colours that ENCODE DATA — chart series,
+ * file-type marks, mood and confidence scales, event kinds. Repainting those
+ * with a host's neutral palette would erase what they mean. A component's
+ * explicit `color` prop (Badge, Button, Callout …) is also untouched: that is
+ * the host choosing a hue, not the kit choosing one for it.
+ *
+ * `light` / `dark` are the defaults exactly as components write them in their
+ * fallbacks. `tests/theme-tokens.test.tsx` fails if a component's fallback
+ * disagrees with this table, so the table is the contract rather than a
+ * description of it.
+ */
+declare const THEME_TOKENS: {
+    readonly surface: {
+        readonly variable: "--fancy-surface";
+        readonly darkVariable: "--fancy-surface-dark";
+        readonly light: "var(--color-white)";
+        readonly dark: "var(--color-zinc-900)";
+        readonly description: "Panels, cards, overlays (menus, modals, popovers, toasts), sidebars and navbars.";
+    };
+    readonly "surface-muted": {
+        readonly variable: "--fancy-surface-muted";
+        readonly darkVariable: "--fancy-surface-muted-dark";
+        readonly light: "var(--color-zinc-100)";
+        readonly dark: "var(--color-zinc-800)";
+        readonly description: "Hovered and selected rows, chips, inset wells, toolbar buttons.";
+    };
+    readonly border: {
+        readonly variable: "--fancy-border";
+        readonly darkVariable: "--fancy-border-dark";
+        readonly light: "var(--color-zinc-200)";
+        readonly dark: "var(--color-zinc-700)";
+        readonly description: "Outlines, dividers, separators and tracks (skeletons, progress, sliders).";
+    };
+    readonly "border-strong": {
+        readonly variable: "--fancy-border-strong";
+        readonly darkVariable: "--fancy-border-strong-dark";
+        readonly light: "var(--color-zinc-300)";
+        readonly dark: "var(--color-zinc-700)";
+        readonly description: "The firmer outline on form controls (inputs, checkboxes, radios) and keycaps.";
+    };
+    readonly input: {
+        readonly variable: "--fancy-input";
+        readonly darkVariable: "--fancy-input-dark";
+        readonly light: "var(--color-white)";
+        readonly dark: "#1e1e24";
+        readonly description: "The field surface of text inputs, checkboxes, radios, OTP cells and pickers.";
+    };
+    readonly text: {
+        readonly variable: "--fancy-text";
+        readonly darkVariable: "--fancy-text-dark";
+        readonly light: "var(--color-zinc-900)";
+        readonly dark: "var(--color-zinc-100)";
+        readonly description: "Strongest foreground: headings, values, field text, active items.";
+    };
+    readonly "text-soft": {
+        readonly variable: "--fancy-text-soft";
+        readonly darkVariable: "--fancy-text-soft-dark";
+        readonly light: "var(--color-zinc-700)";
+        readonly dark: "var(--color-zinc-300)";
+        readonly description: "Body copy and menu items: readable, one step back from text.";
+    };
+    readonly "text-muted": {
+        readonly variable: "--fancy-text-muted";
+        readonly darkVariable: "--fancy-text-muted-dark";
+        readonly light: "var(--color-zinc-500)";
+        readonly dark: "var(--color-zinc-400)";
+        readonly description: "Descriptions, captions, secondary labels, axis labels.";
+    };
+    readonly "text-faint": {
+        readonly variable: "--fancy-text-faint";
+        readonly darkVariable: "--fancy-text-faint-dark";
+        readonly light: "var(--color-zinc-400)";
+        readonly dark: "var(--color-zinc-500)";
+        readonly description: "Placeholders, disabled hints, decorative icons.";
+    };
+    readonly focus: {
+        readonly variable: "--fancy-focus";
+        readonly darkVariable: "--fancy-focus-dark";
+        readonly light: "var(--color-blue-500)";
+        readonly dark: "var(--color-blue-400)";
+        readonly description: "The focus border and ring on form controls.";
+    };
+};
+type ThemeTokenRole = keyof typeof THEME_TOKENS;
+
+export { type NodeRect, Placement, type ResolvedTheme, type SanitizeHtmlOptions, THEME_STORAGE_KEY, THEME_TOKENS, type ThemePreference, type ThemeTokenRole, type UseThemeResult, cn, getThemePreference, initTheme, renderMarkdown, resolveTheme, sanitizeHref, sanitizeHtml, setThemePreference, subscribeTheme, useAnimation, useControllableState, useEscapeKey, useFloatingPosition, useFocusTrap, useId, useNodeRegistry, useOutsideClick, usePanZoom, useTheme };

package/dist/index.d.ts

@@ -393,4 +393,117 @@ type UseThemeResult = {
  */
 declare function useTheme(): UseThemeResult;
 
-export { type NodeRect, Placement, type ResolvedTheme, type SanitizeHtmlOptions, THEME_STORAGE_KEY, type ThemePreference, type UseThemeResult, cn, getThemePreference, initTheme, renderMarkdown, resolveTheme, sanitizeHref, sanitizeHtml, setThemePreference, subscribeTheme, useAnimation, useControllableState, useEscapeKey, useFloatingPosition, useFocusTrap, useId, useNodeRegistry, useOutsideClick, usePanZoom, useTheme };
+/**
+ * Semantic theme tokens — the small set of colours the kit's DOM components
+ * read, so a host can repaint the whole kit with its own palette WITHOUT
+ * remapping Tailwind's `zinc` or `violet`.
+ *
+ * Each role is two CSS custom properties, one per mode:
+ *
+ *   --fancy-surface        the light value
+ *   --fancy-surface-dark   the dark value
+ *
+ * Components read them through their var() FALLBACK, which is the colour the
+ * component used before these existed:
+ *
+ *   bg-[color:var(--fancy-surface,var(--color-white))]
+ *     dark:bg-[color:var(--fancy-surface-dark,var(--color-zinc-900))]
+ *
+ * So:
+ *  - **Set nothing and nothing changes.** An unset custom property resolves to
+ *    its fallback, which is the exact declaration the old `bg-white` produced.
+ *  - **Set one and every surface follows**, wherever the variable is in scope:
+ *    `:root`, `body`, or any wrapper element. No selector to match, no layer or
+ *    specificity to win — a custom property is inherited, not cascaded against.
+ *  - **Both modes are stated, not derived.** The dark value is a separate
+ *    variable rather than a flip under `.dark`, so which one applies is decided
+ *    by the host's own `dark:` variant — the same switch that drives every
+ *    other `dark:` utility in the kit. (See `dark-variant.css` for a variant
+ *    that follows `[data-theme="dark"]` as well as `.dark`.)
+ *
+ * NOT covered, deliberately: colours that ENCODE DATA — chart series,
+ * file-type marks, mood and confidence scales, event kinds. Repainting those
+ * with a host's neutral palette would erase what they mean. A component's
+ * explicit `color` prop (Badge, Button, Callout …) is also untouched: that is
+ * the host choosing a hue, not the kit choosing one for it.
+ *
+ * `light` / `dark` are the defaults exactly as components write them in their
+ * fallbacks. `tests/theme-tokens.test.tsx` fails if a component's fallback
+ * disagrees with this table, so the table is the contract rather than a
+ * description of it.
+ */
+declare const THEME_TOKENS: {
+    readonly surface: {
+        readonly variable: "--fancy-surface";
+        readonly darkVariable: "--fancy-surface-dark";
+        readonly light: "var(--color-white)";
+        readonly dark: "var(--color-zinc-900)";
+        readonly description: "Panels, cards, overlays (menus, modals, popovers, toasts), sidebars and navbars.";
+    };
+    readonly "surface-muted": {
+        readonly variable: "--fancy-surface-muted";
+        readonly darkVariable: "--fancy-surface-muted-dark";
+        readonly light: "var(--color-zinc-100)";
+        readonly dark: "var(--color-zinc-800)";
+        readonly description: "Hovered and selected rows, chips, inset wells, toolbar buttons.";
+    };
+    readonly border: {
+        readonly variable: "--fancy-border";
+        readonly darkVariable: "--fancy-border-dark";
+        readonly light: "var(--color-zinc-200)";
+        readonly dark: "var(--color-zinc-700)";
+        readonly description: "Outlines, dividers, separators and tracks (skeletons, progress, sliders).";
+    };
+    readonly "border-strong": {
+        readonly variable: "--fancy-border-strong";
+        readonly darkVariable: "--fancy-border-strong-dark";
+        readonly light: "var(--color-zinc-300)";
+        readonly dark: "var(--color-zinc-700)";
+        readonly description: "The firmer outline on form controls (inputs, checkboxes, radios) and keycaps.";
+    };
+    readonly input: {
+        readonly variable: "--fancy-input";
+        readonly darkVariable: "--fancy-input-dark";
+        readonly light: "var(--color-white)";
+        readonly dark: "#1e1e24";
+        readonly description: "The field surface of text inputs, checkboxes, radios, OTP cells and pickers.";
+    };
+    readonly text: {
+        readonly variable: "--fancy-text";
+        readonly darkVariable: "--fancy-text-dark";
+        readonly light: "var(--color-zinc-900)";
+        readonly dark: "var(--color-zinc-100)";
+        readonly description: "Strongest foreground: headings, values, field text, active items.";
+    };
+    readonly "text-soft": {
+        readonly variable: "--fancy-text-soft";
+        readonly darkVariable: "--fancy-text-soft-dark";
+        readonly light: "var(--color-zinc-700)";
+        readonly dark: "var(--color-zinc-300)";
+        readonly description: "Body copy and menu items: readable, one step back from text.";
+    };
+    readonly "text-muted": {
+        readonly variable: "--fancy-text-muted";
+        readonly darkVariable: "--fancy-text-muted-dark";
+        readonly light: "var(--color-zinc-500)";
+        readonly dark: "var(--color-zinc-400)";
+        readonly description: "Descriptions, captions, secondary labels, axis labels.";
+    };
+    readonly "text-faint": {
+        readonly variable: "--fancy-text-faint";
+        readonly darkVariable: "--fancy-text-faint-dark";
+        readonly light: "var(--color-zinc-400)";
+        readonly dark: "var(--color-zinc-500)";
+        readonly description: "Placeholders, disabled hints, decorative icons.";
+    };
+    readonly focus: {
+        readonly variable: "--fancy-focus";
+        readonly darkVariable: "--fancy-focus-dark";
+        readonly light: "var(--color-blue-500)";
+        readonly dark: "var(--color-blue-400)";
+        readonly description: "The focus border and ring on form controls.";
+    };
+};
+type ThemeTokenRole = keyof typeof THEME_TOKENS;
+
+export { type NodeRect, Placement, type ResolvedTheme, type SanitizeHtmlOptions, THEME_STORAGE_KEY, THEME_TOKENS, type ThemePreference, type ThemeTokenRole, type UseThemeResult, cn, getThemePreference, initTheme, renderMarkdown, resolveTheme, sanitizeHref, sanitizeHtml, setThemePreference, subscribeTheme, useAnimation, useControllableState, useEscapeKey, useFloatingPosition, useFocusTrap, useId, useNodeRegistry, useOutsideClick, usePanZoom, useTheme };

package/dist/index.js

@@ -1,124 +1,200 @@
-export { TreeNav, useTreeNav } from './chunk-ZVXOL5H3.js';
+export { TreeNav, useTreeNav } from './chunk-OYDJVGFS.js';
 export { VirtualList } from './chunk-Z4CW3U6C.js';
 import './chunk-VXHFR5MV.js';
+export { Form, FormProvider } from './chunk-PQWQ5K6J.js';
 import './chunk-SHDSKHCC.js';
-export { MultiSwitch } from './chunk-NE3Z4AWP.js';
-export { RadioGroup } from './chunk-LBU3T2LF.js';
+export { MultiSwitch } from './chunk-ZULMMW5W.js';
+export { RadioGroup } from './chunk-4FH2JHUY.js';
 import './chunk-GNHQVPZP.js';
-export { Slider } from './chunk-G73TVXDQ.js';
+export { Slider } from './chunk-NVXTHTJI.js';
 import './chunk-NW3GJWJ7.js';
 import './chunk-ORCXPDDG.js';
-export { Form, FormProvider } from './chunk-PQWQ5K6J.js';
-export { Checkbox } from './chunk-4HRD4S25.js';
-export { CheckboxGroup } from './chunk-FNJDMGJ3.js';
+export { Checkbox } from './chunk-OTM7RL2L.js';
+export { CheckboxGroup } from './chunk-TAYJSIOP.js';
 import './chunk-V4EARA4F.js';
-export { Table } from './chunk-P7Q2YIIS.js';
-export { Tabs, useTabs } from './chunk-FNEPZ33A.js';
+export { StickyNote } from './chunk-CCG2L5EH.js';
+export { Table } from './chunk-5DG4CAWS.js';
+export { Tabs, useTabs } from './chunk-IU5WQUUC.js';
 import './chunk-TMR56BBE.js';
-export { TimeGrid } from './chunk-7CN7IHES.js';
-export { TimePicker } from './chunk-OTCLBINT.js';
-export { Timeline } from './chunk-7JDVCQXD.js';
-export { Toast, useToast } from './chunk-MODCP3UV.js';
-export { ReasonTag } from './chunk-UDEEPMQ4.js';
+export { TimeGrid } from './chunk-GF23UBOT.js';
+export { TimePicker } from './chunk-AZQXPI5S.js';
+export { Timeline } from './chunk-3EWO5EBI.js';
+export { Toast, useToast } from './chunk-UIE5FP3A.js';
+export { QrCode, encodeQr, selectMode } from './chunk-RLE5WYY6.js';
+export { ReasonTag } from './chunk-Y6LL3B5P.js';
 export { Section } from './chunk-SLJD25VV.js';
-export { Separator } from './chunk-ZLWCZV7R.js';
-export { Sidebar, useSidebar } from './chunk-YD4SXA6K.js';
-export { Skeleton } from './chunk-TB35HNBE.js';
-export { Stat, StatBand } from './chunk-OFHO5SXA.js';
-export { StatList } from './chunk-ZKFFHIEW.js';
-export { StickyNote } from './chunk-CCG2L5EH.js';
-export { Pillbox } from './chunk-FSRPZYZZ.js';
-export { Profile } from './chunk-KQQA7JBC.js';
-export { Progress } from './chunk-P7PKK5BO.js';
-export { PromptInput, browserPlatformHints, detectPlatform, modifierKeyLabel } from './chunk-MGE5KOVA.js';
+export { Separator } from './chunk-JSD6IEBW.js';
+export { Sidebar, useSidebar } from './chunk-UVMIJCY3.js';
+export { Skeleton } from './chunk-X7VIIM2P.js';
+export { Stat, StatBand } from './chunk-KC3PYCBO.js';
+export { StatList } from './chunk-SXXDTW7S.js';
+export { Pillbox } from './chunk-G35XN5WV.js';
+export { Profile } from './chunk-GOE36IXL.js';
+export { Progress } from './chunk-UE3QO7R3.js';
+export { PromptInput, browserPlatformHints, detectPlatform, modifierKeyLabel } from './chunk-2MUGEPRD.js';
 export { Tooltip } from './chunk-CF5KRDN4.js';
-export { PullQuote } from './chunk-NDUEPDNS.js';
-export { QrCode, encodeQr, selectMode } from './chunk-RLE5WYY6.js';
-export { MobileMenu, useMobileMenu } from './chunk-N6OZZAOT.js';
-export { Modal, useModal } from './chunk-TNYWQ6EQ.js';
-export { MoodMeter } from './chunk-32AJIHBZ.js';
-export { Navbar, useNavbar } from './chunk-IWXP2YUP.js';
-export { OtpInput } from './chunk-XDJSFGXW.js';
-export { Pagination } from './chunk-YF2EHBTV.js';
-export { InputTag, contentEditableAdapter, controlledAdapter, inputAdapter, textareaAdapter } from './chunk-Q7O5TLVU.js';
-export { JSON_FIELD_TYPES, JsonEditor, applyJsonEdit, describeEdit, findJsonConflicts, getAtPath, inferType, parseKeyMap, parsePath, pathToString, resolveKeyRule, typeMatches } from './chunk-IAUJKZAQ.js';
-export { Input } from './chunk-XB6YHUKW.js';
-export { Select } from './chunk-IECPLOSZ.js';
-export { Switch } from './chunk-NBAHXZHJ.js';
-export { DatePicker } from './chunk-OC75GWX5.js';
-export { Kanban, useKanban } from './chunk-O6E2WC3J.js';
-export { Kbd } from './chunk-TJJ63UJV.js';
-export { MagicWand } from './chunk-GAB2QXHH.js';
-export { Textarea } from './chunk-DEFGT75G.js';
-import './chunk-PWEZCMIY.js';
-export { DisplayValue } from './chunk-KKWNKBKR.js';
-export { Field } from './chunk-5MU6X3KO.js';
-import './chunk-GFYSELJF.js';
+export { PullQuote } from './chunk-44VYWOCG.js';
+export { Menu, useMenu } from './chunk-A5RTALZJ.js';
+export { MobileMenu, useMobileMenu } from './chunk-4TVAHZ35.js';
+export { Modal, useModal } from './chunk-6HJF55U7.js';
+export { MoodMeter } from './chunk-K6Q542VL.js';
+export { Navbar, useNavbar } from './chunk-XOYRJFMU.js';
+export { OtpInput } from './chunk-TMQF2CRN.js';
+export { Pagination } from './chunk-LKN7FYW6.js';
+export { IndexList } from './chunk-BLOX7MRO.js';
+export { InputTag, contentEditableAdapter, controlledAdapter, inputAdapter, textareaAdapter } from './chunk-BX7EDTL4.js';
+export { JSON_FIELD_TYPES, JsonEditor, applyJsonEdit, describeEdit, findJsonConflicts, getAtPath, inferType, parseKeyMap, parsePath, pathToString, resolveKeyRule, typeMatches } from './chunk-VOHTL6WN.js';
+export { Input } from './chunk-XQDGUXMS.js';
+export { Select } from './chunk-OFNA5HS5.js';
+export { Switch } from './chunk-VQXXX6DK.js';
+export { DatePicker } from './chunk-2UTN3EFK.js';
+export { Kanban, useKanban } from './chunk-PRP5N7NY.js';
+export { Kbd } from './chunk-OTSVOPKP.js';
+export { MagicWand } from './chunk-EJ6P7K4G.js';
+export { Textarea } from './chunk-UVUBV4VZ.js';
+import './chunk-KXYMMNNV.js';
+export { DisplayValue } from './chunk-WX5XYDVN.js';
+export { Field } from './chunk-5WQ6FPSP.js';
+import './chunk-USWQAMI3.js';
 export { Marquee } from './chunk-RSLZL6VP.js';
-export { MediaViewer, resolveMediaType } from './chunk-YOTCZUNW.js';
+export { MediaViewer, resolveMediaType } from './chunk-D4QOV56U.js';
 export { VideoViewer } from './chunk-VOGI7GX3.js';
-export { PdfViewer } from './chunk-VB3QJ6QE.js';
-export { Menu, useMenu } from './chunk-RA2VOQ46.js';
-export { FileBrowser, FileBrowserNewFolder, useFileBrowser, validateFolderName } from './chunk-2KAJ4L7C.js';
-export { FileUpload, useFileUpload } from './chunk-W6RDAZJC.js';
+export { PdfViewer } from './chunk-HRH5BIYG.js';
+export { Eyebrow } from './chunk-EQ7G5F6K.js';
+export { FileBrowser, FileBrowserNewFolder, useFileBrowser, validateFolderName } from './chunk-XS3EIQFP.js';
+export { FileUpload, useFileUpload } from './chunk-ZAX72LXL.js';
 export { Grid } from './chunk-TM3RTWKI.js';
 import './chunk-CFH6CJQG.js';
-export { ImageViewer } from './chunk-ASS6EWNI.js';
-export { FauxClient } from './chunk-XZUGREDI.js';
-export { IndexList } from './chunk-UKUNWGL5.js';
+export { ImageViewer } from './chunk-ICMLLZKZ.js';
+export { FauxClient } from './chunk-GVMWJ4NI.js';
+export { Container } from './chunk-VKMPVFQK.js';
 import './chunk-AUTW5O4W.js';
-export { ContextMenu, useContextMenu } from './chunk-TT3K5D6J.js';
-export { Drawer, useDrawer } from './chunk-PHDIQ4VC.js';
-export { Dropdown, useDropdown } from './chunk-ENYHLZ2X.js';
-export { Editor, useEditor } from './chunk-PCTZNK2Z.js';
-export { THEME_STORAGE_KEY, getThemePreference, initTheme, resolveTheme, setThemePreference, subscribeTheme, useId, useNodeRegistry, useTheme } from './chunk-FWCREAIT.js';
+export { ContextMenu, useContextMenu } from './chunk-T67FLC55.js';
+export { Drawer, useDrawer } from './chunk-YQTKTEWS.js';
+export { Dropdown, useDropdown } from './chunk-WW56U3RV.js';
+export { Editor, useEditor } from './chunk-3NIXNJ3I.js';
+export { THEME_STORAGE_KEY, getThemePreference, initTheme, resolveTheme, setThemePreference, subscribeTheme, useId, useNodeRegistry, useTheme } from './chunk-2BXMMVQS.js';
 export { usePanZoom } from './chunk-CPY7NHXM.js';
-export { ContentRenderer, registerExtension, registerExtensions, renderMarkdown } from './chunk-K6EJLBBQ.js';
+export { ContentRenderer, registerExtension, registerExtensions, renderMarkdown } from './chunk-N5XMBHX7.js';
 export { Emoji } from './chunk-YTMQ2K64.js';
-export { EmojiSelect } from './chunk-VYHZEQIG.js';
-export { Eyebrow } from './chunk-Y4UPKJN5.js';
-export { Carousel, useCarousel } from './chunk-BMTTSBHF.js';
-export { Chart } from './chunk-M5ACSJJ4.js';
-export { ChatDrawer } from './chunk-ZI7JP3TN.js';
+export { EmojiSelect } from './chunk-WGRLNXNB.js';
+export { Card } from './chunk-2XO6EYZ7.js';
+export { Text } from './chunk-XM3V3RSU.js';
+export { Heading } from './chunk-QPM4CZ4G.js';
+export { Carousel, useCarousel } from './chunk-DJYG7DXS.js';
+export { Chart } from './chunk-MV6BK4WG.js';
+export { ChatDrawer } from './chunk-QFC736WY.js';
 import './chunk-TJ66S5K6.js';
 export { CodeView } from './chunk-FBWUXSKH.js';
 import './chunk-J324MF75.js';
-export { ColorPicker } from './chunk-F2GAZZVS.js';
-export { Command, useCommand } from './chunk-ZY4CVNNZ.js';
+export { ColorPicker } from './chunk-SVSQXKFL.js';
+export { Command, useCommand } from './chunk-5JA4ENMF.js';
 export { useFocusTrap } from './chunk-5U2DZ7AV.js';
 export { useAnimation } from './chunk-3K2CEAI7.js';
-export { Composer } from './chunk-4NBM3LXN.js';
-export { InlinePasteEditor, PastedFilesInput, pasteMarker, useInlinePaste, usePastePills } from './chunk-FYKOLKQZ.js';
-export { Popover, usePopover } from './chunk-6KXAFP2T.js';
-export { Container } from './chunk-VKMPVFQK.js';
-export { Avatar } from './chunk-CRR3AMJ4.js';
+export { Composer } from './chunk-XB3H2EEL.js';
+export { InlinePasteEditor, PastedFilesInput, pasteMarker, useInlinePaste, usePastePills } from './chunk-M6XBF2ZS.js';
+export { Popover, usePopover } from './chunk-XYOT75HH.js';
+export { Autocomplete } from './chunk-Y7UE37QZ.js';
+import './chunk-OL53XYHF.js';
+export { FieldModeContext, useFieldMode } from './chunk-NRXK42LO.js';
+export { useFloatingPosition } from './chunk-MQ6VGG62.js';
+export { Portal } from './chunk-WHEXTDPV.js';
+export { Avatar } from './chunk-UZCR7DK5.js';
 import './chunk-IQ4KQJAO.js';
 export { Badge } from './chunk-6FCQD2KQ.js';
-export { Brand, BrandMark } from './chunk-FCSR2WVS.js';
-export { Breadcrumbs } from './chunk-TDDWWAM5.js';
+export { Brand, BrandMark } from './chunk-FWAVMWMP.js';
+export { Breadcrumbs } from './chunk-3AYRLFNO.js';
+export { useOutsideClick } from './chunk-RGANGU7X.js';
+export { useEscapeKey } from './chunk-JXE5XID6.js';
 import './chunk-LQ4ICCN2.js';
-export { Action, Button } from './chunk-KODD54GT.js';
+export { Action, Button } from './chunk-26JZ47BJ.js';
 export { sanitizeHref, sanitizeHtml } from './chunk-6TBRBN7H.js';
 export { EMOJI_CATEGORY_ORDER, EMOJI_DATA, EMOJI_ENTRIES, SKIN_TONES, applyTone, find, hasSkinTones, resolve, search, skinTones } from './chunk-45BBNJQD.js';
 export { Icon, configureIcons, registerIconAddendum, registerIconSet, registerIcons } from './chunk-IVRYSSM7.js';
-export { Calendar } from './chunk-NTMHP7FS.js';
+export { Calendar } from './chunk-HVND2IIB.js';
 import './chunk-NMXCQOHV.js';
 export { Callout } from './chunk-ZXZJYVWP.js';
-export { Card } from './chunk-CF2U25LM.js';
-export { Text } from './chunk-5RLP77KK.js';
-export { Heading } from './chunk-CESGP5AF.js';
-export { Accordion, useAccordion } from './chunk-LYHQ4VBR.js';
-export { AccordionPanel, AccordionPanelContent, AccordionPanelSection, AccordionPanelTrigger, useAccordionPanel, useAccordionSection } from './chunk-RUSRAKKA.js';
-export { ActivityLight } from './chunk-DCVR6NPP.js';
-export { AudioViewer } from './chunk-UIJR26YW.js';
-export { Autocomplete } from './chunk-Z6RVBZQ4.js';
-import './chunk-OL53XYHF.js';
-export { FieldModeContext, useFieldMode } from './chunk-NRXK42LO.js';
-export { useFloatingPosition } from './chunk-MQ6VGG62.js';
-export { Portal } from './chunk-WHEXTDPV.js';
-export { useOutsideClick } from './chunk-RGANGU7X.js';
-export { useEscapeKey } from './chunk-JXE5XID6.js';
+export { Accordion, useAccordion } from './chunk-45FDQ3R5.js';
+export { AccordionPanel, AccordionPanelContent, AccordionPanelSection, AccordionPanelTrigger, useAccordionPanel, useAccordionSection } from './chunk-RANTYGKW.js';
 export { useControllableState } from './chunk-EDYAXGUM.js';
+export { ActivityLight } from './chunk-V4235IZO.js';
+export { AudioViewer } from './chunk-2OMA3O63.js';
 export { cn } from './chunk-MMW2JGKZ.js';
+
+// src/theme-tokens.ts
+var THEME_TOKENS = {
+  surface: {
+    variable: "--fancy-surface",
+    darkVariable: "--fancy-surface-dark",
+    light: "var(--color-white)",
+    dark: "var(--color-zinc-900)",
+    description: "Panels, cards, overlays (menus, modals, popovers, toasts), sidebars and navbars."
+  },
+  "surface-muted": {
+    variable: "--fancy-surface-muted",
+    darkVariable: "--fancy-surface-muted-dark",
+    light: "var(--color-zinc-100)",
+    dark: "var(--color-zinc-800)",
+    description: "Hovered and selected rows, chips, inset wells, toolbar buttons."
+  },
+  border: {
+    variable: "--fancy-border",
+    darkVariable: "--fancy-border-dark",
+    light: "var(--color-zinc-200)",
+    dark: "var(--color-zinc-700)",
+    description: "Outlines, dividers, separators and tracks (skeletons, progress, sliders)."
+  },
+  "border-strong": {
+    variable: "--fancy-border-strong",
+    darkVariable: "--fancy-border-strong-dark",
+    light: "var(--color-zinc-300)",
+    dark: "var(--color-zinc-700)",
+    description: "The firmer outline on form controls (inputs, checkboxes, radios) and keycaps."
+  },
+  input: {
+    variable: "--fancy-input",
+    darkVariable: "--fancy-input-dark",
+    light: "var(--color-white)",
+    dark: "#1e1e24",
+    description: "The field surface of text inputs, checkboxes, radios, OTP cells and pickers."
+  },
+  text: {
+    variable: "--fancy-text",
+    darkVariable: "--fancy-text-dark",
+    light: "var(--color-zinc-900)",
+    dark: "var(--color-zinc-100)",
+    description: "Strongest foreground: headings, values, field text, active items."
+  },
+  "text-soft": {
+    variable: "--fancy-text-soft",
+    darkVariable: "--fancy-text-soft-dark",
+    light: "var(--color-zinc-700)",
+    dark: "var(--color-zinc-300)",
+    description: "Body copy and menu items: readable, one step back from text."
+  },
+  "text-muted": {
+    variable: "--fancy-text-muted",
+    darkVariable: "--fancy-text-muted-dark",
+    light: "var(--color-zinc-500)",
+    dark: "var(--color-zinc-400)",
+    description: "Descriptions, captions, secondary labels, axis labels."
+  },
+  "text-faint": {
+    variable: "--fancy-text-faint",
+    darkVariable: "--fancy-text-faint-dark",
+    light: "var(--color-zinc-400)",
+    dark: "var(--color-zinc-500)",
+    description: "Placeholders, disabled hints, decorative icons."
+  },
+  focus: {
+    variable: "--fancy-focus",
+    darkVariable: "--fancy-focus-dark",
+    light: "var(--color-blue-500)",
+    dark: "var(--color-blue-400)",
+    description: "The focus border and ring on form controls."
+  }
+};
+
+export { THEME_TOKENS };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}
+{"version":3,"sources":["../src/theme-tokens.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCO,IAAM,YAAA,GAAe;AAAA,EAC1B,OAAA,EAAS;AAAA,IACP,QAAA,EAAU,iBAAA;AAAA,IACV,YAAA,EAAc,sBAAA;AAAA,IACd,KAAA,EAAO,oBAAA;AAAA,IACP,IAAA,EAAM,uBAAA;AAAA,IACN,WAAA,EAAa;AAAA,GACf;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,QAAA,EAAU,uBAAA;AAAA,IACV,YAAA,EAAc,4BAAA;AAAA,IACd,KAAA,EAAO,uBAAA;AAAA,IACP,IAAA,EAAM,uBAAA;AAAA,IACN,WAAA,EAAa;AAAA,GACf;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,QAAA,EAAU,gBAAA;AAAA,IACV,YAAA,EAAc,qBAAA;AAAA,IACd,KAAA,EAAO,uBAAA;AAAA,IACP,IAAA,EAAM,uBAAA;AAAA,IACN,WAAA,EAAa;AAAA,GACf;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,QAAA,EAAU,uBAAA;AAAA,IACV,YAAA,EAAc,4BAAA;AAAA,IACd,KAAA,EAAO,uBAAA;AAAA,IACP,IAAA,EAAM,uBAAA;AAAA,IACN,WAAA,EAAa;AAAA,GACf;AAAA,EACA,KAAA,EAAO;AAAA,IACL,QAAA,EAAU,eAAA;AAAA,IACV,YAAA,EAAc,oBAAA;AAAA,IACd,KAAA,EAAO,oBAAA;AAAA,IACP,IAAA,EAAM,SAAA;AAAA,IACN,WAAA,EAAa;AAAA,GACf;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,QAAA,EAAU,cAAA;AAAA,IACV,YAAA,EAAc,mBAAA;AAAA,IACd,KAAA,EAAO,uBAAA;AAAA,IACP,IAAA,EAAM,uBAAA;AAAA,IACN,WAAA,EAAa;AAAA,GACf;AAAA,EACA,WAAA,EAAa;AAAA,IACX,QAAA,EAAU,mBAAA;AAAA,IACV,YAAA,EAAc,wBAAA;AAAA,IACd,KAAA,EAAO,uBAAA;AAAA,IACP,IAAA,EAAM,uBAAA;AAAA,IACN,WAAA,EAAa;AAAA,GACf;AAAA,EACA,YAAA,EAAc;AAAA,IACZ,QAAA,EAAU,oBAAA;AAAA,IACV,YAAA,EAAc,yBAAA;AAAA,IACd,KAAA,EAAO,uBAAA;AAAA,IACP,IAAA,EAAM,uBAAA;AAAA,IACN,WAAA,EAAa;AAAA,GACf;AAAA,EACA,YAAA,EAAc;AAAA,IACZ,QAAA,EAAU,oBAAA;AAAA,IACV,YAAA,EAAc,yBAAA;AAAA,IACd,KAAA,EAAO,uBAAA;AAAA,IACP,IAAA,EAAM,uBAAA;AAAA,IACN,WAAA,EAAa;AAAA,GACf;AAAA,EACA,KAAA,EAAO;AAAA,IACL,QAAA,EAAU,eAAA;AAAA,IACV,YAAA,EAAc,oBAAA;AAAA,IACd,KAAA,EAAO,uBAAA;AAAA,IACP,IAAA,EAAM,uBAAA;AAAA,IACN,WAAA,EAAa;AAAA;AAEjB","file":"index.js","sourcesContent":["/**\n * Semantic theme tokens — the small set of colours the kit's DOM components\n * read, so a host can repaint the whole kit with its own palette WITHOUT\n * remapping Tailwind's `zinc` or `violet`.\n *\n * Each role is two CSS custom properties, one per mode:\n *\n *   --fancy-surface        the light value\n *   --fancy-surface-dark   the dark value\n *\n * Components read them through their var() FALLBACK, which is the colour the\n * component used before these existed:\n *\n *   bg-[color:var(--fancy-surface,var(--color-white))]\n *     dark:bg-[color:var(--fancy-surface-dark,var(--color-zinc-900))]\n *\n * So:\n *  - **Set nothing and nothing changes.** An unset custom property resolves to\n *    its fallback, which is the exact declaration the old `bg-white` produced.\n *  - **Set one and every surface follows**, wherever the variable is in scope:\n *    `:root`, `body`, or any wrapper element. No selector to match, no layer or\n *    specificity to win — a custom property is inherited, not cascaded against.\n *  - **Both modes are stated, not derived.** The dark value is a separate\n *    variable rather than a flip under `.dark`, so which one applies is decided\n *    by the host's own `dark:` variant — the same switch that drives every\n *    other `dark:` utility in the kit. (See `dark-variant.css` for a variant\n *    that follows `[data-theme=\"dark\"]` as well as `.dark`.)\n *\n * NOT covered, deliberately: colours that ENCODE DATA — chart series,\n * file-type marks, mood and confidence scales, event kinds. Repainting those\n * with a host's neutral palette would erase what they mean. A component's\n * explicit `color` prop (Badge, Button, Callout …) is also untouched: that is\n * the host choosing a hue, not the kit choosing one for it.\n *\n * `light` / `dark` are the defaults exactly as components write them in their\n * fallbacks. `tests/theme-tokens.test.tsx` fails if a component's fallback\n * disagrees with this table, so the table is the contract rather than a\n * description of it.\n */\nexport const THEME_TOKENS = {\n  surface: {\n    variable: \"--fancy-surface\",\n    darkVariable: \"--fancy-surface-dark\",\n    light: \"var(--color-white)\",\n    dark: \"var(--color-zinc-900)\",\n    description: \"Panels, cards, overlays (menus, modals, popovers, toasts), sidebars and navbars.\",\n  },\n  \"surface-muted\": {\n    variable: \"--fancy-surface-muted\",\n    darkVariable: \"--fancy-surface-muted-dark\",\n    light: \"var(--color-zinc-100)\",\n    dark: \"var(--color-zinc-800)\",\n    description: \"Hovered and selected rows, chips, inset wells, toolbar buttons.\",\n  },\n  border: {\n    variable: \"--fancy-border\",\n    darkVariable: \"--fancy-border-dark\",\n    light: \"var(--color-zinc-200)\",\n    dark: \"var(--color-zinc-700)\",\n    description: \"Outlines, dividers, separators and tracks (skeletons, progress, sliders).\",\n  },\n  \"border-strong\": {\n    variable: \"--fancy-border-strong\",\n    darkVariable: \"--fancy-border-strong-dark\",\n    light: \"var(--color-zinc-300)\",\n    dark: \"var(--color-zinc-700)\",\n    description: \"The firmer outline on form controls (inputs, checkboxes, radios) and keycaps.\",\n  },\n  input: {\n    variable: \"--fancy-input\",\n    darkVariable: \"--fancy-input-dark\",\n    light: \"var(--color-white)\",\n    dark: \"#1e1e24\",\n    description: \"The field surface of text inputs, checkboxes, radios, OTP cells and pickers.\",\n  },\n  text: {\n    variable: \"--fancy-text\",\n    darkVariable: \"--fancy-text-dark\",\n    light: \"var(--color-zinc-900)\",\n    dark: \"var(--color-zinc-100)\",\n    description: \"Strongest foreground: headings, values, field text, active items.\",\n  },\n  \"text-soft\": {\n    variable: \"--fancy-text-soft\",\n    darkVariable: \"--fancy-text-soft-dark\",\n    light: \"var(--color-zinc-700)\",\n    dark: \"var(--color-zinc-300)\",\n    description: \"Body copy and menu items: readable, one step back from text.\",\n  },\n  \"text-muted\": {\n    variable: \"--fancy-text-muted\",\n    darkVariable: \"--fancy-text-muted-dark\",\n    light: \"var(--color-zinc-500)\",\n    dark: \"var(--color-zinc-400)\",\n    description: \"Descriptions, captions, secondary labels, axis labels.\",\n  },\n  \"text-faint\": {\n    variable: \"--fancy-text-faint\",\n    darkVariable: \"--fancy-text-faint-dark\",\n    light: \"var(--color-zinc-400)\",\n    dark: \"var(--color-zinc-500)\",\n    description: \"Placeholders, disabled hints, decorative icons.\",\n  },\n  focus: {\n    variable: \"--fancy-focus\",\n    darkVariable: \"--fancy-focus-dark\",\n    light: \"var(--color-blue-500)\",\n    dark: \"var(--color-blue-400)\",\n    description: \"The focus border and ring on form controls.\",\n  },\n} as const;\n\nexport type ThemeTokenRole = keyof typeof THEME_TOKENS;\n"]}

package/dist/input-tag.cjs

@@ -1,28 +1,28 @@
 'use strict';
 
-var chunkF7YCIII4_cjs = require('./chunk-F7YCIII4.cjs');
+var chunk6MXFZ3B5_cjs = require('./chunk-6MXFZ3B5.cjs');
 
 
 
 Object.defineProperty(exports, "InputTag", {
   enumerable: true,
-  get: function () { return chunkF7YCIII4_cjs.InputTag; }
+  get: function () { return chunk6MXFZ3B5_cjs.InputTag; }
 });
 Object.defineProperty(exports, "contentEditableAdapter", {
   enumerable: true,
-  get: function () { return chunkF7YCIII4_cjs.contentEditableAdapter; }
+  get: function () { return chunk6MXFZ3B5_cjs.contentEditableAdapter; }
 });
 Object.defineProperty(exports, "controlledAdapter", {
   enumerable: true,
-  get: function () { return chunkF7YCIII4_cjs.controlledAdapter; }
+  get: function () { return chunk6MXFZ3B5_cjs.controlledAdapter; }
 });
 Object.defineProperty(exports, "inputAdapter", {
   enumerable: true,
-  get: function () { return chunkF7YCIII4_cjs.inputAdapter; }
+  get: function () { return chunk6MXFZ3B5_cjs.inputAdapter; }
 });
 Object.defineProperty(exports, "textareaAdapter", {
   enumerable: true,
-  get: function () { return chunkF7YCIII4_cjs.textareaAdapter; }
+  get: function () { return chunk6MXFZ3B5_cjs.textareaAdapter; }
 });
 //# sourceMappingURL=input-tag.cjs.map
 //# sourceMappingURL=input-tag.cjs.map

package/dist/input-tag.js

@@ -1,3 +1,3 @@
-export { InputTag, contentEditableAdapter, controlledAdapter, inputAdapter, textareaAdapter } from './chunk-Q7O5TLVU.js';
+export { InputTag, contentEditableAdapter, controlledAdapter, inputAdapter, textareaAdapter } from './chunk-BX7EDTL4.js';
 //# sourceMappingURL=input-tag.js.map
 //# sourceMappingURL=input-tag.js.map