@particle-academy/react-fancy 5.59.0 → 5.60.0

package/dist/file-upload.cjs

@@ -1,17 +1,17 @@
 'use strict';
 
-var chunk2GFM5WD4_cjs = require('./chunk-2GFM5WD4.cjs');
+var chunkAGO4AA3K_cjs = require('./chunk-AGO4AA3K.cjs');
 require('./chunk-ZU5Q77OT.cjs');
 
 
 
 Object.defineProperty(exports, "FileUpload", {
   enumerable: true,
-  get: function () { return chunk2GFM5WD4_cjs.FileUpload; }
+  get: function () { return chunkAGO4AA3K_cjs.FileUpload; }
 });
 Object.defineProperty(exports, "useFileUpload", {
   enumerable: true,
-  get: function () { return chunk2GFM5WD4_cjs.useFileUpload; }
+  get: function () { return chunkAGO4AA3K_cjs.useFileUpload; }
 });
 //# sourceMappingURL=file-upload.cjs.map
 //# sourceMappingURL=file-upload.cjs.map

package/dist/file-upload.d.cts

@@ -24,13 +24,19 @@ interface FileUploadProps {
 interface FileUploadDropzoneProps {
     children?: ReactNode;
     className?: string;
+    /**
+     * Accessible name of the zone's browse button. Defaults to the visible copy
+     * ("Drop files here or click to browse") on the default zone, and to
+     * "Browse files" when the zone has custom children.
+     */
+    browseLabel?: string;
 }
 interface FileUploadListProps {
     thumbnail?: boolean;
     className?: string;
 }
 
-declare function FileUploadDropzone({ children, className, }: FileUploadDropzoneProps): react.JSX.Element;
+declare function FileUploadDropzone({ children, className, browseLabel, }: FileUploadDropzoneProps): react.JSX.Element;
 declare namespace FileUploadDropzone {
     var displayName: string;
 }

package/dist/file-upload.d.ts

@@ -24,13 +24,19 @@ interface FileUploadProps {
 interface FileUploadDropzoneProps {
     children?: ReactNode;
     className?: string;
+    /**
+     * Accessible name of the zone's browse button. Defaults to the visible copy
+     * ("Drop files here or click to browse") on the default zone, and to
+     * "Browse files" when the zone has custom children.
+     */
+    browseLabel?: string;
 }
 interface FileUploadListProps {
     thumbnail?: boolean;
     className?: string;
 }
 
-declare function FileUploadDropzone({ children, className, }: FileUploadDropzoneProps): react.JSX.Element;
+declare function FileUploadDropzone({ children, className, browseLabel, }: FileUploadDropzoneProps): react.JSX.Element;
 declare namespace FileUploadDropzone {
     var displayName: string;
 }

package/dist/file-upload.js

@@ -1,4 +1,4 @@
-export { FileUpload, useFileUpload } from './chunk-ZAX72LXL.js';
+export { FileUpload, useFileUpload } from './chunk-JEHV7PYP.js';
 import './chunk-MMW2JGKZ.js';
 //# sourceMappingURL=file-upload.js.map
 //# sourceMappingURL=file-upload.js.map

package/dist/index.cjs

@@ -1,19 +1,21 @@
 'use strict';
 
+var chunk5ZNOLPIJ_cjs = require('./chunk-5ZNOLPIJ.cjs');
 var chunkAVEFCM6T_cjs = require('./chunk-AVEFCM6T.cjs');
 var chunkIR6JSQ4O_cjs = require('./chunk-IR6JSQ4O.cjs');
 require('./chunk-O5IO7TCO.cjs');
+require('./chunk-5FV6GMFP.cjs');
 var chunk6MDZQIMZ_cjs = require('./chunk-6MDZQIMZ.cjs');
+require('./chunk-URTLYNZI.cjs');
 require('./chunk-QGPMVFZJ.cjs');
 var chunkIB673TEG_cjs = require('./chunk-IB673TEG.cjs');
 var chunkH7ELUIF6_cjs = require('./chunk-H7ELUIF6.cjs');
 require('./chunk-HXLSEBAL.cjs');
 var chunkZ4UXLQSK_cjs = require('./chunk-Z4UXLQSK.cjs');
 require('./chunk-OYZDSMNP.cjs');
-require('./chunk-5FV6GMFP.cjs');
 var chunkETNQ4AEQ_cjs = require('./chunk-ETNQ4AEQ.cjs');
 var chunkDJB3N4G3_cjs = require('./chunk-DJB3N4G3.cjs');
-require('./chunk-URTLYNZI.cjs');
+var chunkFVQO75KY_cjs = require('./chunk-FVQO75KY.cjs');
 var chunkATJSHM6J_cjs = require('./chunk-ATJSHM6J.cjs');
 var chunkYJXP6AOL_cjs = require('./chunk-YJXP6AOL.cjs');
 var chunkCQ54H7DZ_cjs = require('./chunk-CQ54H7DZ.cjs');
@@ -21,15 +23,14 @@ require('./chunk-XURQVDCN.cjs');
 var chunk4DL2U23D_cjs = require('./chunk-4DL2U23D.cjs');
 var chunkYH75G6SP_cjs = require('./chunk-YH75G6SP.cjs');
 var chunkUXYFM2XT_cjs = require('./chunk-UXYFM2XT.cjs');
-var chunk5ZNOLPIJ_cjs = require('./chunk-5ZNOLPIJ.cjs');
 var chunkAE53RKWR_cjs = require('./chunk-AE53RKWR.cjs');
 var chunkLVE6ERRS_cjs = require('./chunk-LVE6ERRS.cjs');
+var chunkCEFK54WP_cjs = require('./chunk-CEFK54WP.cjs');
 var chunk5P3PISAX_cjs = require('./chunk-5P3PISAX.cjs');
 var chunkY7RGUUTS_cjs = require('./chunk-Y7RGUUTS.cjs');
 var chunkEZA6GWZL_cjs = require('./chunk-EZA6GWZL.cjs');
 var chunkFNIHCNVD_cjs = require('./chunk-FNIHCNVD.cjs');
 var chunk7DDUMW4R_cjs = require('./chunk-7DDUMW4R.cjs');
-var chunkFVQO75KY_cjs = require('./chunk-FVQO75KY.cjs');
 var chunkKSU6RYWU_cjs = require('./chunk-KSU6RYWU.cjs');
 var chunkK5MQZTDW_cjs = require('./chunk-K5MQZTDW.cjs');
 var chunkB4YV2V7G_cjs = require('./chunk-B4YV2V7G.cjs');
@@ -46,11 +47,11 @@ var chunkWMANILKC_cjs = require('./chunk-WMANILKC.cjs');
 var chunkSSCW67KA_cjs = require('./chunk-SSCW67KA.cjs');
 var chunkAYBKPAI2_cjs = require('./chunk-AYBKPAI2.cjs');
 var chunk6MXFZ3B5_cjs = require('./chunk-6MXFZ3B5.cjs');
-var chunk6XX6OHAP_cjs = require('./chunk-6XX6OHAP.cjs');
+var chunkM77BB2QI_cjs = require('./chunk-M77BB2QI.cjs');
+var chunkTLRFXSPA_cjs = require('./chunk-TLRFXSPA.cjs');
 var chunkJRRYYW3Y_cjs = require('./chunk-JRRYYW3Y.cjs');
 var chunkGLGUQGAQ_cjs = require('./chunk-GLGUQGAQ.cjs');
 var chunk2O5UXH5R_cjs = require('./chunk-2O5UXH5R.cjs');
-var chunkTLRFXSPA_cjs = require('./chunk-TLRFXSPA.cjs');
 var chunkIEQK3LGI_cjs = require('./chunk-IEQK3LGI.cjs');
 var chunkL4JIBKFW_cjs = require('./chunk-L4JIBKFW.cjs');
 var chunkSIEPD6NR_cjs = require('./chunk-SIEPD6NR.cjs');
@@ -65,7 +66,7 @@ var chunkTH7VP4CL_cjs = require('./chunk-TH7VP4CL.cjs');
 var chunk5QKQXM5V_cjs = require('./chunk-5QKQXM5V.cjs');
 var chunkLIVC3WUU_cjs = require('./chunk-LIVC3WUU.cjs');
 var chunkG5DMYAWL_cjs = require('./chunk-G5DMYAWL.cjs');
-var chunk2GFM5WD4_cjs = require('./chunk-2GFM5WD4.cjs');
+var chunkAGO4AA3K_cjs = require('./chunk-AGO4AA3K.cjs');
 var chunkOOZCJLEF_cjs = require('./chunk-OOZCJLEF.cjs');
 require('./chunk-FJKZ5NOA.cjs');
 var chunk7QENPLOP_cjs = require('./chunk-7QENPLOP.cjs');
@@ -213,6 +214,14 @@ var THEME_TOKENS = {
   }
 };
 
+Object.defineProperty(exports, "Toast", {
+  enumerable: true,
+  get: function () { return chunk5ZNOLPIJ_cjs.Toast; }
+});
+Object.defineProperty(exports, "useToast", {
+  enumerable: true,
+  get: function () { return chunk5ZNOLPIJ_cjs.useToast; }
+});
 Object.defineProperty(exports, "TreeNav", {
   enumerable: true,
   get: function () { return chunkAVEFCM6T_cjs.TreeNav; }
@@ -253,6 +262,10 @@ Object.defineProperty(exports, "CheckboxGroup", {
   enumerable: true,
   get: function () { return chunkDJB3N4G3_cjs.CheckboxGroup; }
 });
+Object.defineProperty(exports, "StatList", {
+  enumerable: true,
+  get: function () { return chunkFVQO75KY_cjs.StatList; }
+});
 Object.defineProperty(exports, "StickyNote", {
   enumerable: true,
   get: function () { return chunkATJSHM6J_cjs.StickyNote; }
@@ -281,14 +294,6 @@ Object.defineProperty(exports, "Timeline", {
   enumerable: true,
   get: function () { return chunkUXYFM2XT_cjs.Timeline; }
 });
-Object.defineProperty(exports, "Toast", {
-  enumerable: true,
-  get: function () { return chunk5ZNOLPIJ_cjs.Toast; }
-});
-Object.defineProperty(exports, "useToast", {
-  enumerable: true,
-  get: function () { return chunk5ZNOLPIJ_cjs.useToast; }
-});
 Object.defineProperty(exports, "QrCode", {
   enumerable: true,
   get: function () { return chunkAE53RKWR_cjs.QrCode; }
@@ -305,6 +310,10 @@ Object.defineProperty(exports, "ReasonTag", {
   enumerable: true,
   get: function () { return chunkLVE6ERRS_cjs.ReasonTag; }
 });
+Object.defineProperty(exports, "ResizablePanels", {
+  enumerable: true,
+  get: function () { return chunkCEFK54WP_cjs.ResizablePanels; }
+});
 Object.defineProperty(exports, "Section", {
   enumerable: true,
   get: function () { return chunk5P3PISAX_cjs.Section; }
@@ -333,10 +342,6 @@ Object.defineProperty(exports, "StatBand", {
   enumerable: true,
   get: function () { return chunk7DDUMW4R_cjs.StatBand; }
 });
-Object.defineProperty(exports, "StatList", {
-  enumerable: true,
-  get: function () { return chunkFVQO75KY_cjs.StatList; }
-});
 Object.defineProperty(exports, "Pillbox", {
   enumerable: true,
   get: function () { return chunkKSU6RYWU_cjs.Pillbox; }
@@ -443,51 +448,55 @@ Object.defineProperty(exports, "textareaAdapter", {
 });
 Object.defineProperty(exports, "JSON_FIELD_TYPES", {
   enumerable: true,
-  get: function () { return chunk6XX6OHAP_cjs.JSON_FIELD_TYPES; }
+  get: function () { return chunkM77BB2QI_cjs.JSON_FIELD_TYPES; }
 });
 Object.defineProperty(exports, "JsonEditor", {
   enumerable: true,
-  get: function () { return chunk6XX6OHAP_cjs.JsonEditor; }
+  get: function () { return chunkM77BB2QI_cjs.JsonEditor; }
 });
 Object.defineProperty(exports, "applyJsonEdit", {
   enumerable: true,
-  get: function () { return chunk6XX6OHAP_cjs.applyJsonEdit; }
+  get: function () { return chunkM77BB2QI_cjs.applyJsonEdit; }
 });
 Object.defineProperty(exports, "describeEdit", {
   enumerable: true,
-  get: function () { return chunk6XX6OHAP_cjs.describeEdit; }
+  get: function () { return chunkM77BB2QI_cjs.describeEdit; }
 });
 Object.defineProperty(exports, "findJsonConflicts", {
   enumerable: true,
-  get: function () { return chunk6XX6OHAP_cjs.findJsonConflicts; }
+  get: function () { return chunkM77BB2QI_cjs.findJsonConflicts; }
 });
 Object.defineProperty(exports, "getAtPath", {
   enumerable: true,
-  get: function () { return chunk6XX6OHAP_cjs.getAtPath; }
+  get: function () { return chunkM77BB2QI_cjs.getAtPath; }
 });
 Object.defineProperty(exports, "inferType", {
   enumerable: true,
-  get: function () { return chunk6XX6OHAP_cjs.inferType; }
+  get: function () { return chunkM77BB2QI_cjs.inferType; }
 });
 Object.defineProperty(exports, "parseKeyMap", {
   enumerable: true,
-  get: function () { return chunk6XX6OHAP_cjs.parseKeyMap; }
+  get: function () { return chunkM77BB2QI_cjs.parseKeyMap; }
 });
 Object.defineProperty(exports, "parsePath", {
   enumerable: true,
-  get: function () { return chunk6XX6OHAP_cjs.parsePath; }
+  get: function () { return chunkM77BB2QI_cjs.parsePath; }
 });
 Object.defineProperty(exports, "pathToString", {
   enumerable: true,
-  get: function () { return chunk6XX6OHAP_cjs.pathToString; }
+  get: function () { return chunkM77BB2QI_cjs.pathToString; }
 });
 Object.defineProperty(exports, "resolveKeyRule", {
   enumerable: true,
-  get: function () { return chunk6XX6OHAP_cjs.resolveKeyRule; }
+  get: function () { return chunkM77BB2QI_cjs.resolveKeyRule; }
 });
 Object.defineProperty(exports, "typeMatches", {
   enumerable: true,
-  get: function () { return chunk6XX6OHAP_cjs.typeMatches; }
+  get: function () { return chunkM77BB2QI_cjs.typeMatches; }
+});
+Object.defineProperty(exports, "DatePicker", {
+  enumerable: true,
+  get: function () { return chunkTLRFXSPA_cjs.DatePicker; }
 });
 Object.defineProperty(exports, "Input", {
   enumerable: true,
@@ -501,10 +510,6 @@ Object.defineProperty(exports, "Switch", {
   enumerable: true,
   get: function () { return chunk2O5UXH5R_cjs.Switch; }
 });
-Object.defineProperty(exports, "DatePicker", {
-  enumerable: true,
-  get: function () { return chunkTLRFXSPA_cjs.DatePicker; }
-});
 Object.defineProperty(exports, "Kanban", {
   enumerable: true,
   get: function () { return chunkIEQK3LGI_cjs.Kanban; }
@@ -575,11 +580,11 @@ Object.defineProperty(exports, "validateFolderName", {
 });
 Object.defineProperty(exports, "FileUpload", {
   enumerable: true,
-  get: function () { return chunk2GFM5WD4_cjs.FileUpload; }
+  get: function () { return chunkAGO4AA3K_cjs.FileUpload; }
 });
 Object.defineProperty(exports, "useFileUpload", {
   enumerable: true,
-  get: function () { return chunk2GFM5WD4_cjs.useFileUpload; }
+  get: function () { return chunkAGO4AA3K_cjs.useFileUpload; }
 });
 Object.defineProperty(exports, "Grid", {
   enumerable: true,

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme-tokens.ts"],"names":[],"mappings":"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","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  \"text-subtle\": {\n    variable: \"--fancy-text-subtle\",\n    darkVariable: \"--fancy-text-subtle-dark\",\n    light: \"var(--color-zinc-600)\",\n    dark: \"var(--color-zinc-400)\",\n    description: \"Inactive nav labels (Sidebar, Menu, Navbar, MultiSwitch) and secondary prose. Added 5.53.1.\",\n  },\n  \"surface-hover\": {\n    variable: \"--fancy-surface-hover\",\n    darkVariable: \"--fancy-surface-hover-dark\",\n    light: \"var(--color-zinc-50)\",\n    // Tailwind's `bg-zinc-800/50`, written out so a host's value is used as-is.\n    dark: \"color-mix(in oklab, var(--color-zinc-800) 50%, transparent)\",\n    description: \"The hover fill on nav items, list options and table rows. Added 5.53.1.\",\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"]}
+{"version":3,"sources":["../src/theme-tokens.ts"],"names":[],"mappings":"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","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  \"text-subtle\": {\n    variable: \"--fancy-text-subtle\",\n    darkVariable: \"--fancy-text-subtle-dark\",\n    light: \"var(--color-zinc-600)\",\n    dark: \"var(--color-zinc-400)\",\n    description: \"Inactive nav labels (Sidebar, Menu, Navbar, MultiSwitch) and secondary prose. Added 5.53.1.\",\n  },\n  \"surface-hover\": {\n    variable: \"--fancy-surface-hover\",\n    darkVariable: \"--fancy-surface-hover-dark\",\n    light: \"var(--color-zinc-50)\",\n    // Tailwind's `bg-zinc-800/50`, written out so a host's value is used as-is.\n    dark: \"color-mix(in oklab, var(--color-zinc-800) 50%, transparent)\",\n    description: \"The hover fill on nav items, list options and table rows. Added 5.53.1.\",\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

@@ -32,6 +32,7 @@ export { Eyebrow, EyebrowProps } from './eyebrow.cjs';
 export { Container, ContainerProps } from './container.cjs';
 export { Section, SectionProps } from './section.cjs';
 export { Grid, GridProps } from './grid.cjs';
+export { ResizablePanels, ResizablePanelsOrientation, ResizablePanelsProps } from './resizable-panels.cjs';
 export { StatList, StatListItem, StatListProps } from './stat-list.cjs';
 export { Kbd, KbdProps } from './kbd.cjs';
 export { IndexList, IndexListItem, IndexListProps } from './index-list.cjs';

package/dist/index.d.ts

@@ -32,6 +32,7 @@ export { Eyebrow, EyebrowProps } from './eyebrow.js';
 export { Container, ContainerProps } from './container.js';
 export { Section, SectionProps } from './section.js';
 export { Grid, GridProps } from './grid.js';
+export { ResizablePanels, ResizablePanelsOrientation, ResizablePanelsProps } from './resizable-panels.js';
 export { StatList, StatListItem, StatListProps } from './stat-list.js';
 export { Kbd, KbdProps } from './kbd.js';
 export { IndexList, IndexListItem, IndexListProps } from './index-list.js';

package/dist/index.js

@@ -1,17 +1,19 @@
+export { Toast, useToast } from './chunk-UIE5FP3A.js';
 export { TreeNav, useTreeNav } from './chunk-OYDJVGFS.js';
 export { VirtualList } from './chunk-Z4CW3U6C.js';
 import './chunk-VXHFR5MV.js';
+import './chunk-ORCXPDDG.js';
 export { Form, FormProvider } from './chunk-PQWQ5K6J.js';
+import './chunk-V4EARA4F.js';
 import './chunk-SHDSKHCC.js';
 export { MultiSwitch } from './chunk-YUNOVQQJ.js';
 export { RadioGroup } from './chunk-4FH2JHUY.js';
 import './chunk-GNHQVPZP.js';
 export { Slider } from './chunk-NVXTHTJI.js';
 import './chunk-NW3GJWJ7.js';
-import './chunk-ORCXPDDG.js';
 export { Checkbox } from './chunk-OTM7RL2L.js';
 export { CheckboxGroup } from './chunk-TAYJSIOP.js';
-import './chunk-V4EARA4F.js';
+export { StatList } from './chunk-SXXDTW7S.js';
 export { StickyNote } from './chunk-CCG2L5EH.js';
 export { Table } from './chunk-YAPGHVBZ.js';
 export { Tabs, useTabs } from './chunk-IU5WQUUC.js';
@@ -19,15 +21,14 @@ import './chunk-TMR56BBE.js';
 export { TimeGrid } from './chunk-MLZGGAXQ.js';
 export { TimePicker } from './chunk-AZQXPI5S.js';
 export { Timeline } from './chunk-QGY5FPVM.js';
-export { Toast, useToast } from './chunk-UIE5FP3A.js';
 export { QrCode, encodeQr, selectMode } from './chunk-RLE5WYY6.js';
 export { ReasonTag } from './chunk-4FZOH7BJ.js';
+export { ResizablePanels } from './chunk-GDF6XTHC.js';
 export { Section } from './chunk-SLJD25VV.js';
 export { Separator } from './chunk-JSD6IEBW.js';
 export { Sidebar, useSidebar } from './chunk-YJHP5FVA.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';
@@ -44,11 +45,11 @@ 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-YBRQTZKV.js';
+export { JSON_FIELD_TYPES, JsonEditor, applyJsonEdit, describeEdit, findJsonConflicts, getAtPath, inferType, parseKeyMap, parsePath, pathToString, resolveKeyRule, typeMatches } from './chunk-ZGQEKDG6.js';
+export { DatePicker } from './chunk-2UTN3EFK.js';
 export { Input } from './chunk-XQDGUXMS.js';
 export { Select } from './chunk-T45LBTXH.js';
 export { Switch } from './chunk-DXZCKDYS.js';
-export { DatePicker } from './chunk-2UTN3EFK.js';
 export { Kanban, useKanban } from './chunk-35MF32VQ.js';
 export { Kbd } from './chunk-OTSVOPKP.js';
 export { MagicWand } from './chunk-DAJPPKPO.js';
@@ -63,7 +64,7 @@ export { VideoViewer } from './chunk-VOGI7GX3.js';
 export { PdfViewer } from './chunk-CS2ZYMYP.js';
 export { Eyebrow } from './chunk-EQ7G5F6K.js';
 export { FileBrowser, FileBrowserNewFolder, useFileBrowser, validateFolderName } from './chunk-XS3EIQFP.js';
-export { FileUpload, useFileUpload } from './chunk-ZAX72LXL.js';
+export { FileUpload, useFileUpload } from './chunk-JEHV7PYP.js';
 export { Grid } from './chunk-TM3RTWKI.js';
 import './chunk-CFH6CJQG.js';
 export { ImageViewer } from './chunk-ICMLLZKZ.js';

package/dist/index.js.map

@@ -1 +1 @@
-{"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,aAAA,EAAe;AAAA,IACb,QAAA,EAAU,qBAAA;AAAA,IACV,YAAA,EAAc,0BAAA;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,sBAAA;AAAA;AAAA,IAEP,IAAA,EAAM,6DAAA;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  \"text-subtle\": {\n    variable: \"--fancy-text-subtle\",\n    darkVariable: \"--fancy-text-subtle-dark\",\n    light: \"var(--color-zinc-600)\",\n    dark: \"var(--color-zinc-400)\",\n    description: \"Inactive nav labels (Sidebar, Menu, Navbar, MultiSwitch) and secondary prose. Added 5.53.1.\",\n  },\n  \"surface-hover\": {\n    variable: \"--fancy-surface-hover\",\n    darkVariable: \"--fancy-surface-hover-dark\",\n    light: \"var(--color-zinc-50)\",\n    // Tailwind's `bg-zinc-800/50`, written out so a host's value is used as-is.\n    dark: \"color-mix(in oklab, var(--color-zinc-800) 50%, transparent)\",\n    description: \"The hover fill on nav items, list options and table rows. Added 5.53.1.\",\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"]}
+{"version":3,"sources":["../src/theme-tokens.ts"],"names":[],"mappings":"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","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  \"text-subtle\": {\n    variable: \"--fancy-text-subtle\",\n    darkVariable: \"--fancy-text-subtle-dark\",\n    light: \"var(--color-zinc-600)\",\n    dark: \"var(--color-zinc-400)\",\n    description: \"Inactive nav labels (Sidebar, Menu, Navbar, MultiSwitch) and secondary prose. Added 5.53.1.\",\n  },\n  \"surface-hover\": {\n    variable: \"--fancy-surface-hover\",\n    darkVariable: \"--fancy-surface-hover-dark\",\n    light: \"var(--color-zinc-50)\",\n    // Tailwind's `bg-zinc-800/50`, written out so a host's value is used as-is.\n    dark: \"color-mix(in oklab, var(--color-zinc-800) 50%, transparent)\",\n    description: \"The hover fill on nav items, list options and table rows. Added 5.53.1.\",\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/inputs.cjs

@@ -1,22 +1,22 @@
 'use strict';
 
 require('./chunk-O5IO7TCO.cjs');
+require('./chunk-5FV6GMFP.cjs');
 var chunk6MDZQIMZ_cjs = require('./chunk-6MDZQIMZ.cjs');
+require('./chunk-URTLYNZI.cjs');
 require('./chunk-QGPMVFZJ.cjs');
 var chunkIB673TEG_cjs = require('./chunk-IB673TEG.cjs');
 var chunkH7ELUIF6_cjs = require('./chunk-H7ELUIF6.cjs');
 require('./chunk-HXLSEBAL.cjs');
 var chunkZ4UXLQSK_cjs = require('./chunk-Z4UXLQSK.cjs');
 require('./chunk-OYZDSMNP.cjs');
-require('./chunk-5FV6GMFP.cjs');
 var chunkETNQ4AEQ_cjs = require('./chunk-ETNQ4AEQ.cjs');
 var chunkDJB3N4G3_cjs = require('./chunk-DJB3N4G3.cjs');
-require('./chunk-URTLYNZI.cjs');
 require('./chunk-I27K6NLX.cjs');
+var chunkTLRFXSPA_cjs = require('./chunk-TLRFXSPA.cjs');
 var chunkJRRYYW3Y_cjs = require('./chunk-JRRYYW3Y.cjs');
 var chunkGLGUQGAQ_cjs = require('./chunk-GLGUQGAQ.cjs');
 var chunk2O5UXH5R_cjs = require('./chunk-2O5UXH5R.cjs');
-var chunkTLRFXSPA_cjs = require('./chunk-TLRFXSPA.cjs');
 var chunkMAZEX4EZ_cjs = require('./chunk-MAZEX4EZ.cjs');
 require('./chunk-MRZXTL46.cjs');
 var chunkP53432AK_cjs = require('./chunk-P53432AK.cjs');
@@ -63,6 +63,10 @@ Object.defineProperty(exports, "CheckboxGroup", {
   enumerable: true,
   get: function () { return chunkDJB3N4G3_cjs.CheckboxGroup; }
 });
+Object.defineProperty(exports, "DatePicker", {
+  enumerable: true,
+  get: function () { return chunkTLRFXSPA_cjs.DatePicker; }
+});
 Object.defineProperty(exports, "Input", {
   enumerable: true,
   get: function () { return chunkJRRYYW3Y_cjs.Input; }
@@ -75,10 +79,6 @@ Object.defineProperty(exports, "Switch", {
   enumerable: true,
   get: function () { return chunk2O5UXH5R_cjs.Switch; }
 });
-Object.defineProperty(exports, "DatePicker", {
-  enumerable: true,
-  get: function () { return chunkTLRFXSPA_cjs.DatePicker; }
-});
 Object.defineProperty(exports, "Textarea", {
   enumerable: true,
   get: function () { return chunkMAZEX4EZ_cjs.Textarea; }

package/dist/inputs.js

@@ -1,20 +1,20 @@
 import './chunk-VXHFR5MV.js';
+import './chunk-ORCXPDDG.js';
 export { Form, FormProvider } from './chunk-PQWQ5K6J.js';
+import './chunk-V4EARA4F.js';
 import './chunk-SHDSKHCC.js';
 export { MultiSwitch } from './chunk-YUNOVQQJ.js';
 export { RadioGroup } from './chunk-4FH2JHUY.js';
 import './chunk-GNHQVPZP.js';
 export { Slider } from './chunk-NVXTHTJI.js';
 import './chunk-NW3GJWJ7.js';
-import './chunk-ORCXPDDG.js';
 export { Checkbox } from './chunk-OTM7RL2L.js';
 export { CheckboxGroup } from './chunk-TAYJSIOP.js';
-import './chunk-V4EARA4F.js';
 import './chunk-SV5BW3IA.js';
+export { DatePicker } from './chunk-2UTN3EFK.js';
 export { Input } from './chunk-XQDGUXMS.js';
 export { Select } from './chunk-T45LBTXH.js';
 export { Switch } from './chunk-DXZCKDYS.js';
-export { DatePicker } from './chunk-2UTN3EFK.js';
 export { Textarea } from './chunk-UVUBV4VZ.js';
 import './chunk-KXYMMNNV.js';
 export { DisplayValue } from './chunk-WX5XYDVN.js';

package/dist/json-editor.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-var chunk6XX6OHAP_cjs = require('./chunk-6XX6OHAP.cjs');
+var chunkM77BB2QI_cjs = require('./chunk-M77BB2QI.cjs');
+require('./chunk-TLRFXSPA.cjs');
 require('./chunk-JRRYYW3Y.cjs');
 require('./chunk-GLGUQGAQ.cjs');
 require('./chunk-2O5UXH5R.cjs');
-require('./chunk-TLRFXSPA.cjs');
 require('./chunk-MAZEX4EZ.cjs');
 require('./chunk-MRZXTL46.cjs');
 require('./chunk-P53432AK.cjs');
@@ -33,47 +33,47 @@ require('./chunk-ZU5Q77OT.cjs');
 
 Object.defineProperty(exports, "JsonEditor", {
   enumerable: true,
-  get: function () { return chunk6XX6OHAP_cjs.JsonEditor; }
+  get: function () { return chunkM77BB2QI_cjs.JsonEditor; }
 });
 Object.defineProperty(exports, "applyJsonEdit", {
   enumerable: true,
-  get: function () { return chunk6XX6OHAP_cjs.applyJsonEdit; }
+  get: function () { return chunkM77BB2QI_cjs.applyJsonEdit; }
 });
 Object.defineProperty(exports, "describeEdit", {
   enumerable: true,
-  get: function () { return chunk6XX6OHAP_cjs.describeEdit; }
+  get: function () { return chunkM77BB2QI_cjs.describeEdit; }
 });
 Object.defineProperty(exports, "findJsonConflicts", {
   enumerable: true,
-  get: function () { return chunk6XX6OHAP_cjs.findJsonConflicts; }
+  get: function () { return chunkM77BB2QI_cjs.findJsonConflicts; }
 });
 Object.defineProperty(exports, "getAtPath", {
   enumerable: true,
-  get: function () { return chunk6XX6OHAP_cjs.getAtPath; }
+  get: function () { return chunkM77BB2QI_cjs.getAtPath; }
 });
 Object.defineProperty(exports, "inferType", {
   enumerable: true,
-  get: function () { return chunk6XX6OHAP_cjs.inferType; }
+  get: function () { return chunkM77BB2QI_cjs.inferType; }
 });
 Object.defineProperty(exports, "parseKeyMap", {
   enumerable: true,
-  get: function () { return chunk6XX6OHAP_cjs.parseKeyMap; }
+  get: function () { return chunkM77BB2QI_cjs.parseKeyMap; }
 });
 Object.defineProperty(exports, "parsePath", {
   enumerable: true,
-  get: function () { return chunk6XX6OHAP_cjs.parsePath; }
+  get: function () { return chunkM77BB2QI_cjs.parsePath; }
 });
 Object.defineProperty(exports, "pathToString", {
   enumerable: true,
-  get: function () { return chunk6XX6OHAP_cjs.pathToString; }
+  get: function () { return chunkM77BB2QI_cjs.pathToString; }
 });
 Object.defineProperty(exports, "resolveKeyRule", {
   enumerable: true,
-  get: function () { return chunk6XX6OHAP_cjs.resolveKeyRule; }
+  get: function () { return chunkM77BB2QI_cjs.resolveKeyRule; }
 });
 Object.defineProperty(exports, "typeMatches", {
   enumerable: true,
-  get: function () { return chunk6XX6OHAP_cjs.typeMatches; }
+  get: function () { return chunkM77BB2QI_cjs.typeMatches; }
 });
 //# sourceMappingURL=json-editor.cjs.map
 //# sourceMappingURL=json-editor.cjs.map

package/dist/json-editor.js

@@ -1,8 +1,8 @@
-export { JsonEditor, applyJsonEdit, describeEdit, findJsonConflicts, getAtPath, inferType, parseKeyMap, parsePath, pathToString, resolveKeyRule, typeMatches } from './chunk-YBRQTZKV.js';
+export { JsonEditor, applyJsonEdit, describeEdit, findJsonConflicts, getAtPath, inferType, parseKeyMap, parsePath, pathToString, resolveKeyRule, typeMatches } from './chunk-ZGQEKDG6.js';
+import './chunk-2UTN3EFK.js';
 import './chunk-XQDGUXMS.js';
 import './chunk-T45LBTXH.js';
 import './chunk-DXZCKDYS.js';
-import './chunk-2UTN3EFK.js';
 import './chunk-UVUBV4VZ.js';
 import './chunk-KXYMMNNV.js';
 import './chunk-WX5XYDVN.js';

package/dist/resizable-panels.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var chunkCEFK54WP_cjs = require('./chunk-CEFK54WP.cjs');
+require('./chunk-ZU5Q77OT.cjs');
+
+
+
+Object.defineProperty(exports, "ResizablePanels", {
+  enumerable: true,
+  get: function () { return chunkCEFK54WP_cjs.ResizablePanels; }
+});
+//# sourceMappingURL=resizable-panels.cjs.map
+//# sourceMappingURL=resizable-panels.cjs.map

package/dist/resizable-panels.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"resizable-panels.cjs"}