@particle-academy/react-fancy 5.53.0 → 5.53.1

package/dist/{chunk-LX23ZJDM.cjs → chunk-ZGDOWJKL.cjs}

@@ -43,7 +43,7 @@ function MenuItem({
         "flex items-center gap-2 rounded-md text-sm font-medium transition-colors",
         "outline-none focus-visible:ring-2 focus-visible:ring-blue-500",
         isVertical ? "w-full px-3 py-2" : "px-3 py-2",
-        active ? "bg-[color:var(--fancy-surface-muted,var(--color-zinc-100))] text-[color:var(--fancy-text,var(--color-zinc-900))] dark:bg-[color:var(--fancy-surface-muted-dark,var(--color-zinc-800))] dark:text-[color:var(--fancy-text-dark,var(--color-zinc-100))]" : "text-zinc-600 hover:bg-zinc-50 hover:text-[color:var(--fancy-text,var(--color-zinc-900))] dark:text-zinc-400 dark:hover:bg-zinc-800/50 dark:hover:text-[color:var(--fancy-text-dark,var(--color-zinc-100))]",
+        active ? "bg-[color:var(--fancy-surface-muted,var(--color-zinc-100))] text-[color:var(--fancy-text,var(--color-zinc-900))] dark:bg-[color:var(--fancy-surface-muted-dark,var(--color-zinc-800))] dark:text-[color:var(--fancy-text-dark,var(--color-zinc-100))]" : "text-[color:var(--fancy-text-subtle,var(--color-zinc-600))] hover:bg-[color:var(--fancy-surface-hover,var(--color-zinc-50))] hover:text-[color:var(--fancy-text,var(--color-zinc-900))] dark:text-[color:var(--fancy-text-subtle-dark,var(--color-zinc-400))] dark:hover:bg-[color:var(--fancy-surface-hover-dark,color-mix(in_oklab,var(--color-zinc-800)_50%,transparent))] dark:hover:text-[color:var(--fancy-text-dark,var(--color-zinc-100))]",
         disabled && "pointer-events-none opacity-50",
         className
       ),
@@ -79,8 +79,8 @@ function MenuSubmenu({
               type: "button",
               className: chunkZU5Q77OT_cjs.cn(
                 "flex items-center gap-2 rounded-md px-3 py-2 text-sm font-medium transition-colors",
-                "text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900",
-                "dark:text-zinc-400 dark:hover:bg-zinc-800/50 dark:hover:text-zinc-100"
+                "text-[color:var(--fancy-text-subtle,var(--color-zinc-600))] hover:bg-[color:var(--fancy-surface-hover,var(--color-zinc-50))] hover:text-[color:var(--fancy-text,var(--color-zinc-900))]",
+                "dark:text-[color:var(--fancy-text-subtle-dark,var(--color-zinc-400))] dark:hover:bg-[color:var(--fancy-surface-hover-dark,color-mix(in_oklab,var(--color-zinc-800)_50%,transparent))] dark:hover:text-[color:var(--fancy-text-dark,var(--color-zinc-100))]"
               ),
               children: [
                 icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center", children: icon }),
@@ -111,8 +111,8 @@ function MenuSubmenu({
         onClick: () => setOpen((v) => !v),
         className: chunkZU5Q77OT_cjs.cn(
           "flex w-full items-center gap-2 rounded-md px-3 py-2 text-sm font-medium transition-colors",
-          "text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900",
-          "dark:text-zinc-400 dark:hover:bg-zinc-800/50 dark:hover:text-zinc-100"
+          "text-[color:var(--fancy-text-subtle,var(--color-zinc-600))] hover:bg-[color:var(--fancy-surface-hover,var(--color-zinc-50))] hover:text-[color:var(--fancy-text,var(--color-zinc-900))]",
+          "dark:text-[color:var(--fancy-text-subtle-dark,var(--color-zinc-400))] dark:hover:bg-[color:var(--fancy-surface-hover-dark,color-mix(in_oklab,var(--color-zinc-800)_50%,transparent))] dark:hover:text-[color:var(--fancy-text-dark,var(--color-zinc-100))]"
         ),
         children: [
           icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center", children: icon }),
@@ -173,5 +173,5 @@ var Menu = Object.assign(MenuRoot, {
 
 exports.Menu = Menu;
 exports.useMenu = useMenu;
-//# sourceMappingURL=chunk-LX23ZJDM.cjs.map
-//# sourceMappingURL=chunk-LX23ZJDM.cjs.map
+//# sourceMappingURL=chunk-ZGDOWJKL.cjs.map
+//# sourceMappingURL=chunk-ZGDOWJKL.cjs.map

package/dist/chunk-ZGDOWJKL.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Menu/Menu.context.ts","../src/components/Menu/MenuItem.tsx","../src/components/Menu/MenuSubmenu.tsx","../src/components/Menu/MenuGroup.tsx","../src/components/Menu/Menu.tsx"],"names":["createContext","useContext","jsxs","cn","jsx","useState","ChevronDown"],"mappings":"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","file":"chunk-ZGDOWJKL.cjs","sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { MenuContextValue } from \"./Menu.types\";\n\nexport const MenuContext = createContext<MenuContextValue | null>(null);\n\nexport function useMenu(): MenuContextValue {\n  const ctx = useContext(MenuContext);\n  if (!ctx) {\n    throw new Error(\"useMenu must be used within a <Menu> component\");\n  }\n  return ctx;\n}\n","import type { ElementType } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { useMenu } from \"./Menu.context\";\nimport type { MenuItemProps } from \"./Menu.types\";\n\nexport function MenuItem({\n  children,\n  href,\n  as: As,\n  icon,\n  active = false,\n  disabled = false,\n  badge,\n  onClick,\n  className,\n  ...rest\n}: MenuItemProps) {\n  const { orientation } = useMenu();\n  const isVertical = orientation === \"vertical\";\n\n  // See NavigableProps: link mode engages on `href` OR `as`, and `onClick`\n  // survives into it rather than being dropped.\n  const isLink = Boolean(href || As);\n  const Tag = isLink ? ((As ?? \"a\") as ElementType) : \"button\";\n  const tagProps = isLink\n    ? { ...(href ? { href } : {}), onClick }\n    : { type: \"button\" as const, onClick };\n\n  return (\n    <Tag\n      {...tagProps}\n      {...rest}\n      data-react-fancy-menu-item=\"\"\n      data-active={active || undefined}\n      aria-current={active ? \"page\" : undefined}\n      aria-disabled={disabled || undefined}\n      className={cn(\n        \"flex items-center gap-2 rounded-md text-sm font-medium transition-colors\",\n        \"outline-none focus-visible:ring-2 focus-visible:ring-blue-500\",\n        isVertical ? \"w-full px-3 py-2\" : \"px-3 py-2\",\n        active\n          ? \"bg-[color:var(--fancy-surface-muted,var(--color-zinc-100))] text-[color:var(--fancy-text,var(--color-zinc-900))] dark:bg-[color:var(--fancy-surface-muted-dark,var(--color-zinc-800))] dark:text-[color:var(--fancy-text-dark,var(--color-zinc-100))]\"\n          : \"text-[color:var(--fancy-text-subtle,var(--color-zinc-600))] hover:bg-[color:var(--fancy-surface-hover,var(--color-zinc-50))] hover:text-[color:var(--fancy-text,var(--color-zinc-900))] dark:text-[color:var(--fancy-text-subtle-dark,var(--color-zinc-400))] dark:hover:bg-[color:var(--fancy-surface-hover-dark,color-mix(in_oklab,var(--color-zinc-800)_50%,transparent))] dark:hover:text-[color:var(--fancy-text-dark,var(--color-zinc-100))]\",\n        disabled && \"pointer-events-none opacity-50\",\n        className,\n      )}\n    >\n      {icon && <span className=\"flex h-5 w-5 shrink-0 items-center justify-center\">{icon}</span>}\n      <span className=\"flex-1 truncate text-left\">{children}</span>\n      {badge && <span className=\"shrink-0\">{badge}</span>}\n    </Tag>\n  );\n}\n\nMenuItem.displayName = \"MenuItem\";\n","import { useState } from \"react\";\nimport { ChevronDown } from \"lucide-react\";\nimport { cn } from \"../../utils/cn\";\nimport { useMenu } from \"./Menu.context\";\nimport type { MenuSubmenuProps } from \"./Menu.types\";\n\nexport function MenuSubmenu({\n  children,\n  label,\n  icon,\n  defaultOpen = false,\n  className,\n}: MenuSubmenuProps) {\n  const [open, setOpen] = useState(defaultOpen);\n  const { orientation } = useMenu();\n  const isVertical = orientation === \"vertical\";\n\n  if (!isVertical) {\n    // Horizontal submenus use a hover-based dropdown\n    return (\n      <div\n        data-react-fancy-menu-submenu=\"\"\n        className={cn(\"group relative\", className)}\n      >\n        <button\n          type=\"button\"\n          className={cn(\n            \"flex items-center gap-2 rounded-md px-3 py-2 text-sm font-medium transition-colors\",\n            \"text-[color:var(--fancy-text-subtle,var(--color-zinc-600))] hover:bg-[color:var(--fancy-surface-hover,var(--color-zinc-50))] hover:text-[color:var(--fancy-text,var(--color-zinc-900))]\",\n            \"dark:text-[color:var(--fancy-text-subtle-dark,var(--color-zinc-400))] dark:hover:bg-[color:var(--fancy-surface-hover-dark,color-mix(in_oklab,var(--color-zinc-800)_50%,transparent))] dark:hover:text-[color:var(--fancy-text-dark,var(--color-zinc-100))]\",\n          )}\n        >\n          {icon && <span className=\"flex h-5 w-5 shrink-0 items-center justify-center\">{icon}</span>}\n          <span>{label}</span>\n          <ChevronDown className=\"h-3.5 w-3.5 opacity-60\" />\n        </button>\n        <div\n          className={cn(\n            \"invisible absolute left-0 top-full z-50 min-w-[180px] pt-1 opacity-0 transition-all\",\n            \"group-hover:visible group-hover:opacity-100\",\n          )}\n        >\n          <div className=\"rounded-lg border border-[color:var(--fancy-border,var(--color-zinc-200))] bg-[color:var(--fancy-surface,var(--color-white))] py-1 shadow-lg dark:border-[color:var(--fancy-border-dark,var(--color-zinc-700))] dark:bg-[color:var(--fancy-surface-dark,var(--color-zinc-900))]\">\n            {children}\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  // Vertical submenus use accordion-style expand/collapse\n  return (\n    <div data-react-fancy-menu-submenu=\"\" className={className}>\n      <button\n        type=\"button\"\n        onClick={() => setOpen((v) => !v)}\n        className={cn(\n          \"flex w-full items-center gap-2 rounded-md px-3 py-2 text-sm font-medium transition-colors\",\n          \"text-[color:var(--fancy-text-subtle,var(--color-zinc-600))] hover:bg-[color:var(--fancy-surface-hover,var(--color-zinc-50))] hover:text-[color:var(--fancy-text,var(--color-zinc-900))]\",\n          \"dark:text-[color:var(--fancy-text-subtle-dark,var(--color-zinc-400))] dark:hover:bg-[color:var(--fancy-surface-hover-dark,color-mix(in_oklab,var(--color-zinc-800)_50%,transparent))] dark:hover:text-[color:var(--fancy-text-dark,var(--color-zinc-100))]\",\n        )}\n      >\n        {icon && <span className=\"flex h-5 w-5 shrink-0 items-center justify-center\">{icon}</span>}\n        <span className=\"flex-1 text-left\">{label}</span>\n        <ChevronDown\n          className={cn(\n            \"h-3.5 w-3.5 opacity-60 transition-transform duration-200\",\n            open && \"rotate-180\",\n          )}\n        />\n      </button>\n      <div\n        className={cn(\n          \"grid transition-[grid-template-rows] duration-200\",\n          open ? \"grid-rows-[1fr]\" : \"grid-rows-[0fr]\",\n        )}\n      >\n        <div className=\"overflow-hidden\">\n          <div className=\"ml-4 border-l border-[color:var(--fancy-border,var(--color-zinc-200))] pl-2 pt-1 dark:border-[color:var(--fancy-border-dark,var(--color-zinc-700))]\">\n            {children}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nMenuSubmenu.displayName = \"MenuSubmenu\";\n","import { cn } from \"../../utils/cn\";\nimport type { MenuGroupProps } from \"./Menu.types\";\n\nexport function MenuGroup({ children, label, className }: MenuGroupProps) {\n  return (\n    <div data-react-fancy-menu-group=\"\" className={cn(\"py-1\", className)}>\n      {label && (\n        <p className=\"mb-1 px-3 text-xs font-semibold uppercase tracking-wider text-[color:var(--fancy-text-faint,var(--color-zinc-400))] dark:text-[color:var(--fancy-text-faint-dark,var(--color-zinc-500))]\">\n          {label}\n        </p>\n      )}\n      {children}\n    </div>\n  );\n}\n\nMenuGroup.displayName = \"MenuGroup\";\n","import { cn } from \"../../utils/cn\";\nimport { MenuContext } from \"./Menu.context\";\nimport { MenuItem } from \"./MenuItem\";\nimport { MenuSubmenu } from \"./MenuSubmenu\";\nimport { MenuGroup } from \"./MenuGroup\";\nimport type { MenuProps } from \"./Menu.types\";\n\nfunction MenuRoot({ children, orientation = \"vertical\", className }: MenuProps) {\n  const isVertical = orientation === \"vertical\";\n\n  return (\n    <MenuContext.Provider value={{ orientation }}>\n      <nav\n        data-react-fancy-menu=\"\"\n        data-orientation={orientation}\n        className={cn(\n          \"flex gap-0.5\",\n          isVertical ? \"flex-col\" : \"flex-row items-center\",\n          className,\n        )}\n      >\n        {children}\n      </nav>\n    </MenuContext.Provider>\n  );\n}\n\nexport const Menu = Object.assign(MenuRoot, {\n  Item: MenuItem,\n  Submenu: MenuSubmenu,\n  Group: MenuGroup,\n});\n"]}

package/dist/content-renderer.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 require('./chunk-S3TRSECD.cjs');
-var chunkQAKIG43N_cjs = require('./chunk-QAKIG43N.cjs');
+var chunk5IWKZ2WK_cjs = require('./chunk-5IWKZ2WK.cjs');
 require('./chunk-X2FC7ODX.cjs');
 require('./chunk-ZU5Q77OT.cjs');
 
@@ -9,15 +9,15 @@ require('./chunk-ZU5Q77OT.cjs');
 
 Object.defineProperty(exports, "ContentRenderer", {
   enumerable: true,
-  get: function () { return chunkQAKIG43N_cjs.ContentRenderer; }
+  get: function () { return chunk5IWKZ2WK_cjs.ContentRenderer; }
 });
 Object.defineProperty(exports, "registerExtension", {
   enumerable: true,
-  get: function () { return chunkQAKIG43N_cjs.registerExtension; }
+  get: function () { return chunk5IWKZ2WK_cjs.registerExtension; }
 });
 Object.defineProperty(exports, "registerExtensions", {
   enumerable: true,
-  get: function () { return chunkQAKIG43N_cjs.registerExtensions; }
+  get: function () { return chunk5IWKZ2WK_cjs.registerExtensions; }
 });
 //# sourceMappingURL=content-renderer.cjs.map
 //# sourceMappingURL=content-renderer.cjs.map

package/dist/content-renderer.js

@@ -1,5 +1,5 @@
 import './chunk-AUTW5O4W.js';
-export { ContentRenderer, registerExtension, registerExtensions } from './chunk-N5XMBHX7.js';
+export { ContentRenderer, registerExtension, registerExtensions } from './chunk-JXXUTPDH.js';
 import './chunk-6TBRBN7H.js';
 import './chunk-MMW2JGKZ.js';
 //# sourceMappingURL=content-renderer.js.map

package/dist/editor.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunkZKJLDBXA_cjs = require('./chunk-ZKJLDBXA.cjs');
+var chunkICI33QMY_cjs = require('./chunk-ICI33QMY.cjs');
 require('./chunk-A2JUTNE6.cjs');
 require('./chunk-T6YELZPJ.cjs');
-require('./chunk-QAKIG43N.cjs');
+require('./chunk-5IWKZ2WK.cjs');
 require('./chunk-G7227RTY.cjs');
 require('./chunk-TXTRTTG7.cjs');
 require('./chunk-FQZE5N2N.cjs');
@@ -19,11 +19,11 @@ require('./chunk-ZU5Q77OT.cjs');
 
 Object.defineProperty(exports, "Editor", {
   enumerable: true,
-  get: function () { return chunkZKJLDBXA_cjs.Editor; }
+  get: function () { return chunkICI33QMY_cjs.Editor; }
 });
 Object.defineProperty(exports, "useEditor", {
   enumerable: true,
-  get: function () { return chunkZKJLDBXA_cjs.useEditor; }
+  get: function () { return chunkICI33QMY_cjs.useEditor; }
 });
 //# sourceMappingURL=editor.cjs.map
 //# sourceMappingURL=editor.cjs.map

package/dist/editor.js

@@ -1,7 +1,7 @@
-export { Editor, useEditor } from './chunk-3NIXNJ3I.js';
+export { Editor, useEditor } from './chunk-ZASX5GO4.js';
 import './chunk-2BXMMVQS.js';
 import './chunk-CPY7NHXM.js';
-import './chunk-N5XMBHX7.js';
+import './chunk-JXXUTPDH.js';
 import './chunk-FBWUXSKH.js';
 import './chunk-5U2DZ7AV.js';
 import './chunk-3K2CEAI7.js';

package/dist/index.cjs

@@ -5,7 +5,7 @@ var chunkIR6JSQ4O_cjs = require('./chunk-IR6JSQ4O.cjs');
 require('./chunk-O5IO7TCO.cjs');
 var chunk6MDZQIMZ_cjs = require('./chunk-6MDZQIMZ.cjs');
 require('./chunk-QGPMVFZJ.cjs');
-var chunkQHN63FRP_cjs = require('./chunk-QHN63FRP.cjs');
+var chunkYVTFODCJ_cjs = require('./chunk-YVTFODCJ.cjs');
 var chunkH7ELUIF6_cjs = require('./chunk-H7ELUIF6.cjs');
 require('./chunk-HXLSEBAL.cjs');
 var chunkZ4UXLQSK_cjs = require('./chunk-Z4UXLQSK.cjs');
@@ -15,18 +15,18 @@ var chunkETNQ4AEQ_cjs = require('./chunk-ETNQ4AEQ.cjs');
 var chunkDJB3N4G3_cjs = require('./chunk-DJB3N4G3.cjs');
 require('./chunk-URTLYNZI.cjs');
 var chunkATJSHM6J_cjs = require('./chunk-ATJSHM6J.cjs');
-var chunk3YA6FDVN_cjs = require('./chunk-3YA6FDVN.cjs');
+var chunkYJXP6AOL_cjs = require('./chunk-YJXP6AOL.cjs');
 var chunkCQ54H7DZ_cjs = require('./chunk-CQ54H7DZ.cjs');
 require('./chunk-XURQVDCN.cjs');
 var chunkWFHK2DKG_cjs = require('./chunk-WFHK2DKG.cjs');
 var chunkYH75G6SP_cjs = require('./chunk-YH75G6SP.cjs');
-var chunkS3V2C4DW_cjs = require('./chunk-S3V2C4DW.cjs');
+var chunkUXYFM2XT_cjs = require('./chunk-UXYFM2XT.cjs');
 var chunk5ZNOLPIJ_cjs = require('./chunk-5ZNOLPIJ.cjs');
 var chunkAE53RKWR_cjs = require('./chunk-AE53RKWR.cjs');
 var chunkTFKG5FSG_cjs = require('./chunk-TFKG5FSG.cjs');
 var chunk5P3PISAX_cjs = require('./chunk-5P3PISAX.cjs');
 var chunkY7RGUUTS_cjs = require('./chunk-Y7RGUUTS.cjs');
-var chunkSONXLQPJ_cjs = require('./chunk-SONXLQPJ.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');
@@ -36,21 +36,21 @@ var chunkB4YV2V7G_cjs = require('./chunk-B4YV2V7G.cjs');
 var chunkN7ABDCQ6_cjs = require('./chunk-N7ABDCQ6.cjs');
 var chunkX7H75WVP_cjs = require('./chunk-X7H75WVP.cjs');
 var chunkBK6XQQYG_cjs = require('./chunk-BK6XQQYG.cjs');
-var chunkLX23ZJDM_cjs = require('./chunk-LX23ZJDM.cjs');
-var chunkA5DN2XNM_cjs = require('./chunk-A5DN2XNM.cjs');
+var chunkZGDOWJKL_cjs = require('./chunk-ZGDOWJKL.cjs');
+var chunkHTNQ5XUR_cjs = require('./chunk-HTNQ5XUR.cjs');
 var chunkFGI2EC32_cjs = require('./chunk-FGI2EC32.cjs');
 var chunkCG3RCQVL_cjs = require('./chunk-CG3RCQVL.cjs');
-var chunk36HG5JK6_cjs = require('./chunk-36HG5JK6.cjs');
+var chunkGISORLGW_cjs = require('./chunk-GISORLGW.cjs');
 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 chunkSW2MDI2E_cjs = require('./chunk-SW2MDI2E.cjs');
+var chunkVP7MT7LH_cjs = require('./chunk-VP7MT7LH.cjs');
 var chunkJRRYYW3Y_cjs = require('./chunk-JRRYYW3Y.cjs');
-var chunkBDUL42VO_cjs = require('./chunk-BDUL42VO.cjs');
+var chunkGLGUQGAQ_cjs = require('./chunk-GLGUQGAQ.cjs');
 var chunkRVBTDXPD_cjs = require('./chunk-RVBTDXPD.cjs');
 var chunkTLRFXSPA_cjs = require('./chunk-TLRFXSPA.cjs');
-var chunkJUQZMNPR_cjs = require('./chunk-JUQZMNPR.cjs');
+var chunkIEQK3LGI_cjs = require('./chunk-IEQK3LGI.cjs');
 var chunkL4JIBKFW_cjs = require('./chunk-L4JIBKFW.cjs');
 var chunk2KFHSFFY_cjs = require('./chunk-2KFHSFFY.cjs');
 var chunkMAZEX4EZ_cjs = require('./chunk-MAZEX4EZ.cjs');
@@ -74,17 +74,17 @@ require('./chunk-S3TRSECD.cjs');
 var chunkEEMNTO7L_cjs = require('./chunk-EEMNTO7L.cjs');
 var chunk5H6IUCOD_cjs = require('./chunk-5H6IUCOD.cjs');
 var chunkEXQ33MJR_cjs = require('./chunk-EXQ33MJR.cjs');
-var chunkZKJLDBXA_cjs = require('./chunk-ZKJLDBXA.cjs');
+var chunkICI33QMY_cjs = require('./chunk-ICI33QMY.cjs');
 var chunkA2JUTNE6_cjs = require('./chunk-A2JUTNE6.cjs');
 var chunkT6YELZPJ_cjs = require('./chunk-T6YELZPJ.cjs');
-var chunkQAKIG43N_cjs = require('./chunk-QAKIG43N.cjs');
+var chunk5IWKZ2WK_cjs = require('./chunk-5IWKZ2WK.cjs');
 var chunkAVU4JOYM_cjs = require('./chunk-AVU4JOYM.cjs');
 var chunkV5JTTLJP_cjs = require('./chunk-V5JTTLJP.cjs');
 var chunk4JT2QANA_cjs = require('./chunk-4JT2QANA.cjs');
 var chunk4XMBXG4K_cjs = require('./chunk-4XMBXG4K.cjs');
 var chunkTTZJ2KXK_cjs = require('./chunk-TTZJ2KXK.cjs');
 var chunkWNUAGRQN_cjs = require('./chunk-WNUAGRQN.cjs');
-var chunkWONP337S_cjs = require('./chunk-WONP337S.cjs');
+var chunkJY7HPFOE_cjs = require('./chunk-JY7HPFOE.cjs');
 var chunkG4M3MCJO_cjs = require('./chunk-G4M3MCJO.cjs');
 require('./chunk-AIA5UNQ5.cjs');
 var chunkG7227RTY_cjs = require('./chunk-G7227RTY.cjs');
@@ -96,7 +96,7 @@ var chunkFQZE5N2N_cjs = require('./chunk-FQZE5N2N.cjs');
 var chunk43ZRUYJC_cjs = require('./chunk-43ZRUYJC.cjs');
 var chunk5JK2VDWY_cjs = require('./chunk-5JK2VDWY.cjs');
 var chunkUZG6LO4Z_cjs = require('./chunk-UZG6LO4Z.cjs');
-var chunkTJTC4WNY_cjs = require('./chunk-TJTC4WNY.cjs');
+var chunk4DGXL6JC_cjs = require('./chunk-4DGXL6JC.cjs');
 require('./chunk-KJ22KE56.cjs');
 var chunkL3V3BYVS_cjs = require('./chunk-L3V3BYVS.cjs');
 var chunkJ2DI6RMR_cjs = require('./chunk-J2DI6RMR.cjs');
@@ -116,7 +116,7 @@ var chunkQKFOJKVE_cjs = require('./chunk-QKFOJKVE.cjs');
 var chunkUET6D7B3_cjs = require('./chunk-UET6D7B3.cjs');
 require('./chunk-3I2KWNXT.cjs');
 var chunkLCNHEYIM_cjs = require('./chunk-LCNHEYIM.cjs');
-var chunk546K5LRX_cjs = require('./chunk-546K5LRX.cjs');
+var chunkCVDL6C2O_cjs = require('./chunk-CVDL6C2O.cjs');
 var chunkPCNJJVTF_cjs = require('./chunk-PCNJJVTF.cjs');
 var chunkSNHU2AI4_cjs = require('./chunk-SNHU2AI4.cjs');
 var chunkPBZHLHSA_cjs = require('./chunk-PBZHLHSA.cjs');
@@ -188,6 +188,21 @@ var THEME_TOKENS = {
     dark: "var(--color-zinc-500)",
     description: "Placeholders, disabled hints, decorative icons."
   },
+  "text-subtle": {
+    variable: "--fancy-text-subtle",
+    darkVariable: "--fancy-text-subtle-dark",
+    light: "var(--color-zinc-600)",
+    dark: "var(--color-zinc-400)",
+    description: "Inactive nav labels (Sidebar, Menu, Navbar, MultiSwitch) and secondary prose. Added 5.53.1."
+  },
+  "surface-hover": {
+    variable: "--fancy-surface-hover",
+    darkVariable: "--fancy-surface-hover-dark",
+    light: "var(--color-zinc-50)",
+    // Tailwind's `bg-zinc-800/50`, written out so a host's value is used as-is.
+    dark: "color-mix(in oklab, var(--color-zinc-800) 50%, transparent)",
+    description: "The hover fill on nav items, list options and table rows. Added 5.53.1."
+  },
   focus: {
     variable: "--fancy-focus",
     darkVariable: "--fancy-focus-dark",
@@ -219,7 +234,7 @@ Object.defineProperty(exports, "FormProvider", {
 });
 Object.defineProperty(exports, "MultiSwitch", {
   enumerable: true,
-  get: function () { return chunkQHN63FRP_cjs.MultiSwitch; }
+  get: function () { return chunkYVTFODCJ_cjs.MultiSwitch; }
 });
 Object.defineProperty(exports, "RadioGroup", {
   enumerable: true,
@@ -243,7 +258,7 @@ Object.defineProperty(exports, "StickyNote", {
 });
 Object.defineProperty(exports, "Table", {
   enumerable: true,
-  get: function () { return chunk3YA6FDVN_cjs.Table; }
+  get: function () { return chunkYJXP6AOL_cjs.Table; }
 });
 Object.defineProperty(exports, "Tabs", {
   enumerable: true,
@@ -263,7 +278,7 @@ Object.defineProperty(exports, "TimePicker", {
 });
 Object.defineProperty(exports, "Timeline", {
   enumerable: true,
-  get: function () { return chunkS3V2C4DW_cjs.Timeline; }
+  get: function () { return chunkUXYFM2XT_cjs.Timeline; }
 });
 Object.defineProperty(exports, "Toast", {
   enumerable: true,
@@ -299,11 +314,11 @@ Object.defineProperty(exports, "Separator", {
 });
 Object.defineProperty(exports, "Sidebar", {
   enumerable: true,
-  get: function () { return chunkSONXLQPJ_cjs.Sidebar; }
+  get: function () { return chunkEZA6GWZL_cjs.Sidebar; }
 });
 Object.defineProperty(exports, "useSidebar", {
   enumerable: true,
-  get: function () { return chunkSONXLQPJ_cjs.useSidebar; }
+  get: function () { return chunkEZA6GWZL_cjs.useSidebar; }
 });
 Object.defineProperty(exports, "Skeleton", {
   enumerable: true,
@@ -359,19 +374,19 @@ Object.defineProperty(exports, "PullQuote", {
 });
 Object.defineProperty(exports, "Menu", {
   enumerable: true,
-  get: function () { return chunkLX23ZJDM_cjs.Menu; }
+  get: function () { return chunkZGDOWJKL_cjs.Menu; }
 });
 Object.defineProperty(exports, "useMenu", {
   enumerable: true,
-  get: function () { return chunkLX23ZJDM_cjs.useMenu; }
+  get: function () { return chunkZGDOWJKL_cjs.useMenu; }
 });
 Object.defineProperty(exports, "MobileMenu", {
   enumerable: true,
-  get: function () { return chunkA5DN2XNM_cjs.MobileMenu; }
+  get: function () { return chunkHTNQ5XUR_cjs.MobileMenu; }
 });
 Object.defineProperty(exports, "useMobileMenu", {
   enumerable: true,
-  get: function () { return chunkA5DN2XNM_cjs.useMobileMenu; }
+  get: function () { return chunkHTNQ5XUR_cjs.useMobileMenu; }
 });
 Object.defineProperty(exports, "Modal", {
   enumerable: true,
@@ -387,11 +402,11 @@ Object.defineProperty(exports, "MoodMeter", {
 });
 Object.defineProperty(exports, "Navbar", {
   enumerable: true,
-  get: function () { return chunk36HG5JK6_cjs.Navbar; }
+  get: function () { return chunkGISORLGW_cjs.Navbar; }
 });
 Object.defineProperty(exports, "useNavbar", {
   enumerable: true,
-  get: function () { return chunk36HG5JK6_cjs.useNavbar; }
+  get: function () { return chunkGISORLGW_cjs.useNavbar; }
 });
 Object.defineProperty(exports, "OtpInput", {
   enumerable: true,
@@ -427,51 +442,51 @@ Object.defineProperty(exports, "textareaAdapter", {
 });
 Object.defineProperty(exports, "JSON_FIELD_TYPES", {
   enumerable: true,
-  get: function () { return chunkSW2MDI2E_cjs.JSON_FIELD_TYPES; }
+  get: function () { return chunkVP7MT7LH_cjs.JSON_FIELD_TYPES; }
 });
 Object.defineProperty(exports, "JsonEditor", {
   enumerable: true,
-  get: function () { return chunkSW2MDI2E_cjs.JsonEditor; }
+  get: function () { return chunkVP7MT7LH_cjs.JsonEditor; }
 });
 Object.defineProperty(exports, "applyJsonEdit", {
   enumerable: true,
-  get: function () { return chunkSW2MDI2E_cjs.applyJsonEdit; }
+  get: function () { return chunkVP7MT7LH_cjs.applyJsonEdit; }
 });
 Object.defineProperty(exports, "describeEdit", {
   enumerable: true,
-  get: function () { return chunkSW2MDI2E_cjs.describeEdit; }
+  get: function () { return chunkVP7MT7LH_cjs.describeEdit; }
 });
 Object.defineProperty(exports, "findJsonConflicts", {
   enumerable: true,
-  get: function () { return chunkSW2MDI2E_cjs.findJsonConflicts; }
+  get: function () { return chunkVP7MT7LH_cjs.findJsonConflicts; }
 });
 Object.defineProperty(exports, "getAtPath", {
   enumerable: true,
-  get: function () { return chunkSW2MDI2E_cjs.getAtPath; }
+  get: function () { return chunkVP7MT7LH_cjs.getAtPath; }
 });
 Object.defineProperty(exports, "inferType", {
   enumerable: true,
-  get: function () { return chunkSW2MDI2E_cjs.inferType; }
+  get: function () { return chunkVP7MT7LH_cjs.inferType; }
 });
 Object.defineProperty(exports, "parseKeyMap", {
   enumerable: true,
-  get: function () { return chunkSW2MDI2E_cjs.parseKeyMap; }
+  get: function () { return chunkVP7MT7LH_cjs.parseKeyMap; }
 });
 Object.defineProperty(exports, "parsePath", {
   enumerable: true,
-  get: function () { return chunkSW2MDI2E_cjs.parsePath; }
+  get: function () { return chunkVP7MT7LH_cjs.parsePath; }
 });
 Object.defineProperty(exports, "pathToString", {
   enumerable: true,
-  get: function () { return chunkSW2MDI2E_cjs.pathToString; }
+  get: function () { return chunkVP7MT7LH_cjs.pathToString; }
 });
 Object.defineProperty(exports, "resolveKeyRule", {
   enumerable: true,
-  get: function () { return chunkSW2MDI2E_cjs.resolveKeyRule; }
+  get: function () { return chunkVP7MT7LH_cjs.resolveKeyRule; }
 });
 Object.defineProperty(exports, "typeMatches", {
   enumerable: true,
-  get: function () { return chunkSW2MDI2E_cjs.typeMatches; }
+  get: function () { return chunkVP7MT7LH_cjs.typeMatches; }
 });
 Object.defineProperty(exports, "Input", {
   enumerable: true,
@@ -479,7 +494,7 @@ Object.defineProperty(exports, "Input", {
 });
 Object.defineProperty(exports, "Select", {
   enumerable: true,
-  get: function () { return chunkBDUL42VO_cjs.Select; }
+  get: function () { return chunkGLGUQGAQ_cjs.Select; }
 });
 Object.defineProperty(exports, "Switch", {
   enumerable: true,
@@ -491,11 +506,11 @@ Object.defineProperty(exports, "DatePicker", {
 });
 Object.defineProperty(exports, "Kanban", {
   enumerable: true,
-  get: function () { return chunkJUQZMNPR_cjs.Kanban; }
+  get: function () { return chunkIEQK3LGI_cjs.Kanban; }
 });
 Object.defineProperty(exports, "useKanban", {
   enumerable: true,
-  get: function () { return chunkJUQZMNPR_cjs.useKanban; }
+  get: function () { return chunkIEQK3LGI_cjs.useKanban; }
 });
 Object.defineProperty(exports, "Kbd", {
   enumerable: true,
@@ -607,11 +622,11 @@ Object.defineProperty(exports, "useDropdown", {
 });
 Object.defineProperty(exports, "Editor", {
   enumerable: true,
-  get: function () { return chunkZKJLDBXA_cjs.Editor; }
+  get: function () { return chunkICI33QMY_cjs.Editor; }
 });
 Object.defineProperty(exports, "useEditor", {
   enumerable: true,
-  get: function () { return chunkZKJLDBXA_cjs.useEditor; }
+  get: function () { return chunkICI33QMY_cjs.useEditor; }
 });
 Object.defineProperty(exports, "THEME_STORAGE_KEY", {
   enumerable: true,
@@ -655,19 +670,19 @@ Object.defineProperty(exports, "usePanZoom", {
 });
 Object.defineProperty(exports, "ContentRenderer", {
   enumerable: true,
-  get: function () { return chunkQAKIG43N_cjs.ContentRenderer; }
+  get: function () { return chunk5IWKZ2WK_cjs.ContentRenderer; }
 });
 Object.defineProperty(exports, "registerExtension", {
   enumerable: true,
-  get: function () { return chunkQAKIG43N_cjs.registerExtension; }
+  get: function () { return chunk5IWKZ2WK_cjs.registerExtension; }
 });
 Object.defineProperty(exports, "registerExtensions", {
   enumerable: true,
-  get: function () { return chunkQAKIG43N_cjs.registerExtensions; }
+  get: function () { return chunk5IWKZ2WK_cjs.registerExtensions; }
 });
 Object.defineProperty(exports, "renderMarkdown", {
   enumerable: true,
-  get: function () { return chunkQAKIG43N_cjs.renderMarkdown; }
+  get: function () { return chunk5IWKZ2WK_cjs.renderMarkdown; }
 });
 Object.defineProperty(exports, "Emoji", {
   enumerable: true,
@@ -699,7 +714,7 @@ Object.defineProperty(exports, "useCarousel", {
 });
 Object.defineProperty(exports, "Chart", {
   enumerable: true,
-  get: function () { return chunkWONP337S_cjs.Chart; }
+  get: function () { return chunkJY7HPFOE_cjs.Chart; }
 });
 Object.defineProperty(exports, "ChatDrawer", {
   enumerable: true,
@@ -763,7 +778,7 @@ Object.defineProperty(exports, "usePopover", {
 });
 Object.defineProperty(exports, "Autocomplete", {
   enumerable: true,
-  get: function () { return chunkTJTC4WNY_cjs.Autocomplete; }
+  get: function () { return chunk4DGXL6JC_cjs.Autocomplete; }
 });
 Object.defineProperty(exports, "FieldModeContext", {
   enumerable: true,
@@ -895,11 +910,11 @@ Object.defineProperty(exports, "Callout", {
 });
 Object.defineProperty(exports, "Accordion", {
   enumerable: true,
-  get: function () { return chunk546K5LRX_cjs.Accordion; }
+  get: function () { return chunkCVDL6C2O_cjs.Accordion; }
 });
 Object.defineProperty(exports, "useAccordion", {
   enumerable: true,
-  get: function () { return chunk546K5LRX_cjs.useAccordion; }
+  get: function () { return chunkCVDL6C2O_cjs.useAccordion; }
 });
 Object.defineProperty(exports, "AccordionPanel", {
   enumerable: true,

package/dist/index.cjs.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,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"]}
+{"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

@@ -496,6 +496,20 @@ declare const THEME_TOKENS: {
         readonly dark: "var(--color-zinc-500)";
         readonly description: "Placeholders, disabled hints, decorative icons.";
     };
+    readonly "text-subtle": {
+        readonly variable: "--fancy-text-subtle";
+        readonly darkVariable: "--fancy-text-subtle-dark";
+        readonly light: "var(--color-zinc-600)";
+        readonly dark: "var(--color-zinc-400)";
+        readonly description: "Inactive nav labels (Sidebar, Menu, Navbar, MultiSwitch) and secondary prose. Added 5.53.1.";
+    };
+    readonly "surface-hover": {
+        readonly variable: "--fancy-surface-hover";
+        readonly darkVariable: "--fancy-surface-hover-dark";
+        readonly light: "var(--color-zinc-50)";
+        readonly dark: "color-mix(in oklab, var(--color-zinc-800) 50%, transparent)";
+        readonly description: "The hover fill on nav items, list options and table rows. Added 5.53.1.";
+    };
     readonly focus: {
         readonly variable: "--fancy-focus";
         readonly darkVariable: "--fancy-focus-dark";

package/dist/index.d.ts

@@ -496,6 +496,20 @@ declare const THEME_TOKENS: {
         readonly dark: "var(--color-zinc-500)";
         readonly description: "Placeholders, disabled hints, decorative icons.";
     };
+    readonly "text-subtle": {
+        readonly variable: "--fancy-text-subtle";
+        readonly darkVariable: "--fancy-text-subtle-dark";
+        readonly light: "var(--color-zinc-600)";
+        readonly dark: "var(--color-zinc-400)";
+        readonly description: "Inactive nav labels (Sidebar, Menu, Navbar, MultiSwitch) and secondary prose. Added 5.53.1.";
+    };
+    readonly "surface-hover": {
+        readonly variable: "--fancy-surface-hover";
+        readonly darkVariable: "--fancy-surface-hover-dark";
+        readonly light: "var(--color-zinc-50)";
+        readonly dark: "color-mix(in oklab, var(--color-zinc-800) 50%, transparent)";
+        readonly description: "The hover fill on nav items, list options and table rows. Added 5.53.1.";
+    };
     readonly focus: {
         readonly variable: "--fancy-focus";
         readonly darkVariable: "--fancy-focus-dark";