@assure-one/design-system 1.31.0 → 1.32.0

package/dist/testing/style-stub.js

@@ -0,0 +1,5 @@
+// src/testing/style-stub.ts
+var styles = {};
+var style_stub_default = styles;
+
+export { style_stub_default as default };

package/dist/tokens/index.d.ts

@@ -6,45 +6,45 @@
  * or the CSS variables in ./tokens.css.
  */
 declare const colors: {
-    readonly bg: "#FDFDFC";
-    readonly bg2: "#F7F7F5";
-    readonly bg3: "#F0F0ED";
-    readonly surface: "#FFFFFF";
-    readonly surface2: "#FAFAF8";
-    readonly fg: "#0A0A0A";
-    readonly fg2: "#38383B";
-    readonly fg3: "#6B6B70";
-    readonly fg4: "#9A9AA0";
-    readonly fg5: "#C4C4C8";
-    readonly rule: "#EAEAE6";
-    readonly ruleSoft: "#F0F0EC";
-    readonly ruleStrong: "#DADAD4";
-    readonly accent: "#0066FF";
-    readonly accent2: "#0052CC";
-    readonly accentTint: "#E8F0FF";
-    readonly accentHover: "#005BE6";
-    readonly accentActive: "#004FCC";
-    readonly proBg: "#F4F1FF";
-    readonly proBgHover: "#EEE9FF";
-    readonly proBgActive: "#E4DDFF";
-    readonly proFg: "#6C42F8";
-    readonly proHover: "#5E35F2";
-    readonly proActive: "#5127E8";
-    readonly proDisabled: "#B7A7F3";
-    readonly proLine: "#7B5BD8";
-    readonly fgDisabled: "#A7A7AC";
-    readonly bgDisabled: "#F3F3F1";
-    readonly successFg: "#1F7A3D";
-    readonly successBg: "#EAF6EE";
-    readonly successLine: "#C5E5CF";
-    readonly warningFg: "#B45F0A";
-    readonly warningBg: "#FFF3E5";
-    readonly warningLine: "#F5D5A8";
-    readonly dangerFg: "#C43838";
-    readonly dangerBg: "#FBEAEA";
-    readonly dangerLine: "#ECC5C5";
-    readonly fgOnAccent: "#FFFFFF";
-    readonly fgOnPro: "#FFFFFF";
+    readonly bg: "#ffffff";
+    readonly bg2: "#f1f3f8";
+    readonly bg3: "#e7eaf1";
+    readonly surface: "#ffffff";
+    readonly surface2: "#f7f8fc";
+    readonly fg: "#0a0a0a";
+    readonly fg2: "#38383b";
+    readonly fg3: "#5f5f64";
+    readonly fg4: "#6b6b70";
+    readonly fg5: "#9a9aa0";
+    readonly rule: "#e4e7ef";
+    readonly ruleSoft: "#eef0f5";
+    readonly ruleStrong: "#d3d8e3";
+    readonly accent: "#6c42f8";
+    readonly accent2: "#5127e8";
+    readonly accentTint: "#efeaff";
+    readonly accentHover: "#5e35f2";
+    readonly accentActive: "#5127e8";
+    readonly proBg: "#f4f1ff";
+    readonly proBgHover: "#eee9ff";
+    readonly proBgActive: "#e4ddff";
+    readonly proFg: "#6c42f8";
+    readonly proHover: "#5e35f2";
+    readonly proActive: "#5127e8";
+    readonly proDisabled: "#b7a7f3";
+    readonly proLine: "#7b5bd8";
+    readonly fgDisabled: "#a7a7ac";
+    readonly bgDisabled: "#f3f3f1";
+    readonly successFg: "#1f7a3d";
+    readonly successBg: "#eaf6ee";
+    readonly successLine: "#c5e5cf";
+    readonly warningFg: "#8a4606";
+    readonly warningBg: "#fff3e5";
+    readonly warningLine: "#f5d5a8";
+    readonly dangerFg: "#c43838";
+    readonly dangerBg: "#fbeaea";
+    readonly dangerLine: "#ecc5c5";
+    readonly fgOnAccent: "#ffffff";
+    readonly fgOnPro: "#ffffff";
 };
 declare const typography: {
     readonly family: {
@@ -69,17 +69,17 @@ declare const radii: {
     readonly full: "9999px";
 };
 declare const shadows: {
-    readonly quiet: "0 1px 2px rgba(10,10,10,0.03)";
-    readonly card: "0 12px 28px -16px rgba(10,10,10,0.18), 0 1px 2px rgba(10,10,10,0.04)";
-    readonly pop: "0 30px 80px -30px rgba(10,10,10,0.18), 0 8px 24px -8px rgba(10,10,10,0.06)";
-    readonly focusRing: "0 0 0 2px rgba(0, 102, 255, 0.18)";
+    readonly quiet: "0 1px 2px rgba(10, 10, 10, 0.03)";
+    readonly card: "0 12px 28px -16px rgba(10, 10, 10, 0.18), 0 1px 2px rgba(10, 10, 10, 0.04)";
+    readonly pop: "0 30px 80px -30px rgba(10, 10, 10, 0.18), 0 8px 24px -8px rgba(10, 10, 10, 0.06)";
+    readonly focusRing: "0 0 0 2px rgba(108, 66, 248, 0.18)";
 };
 declare const overlays: {
     readonly hover: "rgba(10, 10, 10, 0.03)";
     readonly active: "rgba(10, 10, 10, 0.05)";
 };
 declare const layout: {
-    readonly shellSidebarWidth: "256px";
+    readonly shellSidebarWidth: "200px";
     readonly shellHeaderHeight: "56px";
     readonly contentPad: "32px";
 };
@@ -108,10 +108,10 @@ declare const spacing: {
  * --color-surface / --color-surface-2.
  */
 declare const surfaces: {
-    readonly bg: "#FDFDFC";
-    readonly bg2: "#F7F7F5";
-    readonly surface: "#FFFFFF";
-    readonly surface2: "#FAFAF8";
+    readonly bg: "#ffffff";
+    readonly bg2: "#f1f3f8";
+    readonly surface: "#ffffff";
+    readonly surface2: "#f7f8fc";
 };
 declare const motion: {
     readonly ease: {
@@ -129,45 +129,45 @@ declare const motion: {
 };
 declare const reference: {
     readonly colors: {
-        readonly bg: "#FDFDFC";
-        readonly bg2: "#F7F7F5";
-        readonly bg3: "#F0F0ED";
-        readonly surface: "#FFFFFF";
-        readonly surface2: "#FAFAF8";
-        readonly fg: "#0A0A0A";
-        readonly fg2: "#38383B";
-        readonly fg3: "#6B6B70";
-        readonly fg4: "#9A9AA0";
-        readonly fg5: "#C4C4C8";
-        readonly rule: "#EAEAE6";
-        readonly ruleSoft: "#F0F0EC";
-        readonly ruleStrong: "#DADAD4";
-        readonly accent: "#0066FF";
-        readonly accent2: "#0052CC";
-        readonly accentTint: "#E8F0FF";
-        readonly accentHover: "#005BE6";
-        readonly accentActive: "#004FCC";
-        readonly proBg: "#F4F1FF";
-        readonly proBgHover: "#EEE9FF";
-        readonly proBgActive: "#E4DDFF";
-        readonly proFg: "#6C42F8";
-        readonly proHover: "#5E35F2";
-        readonly proActive: "#5127E8";
-        readonly proDisabled: "#B7A7F3";
-        readonly proLine: "#7B5BD8";
-        readonly fgDisabled: "#A7A7AC";
-        readonly bgDisabled: "#F3F3F1";
-        readonly successFg: "#1F7A3D";
-        readonly successBg: "#EAF6EE";
-        readonly successLine: "#C5E5CF";
-        readonly warningFg: "#B45F0A";
-        readonly warningBg: "#FFF3E5";
-        readonly warningLine: "#F5D5A8";
-        readonly dangerFg: "#C43838";
-        readonly dangerBg: "#FBEAEA";
-        readonly dangerLine: "#ECC5C5";
-        readonly fgOnAccent: "#FFFFFF";
-        readonly fgOnPro: "#FFFFFF";
+        readonly bg: "#ffffff";
+        readonly bg2: "#f1f3f8";
+        readonly bg3: "#e7eaf1";
+        readonly surface: "#ffffff";
+        readonly surface2: "#f7f8fc";
+        readonly fg: "#0a0a0a";
+        readonly fg2: "#38383b";
+        readonly fg3: "#5f5f64";
+        readonly fg4: "#6b6b70";
+        readonly fg5: "#9a9aa0";
+        readonly rule: "#e4e7ef";
+        readonly ruleSoft: "#eef0f5";
+        readonly ruleStrong: "#d3d8e3";
+        readonly accent: "#6c42f8";
+        readonly accent2: "#5127e8";
+        readonly accentTint: "#efeaff";
+        readonly accentHover: "#5e35f2";
+        readonly accentActive: "#5127e8";
+        readonly proBg: "#f4f1ff";
+        readonly proBgHover: "#eee9ff";
+        readonly proBgActive: "#e4ddff";
+        readonly proFg: "#6c42f8";
+        readonly proHover: "#5e35f2";
+        readonly proActive: "#5127e8";
+        readonly proDisabled: "#b7a7f3";
+        readonly proLine: "#7b5bd8";
+        readonly fgDisabled: "#a7a7ac";
+        readonly bgDisabled: "#f3f3f1";
+        readonly successFg: "#1f7a3d";
+        readonly successBg: "#eaf6ee";
+        readonly successLine: "#c5e5cf";
+        readonly warningFg: "#8a4606";
+        readonly warningBg: "#fff3e5";
+        readonly warningLine: "#f5d5a8";
+        readonly dangerFg: "#c43838";
+        readonly dangerBg: "#fbeaea";
+        readonly dangerLine: "#ecc5c5";
+        readonly fgOnAccent: "#ffffff";
+        readonly fgOnPro: "#ffffff";
     };
     readonly typography: {
         readonly family: {
@@ -192,17 +192,17 @@ declare const reference: {
         readonly full: "9999px";
     };
     readonly shadows: {
-        readonly quiet: "0 1px 2px rgba(10,10,10,0.03)";
-        readonly card: "0 12px 28px -16px rgba(10,10,10,0.18), 0 1px 2px rgba(10,10,10,0.04)";
-        readonly pop: "0 30px 80px -30px rgba(10,10,10,0.18), 0 8px 24px -8px rgba(10,10,10,0.06)";
-        readonly focusRing: "0 0 0 2px rgba(0, 102, 255, 0.18)";
+        readonly quiet: "0 1px 2px rgba(10, 10, 10, 0.03)";
+        readonly card: "0 12px 28px -16px rgba(10, 10, 10, 0.18), 0 1px 2px rgba(10, 10, 10, 0.04)";
+        readonly pop: "0 30px 80px -30px rgba(10, 10, 10, 0.18), 0 8px 24px -8px rgba(10, 10, 10, 0.06)";
+        readonly focusRing: "0 0 0 2px rgba(108, 66, 248, 0.18)";
     };
     readonly overlays: {
         readonly hover: "rgba(10, 10, 10, 0.03)";
         readonly active: "rgba(10, 10, 10, 0.05)";
     };
     readonly layout: {
-        readonly shellSidebarWidth: "256px";
+        readonly shellSidebarWidth: "200px";
         readonly shellHeaderHeight: "56px";
         readonly contentPad: "32px";
     };
@@ -237,10 +237,10 @@ declare const reference: {
         readonly 180: "180px";
     };
     readonly surfaces: {
-        readonly bg: "#FDFDFC";
-        readonly bg2: "#F7F7F5";
-        readonly surface: "#FFFFFF";
-        readonly surface2: "#FAFAF8";
+        readonly bg: "#ffffff";
+        readonly bg2: "#f1f3f8";
+        readonly surface: "#ffffff";
+        readonly surface2: "#f7f8fc";
     };
 };
 type ReferenceTokens = typeof reference;

package/dist/tokens/index.js

@@ -1,52 +1,52 @@
 // src/tokens/reference.ts
 var colors = {
   /* Surfaces */
-  bg: "#FDFDFC",
-  bg2: "#F7F7F5",
-  bg3: "#F0F0ED",
-  surface: "#FFFFFF",
-  surface2: "#FAFAF8",
+  bg: "#ffffff",
+  bg2: "#f1f3f8",
+  bg3: "#e7eaf1",
+  surface: "#ffffff",
+  surface2: "#f7f8fc",
   /* Foreground */
-  fg: "#0A0A0A",
-  fg2: "#38383B",
-  fg3: "#6B6B70",
-  fg4: "#9A9AA0",
-  fg5: "#C4C4C8",
+  fg: "#0a0a0a",
+  fg2: "#38383b",
+  fg3: "#5f5f64",
+  fg4: "#6b6b70",
+  fg5: "#9a9aa0",
   /* Rules */
-  rule: "#EAEAE6",
-  ruleSoft: "#F0F0EC",
-  ruleStrong: "#DADAD4",
+  rule: "#e4e7ef",
+  ruleSoft: "#eef0f5",
+  ruleStrong: "#d3d8e3",
   /* Accent (cyan) */
-  accent: "#0066FF",
-  accent2: "#0052CC",
-  accentTint: "#E8F0FF",
-  accentHover: "#005BE6",
-  accentActive: "#004FCC",
+  accent: "#6c42f8",
+  accent2: "#5127e8",
+  accentTint: "#efeaff",
+  accentHover: "#5e35f2",
+  accentActive: "#5127e8",
   /* Pro (purple) */
-  proBg: "#F4F1FF",
-  proBgHover: "#EEE9FF",
-  proBgActive: "#E4DDFF",
-  proFg: "#6C42F8",
-  proHover: "#5E35F2",
-  proActive: "#5127E8",
-  proDisabled: "#B7A7F3",
-  proLine: "#7B5BD8",
+  proBg: "#f4f1ff",
+  proBgHover: "#eee9ff",
+  proBgActive: "#e4ddff",
+  proFg: "#6c42f8",
+  proHover: "#5e35f2",
+  proActive: "#5127e8",
+  proDisabled: "#b7a7f3",
+  proLine: "#7b5bd8",
   /* Disabled */
-  fgDisabled: "#A7A7AC",
-  bgDisabled: "#F3F3F1",
+  fgDisabled: "#a7a7ac",
+  bgDisabled: "#f3f3f1",
   /* Status */
-  successFg: "#1F7A3D",
-  successBg: "#EAF6EE",
-  successLine: "#C5E5CF",
-  warningFg: "#B45F0A",
-  warningBg: "#FFF3E5",
-  warningLine: "#F5D5A8",
-  dangerFg: "#C43838",
-  dangerBg: "#FBEAEA",
-  dangerLine: "#ECC5C5",
+  successFg: "#1f7a3d",
+  successBg: "#eaf6ee",
+  successLine: "#c5e5cf",
+  warningFg: "#8a4606",
+  warningBg: "#fff3e5",
+  warningLine: "#f5d5a8",
+  dangerFg: "#c43838",
+  dangerBg: "#fbeaea",
+  dangerLine: "#ecc5c5",
   /* On-brand */
-  fgOnAccent: "#FFFFFF",
-  fgOnPro: "#FFFFFF"
+  fgOnAccent: "#ffffff",
+  fgOnPro: "#ffffff"
 };
 var typography = {
   family: {
@@ -72,17 +72,17 @@ var radii = {
   full: "9999px"
 };
 var shadows = {
-  quiet: "0 1px 2px rgba(10,10,10,0.03)",
-  card: "0 12px 28px -16px rgba(10,10,10,0.18), 0 1px 2px rgba(10,10,10,0.04)",
-  pop: "0 30px 80px -30px rgba(10,10,10,0.18), 0 8px 24px -8px rgba(10,10,10,0.06)",
-  focusRing: "0 0 0 2px rgba(0, 102, 255, 0.18)"
+  quiet: "0 1px 2px rgba(10, 10, 10, 0.03)",
+  card: "0 12px 28px -16px rgba(10, 10, 10, 0.18), 0 1px 2px rgba(10, 10, 10, 0.04)",
+  pop: "0 30px 80px -30px rgba(10, 10, 10, 0.18), 0 8px 24px -8px rgba(10, 10, 10, 0.06)",
+  focusRing: "0 0 0 2px rgba(108, 66, 248, 0.18)"
 };
 var overlays = {
   hover: "rgba(10, 10, 10, 0.03)",
   active: "rgba(10, 10, 10, 0.05)"
 };
 var layout = {
-  shellSidebarWidth: "256px",
+  shellSidebarWidth: "200px",
   shellHeaderHeight: "56px",
   contentPad: "32px"
 };
@@ -103,10 +103,10 @@ var spacing = {
   180: "180px"
 };
 var surfaces = {
-  bg: "#FDFDFC",
-  bg2: "#F7F7F5",
-  surface: "#FFFFFF",
-  surface2: "#FAFAF8"
+  bg: "#ffffff",
+  bg2: "#f1f3f8",
+  surface: "#ffffff",
+  surface2: "#f7f8fc"
 };
 var motion = {
   ease: {

package/dist/tokens/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/tokens/reference.ts","../../src/tokens/system.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Reference tokens — raw palette.\n *\n * Programmatic access for theme switching, Figma sync, design tools, etc.\n * Components should NOT consume these directly; use system tokens (./system.ts)\n * or the CSS variables in ./tokens.css.\n */\n\nexport const colors = {\n  /* Surfaces */\n  bg: \"#FDFDFC\",\n  bg2: \"#F7F7F5\",\n  bg3: \"#F0F0ED\",\n  surface: \"#FFFFFF\",\n  surface2: \"#FAFAF8\",\n\n  /* Foreground */\n  fg: \"#0A0A0A\",\n  fg2: \"#38383B\",\n  fg3: \"#6B6B70\",\n  fg4: \"#9A9AA0\",\n  fg5: \"#C4C4C8\",\n\n  /* Rules */\n  rule: \"#EAEAE6\",\n  ruleSoft: \"#F0F0EC\",\n  ruleStrong: \"#DADAD4\",\n\n  /* Accent (cyan) */\n  accent: \"#0066FF\",\n  accent2: \"#0052CC\",\n  accentTint: \"#E8F0FF\",\n  accentHover: \"#005BE6\",\n  accentActive: \"#004FCC\",\n\n  /* Pro (purple) */\n  proBg: \"#F4F1FF\",\n  proBgHover: \"#EEE9FF\",\n  proBgActive: \"#E4DDFF\",\n  proFg: \"#6C42F8\",\n  proHover: \"#5E35F2\",\n  proActive: \"#5127E8\",\n  proDisabled: \"#B7A7F3\",\n  proLine: \"#7B5BD8\",\n\n  /* Disabled */\n  fgDisabled: \"#A7A7AC\",\n  bgDisabled: \"#F3F3F1\",\n\n  /* Status */\n  successFg: \"#1F7A3D\",\n  successBg: \"#EAF6EE\",\n  successLine: \"#C5E5CF\",\n  warningFg: \"#B45F0A\",\n  warningBg: \"#FFF3E5\",\n  warningLine: \"#F5D5A8\",\n  dangerFg: \"#C43838\",\n  dangerBg: \"#FBEAEA\",\n  dangerLine: \"#ECC5C5\",\n\n  /* On-brand */\n  fgOnAccent: \"#FFFFFF\",\n  fgOnPro: \"#FFFFFF\",\n} as const;\n\nexport const typography = {\n  family: {\n    display: '\"Plus Jakarta Sans\", -apple-system, system-ui, sans-serif',\n    body: '\"Plus Jakarta Sans\", -apple-system, system-ui, sans-serif',\n    mono: '\"Plus Jakarta Sans\", -apple-system, system-ui, sans-serif',\n  },\n  weight: {\n    regular: 400,\n    medium: 500,\n    semibold: 600,\n    bold: 700,\n  },\n  /* Universal entrance ease — applies to every motion primitive */\n  ease: \"cubic-bezier(0.2, 0.8, 0.2, 1)\",\n} as const;\n\nexport const radii = {\n  btn: \"7px\",\n  input: \"7px\",\n  pill: \"5px\",\n  card: \"12px\",\n  icon: \"4px\",\n  full: \"9999px\",\n} as const;\n\nexport const shadows = {\n  quiet: \"0 1px 2px rgba(10,10,10,0.03)\",\n  card: \"0 12px 28px -16px rgba(10,10,10,0.18), 0 1px 2px rgba(10,10,10,0.04)\",\n  pop: \"0 30px 80px -30px rgba(10,10,10,0.18), 0 8px 24px -8px rgba(10,10,10,0.06)\",\n  focusRing: \"0 0 0 2px rgba(0, 102, 255, 0.18)\",\n} as const;\n\nexport const overlays = {\n  hover: \"rgba(10, 10, 10, 0.03)\",\n  active: \"rgba(10, 10, 10, 0.05)\",\n} as const;\n\nexport const layout = {\n  shellSidebarWidth: \"256px\",\n  shellHeaderHeight: \"56px\",\n  contentPad: \"32px\",\n} as const;\n\n/**\n * Spacing — 4px base scale. Components mostly use arbitrary values;\n * this scale is exposed for programmatic access (e.g. design-tool sync).\n */\nexport const spacing = {\n  unit: \"4px\",\n  4: \"4px\",\n  8: \"8px\",\n  12: \"12px\",\n  16: \"16px\",\n  20: \"20px\",\n  24: \"24px\",\n  28: \"28px\",\n  32: \"32px\",\n  36: \"36px\",\n  40: \"40px\",\n  64: \"64px\",\n  80: \"80px\",\n  180: \"180px\",\n} as const;\n\n/**\n * Surface palette — the four canonical layers. Mirrors --color-bg / -2 /\n * --color-surface / --color-surface-2.\n */\nexport const surfaces = {\n  bg: \"#FDFDFC\",\n  bg2: \"#F7F7F5\",\n  surface: \"#FFFFFF\",\n  surface2: \"#FAFAF8\",\n} as const;\n\nexport const motion = {\n  ease: {\n    outQuart: \"cubic-bezier(0.2, 0.8, 0.2, 1)\",\n    out: \"cubic-bezier(0.16, 1, 0.3, 1)\",\n    in: \"cubic-bezier(0.7, 0, 0.84, 0)\",\n    inOut: \"cubic-bezier(0.65, 0, 0.35, 1)\",\n  },\n  duration: {\n    instant: \"100ms\",\n    fast: \"150ms\",\n    normal: \"250ms\",\n    slow: \"400ms\",\n  },\n} as const;\n\nexport const reference = {\n  colors,\n  typography,\n  radii,\n  shadows,\n  overlays,\n  layout,\n  motion,\n  spacing,\n  surfaces,\n} as const;\n\nexport type ReferenceTokens = typeof reference;\nexport type ColorName = keyof typeof colors;\n","/**\n * System tokens — suite semantic mappings as CSS variable references.\n *\n * Use these from JS (e.g. inline styles, Storybook decorators, motion configs)\n * when you can't use a Tailwind utility class. Component CSS should prefer the\n * generated utilities (`bg-bg`, `text-fg-2`, `border-rule`, `bg-pro-fg`, etc.)\n * which Tailwind 4 emits from `--color-*` tokens declared in ./tokens.css.\n *\n * Themes (.dark) re-map the underlying CSS variables; these references stay valid.\n */\n\nexport const systemTokens = {\n  color: {\n    /* Surfaces */\n    bg: \"var(--color-bg)\",\n    bg2: \"var(--color-bg-2)\",\n    bg3: \"var(--color-bg-3)\",\n    surface: \"var(--color-surface)\",\n    surface2: \"var(--color-surface-2)\",\n\n    /* Foreground */\n    fg: \"var(--color-fg)\",\n    fg2: \"var(--color-fg-2)\",\n    fg3: \"var(--color-fg-3)\",\n    fg4: \"var(--color-fg-4)\",\n    fg5: \"var(--color-fg-5)\",\n\n    /* Rules */\n    rule: \"var(--color-rule)\",\n    ruleSoft: \"var(--color-rule-soft)\",\n    ruleStrong: \"var(--color-rule-strong)\",\n\n    /* Accent (purple) */\n    accent: \"var(--color-accent)\",\n    accent2: \"var(--color-accent-2)\",\n    accentTint: \"var(--color-accent-tint)\",\n    accentHover: \"var(--color-accent-hover)\",\n    accentActive: \"var(--color-accent-active)\",\n    accentRing: \"var(--color-accent-ring)\",\n\n    /* Stable cross-product CTA; deliberately independent of [data-brand]. */\n    suiteAction: \"var(--color-suite-action)\",\n    suiteActionHover: \"var(--color-suite-action-hover)\",\n    suiteActionActive: \"var(--color-suite-action-active)\",\n    fgOnSuiteAction: \"var(--color-fg-on-suite-action)\",\n\n    /* Brand — ambient product family; follows the active [data-brand] scope,\n       defaulting to Pro. Prefer these (and the generated bg-brand / text-brand\n       / border-brand-line / text-fg-on-brand utilities) for scope-aware chrome\n       so the product never appears in a class name. */\n    brand: \"var(--color-brand)\",\n    brandHover: \"var(--color-brand-hover)\",\n    brandActive: \"var(--color-brand-active)\",\n    brandDisabled: \"var(--color-brand-disabled)\",\n    brandBg: \"var(--color-brand-bg)\",\n    brandBgHover: \"var(--color-brand-bg-hover)\",\n    brandBgActive: \"var(--color-brand-bg-active)\",\n    brandLine: \"var(--color-brand-line)\",\n    brandRing: \"var(--color-brand-ring)\",\n    fgOnBrand: \"var(--color-fg-on-brand)\",\n\n    /* Pro (purple) */\n    proBg: \"var(--color-pro-bg)\",\n    proBgHover: \"var(--color-pro-bg-hover)\",\n    proBgActive: \"var(--color-pro-bg-active)\",\n    proFg: \"var(--color-pro-fg)\",\n    proHover: \"var(--color-pro-hover)\",\n    proActive: \"var(--color-pro-active)\",\n    proDisabled: \"var(--color-pro-disabled)\",\n    proLine: \"var(--color-pro-line)\",\n    proRing: \"var(--color-pro-ring)\",\n    auditFg: \"var(--color-audit-fg)\",\n    auditHover: \"var(--color-audit-hover)\",\n    auditActive: \"var(--color-audit-active)\",\n    auditDisabled: \"var(--color-audit-disabled)\",\n    auditBg: \"var(--color-audit-bg)\",\n    auditBgHover: \"var(--color-audit-bg-hover)\",\n    auditBgActive: \"var(--color-audit-bg-active)\",\n    auditLine: \"var(--color-audit-line)\",\n    auditRing: \"var(--color-audit-ring)\",\n    booksFg: \"var(--color-books-fg)\",\n    booksHover: \"var(--color-books-hover)\",\n    booksActive: \"var(--color-books-active)\",\n    booksDisabled: \"var(--color-books-disabled)\",\n    booksBg: \"var(--color-books-bg)\",\n    booksBgHover: \"var(--color-books-bg-hover)\",\n    booksBgActive: \"var(--color-books-bg-active)\",\n    booksLine: \"var(--color-books-line)\",\n    booksRing: \"var(--color-books-ring)\",\n    taxFg: \"var(--color-tax-fg)\",\n    taxHover: \"var(--color-tax-hover)\",\n    taxActive: \"var(--color-tax-active)\",\n    taxDisabled: \"var(--color-tax-disabled)\",\n    taxBg: \"var(--color-tax-bg)\",\n    taxBgHover: \"var(--color-tax-bg-hover)\",\n    taxBgActive: \"var(--color-tax-bg-active)\",\n    taxLine: \"var(--color-tax-line)\",\n    taxRing: \"var(--color-tax-ring)\",\n\n    /* On-brand — text/icon color on a filled brand/product surface */\n    fgOnAccent: \"var(--color-fg-on-accent)\",\n    fgOnPro: \"var(--color-fg-on-pro)\",\n    fgOnAudit: \"var(--color-fg-on-audit)\",\n    fgOnBooks: \"var(--color-fg-on-books)\",\n    fgOnTax: \"var(--color-fg-on-tax)\",\n\n    /* Disabled */\n    fgDisabled: \"var(--color-fg-disabled)\",\n    bgDisabled: \"var(--color-bg-disabled)\",\n\n    /* Overlays */\n    overlayHover: \"var(--color-overlay-hover)\",\n    overlayActive: \"var(--color-overlay-active)\",\n\n    /* Status */\n    successFg: \"var(--color-success-fg)\",\n    successBg: \"var(--color-success-bg)\",\n    successLine: \"var(--color-success-line)\",\n    warningFg: \"var(--color-warning-fg)\",\n    warningBg: \"var(--color-warning-bg)\",\n    warningLine: \"var(--color-warning-line)\",\n    dangerFg: \"var(--color-danger-fg)\",\n    dangerBg: \"var(--color-danger-bg)\",\n    dangerLine: \"var(--color-danger-line)\",\n\n    /* Data-viz — chart series ramp + area gradient stops */\n    chart1: \"var(--color-chart-1)\",\n    chart2: \"var(--color-chart-2)\",\n    chart3: \"var(--color-chart-3)\",\n    chart4: \"var(--color-chart-4)\",\n    chartLine: \"var(--color-chart-line)\",\n    chartAreaFrom: \"var(--color-chart-area-from)\",\n    chartAreaTo: \"var(--color-chart-area-to)\",\n\n    /* Practice service tones — fill + track tint */\n    serviceTax: \"var(--color-service-tax)\",\n    serviceTaxBg: \"var(--color-service-tax-bg)\",\n    serviceAudit: \"var(--color-service-audit)\",\n    serviceAuditBg: \"var(--color-service-audit-bg)\",\n    serviceAccounting: \"var(--color-service-accounting)\",\n    serviceAccountingBg: \"var(--color-service-accounting-bg)\",\n  },\n\n  /** Ordered chart series ramp — index a series by position, cycle with `% 4`. */\n  chart: [\n    \"var(--color-chart-1)\",\n    \"var(--color-chart-2)\",\n    \"var(--color-chart-3)\",\n    \"var(--color-chart-4)\",\n  ],\n\n  gradient: {\n    brand: \"var(--gradient-brand)\",\n    pro: \"var(--gradient-pro)\",\n    audit: \"var(--gradient-audit)\",\n    books: \"var(--gradient-books)\",\n    tax: \"var(--gradient-tax)\",\n  },\n\n  shadow: {\n    quiet: \"var(--shadow-quiet)\",\n    card: \"var(--shadow-card)\",\n    pop: \"var(--shadow-pop)\",\n    focusRing: \"var(--shadow-focus-ring)\",\n    xs: \"var(--shadow-xs)\",\n    sm: \"var(--shadow-sm)\",\n    md: \"var(--shadow-md)\",\n    lg: \"var(--shadow-lg)\",\n    xl: \"var(--shadow-xl)\",\n    \"2xl\": \"var(--shadow-2xl)\",\n  },\n\n  radius: {\n    btn: \"var(--radius-btn)\",\n    input: \"var(--radius-input)\",\n    pill: \"var(--radius-pill)\",\n    card: \"var(--radius-card)\",\n    icon: \"var(--radius-icon)\",\n    full: \"var(--radius-full)\",\n  },\n\n  type: {\n    family: {\n      display: \"var(--font-display)\",\n      body: \"var(--font-body)\",\n      mono: \"var(--font-mono)\",\n    },\n    weight: {\n      regular: \"var(--font-weight-regular)\",\n      medium: \"var(--font-weight-medium)\",\n      semibold: \"var(--font-weight-semibold)\",\n      bold: \"var(--font-weight-bold)\",\n    },\n  },\n\n  motion: {\n    ease: {\n      outQuart: \"var(--ease-out-quart)\",\n      out: \"var(--ease-out)\",\n      in: \"var(--ease-in)\",\n      inOut: \"var(--ease-in-out)\",\n    },\n    duration: {\n      instant: \"var(--duration-instant)\",\n      fast: \"var(--duration-fast)\",\n      normal: \"var(--duration-normal)\",\n      slow: \"var(--duration-slow)\",\n    },\n    semantic: {\n      duration: {\n        press: \"var(--motion-duration-press)\",\n        feedback: \"var(--motion-duration-feedback)\",\n        overlay: \"var(--motion-duration-overlay)\",\n        spatial: \"var(--motion-duration-spatial)\",\n        deliberate: \"var(--motion-duration-deliberate)\",\n      },\n      ease: {\n        enter: \"var(--motion-ease-enter)\",\n        exit: \"var(--motion-ease-exit)\",\n        move: \"var(--motion-ease-move)\",\n      },\n    },\n  },\n\n  layout: {\n    shellSidebarWidth: \"var(--shell-sidebar-w)\",\n    shellSidebarRailWidth: \"var(--shell-sidebar-w-rail)\",\n    shellHeaderHeight: \"var(--shell-header-h)\",\n    contentPad: \"var(--content-pad)\",\n  },\n\n  z: {\n    base: \"var(--z-base)\",\n    dropdown: \"var(--z-dropdown)\",\n    sticky: \"var(--z-sticky)\",\n    overlay: \"var(--z-overlay)\",\n    modal: \"var(--z-modal)\",\n    toast: \"var(--z-toast)\",\n    tooltip: \"var(--z-tooltip)\",\n  },\n} as const;\n\nexport type SystemTokens = typeof systemTokens;\n"]}
+{"version":3,"sources":["../../src/tokens/reference.ts","../../src/tokens/system.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["/* GENERATED FILE — do not edit.\n * Source: tokens/src (DTCG, ADR-003).\n * Generator: tokens/build/lib/generate-ts.mjs, template tokens/build/templates/reference.ts.tmpl.\n * Change the token files and run `pnpm tokens:build`; `pnpm tokens:check`\n * fails when this file is out of date. */\n/**\n * Reference tokens — raw palette.\n *\n * Programmatic access for theme switching, Figma sync, design tools, etc.\n * Components should NOT consume these directly; use system tokens (./system.ts)\n * or the CSS variables in ./tokens.css.\n */\n\nexport const colors = {\n  /* Surfaces */\n  bg: \"#ffffff\",\n  bg2: \"#f1f3f8\",\n  bg3: \"#e7eaf1\",\n  surface: \"#ffffff\",\n  surface2: \"#f7f8fc\",\n\n  /* Foreground */\n  fg: \"#0a0a0a\",\n  fg2: \"#38383b\",\n  fg3: \"#5f5f64\",\n  fg4: \"#6b6b70\",\n  fg5: \"#9a9aa0\",\n\n  /* Rules */\n  rule: \"#e4e7ef\",\n  ruleSoft: \"#eef0f5\",\n  ruleStrong: \"#d3d8e3\",\n\n  /* Accent (cyan) */\n  accent: \"#6c42f8\",\n  accent2: \"#5127e8\",\n  accentTint: \"#efeaff\",\n  accentHover: \"#5e35f2\",\n  accentActive: \"#5127e8\",\n\n  /* Pro (purple) */\n  proBg: \"#f4f1ff\",\n  proBgHover: \"#eee9ff\",\n  proBgActive: \"#e4ddff\",\n  proFg: \"#6c42f8\",\n  proHover: \"#5e35f2\",\n  proActive: \"#5127e8\",\n  proDisabled: \"#b7a7f3\",\n  proLine: \"#7b5bd8\",\n\n  /* Disabled */\n  fgDisabled: \"#a7a7ac\",\n  bgDisabled: \"#f3f3f1\",\n\n  /* Status */\n  successFg: \"#1f7a3d\",\n  successBg: \"#eaf6ee\",\n  successLine: \"#c5e5cf\",\n  warningFg: \"#8a4606\",\n  warningBg: \"#fff3e5\",\n  warningLine: \"#f5d5a8\",\n  dangerFg: \"#c43838\",\n  dangerBg: \"#fbeaea\",\n  dangerLine: \"#ecc5c5\",\n\n  /* On-brand */\n  fgOnAccent: \"#ffffff\",\n  fgOnPro: \"#ffffff\",\n} as const;\n\nexport const typography = {\n  family: {\n    display: '\"Plus Jakarta Sans\", -apple-system, system-ui, sans-serif',\n    body: '\"Plus Jakarta Sans\", -apple-system, system-ui, sans-serif',\n    mono: '\"Plus Jakarta Sans\", -apple-system, system-ui, sans-serif',\n  },\n  weight: {\n    regular: 400,\n    medium: 500,\n    semibold: 600,\n    bold: 700,\n  },\n  /* Universal entrance ease — applies to every motion primitive */\n  ease: \"cubic-bezier(0.2, 0.8, 0.2, 1)\",\n} as const;\n\nexport const radii = {\n  btn: \"7px\",\n  input: \"7px\",\n  pill: \"5px\",\n  card: \"12px\",\n  icon: \"4px\",\n  full: \"9999px\",\n} as const;\n\nexport const shadows = {\n  quiet: \"0 1px 2px rgba(10, 10, 10, 0.03)\",\n  card: \"0 12px 28px -16px rgba(10, 10, 10, 0.18), 0 1px 2px rgba(10, 10, 10, 0.04)\",\n  pop: \"0 30px 80px -30px rgba(10, 10, 10, 0.18), 0 8px 24px -8px rgba(10, 10, 10, 0.06)\",\n  focusRing: \"0 0 0 2px rgba(108, 66, 248, 0.18)\",\n} as const;\n\nexport const overlays = {\n  hover: \"rgba(10, 10, 10, 0.03)\",\n  active: \"rgba(10, 10, 10, 0.05)\",\n} as const;\n\nexport const layout = {\n  shellSidebarWidth: \"200px\",\n  shellHeaderHeight: \"56px\",\n  contentPad: \"32px\",\n} as const;\n\n/**\n * Spacing — 4px base scale. Components mostly use arbitrary values;\n * this scale is exposed for programmatic access (e.g. design-tool sync).\n */\nexport const spacing = {\n  unit: \"4px\",\n  4: \"4px\",\n  8: \"8px\",\n  12: \"12px\",\n  16: \"16px\",\n  20: \"20px\",\n  24: \"24px\",\n  28: \"28px\",\n  32: \"32px\",\n  36: \"36px\",\n  40: \"40px\",\n  64: \"64px\",\n  80: \"80px\",\n  180: \"180px\",\n} as const;\n\n/**\n * Surface palette — the four canonical layers. Mirrors --color-bg / -2 /\n * --color-surface / --color-surface-2.\n */\nexport const surfaces = {\n  bg: \"#ffffff\",\n  bg2: \"#f1f3f8\",\n  surface: \"#ffffff\",\n  surface2: \"#f7f8fc\",\n} as const;\n\nexport const motion = {\n  ease: {\n    outQuart: \"cubic-bezier(0.2, 0.8, 0.2, 1)\",\n    out: \"cubic-bezier(0.16, 1, 0.3, 1)\",\n    in: \"cubic-bezier(0.7, 0, 0.84, 0)\",\n    inOut: \"cubic-bezier(0.65, 0, 0.35, 1)\",\n  },\n  duration: {\n    instant: \"100ms\",\n    fast: \"150ms\",\n    normal: \"250ms\",\n    slow: \"400ms\",\n  },\n} as const;\n\nexport const reference = {\n  colors,\n  typography,\n  radii,\n  shadows,\n  overlays,\n  layout,\n  motion,\n  spacing,\n  surfaces,\n} as const;\n\nexport type ReferenceTokens = typeof reference;\nexport type ColorName = keyof typeof colors;\n","/* GENERATED FILE — do not edit.\n * Source: tokens/src (DTCG, ADR-003).\n * Generator: tokens/build/lib/generate-ts.mjs, template tokens/build/templates/system.ts.tmpl.\n * Change the token files and run `pnpm tokens:build`; `pnpm tokens:check`\n * fails when this file is out of date. */\n/**\n * System tokens — suite semantic mappings as CSS variable references.\n *\n * Use these from JS (e.g. inline styles, Storybook decorators, motion configs)\n * when you can't use a Tailwind utility class. Component CSS should prefer the\n * generated utilities (`bg-bg`, `text-fg-2`, `border-rule`, `bg-pro-fg`, etc.)\n * which Tailwind 4 emits from `--color-*` tokens declared in ./tokens.css.\n *\n * Themes (.dark) re-map the underlying CSS variables; these references stay valid.\n */\n\nexport const systemTokens = {\n  color: {\n    /* Surfaces */\n    bg: \"var(--color-bg)\",\n    bg2: \"var(--color-bg-2)\",\n    bg3: \"var(--color-bg-3)\",\n    surface: \"var(--color-surface)\",\n    surface2: \"var(--color-surface-2)\",\n\n    /* Foreground */\n    fg: \"var(--color-fg)\",\n    fg2: \"var(--color-fg-2)\",\n    fg3: \"var(--color-fg-3)\",\n    fg4: \"var(--color-fg-4)\",\n    fg5: \"var(--color-fg-5)\",\n\n    /* Rules */\n    rule: \"var(--color-rule)\",\n    ruleSoft: \"var(--color-rule-soft)\",\n    ruleStrong: \"var(--color-rule-strong)\",\n\n    /* Accent (purple) */\n    accent: \"var(--color-accent)\",\n    accent2: \"var(--color-accent-2)\",\n    accentTint: \"var(--color-accent-tint)\",\n    accentHover: \"var(--color-accent-hover)\",\n    accentActive: \"var(--color-accent-active)\",\n    accentRing: \"var(--color-accent-ring)\",\n\n    /* Stable cross-product CTA; deliberately independent of [data-brand]. */\n    suiteAction: \"var(--color-suite-action)\",\n    suiteActionHover: \"var(--color-suite-action-hover)\",\n    suiteActionActive: \"var(--color-suite-action-active)\",\n    fgOnSuiteAction: \"var(--color-fg-on-suite-action)\",\n\n    /* Brand — ambient product family; follows the active [data-brand] scope,\n       defaulting to Pro. Prefer these (and the generated bg-brand / text-brand\n       / border-brand-line / text-fg-on-brand utilities) for scope-aware chrome\n       so the product never appears in a class name. */\n    brand: \"var(--color-brand)\",\n    brandHover: \"var(--color-brand-hover)\",\n    brandActive: \"var(--color-brand-active)\",\n    brandDisabled: \"var(--color-brand-disabled)\",\n    brandBg: \"var(--color-brand-bg)\",\n    brandBgHover: \"var(--color-brand-bg-hover)\",\n    brandBgActive: \"var(--color-brand-bg-active)\",\n    brandLine: \"var(--color-brand-line)\",\n    brandRing: \"var(--color-brand-ring)\",\n    fgOnBrand: \"var(--color-fg-on-brand)\",\n\n    /* Pro (purple) */\n    proBg: \"var(--color-pro-bg)\",\n    proBgHover: \"var(--color-pro-bg-hover)\",\n    proBgActive: \"var(--color-pro-bg-active)\",\n    proFg: \"var(--color-pro-fg)\",\n    proHover: \"var(--color-pro-hover)\",\n    proActive: \"var(--color-pro-active)\",\n    proDisabled: \"var(--color-pro-disabled)\",\n    proLine: \"var(--color-pro-line)\",\n    proRing: \"var(--color-pro-ring)\",\n    auditFg: \"var(--color-audit-fg)\",\n    auditHover: \"var(--color-audit-hover)\",\n    auditActive: \"var(--color-audit-active)\",\n    auditDisabled: \"var(--color-audit-disabled)\",\n    auditBg: \"var(--color-audit-bg)\",\n    auditBgHover: \"var(--color-audit-bg-hover)\",\n    auditBgActive: \"var(--color-audit-bg-active)\",\n    auditLine: \"var(--color-audit-line)\",\n    auditRing: \"var(--color-audit-ring)\",\n    booksFg: \"var(--color-books-fg)\",\n    booksHover: \"var(--color-books-hover)\",\n    booksActive: \"var(--color-books-active)\",\n    booksDisabled: \"var(--color-books-disabled)\",\n    booksBg: \"var(--color-books-bg)\",\n    booksBgHover: \"var(--color-books-bg-hover)\",\n    booksBgActive: \"var(--color-books-bg-active)\",\n    booksLine: \"var(--color-books-line)\",\n    booksRing: \"var(--color-books-ring)\",\n    taxFg: \"var(--color-tax-fg)\",\n    taxHover: \"var(--color-tax-hover)\",\n    taxActive: \"var(--color-tax-active)\",\n    taxDisabled: \"var(--color-tax-disabled)\",\n    taxBg: \"var(--color-tax-bg)\",\n    taxBgHover: \"var(--color-tax-bg-hover)\",\n    taxBgActive: \"var(--color-tax-bg-active)\",\n    taxLine: \"var(--color-tax-line)\",\n    taxRing: \"var(--color-tax-ring)\",\n\n    /* On-brand — text/icon color on a filled brand/product surface */\n    fgOnAccent: \"var(--color-fg-on-accent)\",\n    fgOnPro: \"var(--color-fg-on-pro)\",\n    fgOnAudit: \"var(--color-fg-on-audit)\",\n    fgOnBooks: \"var(--color-fg-on-books)\",\n    fgOnTax: \"var(--color-fg-on-tax)\",\n\n    /* Disabled */\n    fgDisabled: \"var(--color-fg-disabled)\",\n    bgDisabled: \"var(--color-bg-disabled)\",\n\n    /* Overlays */\n    overlayHover: \"var(--color-overlay-hover)\",\n    overlayActive: \"var(--color-overlay-active)\",\n\n    /* Status */\n    successFg: \"var(--color-success-fg)\",\n    successBg: \"var(--color-success-bg)\",\n    successLine: \"var(--color-success-line)\",\n    warningFg: \"var(--color-warning-fg)\",\n    warningBg: \"var(--color-warning-bg)\",\n    warningLine: \"var(--color-warning-line)\",\n    dangerFg: \"var(--color-danger-fg)\",\n    dangerBg: \"var(--color-danger-bg)\",\n    dangerLine: \"var(--color-danger-line)\",\n\n    /* Data-viz — chart series ramp + area gradient stops */\n    chart1: \"var(--color-chart-1)\",\n    chart2: \"var(--color-chart-2)\",\n    chart3: \"var(--color-chart-3)\",\n    chart4: \"var(--color-chart-4)\",\n    chartLine: \"var(--color-chart-line)\",\n    chartAreaFrom: \"var(--color-chart-area-from)\",\n    chartAreaTo: \"var(--color-chart-area-to)\",\n\n    /* Practice service tones — fill + track tint */\n    serviceTax: \"var(--color-service-tax)\",\n    serviceTaxBg: \"var(--color-service-tax-bg)\",\n    serviceAudit: \"var(--color-service-audit)\",\n    serviceAuditBg: \"var(--color-service-audit-bg)\",\n    serviceAccounting: \"var(--color-service-accounting)\",\n    serviceAccountingBg: \"var(--color-service-accounting-bg)\",\n  },\n\n  /** Ordered chart series ramp — index a series by position, cycle with `% 4`. */\n  chart: [\n    \"var(--color-chart-1)\",\n    \"var(--color-chart-2)\",\n    \"var(--color-chart-3)\",\n    \"var(--color-chart-4)\",\n  ],\n\n  gradient: {\n    brand: \"var(--gradient-brand)\",\n    pro: \"var(--gradient-pro)\",\n    audit: \"var(--gradient-audit)\",\n    books: \"var(--gradient-books)\",\n    tax: \"var(--gradient-tax)\",\n  },\n\n  shadow: {\n    quiet: \"var(--shadow-quiet)\",\n    card: \"var(--shadow-card)\",\n    pop: \"var(--shadow-pop)\",\n    focusRing: \"var(--shadow-focus-ring)\",\n    xs: \"var(--shadow-xs)\",\n    sm: \"var(--shadow-sm)\",\n    md: \"var(--shadow-md)\",\n    lg: \"var(--shadow-lg)\",\n    xl: \"var(--shadow-xl)\",\n    \"2xl\": \"var(--shadow-2xl)\",\n  },\n\n  radius: {\n    btn: \"var(--radius-btn)\",\n    input: \"var(--radius-input)\",\n    pill: \"var(--radius-pill)\",\n    card: \"var(--radius-card)\",\n    icon: \"var(--radius-icon)\",\n    full: \"var(--radius-full)\",\n  },\n\n  type: {\n    family: {\n      display: \"var(--font-display)\",\n      body: \"var(--font-body)\",\n      mono: \"var(--font-mono)\",\n    },\n    weight: {\n      regular: \"var(--font-weight-regular)\",\n      medium: \"var(--font-weight-medium)\",\n      semibold: \"var(--font-weight-semibold)\",\n      bold: \"var(--font-weight-bold)\",\n    },\n  },\n\n  motion: {\n    ease: {\n      outQuart: \"var(--ease-out-quart)\",\n      out: \"var(--ease-out)\",\n      in: \"var(--ease-in)\",\n      inOut: \"var(--ease-in-out)\",\n    },\n    duration: {\n      instant: \"var(--duration-instant)\",\n      fast: \"var(--duration-fast)\",\n      normal: \"var(--duration-normal)\",\n      slow: \"var(--duration-slow)\",\n    },\n    semantic: {\n      duration: {\n        press: \"var(--motion-duration-press)\",\n        feedback: \"var(--motion-duration-feedback)\",\n        overlay: \"var(--motion-duration-overlay)\",\n        spatial: \"var(--motion-duration-spatial)\",\n        deliberate: \"var(--motion-duration-deliberate)\",\n      },\n      ease: {\n        enter: \"var(--motion-ease-enter)\",\n        exit: \"var(--motion-ease-exit)\",\n        move: \"var(--motion-ease-move)\",\n      },\n    },\n  },\n\n  layout: {\n    shellSidebarWidth: \"var(--shell-sidebar-w)\",\n    shellSidebarRailWidth: \"var(--shell-sidebar-w-rail)\",\n    shellHeaderHeight: \"var(--shell-header-h)\",\n    contentPad: \"var(--content-pad)\",\n  },\n\n  z: {\n    base: \"var(--z-base)\",\n    dropdown: \"var(--z-dropdown)\",\n    sticky: \"var(--z-sticky)\",\n    overlay: \"var(--z-overlay)\",\n    modal: \"var(--z-modal)\",\n    toast: \"var(--z-toast)\",\n    tooltip: \"var(--z-tooltip)\",\n  },\n} as const;\n\nexport type SystemTokens = typeof systemTokens;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@assure-one/design-system",
-  "version": "1.31.0",
+  "version": "1.32.0",
   "description": "Assure One design system — tokens, primitives, and patterns for the Assure Suite.",
   "license": "UNLICENSED",
   "private": false,
@@ -17,13 +17,31 @@
       "import": "./dist/index.js"
     },
     "./styles.css": "./dist/styles.css",
+    "./css/tokens.css": "./dist/css/tokens.css",
+    "./css/legacy-aliases.css": "./dist/css/legacy-aliases.css",
+    "./css/tailwind.css": "./dist/css/tailwind.css",
+    "./css/shadcn.css": "./dist/css/shadcn.css",
+    "./css/base.css": "./dist/css/base.css",
     "./tokens": {
       "types": "./dist/tokens/index.d.ts",
       "import": "./dist/tokens/index.js"
-    }
+    },
+    "./testing": {
+      "import": {
+        "types": "./dist/testing/index.d.ts",
+        "default": "./dist/testing/index.js"
+      },
+      "require": {
+        "types": "./dist/testing/index.d.cts",
+        "default": "./dist/testing/index.cjs"
+      }
+    },
+    "./package.json": "./package.json"
   },
   "files": [
     "dist",
+    "codemods",
+    "!codemods/__test__",
     "README.md"
   ],
   "publishConfig": {
@@ -77,12 +95,13 @@
     "input-otp": "^1.4.2",
     "react-day-picker": "^10.0.0",
     "react-remove-scroll": "^2.7.2",
-    "tailwind-merge": "^2.6.0",
+    "tailwind-merge": "^3.7.0",
     "tw-animate-css": "^1.4.0"
   },
   "devDependencies": {
     "@changesets/cli": "^2.27.12",
     "@eslint/js": "^10.0.1",
+    "@microsoft/api-extractor": "^7.59.1",
     "@storybook/addon-a11y": "8.6.18",
     "@storybook/addon-essentials": "^8.6.18",
     "@storybook/addon-interactions": "^8.6.18",
@@ -99,17 +118,23 @@
     "@typescript-eslint/eslint-plugin": "^8.20.0",
     "@typescript-eslint/parser": "^8.20.0",
     "@vitejs/plugin-react": "^4.3.4",
+    "@vitest/browser-playwright": "^4.1.11",
     "agentation": "^3.0.2",
     "axe-playwright": "^2.2.2",
     "concurrently": "^9.2.1",
+    "dependency-cruiser": "^18.3.1",
+    "esbuild": "0.27.7",
     "eslint": "^9.18.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-react": "^7.37.4",
     "eslint-plugin-react-hooks": "^5.1.0",
     "eslint-plugin-storybook": "^0.11.2",
     "http-server": "^14.1.1",
+    "jsdom": "^26.1.0",
     "next": "16.1.6",
     "playwright": "^1.59.1",
+    "postcss": "^8.5.13",
+    "postcss-selector-parser": "^7.1.6",
     "prettier": "^3.4.2",
     "prettier-plugin-tailwindcss": "^0.6.10",
     "react": "^19.0.0",
@@ -119,26 +144,69 @@
     "tsup": "^8.3.5",
     "typescript": "^5.7.3",
     "vite": "^6.0.7",
+    "vitest": "^4.1.11",
+    "vitest-browser-react": "^2.3.0",
     "wait-on": "^9.0.6"
   },
   "engines": {
     "node": ">=22"
   },
   "scripts": {
-    "build": "tsup && pnpm build:css",
+    "prebuild": "pnpm tokens:build",
+    "build": "tsup && pnpm build:testing && pnpm build:css && pnpm build:css:entries",
     "build:css": "tailwindcss -i ./src/tokens/consumer.css -o ./dist/styles.css --minify",
+    "build:css:entries": "node scripts/build-css-entries.mjs",
+    "build:testing": "tsup --config tsup.testing.config.ts",
     "dev": "tsup --watch",
     "dev:css": "tailwindcss -i ./src/tokens/consumer.css -o ./dist/styles.css --watch",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "test-storybook": "test-storybook --url http://127.0.0.1:6006",
     "test-storybook:ci": "concurrently -k -s first -n \"sb,test\" -c \"magenta,blue\" \"http-server storybook-static -p 6006 -s\" \"wait-on tcp:127.0.0.1:6006 && test-storybook --url http://127.0.0.1:6006\"",
+    "test-storybook:a11y": "node scripts/storybook-tests/run.mjs --mode a11y",
+    "test-storybook:play": "node scripts/storybook-tests/run.mjs --mode play",
+    "a11y:ratchet": "node scripts/a11y-ratchet.mjs",
+    "a11y:report": "node scripts/a11y-ratchet.mjs --report",
+    "a11y:update": "node scripts/a11y-ratchet.mjs --update",
+    "a11y:triage": "node scripts/a11y/triage.mjs",
+    "test": "vitest run",
+    "test:browser": "vitest run --config vitest.browser.config.ts",
+    "typecheck:browser": "tsc -p tests/browser/tsconfig.json --noEmit",
     "test:contracts": "node --test tests/design-system-contracts.test.mjs",
+    "contracts:check": "node scripts/contracts/run.mjs --check",
+    "contracts:snapshot": "node scripts/contracts/run.mjs --snapshot",
     "typecheck": "tsc --noEmit",
+    "typecheck:stories": "tsc -p tsconfig.stories.json --noEmit",
+    "api:check": "node scripts/api/api-report.mjs --check",
+    "api:update": "node scripts/api/api-report.mjs --update",
+    "arch:report": "node scripts/architecture/report.mjs",
+    "arch:baseline": "node scripts/architecture/report.mjs --update",
+    "ratchet": "node scripts/ratchet/run.mjs",
+    "ratchet:update": "node scripts/ratchet/run.mjs --update",
+    "lint:report": "node scripts/ratchet/run.mjs --report",
+    "fixtures:host": "node scripts/host-fixtures/run.mjs",
+    "bundle:report": "node scripts/bundle-report.mjs",
+    "bundle:check": "node scripts/bundle-report.mjs --check",
+    "bundle:update": "node scripts/bundle-report.mjs --update",
+    "scan:consumers": "node scripts/scan-consumers/run.mjs",
+    "codemods": "node codemods/run.mjs",
+    "codemods:findings": "node scripts/codemods/collect-findings.mjs",
+    "dashboard": "node scripts/dashboard.mjs",
+    "dashboard:check": "node scripts/dashboard.mjs --check",
+    "canary": "node scripts/canary/run.mjs",
     "lint": "eslint src",
     "format": "prettier --write src",
     "changeset": "changeset",
     "release": "changeset publish",
-    "version": "changeset version"
+    "version": "changeset version",
+    "tokens:validate": "node tokens/build/validate.mjs",
+    "tokens:extract": "node tokens/build/extract-from-css.mjs",
+    "tokens:build": "node tokens/build/build.mjs",
+    "tokens:check": "node tokens/build/build.mjs --check",
+    "tokens:equivalence": "node tokens/build/check-build-equivalence.mjs",
+    "tokens:removals": "node tokens/build/check-removals.mjs",
+    "tokens:ds-check": "node tokens/build/check-ds-names.mjs",
+    "tokens:bridges": "node tokens/build/check-bridges.mjs",
+    "tokens:guards": "pnpm tokens:check && pnpm tokens:removals && pnpm tokens:ds-check && pnpm tokens:bridges"
   }
 }