@epilot/zenith-react 0.2.0-next.0 → 0.2.0-next.3

package/dist/components/toggle/toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.js","sources":["../../../src/components/toggle/toggle.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as TogglePrimitive from \"@radix-ui/react-toggle\"\nimport { mergeClasses, shorthands } from \"@epilot/zenith-runtime/v1\"\n\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\nimport * as tokens from \"../../tokens\"\n\nexport type ToggleVariant = \"default\" | \"destructive\"\nexport type ToggleSize = \"sm\" | \"base\" | \"lg\"\n\nexport const useToggleStyles = makeZenithStyles({\n  root: {\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    ...shorthands.gap(tokens.spacingElement1),\n    flexShrink: 0,\n    cursor: \"pointer\",\n    fontWeight: tokens.fontWeightSemibold,\n    transitionProperty: \"all\",\n    transitionDuration: \"150ms\",\n    transitionTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    \"@media (prefers-reduced-motion: reduce)\": {\n      transitionDuration: \"0.01ms\",\n    },\n    ...shorthands.borderStyle(\"none\"),\n    ...shorthands.borderWidth(0),\n    \":focus-visible\": {\n      outlineWidth: \"2px\",\n      outlineOffset: \"2px\",\n      outlineStyle: \"solid\",\n      outlineColor: tokens.focusRing,\n    },\n    \":disabled, &[data-disabled]\": {\n      pointerEvents: \"none\",\n      opacity: 0.5,\n    },\n    \"& svg\": {\n      flexShrink: 0,\n      pointerEvents: \"none\",\n      color: \"currentColor\",\n    },\n  },\n  // Variants\n  default: {\n    backgroundColor: \"transparent\",\n    color: tokens.accentLight,\n    \":hover\": {\n      backgroundColor: tokens.accentSoft,\n    },\n    \"&[data-state='on']\": {\n      backgroundColor: tokens.accentA3,\n      color: tokens.accentOnSoft,\n    },\n    \"&[data-state='on']:hover\": {\n      backgroundColor: tokens.accentA4,\n    },\n  },\n  destructive: {\n    backgroundColor: \"transparent\",\n    color: tokens.errorLight,\n    \":hover\": {\n      backgroundColor: tokens.errorSoft,\n    },\n    \"&[data-state='on']\": {\n      backgroundColor: tokens.errorA3,\n      color: tokens.errorOnSoft,\n    },\n    \"&[data-state='on']:hover\": {\n      backgroundColor: tokens.errorA4,\n    },\n  },\n  // Sizes\n  sm: {\n    height: \"1.5rem\",\n    minWidth: \"1.5rem\",\n    ...shorthands.borderRadius(tokens.radiusLg),\n    ...shorthands.paddingInline(\"0.375rem\"),\n    \"& svg\": {\n      width: \"0.875rem\",\n      height: \"0.875rem\",\n    },\n  },\n  base: {\n    height: \"2rem\",\n    minWidth: \"2rem\",\n    ...shorthands.borderRadius(tokens.radiusXl),\n    ...shorthands.paddingInline(tokens.spacingElement2),\n    \"& svg\": {\n      width: \"1rem\",\n      height: \"1rem\",\n    },\n  },\n  lg: {\n    height: \"2.5rem\",\n    minWidth: \"2.5rem\",\n    ...shorthands.borderRadius(tokens.radius2xl),\n    ...shorthands.paddingInline(\"0.625rem\"),\n    \"& svg\": {\n      width: \"1.25rem\",\n      height: \"1.25rem\",\n    },\n  },\n})\n\nexport type ToggleProps = React.ComponentProps<typeof TogglePrimitive.Root> & {\n  variant?: ToggleVariant\n  size?: ToggleSize\n}\n\nexport const Toggle = React.forwardRef<\n  React.ComponentRef<typeof TogglePrimitive.Root>,\n  ToggleProps\n>(function Toggle(\n  { className, variant = \"default\", size = \"base\", ...props },\n  ref\n) {\n  const styles = useToggleStyles()\n\n  return (\n    <TogglePrimitive.Root\n      ref={ref}\n      data-slot=\"toggle\"\n      {...{ [SLOT_ATTR]: \"toggle\" }}\n      className={mergeClasses(\n        styles.root,\n        styles[variant],\n        styles[size],\n        className\n      )}\n      {...props}\n    />\n  )\n})\n"],"names":["useToggleStyles","makeZenithStyles","shorthands","tokens.spacingElement1","tokens.fontWeightSemibold","tokens.focusRing","tokens.accentLight","tokens.accentSoft","tokens.accentA3","tokens.accentOnSoft","tokens.accentA4","tokens.errorLight","tokens.errorSoft","tokens.errorA3","tokens.errorOnSoft","tokens.errorA4","tokens.radiusLg","tokens.radiusXl","tokens.spacingElement2","tokens.radius2xl","Toggle","React","className","variant","size","props","ref","styles","jsx","TogglePrimitive.Root","SLOT_ATTR","mergeClasses"],"mappings":";;;;;;AAWO,MAAMA,IAAkBC,EAAiB;AAAA,EAC9C,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,GAAGC,EAAW,IAAIC,CAAsB;AAAA,IACxC,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,YAAYC;AAAAA,IACZ,oBAAoB;AAAA,IACpB,oBAAoB;AAAA,IACpB,0BAA0B;AAAA,IAC1B,2CAA2C;AAAA,MACzC,oBAAoB;AAAA,IAAA;AAAA,IAEtB,GAAGF,EAAW,YAAY,MAAM;AAAA,IAChC,GAAGA,EAAW,YAAY,CAAC;AAAA,IAC3B,kBAAkB;AAAA,MAChB,cAAc;AAAA,MACd,eAAe;AAAA,MACf,cAAc;AAAA,MACd,cAAcG;AAAAA,IAAO;AAAA,IAEvB,+BAA+B;AAAA,MAC7B,eAAe;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,IAEX,SAAS;AAAA,MACP,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,OAAO;AAAA,IAAA;AAAA,EACT;AAAA;AAAA,EAGF,SAAS;AAAA,IACP,iBAAiB;AAAA,IACjB,OAAOC;AAAAA,IACP,UAAU;AAAA,MACR,iBAAiBC;AAAAA,IAAO;AAAA,IAE1B,sBAAsB;AAAA,MACpB,iBAAiBC;AAAAA,MACjB,OAAOC;AAAAA,IAAO;AAAA,IAEhB,4BAA4B;AAAA,MAC1B,iBAAiBC;AAAAA,IAAO;AAAA,EAC1B;AAAA,EAEF,aAAa;AAAA,IACX,iBAAiB;AAAA,IACjB,OAAOC;AAAAA,IACP,UAAU;AAAA,MACR,iBAAiBC;AAAAA,IAAO;AAAA,IAE1B,sBAAsB;AAAA,MACpB,iBAAiBC;AAAAA,MACjB,OAAOC;AAAAA,IAAO;AAAA,IAEhB,4BAA4B;AAAA,MAC1B,iBAAiBC;AAAAA,IAAO;AAAA,EAC1B;AAAA;AAAA,EAGF,IAAI;AAAA,IACF,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,GAAGb,EAAW,aAAac,CAAe;AAAA,IAC1C,GAAGd,EAAW,cAAc,UAAU;AAAA,IACtC,SAAS;AAAA,MACP,OAAO;AAAA,MACP,QAAQ;AAAA,IAAA;AAAA,EACV;AAAA,EAEF,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,GAAGA,EAAW,aAAae,CAAe;AAAA,IAC1C,GAAGf,EAAW,cAAcgB,CAAsB;AAAA,IAClD,SAAS;AAAA,MACP,OAAO;AAAA,MACP,QAAQ;AAAA,IAAA;AAAA,EACV;AAAA,EAEF,IAAI;AAAA,IACF,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,GAAGhB,EAAW,aAAaiB,CAAgB;AAAA,IAC3C,GAAGjB,EAAW,cAAc,UAAU;AAAA,IACtC,SAAS;AAAA,MACP,OAAO;AAAA,MACP,QAAQ;AAAA,IAAA;AAAA,EACV;AAEJ,CAAC,GAOYkB,IAASC,EAAM,WAG1B,SACA,EAAE,WAAAC,GAAW,SAAAC,IAAU,WAAW,MAAAC,IAAO,QAAQ,GAAGC,EAAA,GACpDC,GACA;AACA,QAAMC,IAAS3B,EAAA;AAEf,SACE,gBAAA4B;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAAH;AAAA,MACA,aAAU;AAAA,MACJ,CAACI,CAAS,GAAG;AAAA,MACnB,WAAWC;AAAA,QACTJ,EAAO;AAAA,QACPA,EAAOJ,CAAO;AAAA,QACdI,EAAOH,CAAI;AAAA,QACXF;AAAA,MAAA;AAAA,MAED,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;"}
+{"version":3,"file":"toggle.js","sources":["../../../src/components/toggle/toggle.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as TogglePrimitive from \"@radix-ui/react-toggle\"\nimport { mergeClasses, shorthands } from \"@epilot/zenith-runtime/v1\"\n\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\nimport { nativeControl } from \"../../styles/host-reset\"\nimport * as tokens from \"../../tokens\"\n\nexport type ToggleVariant = \"default\" | \"destructive\"\nexport type ToggleSize = \"sm\" | \"base\" | \"lg\"\n\nexport const useToggleStyles = makeZenithStyles({\n  root: {\n    ...nativeControl,\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    ...shorthands.gap(tokens.spacingElement1),\n    flexShrink: 0,\n    cursor: \"pointer\",\n    fontWeight: tokens.fontWeightSemibold,\n    transitionProperty: \"all\",\n    transitionDuration: \"150ms\",\n    transitionTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    \"@media (prefers-reduced-motion: reduce)\": {\n      transitionDuration: \"0.01ms\",\n    },\n    ...shorthands.borderStyle(\"none\"),\n    ...shorthands.borderWidth(0),\n    \":focus-visible\": {\n      outlineWidth: \"2px\",\n      outlineOffset: \"2px\",\n      outlineStyle: \"solid\",\n      outlineColor: tokens.focusRing,\n    },\n    \":disabled, &[data-disabled]\": {\n      pointerEvents: \"none\",\n      opacity: 0.5,\n    },\n    \"& svg\": {\n      flexShrink: 0,\n      pointerEvents: \"none\",\n      color: \"currentColor\",\n    },\n  },\n  // Variants\n  default: {\n    backgroundColor: \"transparent\",\n    color: tokens.accentLight,\n    \":hover\": {\n      backgroundColor: tokens.accentSoft,\n    },\n    \"&[data-state='on']\": {\n      backgroundColor: tokens.accentA3,\n      color: tokens.accentOnSoft,\n    },\n    \"&[data-state='on']:hover\": {\n      backgroundColor: tokens.accentA4,\n    },\n  },\n  destructive: {\n    backgroundColor: \"transparent\",\n    color: tokens.errorLight,\n    \":hover\": {\n      backgroundColor: tokens.errorSoft,\n    },\n    \"&[data-state='on']\": {\n      backgroundColor: tokens.errorA3,\n      color: tokens.errorOnSoft,\n    },\n    \"&[data-state='on']:hover\": {\n      backgroundColor: tokens.errorA4,\n    },\n  },\n  // Sizes\n  sm: {\n    height: \"1.5rem\",\n    minWidth: \"1.5rem\",\n    ...shorthands.borderRadius(tokens.radiusLg),\n    ...shorthands.paddingInline(\"0.375rem\"),\n    \"& svg\": {\n      width: \"0.875rem\",\n      height: \"0.875rem\",\n    },\n  },\n  base: {\n    height: \"2rem\",\n    minWidth: \"2rem\",\n    ...shorthands.borderRadius(tokens.radiusXl),\n    ...shorthands.paddingInline(tokens.spacingElement2),\n    \"& svg\": {\n      width: \"1rem\",\n      height: \"1rem\",\n    },\n  },\n  lg: {\n    height: \"2.5rem\",\n    minWidth: \"2.5rem\",\n    ...shorthands.borderRadius(tokens.radius2xl),\n    ...shorthands.paddingInline(\"0.625rem\"),\n    \"& svg\": {\n      width: \"1.25rem\",\n      height: \"1.25rem\",\n    },\n  },\n})\n\nexport type ToggleProps = React.ComponentProps<typeof TogglePrimitive.Root> & {\n  variant?: ToggleVariant\n  size?: ToggleSize\n}\n\nexport const Toggle = React.forwardRef<\n  React.ComponentRef<typeof TogglePrimitive.Root>,\n  ToggleProps\n>(function Toggle(\n  { className, variant = \"default\", size = \"base\", ...props },\n  ref\n) {\n  const styles = useToggleStyles()\n\n  return (\n    <TogglePrimitive.Root\n      ref={ref}\n      data-slot=\"toggle\"\n      {...{ [SLOT_ATTR]: \"toggle\" }}\n      className={mergeClasses(\n        styles.root,\n        styles[variant],\n        styles[size],\n        className\n      )}\n      {...props}\n    />\n  )\n})\n"],"names":["useToggleStyles","makeZenithStyles","nativeControl","shorthands","tokens.spacingElement1","tokens.fontWeightSemibold","tokens.focusRing","tokens.accentLight","tokens.accentSoft","tokens.accentA3","tokens.accentOnSoft","tokens.accentA4","tokens.errorLight","tokens.errorSoft","tokens.errorA3","tokens.errorOnSoft","tokens.errorA4","tokens.radiusLg","tokens.radiusXl","tokens.spacingElement2","tokens.radius2xl","Toggle","React","className","variant","size","props","ref","styles","jsx","TogglePrimitive.Root","SLOT_ATTR","mergeClasses"],"mappings":";;;;;;;AAYO,MAAMA,IAAkBC,EAAiB;AAAA,EAC9C,MAAM;AAAA,IACJ,GAAGC;AAAA,IACH,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,GAAGC,EAAW,IAAIC,CAAsB;AAAA,IACxC,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,YAAYC;AAAAA,IACZ,oBAAoB;AAAA,IACpB,oBAAoB;AAAA,IACpB,0BAA0B;AAAA,IAC1B,2CAA2C;AAAA,MACzC,oBAAoB;AAAA,IAAA;AAAA,IAEtB,GAAGF,EAAW,YAAY,MAAM;AAAA,IAChC,GAAGA,EAAW,YAAY,CAAC;AAAA,IAC3B,kBAAkB;AAAA,MAChB,cAAc;AAAA,MACd,eAAe;AAAA,MACf,cAAc;AAAA,MACd,cAAcG;AAAAA,IAAO;AAAA,IAEvB,+BAA+B;AAAA,MAC7B,eAAe;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,IAEX,SAAS;AAAA,MACP,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,OAAO;AAAA,IAAA;AAAA,EACT;AAAA;AAAA,EAGF,SAAS;AAAA,IACP,iBAAiB;AAAA,IACjB,OAAOC;AAAAA,IACP,UAAU;AAAA,MACR,iBAAiBC;AAAAA,IAAO;AAAA,IAE1B,sBAAsB;AAAA,MACpB,iBAAiBC;AAAAA,MACjB,OAAOC;AAAAA,IAAO;AAAA,IAEhB,4BAA4B;AAAA,MAC1B,iBAAiBC;AAAAA,IAAO;AAAA,EAC1B;AAAA,EAEF,aAAa;AAAA,IACX,iBAAiB;AAAA,IACjB,OAAOC;AAAAA,IACP,UAAU;AAAA,MACR,iBAAiBC;AAAAA,IAAO;AAAA,IAE1B,sBAAsB;AAAA,MACpB,iBAAiBC;AAAAA,MACjB,OAAOC;AAAAA,IAAO;AAAA,IAEhB,4BAA4B;AAAA,MAC1B,iBAAiBC;AAAAA,IAAO;AAAA,EAC1B;AAAA;AAAA,EAGF,IAAI;AAAA,IACF,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,GAAGb,EAAW,aAAac,CAAe;AAAA,IAC1C,GAAGd,EAAW,cAAc,UAAU;AAAA,IACtC,SAAS;AAAA,MACP,OAAO;AAAA,MACP,QAAQ;AAAA,IAAA;AAAA,EACV;AAAA,EAEF,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,GAAGA,EAAW,aAAae,CAAe;AAAA,IAC1C,GAAGf,EAAW,cAAcgB,CAAsB;AAAA,IAClD,SAAS;AAAA,MACP,OAAO;AAAA,MACP,QAAQ;AAAA,IAAA;AAAA,EACV;AAAA,EAEF,IAAI;AAAA,IACF,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,GAAGhB,EAAW,aAAaiB,CAAgB;AAAA,IAC3C,GAAGjB,EAAW,cAAc,UAAU;AAAA,IACtC,SAAS;AAAA,MACP,OAAO;AAAA,MACP,QAAQ;AAAA,IAAA;AAAA,EACV;AAEJ,CAAC,GAOYkB,IAASC,EAAM,WAG1B,SACA,EAAE,WAAAC,GAAW,SAAAC,IAAU,WAAW,MAAAC,IAAO,QAAQ,GAAGC,EAAA,GACpDC,GACA;AACA,QAAMC,IAAS5B,EAAA;AAEf,SACE,gBAAA6B;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAAH;AAAA,MACA,aAAU;AAAA,MACJ,CAACI,CAAS,GAAG;AAAA,MACnB,WAAWC;AAAA,QACTJ,EAAO;AAAA,QACPA,EAAOJ,CAAO;AAAA,QACdI,EAAOH,CAAI;AAAA,QACXF;AAAA,MAAA;AAAA,MAED,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;"}

package/dist/components/tooltip/tooltip.js

@@ -1,31 +1,39 @@
-import { jsx as r, jsxs as T } from "react/jsx-runtime";
+import { jsx as r, jsxs as b } from "react/jsx-runtime";
 import * as e from "react";
-import { Root as x, Content as v, Arrow as b, Portal as w, Provider as h, Trigger as R } from "../../vendor/.bun/@radix-ui_react-tooltip@1.2.8_2b23df507bdda662/vendor/@radix-ui/react-tooltip/dist/index.js";
-import { SLOT_ATTR as s, mergeClasses as C, shorthands as l } from "@epilot/zenith-runtime/v1";
-import { useAppearanceAttributes as N } from "../appearance-boundary/appearance-boundary.js";
-import { useDensity as A } from "../density-provider/density-provider.js";
-import { makeZenithStyles as P } from "../../styles/make-styles.js";
-import { error12 as d, gray12 as p, spacingElement1 as n, error1 as k, errorA12 as z, gray1 as S, textXs as X, spacingElement2 as Y, radiusLg as _ } from "../../tokens/index.js";
-const $ = P({
+import { Root as w, Content as h, Arrow as R, Portal as C, Provider as N, Trigger as A } from "../../vendor/.bun/@radix-ui_react-tooltip@1.2.8_2b23df507bdda662/vendor/@radix-ui/react-tooltip/dist/index.js";
+import { SLOT_ATTR as s, mergeClasses as g, shorthands as p } from "@epilot/zenith-runtime/v1";
+import { useAppearanceAttributes as P } from "../appearance-boundary/appearance-boundary.js";
+import { useDensity as X } from "../density-provider/density-provider.js";
+import { makeZenithStyles as Y } from "../../styles/make-styles.js";
+import { boxModel as f, nativeControl as _ } from "../../styles/host-reset.js";
+import { OVERLAY_Z_INDEX as k } from "../../styles/overlay-layer.js";
+import { error12 as u, gray12 as m, spacingElement1 as n, error1 as z, errorA12 as S, gray1 as D, textXs as E, spacingElement2 as $, radiusLg as I } from "../../tokens/index.js";
+const y = Y({
+  // For the bare native `<button>` a Trigger/Close renders. Not applied under `asChild`, where the
+  // child owns its own element and two atom sets would race for the same properties.
+  nativeTrigger: {
+    ..._
+  },
   popup: {
+    ...f,
     width: "fit-content",
     transformOrigin: "var(--radix-tooltip-content-transform-origin)",
-    ...l.borderRadius(_),
-    ...l.padding(Y),
+    ...p.borderRadius(I),
+    ...p.padding($),
     // v1 shadow-md; elevation has no token in this package.
     boxShadow: "0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a",
-    fontSize: X,
+    fontSize: E,
     // v1 leading-none; no line-height token exists.
     lineHeight: "1",
     textWrap: "balance",
-    zIndex: 50,
+    zIndex: k,
     "&[data-variant='default']": {
-      backgroundColor: p,
-      color: S
+      backgroundColor: m,
+      color: D
     },
     "&[data-variant='destructive']": {
-      backgroundColor: z,
-      color: k
+      backgroundColor: S,
+      color: z
     },
     "&[data-state='open']": {
       animationName: {
@@ -81,49 +89,54 @@ const $ = P({
     }
   },
   arrow: {
+    ...f,
     position: "relative",
     zIndex: 50,
     width: "0.625rem",
     height: "0.625rem",
     transform: "translateY(calc(-50% - 2px)) rotate(45deg)",
-    ...l.borderRadius("2px"),
+    ...p.borderRadius("2px"),
     "&[data-variant='default']": {
-      backgroundColor: p,
-      fill: p
+      backgroundColor: m,
+      fill: m
     },
     "&[data-variant='destructive']": {
-      backgroundColor: d,
-      fill: d
+      backgroundColor: u,
+      fill: u
     }
   }
-}), H = e.forwardRef(function({ delayDuration: t = 0, ...o }, a) {
+}), q = e.forwardRef(function({ delayDuration: t = 0, ...o }, a) {
   return /* @__PURE__ */ r(
-    h,
+    N,
     {
       delayDuration: t,
       "data-slot": "tooltip-provider",
       ...o
     }
   );
-}), W = e.forwardRef(
+}), B = e.forwardRef(
   function(t, o) {
-    return /* @__PURE__ */ r(x, { "data-slot": "tooltip", ...t });
+    return /* @__PURE__ */ r(w, { "data-slot": "tooltip", ...t });
   }
-), Z = e.forwardRef(function({ className: t, ...o }, a) {
+), G = e.forwardRef(function({ className: t, ...o }, a) {
+  const l = y();
   return /* @__PURE__ */ r(
-    R,
+    A,
     {
       ref: a,
       "data-slot": "tooltip-trigger",
       [s]: "tooltip-trigger",
-      className: t,
+      className: g(
+        !o.asChild && l.nativeTrigger,
+        t
+      ),
       ...o
     }
   );
-}), q = e.forwardRef(
+}), J = e.forwardRef(
   function(t, o) {
     return /* @__PURE__ */ r(
-      w,
+      C,
       {
         "data-slot": "tooltip-portal",
         [s]: "tooltip-portal",
@@ -131,23 +144,23 @@ const $ = P({
       }
     );
   }
-), B = e.forwardRef(function({ className: t, hideArrow: o = !1, variant: a = "default", children: f, ...u }, g) {
-  const c = $(), m = A(), y = N();
-  return /* @__PURE__ */ T(
-    v,
+), K = e.forwardRef(function({ className: t, hideArrow: o = !1, variant: a = "default", children: l, ...T }, v) {
+  const c = y(), d = X(), x = P();
+  return /* @__PURE__ */ b(
+    h,
     {
-      ref: g,
+      ref: v,
       "data-slot": "tooltip-content",
       [s]: "tooltip-content",
-      ...m !== void 0 ? { "data-density": m } : {},
-      ...y,
+      ...d !== void 0 ? { "data-density": d } : {},
+      ...x,
       "data-variant": a,
-      className: C(c.popup, t),
-      ...u,
+      className: g(c.popup, t),
+      ...T,
       children: [
-        f,
+        l,
         !o && /* @__PURE__ */ r(
-          b,
+          R,
           {
             "data-slot": "tooltip-arrow",
             [s]: "tooltip-arrow",
@@ -160,10 +173,10 @@ const $ = P({
   );
 });
 export {
-  W as Tooltip,
-  B as TooltipContent,
-  q as TooltipPortal,
-  H as TooltipProvider,
-  Z as TooltipTrigger
+  B as Tooltip,
+  K as TooltipContent,
+  J as TooltipPortal,
+  q as TooltipProvider,
+  G as TooltipTrigger
 };
 //# sourceMappingURL=tooltip.js.map

package/dist/components/tooltip/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sources":["../../../src/components/tooltip/tooltip.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\"\nimport { mergeClasses, shorthands } from \"@epilot/zenith-runtime/v1\"\n\nimport { useAppearanceAttributes } from \"../appearance-boundary/appearance-boundary\"\nimport { useDensity } from \"../density-provider/density-provider\"\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\nimport * as tokens from \"../../tokens\"\n\nconst useStyles = makeZenithStyles({\n  popup: {\n    width: \"fit-content\",\n    transformOrigin: \"var(--radix-tooltip-content-transform-origin)\",\n    ...shorthands.borderRadius(tokens.radiusLg),\n    ...shorthands.padding(tokens.spacingElement2),\n    // v1 shadow-md; elevation has no token in this package.\n    boxShadow: \"0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a\",\n    fontSize: tokens.textXs,\n    // v1 leading-none; no line-height token exists.\n    lineHeight: \"1\",\n    textWrap: \"balance\",\n    zIndex: 50,\n    \"&[data-variant='default']\": {\n      backgroundColor: tokens.gray12,\n      color: tokens.gray1,\n    },\n    \"&[data-variant='destructive']\": {\n      backgroundColor: tokens.errorA12,\n      color: tokens.error1,\n    },\n    \"&[data-state='open']\": {\n      animationName: {\n        from: { opacity: 0, transform: \"scale(0.95)\" },\n        to: { opacity: 1, transform: \"scale(1)\" },\n      },\n      animationDuration: \"150ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    },\n    \"&[data-state='open'][data-side='bottom']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: `translateY(-${tokens.spacingElement1}) scale(0.95)`,\n        },\n        to: { opacity: 1, transform: \"translateY(0) scale(1)\" },\n      },\n    },\n    \"&[data-state='open'][data-side='left']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: `translateX(${tokens.spacingElement1}) scale(0.95)`,\n        },\n        to: { opacity: 1, transform: \"translateX(0) scale(1)\" },\n      },\n    },\n    \"&[data-state='open'][data-side='right']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: `translateX(-${tokens.spacingElement1}) scale(0.95)`,\n        },\n        to: { opacity: 1, transform: \"translateX(0) scale(1)\" },\n      },\n    },\n    \"&[data-state='open'][data-side='top']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: `translateY(${tokens.spacingElement1}) scale(0.95)`,\n        },\n        to: { opacity: 1, transform: \"translateY(0) scale(1)\" },\n      },\n    },\n    \"&[data-state='closed']\": {\n      animationName: {\n        from: { opacity: 1, transform: \"scale(1)\" },\n        to: { opacity: 0, transform: \"scale(0.95)\" },\n      },\n      animationDuration: \"0ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 1, 1)\",\n    },\n  },\n  arrow: {\n    position: \"relative\",\n    zIndex: 50,\n    width: \"0.625rem\",\n    height: \"0.625rem\",\n    transform: \"translateY(calc(-50% - 2px)) rotate(45deg)\",\n    ...shorthands.borderRadius(\"2px\"),\n    \"&[data-variant='default']\": {\n      backgroundColor: tokens.gray12,\n      fill: tokens.gray12,\n    },\n    \"&[data-variant='destructive']\": {\n      backgroundColor: tokens.error12,\n      fill: tokens.error12,\n    },\n  },\n})\n\nexport type TooltipProviderProps = React.ComponentProps<\n  typeof TooltipPrimitive.Provider\n>\n\nexport const TooltipProvider = React.forwardRef<\n  HTMLElement,\n  TooltipProviderProps\n>(function TooltipProvider({ delayDuration = 0, ...props }, _ref) {\n  return (\n    <TooltipPrimitive.Provider\n      delayDuration={delayDuration}\n      data-slot=\"tooltip-provider\"\n      {...props}\n    />\n  )\n})\n\nexport type TooltipProps = React.ComponentProps<typeof TooltipPrimitive.Root>\n\nexport const Tooltip = React.forwardRef<HTMLElement, TooltipProps>(\n  function Tooltip(props, _ref) {\n    return <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n  }\n)\n\nexport type TooltipTriggerProps = React.ComponentProps<\n  typeof TooltipPrimitive.Trigger\n>\n\nexport const TooltipTrigger = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Trigger>,\n  TooltipTriggerProps\n>(function TooltipTrigger({ className, ...props }, ref) {\n  return (\n    <TooltipPrimitive.Trigger\n      ref={ref}\n      data-slot=\"tooltip-trigger\"\n      {...{ [SLOT_ATTR]: \"tooltip-trigger\" }}\n      className={className}\n      {...props}\n    />\n  )\n})\n\nexport type TooltipPortalProps = React.ComponentProps<\n  typeof TooltipPrimitive.Portal\n>\n\nexport const TooltipPortal = React.forwardRef<HTMLElement, TooltipPortalProps>(\n  function TooltipPortal(props, _ref) {\n    return (\n      <TooltipPrimitive.Portal\n        data-slot=\"tooltip-portal\"\n        {...{ [SLOT_ATTR]: \"tooltip-portal\" }}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type TooltipContentProps = React.ComponentProps<\n  typeof TooltipPrimitive.Content\n> & {\n  hideArrow?: boolean\n  variant?: \"default\" | \"destructive\"\n}\n\nexport const TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  TooltipContentProps\n>(function TooltipContent(\n  { className, hideArrow = false, variant = \"default\", children, ...props },\n  ref\n) {\n  const styles = useStyles()\n  // DENSITY-SPEC.md §4.4 — portal content boundary; see dialog.tsx's identical comment. Tooltip\n  // content rarely nests density-consuming children, but the mechanism is applied uniformly across\n  // every portal-content component rather than special-cased per component.\n  const override = useDensity()\n  // SPEC.md §2 rule 3 — the same portal asymmetry, for the appearance pair: re-stamp the\n  // nearest explicit AppearanceBoundary's mode+surface, or neither attribute when there is\n  // none, leaving live shell inheritance in place.\n  const appearance = useAppearanceAttributes()\n\n  return (\n    <TooltipPrimitive.Content\n      ref={ref}\n      data-slot=\"tooltip-content\"\n      {...{ [SLOT_ATTR]: \"tooltip-content\" }}\n      {...(override !== undefined ? { \"data-density\": override } : {})}\n      {...appearance}\n      data-variant={variant}\n      className={mergeClasses(styles.popup, className)}\n      {...props}\n    >\n      {children}\n      {!hideArrow && (\n        <TooltipPrimitive.Arrow\n          data-slot=\"tooltip-arrow\"\n          {...{ [SLOT_ATTR]: \"tooltip-arrow\" }}\n          data-variant={variant}\n          className={styles.arrow}\n        />\n      )}\n    </TooltipPrimitive.Content>\n  )\n})\n"],"names":["useStyles","makeZenithStyles","shorthands","tokens.radiusLg","tokens.spacingElement2","tokens.textXs","tokens.gray12","tokens.gray1","tokens.errorA12","tokens.error1","tokens.spacingElement1","tokens.error12","TooltipProvider","React","delayDuration","props","_ref","jsx","TooltipPrimitive.Provider","Tooltip","TooltipPrimitive.Root","TooltipTrigger","className","ref","TooltipPrimitive.Trigger","SLOT_ATTR","TooltipPortal","TooltipPrimitive.Portal","TooltipContent","hideArrow","variant","children","styles","override","useDensity","appearance","useAppearanceAttributes","jsxs","TooltipPrimitive.Content","mergeClasses","TooltipPrimitive.Arrow"],"mappings":"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"}
+{"version":3,"file":"tooltip.js","sources":["../../../src/components/tooltip/tooltip.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\"\nimport { mergeClasses, shorthands } from \"@epilot/zenith-runtime/v1\"\n\nimport { useAppearanceAttributes } from \"../appearance-boundary/appearance-boundary\"\nimport { useDensity } from \"../density-provider/density-provider\"\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\nimport { boxModel, nativeControl } from \"../../styles/host-reset\"\nimport { OVERLAY_Z_INDEX } from \"../../styles/overlay-layer\"\nimport * as tokens from \"../../tokens\"\n\nconst useStyles = makeZenithStyles({\n  // For the bare native `<button>` a Trigger/Close renders. Not applied under `asChild`, where the\n  // child owns its own element and two atom sets would race for the same properties.\n  nativeTrigger: {\n    ...nativeControl,\n  },\n  popup: {\n    ...boxModel,\n    width: \"fit-content\",\n    transformOrigin: \"var(--radix-tooltip-content-transform-origin)\",\n    ...shorthands.borderRadius(tokens.radiusLg),\n    ...shorthands.padding(tokens.spacingElement2),\n    // v1 shadow-md; elevation has no token in this package.\n    boxShadow: \"0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a\",\n    fontSize: tokens.textXs,\n    // v1 leading-none; no line-height token exists.\n    lineHeight: \"1\",\n    textWrap: \"balance\",\n    zIndex: OVERLAY_Z_INDEX,\n    \"&[data-variant='default']\": {\n      backgroundColor: tokens.gray12,\n      color: tokens.gray1,\n    },\n    \"&[data-variant='destructive']\": {\n      backgroundColor: tokens.errorA12,\n      color: tokens.error1,\n    },\n    \"&[data-state='open']\": {\n      animationName: {\n        from: { opacity: 0, transform: \"scale(0.95)\" },\n        to: { opacity: 1, transform: \"scale(1)\" },\n      },\n      animationDuration: \"150ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    },\n    \"&[data-state='open'][data-side='bottom']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: `translateY(-${tokens.spacingElement1}) scale(0.95)`,\n        },\n        to: { opacity: 1, transform: \"translateY(0) scale(1)\" },\n      },\n    },\n    \"&[data-state='open'][data-side='left']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: `translateX(${tokens.spacingElement1}) scale(0.95)`,\n        },\n        to: { opacity: 1, transform: \"translateX(0) scale(1)\" },\n      },\n    },\n    \"&[data-state='open'][data-side='right']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: `translateX(-${tokens.spacingElement1}) scale(0.95)`,\n        },\n        to: { opacity: 1, transform: \"translateX(0) scale(1)\" },\n      },\n    },\n    \"&[data-state='open'][data-side='top']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: `translateY(${tokens.spacingElement1}) scale(0.95)`,\n        },\n        to: { opacity: 1, transform: \"translateY(0) scale(1)\" },\n      },\n    },\n    \"&[data-state='closed']\": {\n      animationName: {\n        from: { opacity: 1, transform: \"scale(1)\" },\n        to: { opacity: 0, transform: \"scale(0.95)\" },\n      },\n      animationDuration: \"0ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 1, 1)\",\n    },\n  },\n  arrow: {\n    ...boxModel,\n    position: \"relative\",\n    zIndex: 50,\n    width: \"0.625rem\",\n    height: \"0.625rem\",\n    transform: \"translateY(calc(-50% - 2px)) rotate(45deg)\",\n    ...shorthands.borderRadius(\"2px\"),\n    \"&[data-variant='default']\": {\n      backgroundColor: tokens.gray12,\n      fill: tokens.gray12,\n    },\n    \"&[data-variant='destructive']\": {\n      backgroundColor: tokens.error12,\n      fill: tokens.error12,\n    },\n  },\n})\n\nexport type TooltipProviderProps = React.ComponentProps<\n  typeof TooltipPrimitive.Provider\n>\n\nexport const TooltipProvider = React.forwardRef<\n  HTMLElement,\n  TooltipProviderProps\n>(function TooltipProvider({ delayDuration = 0, ...props }, _ref) {\n  return (\n    <TooltipPrimitive.Provider\n      delayDuration={delayDuration}\n      data-slot=\"tooltip-provider\"\n      {...props}\n    />\n  )\n})\n\nexport type TooltipProps = React.ComponentProps<typeof TooltipPrimitive.Root>\n\nexport const Tooltip = React.forwardRef<HTMLElement, TooltipProps>(\n  function Tooltip(props, _ref) {\n    return <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n  }\n)\n\nexport type TooltipTriggerProps = React.ComponentProps<\n  typeof TooltipPrimitive.Trigger\n>\n\nexport const TooltipTrigger = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Trigger>,\n  TooltipTriggerProps\n>(function TooltipTrigger({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <TooltipPrimitive.Trigger\n      ref={ref}\n      data-slot=\"tooltip-trigger\"\n      {...{ [SLOT_ATTR]: \"tooltip-trigger\" }}\n      className={mergeClasses(\n        !props.asChild && styles.nativeTrigger,\n        className\n      )}\n      {...props}\n    />\n  )\n})\n\nexport type TooltipPortalProps = React.ComponentProps<\n  typeof TooltipPrimitive.Portal\n>\n\nexport const TooltipPortal = React.forwardRef<HTMLElement, TooltipPortalProps>(\n  function TooltipPortal(props, _ref) {\n    return (\n      <TooltipPrimitive.Portal\n        data-slot=\"tooltip-portal\"\n        {...{ [SLOT_ATTR]: \"tooltip-portal\" }}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type TooltipContentProps = React.ComponentProps<\n  typeof TooltipPrimitive.Content\n> & {\n  hideArrow?: boolean\n  variant?: \"default\" | \"destructive\"\n}\n\nexport const TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  TooltipContentProps\n>(function TooltipContent(\n  { className, hideArrow = false, variant = \"default\", children, ...props },\n  ref\n) {\n  const styles = useStyles()\n  // DENSITY-SPEC.md §4.4 — portal content boundary; see dialog.tsx's identical comment. Tooltip\n  // content rarely nests density-consuming children, but the mechanism is applied uniformly across\n  // every portal-content component rather than special-cased per component.\n  const override = useDensity()\n  // SPEC.md §2 rule 3 — the same portal asymmetry, for the appearance pair: re-stamp the\n  // nearest explicit AppearanceBoundary's mode+surface, or neither attribute when there is\n  // none, leaving live shell inheritance in place.\n  const appearance = useAppearanceAttributes()\n\n  return (\n    <TooltipPrimitive.Content\n      ref={ref}\n      data-slot=\"tooltip-content\"\n      {...{ [SLOT_ATTR]: \"tooltip-content\" }}\n      {...(override !== undefined ? { \"data-density\": override } : {})}\n      {...appearance}\n      data-variant={variant}\n      className={mergeClasses(styles.popup, className)}\n      {...props}\n    >\n      {children}\n      {!hideArrow && (\n        <TooltipPrimitive.Arrow\n          data-slot=\"tooltip-arrow\"\n          {...{ [SLOT_ATTR]: \"tooltip-arrow\" }}\n          data-variant={variant}\n          className={styles.arrow}\n        />\n      )}\n    </TooltipPrimitive.Content>\n  )\n})\n"],"names":["useStyles","makeZenithStyles","nativeControl","boxModel","shorthands","tokens.radiusLg","tokens.spacingElement2","tokens.textXs","OVERLAY_Z_INDEX","tokens.gray12","tokens.gray1","tokens.errorA12","tokens.error1","tokens.spacingElement1","tokens.error12","TooltipProvider","React","delayDuration","props","_ref","jsx","TooltipPrimitive.Provider","Tooltip","TooltipPrimitive.Root","TooltipTrigger","className","ref","styles","TooltipPrimitive.Trigger","SLOT_ATTR","mergeClasses","TooltipPortal","TooltipPrimitive.Portal","TooltipContent","hideArrow","variant","children","override","useDensity","appearance","useAppearanceAttributes","jsxs","TooltipPrimitive.Content","TooltipPrimitive.Arrow"],"mappings":"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"}

package/dist/index.d.ts

@@ -3606,6 +3606,11 @@ declare const Badge: React.ForwardRefExoticComponent<Omit<BadgeProps, "ref"> & R
 /** Breadcrumb — Card's compound pattern applied to the nav / ol / li structure. */
 type BreadcrumbProps = React.ComponentProps<"nav"> & {
     separator?: React.ReactNode;
+    /**
+     * Accessible name of the navigation landmark, read by screen readers. Pass a translated string
+     * for any locale other than English. Defaults to "Breadcrumb".
+     */
+    "aria-label"?: string;
 };
 declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<BreadcrumbProps, "ref"> & React.RefAttributes<HTMLElement>>;
 type BreadcrumbItemProps = Omit<React.ComponentProps<"a">, "href"> & {
@@ -3617,6 +3622,11 @@ type BreadcrumbItemProps = Omit<React.ComponentProps<"a">, "href"> & {
      * was on Base UI and restored once it moved back to Radix.
      */
     asChild?: boolean;
+    /**
+     * Keep the crumb on one line and cut it with an ellipsis when the trail runs out of room, with
+     * the full text as its `title`. Pass `title` yourself when the children are not plain text.
+     */
+    truncate?: boolean;
 };
 declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<BreadcrumbItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
 
@@ -4152,6 +4162,8 @@ type TabsListProps = React.ComponentProps<typeof List$1>;
 declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsListProps$1 & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 type TabsTriggerProps = React.ComponentProps<typeof Trigger$6> & {
     variant?: TabsTriggerVariant;
+    /** The tab's label. Plain text (a string, number, or array of them) reserves its semibold width so selection never shifts layout; rich children such as icons or elements are not reserved. */
+    children?: React.ReactNode;
 };
 declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 type TabsContentProps = React.ComponentProps<typeof Content$8>;

package/dist/lib/clear-button.js

@@ -1,10 +1,11 @@
-import { jsx as t } from "react/jsx-runtime";
-import * as s from "react";
-import { mergeClasses as a, SLOT_ATTR as c } from "@epilot/zenith-runtime/v1";
-import { makeZenithStyles as m } from "../styles/make-styles.js";
-import { accentA8 as u } from "../tokens/index.js";
-import { CloseIcon as f } from "./icons.js";
-const p = m({
+import { jsx as e } from "react/jsx-runtime";
+import * as a from "react";
+import { mergeClasses as c, SLOT_ATTR as m } from "@epilot/zenith-runtime/v1";
+import { nativeControlReset as u } from "../styles/host-reset.js";
+import { makeZenithResetStyles as f, makeZenithStyles as p } from "../styles/make-styles.js";
+import { accentA8 as d } from "../tokens/index.js";
+import { CloseIcon as b } from "./icons.js";
+const h = f(u), C = p({
   root: {
     display: "inline-flex",
     alignItems: "center",
@@ -21,7 +22,7 @@ const p = m({
       outlineWidth: "2px",
       outlineStyle: "solid",
       outlineOffset: "1px",
-      outlineColor: u
+      outlineColor: d
     }
   },
   icon: {
@@ -29,23 +30,23 @@ const p = m({
     width: "0.75rem",
     height: "0.75rem"
   }
-}), g = s.forwardRef(function({ className: e, label: r = "Remove", children: n, ...i }, l) {
-  const o = p();
-  return /* @__PURE__ */ t(
+}), T = a.forwardRef(function({ className: o, label: r = "Remove", children: n, ...s }, i) {
+  const l = h(), t = C();
+  return /* @__PURE__ */ e(
     "button",
     {
-      ref: l,
+      ref: i,
       type: "button",
       "data-slot": "clear-button",
-      [c]: "clear-button",
+      [m]: "clear-button",
       "aria-label": r,
-      className: a(o.root, e),
-      ...i,
-      children: n ?? /* @__PURE__ */ t(f, { className: o.icon })
+      className: c(l, t.root, o),
+      ...s,
+      children: n ?? /* @__PURE__ */ e(b, { className: t.icon })
     }
   );
 });
 export {
-  g as ClearButton
+  T as ClearButton
 };
 //# sourceMappingURL=clear-button.js.map

package/dist/lib/clear-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"clear-button.js","sources":["../../src/lib/clear-button.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { mergeClasses } from \"@epilot/zenith-runtime/v1\"\n\nimport { SLOT_ATTR } from \"../renderer/contract\"\nimport { makeZenithStyles } from \"../styles/make-styles\"\nimport * as tokens from \"../tokens\"\nimport { CloseIcon } from \"./icons\"\n\n/** ClearButton — v1's shared dismiss button ported to Griffel atoms. */\n\nconst useStyles = makeZenithStyles({\n  root: {\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    // rounded-full — no token for a fully rounded radius.\n    borderRadius: \"9999px\",\n    flexShrink: 0,\n    cursor: \"pointer\",\n    \":hover\": {\n      // v1's `hover:bg-current/10` — a literal because no token expresses a currentColor tint.\n      backgroundColor: \"color-mix(in srgb, currentColor 10%, transparent)\",\n    },\n    \":focus-visible\": {\n      outlineWidth: \"2px\",\n      outlineStyle: \"solid\",\n      outlineOffset: \"1px\",\n      outlineColor: tokens.accentA8,\n    },\n  },\n  icon: {\n    // size-3 — the CloseIcon fallback.\n    width: \"0.75rem\",\n    height: \"0.75rem\",\n  },\n})\n\nexport type ClearButtonProps = React.ComponentProps<\"button\"> & {\n  label?: string\n}\n\nexport const ClearButton = React.forwardRef<\n  HTMLButtonElement,\n  ClearButtonProps\n>(function ClearButton(\n  { className, label = \"Remove\", children, ...props },\n  ref\n) {\n  const styles = useStyles()\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      data-slot=\"clear-button\"\n      {...{ [SLOT_ATTR]: \"clear-button\" }}\n      aria-label={label}\n      className={mergeClasses(styles.root, className)}\n      {...props}\n    >\n      {children ?? <CloseIcon className={styles.icon} />}\n    </button>\n  )\n})\n"],"names":["useStyles","makeZenithStyles","tokens.accentA8","ClearButton","React","className","label","children","props","ref","styles","jsx","SLOT_ATTR","mergeClasses","CloseIcon"],"mappings":";;;;;;AAWA,MAAMA,IAAYC,EAAiB;AAAA,EACjC,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA;AAAA,IAEhB,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,UAAU;AAAA;AAAA,MAER,iBAAiB;AAAA,IAAA;AAAA,IAEnB,kBAAkB;AAAA,MAChB,cAAc;AAAA,MACd,cAAc;AAAA,MACd,eAAe;AAAA,MACf,cAAcC;AAAAA,IAAO;AAAA,EACvB;AAAA,EAEF,MAAM;AAAA;AAAA,IAEJ,OAAO;AAAA,IACP,QAAQ;AAAA,EAAA;AAEZ,CAAC,GAMYC,IAAcC,EAAM,WAG/B,SACA,EAAE,WAAAC,GAAW,OAAAC,IAAQ,UAAU,UAAAC,GAAU,GAAGC,EAAA,GAC5CC,GACA;AACA,QAAMC,IAASV,EAAA;AAEf,SACE,gBAAAW;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,MAAK;AAAA,MACL,aAAU;AAAA,MACJ,CAACG,CAAS,GAAG;AAAA,MACnB,cAAYN;AAAA,MACZ,WAAWO,EAAaH,EAAO,MAAML,CAAS;AAAA,MAC7C,GAAGG;AAAA,MAEH,UAAAD,KAAY,gBAAAI,EAACG,GAAA,EAAU,WAAWJ,EAAO,KAAA,CAAM;AAAA,IAAA;AAAA,EAAA;AAGtD,CAAC;"}
+{"version":3,"file":"clear-button.js","sources":["../../src/lib/clear-button.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { mergeClasses } from \"@epilot/zenith-runtime/v1\"\n\nimport { SLOT_ATTR } from \"../renderer/contract\"\nimport { nativeControlReset } from \"../styles/host-reset\"\nimport { makeZenithResetStyles, makeZenithStyles } from \"../styles/make-styles\"\nimport * as tokens from \"../tokens\"\nimport { CloseIcon } from \"./icons\"\n\n/** ClearButton — v1's shared dismiss button ported to Griffel atoms. */\n\nconst useReset = makeZenithResetStyles(nativeControlReset)\n\nconst useStyles = makeZenithStyles({\n  root: {\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    // rounded-full — no token for a fully rounded radius.\n    borderRadius: \"9999px\",\n    flexShrink: 0,\n    cursor: \"pointer\",\n    \":hover\": {\n      // v1's `hover:bg-current/10` — a literal because no token expresses a currentColor tint.\n      backgroundColor: \"color-mix(in srgb, currentColor 10%, transparent)\",\n    },\n    \":focus-visible\": {\n      outlineWidth: \"2px\",\n      outlineStyle: \"solid\",\n      outlineOffset: \"1px\",\n      outlineColor: tokens.accentA8,\n    },\n  },\n  icon: {\n    // size-3 — the CloseIcon fallback.\n    width: \"0.75rem\",\n    height: \"0.75rem\",\n  },\n})\n\nexport type ClearButtonProps = React.ComponentProps<\"button\"> & {\n  label?: string\n}\n\nexport const ClearButton = React.forwardRef<\n  HTMLButtonElement,\n  ClearButtonProps\n>(function ClearButton(\n  { className, label = \"Remove\", children, ...props },\n  ref\n) {\n  const reset = useReset()\n  const styles = useStyles()\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      data-slot=\"clear-button\"\n      {...{ [SLOT_ATTR]: \"clear-button\" }}\n      aria-label={label}\n      className={mergeClasses(reset, styles.root, className)}\n      {...props}\n    >\n      {children ?? <CloseIcon className={styles.icon} />}\n    </button>\n  )\n})\n"],"names":["useReset","makeZenithResetStyles","nativeControlReset","useStyles","makeZenithStyles","tokens.accentA8","ClearButton","React","className","label","children","props","ref","reset","styles","jsx","SLOT_ATTR","mergeClasses","CloseIcon"],"mappings":";;;;;;;AAYA,MAAMA,IAAWC,EAAsBC,CAAkB,GAEnDC,IAAYC,EAAiB;AAAA,EACjC,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA;AAAA,IAEhB,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,UAAU;AAAA;AAAA,MAER,iBAAiB;AAAA,IAAA;AAAA,IAEnB,kBAAkB;AAAA,MAChB,cAAc;AAAA,MACd,cAAc;AAAA,MACd,eAAe;AAAA,MACf,cAAcC;AAAAA,IAAO;AAAA,EACvB;AAAA,EAEF,MAAM;AAAA;AAAA,IAEJ,OAAO;AAAA,IACP,QAAQ;AAAA,EAAA;AAEZ,CAAC,GAMYC,IAAcC,EAAM,WAG/B,SACA,EAAE,WAAAC,GAAW,OAAAC,IAAQ,UAAU,UAAAC,GAAU,GAAGC,EAAA,GAC5CC,GACA;AACA,QAAMC,IAAQb,EAAA,GACRc,IAASX,EAAA;AAEf,SACE,gBAAAY;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAH;AAAA,MACA,MAAK;AAAA,MACL,aAAU;AAAA,MACJ,CAACI,CAAS,GAAG;AAAA,MACnB,cAAYP;AAAA,MACZ,WAAWQ,EAAaJ,GAAOC,EAAO,MAAMN,CAAS;AAAA,MACpD,GAAGG;AAAA,MAEH,UAAAD,KAAY,gBAAAK,EAACG,GAAA,EAAU,WAAWJ,EAAO,KAAA,CAAM;AAAA,IAAA;AAAA,EAAA;AAGtD,CAAC;"}

package/dist/styles/host-reset.js

@@ -0,0 +1,47 @@
+const t = {
+  boxSizing: "border-box"
+}, i = {
+  fontFamily: "inherit",
+  fontSize: "inherit",
+  fontWeight: "inherit",
+  lineHeight: "inherit",
+  letterSpacing: "inherit"
+}, n = {
+  boxSizing: "border-box",
+  // Longhands written out, not `shorthands.*()`, so this stays a plain literal type: a fragment
+  // typed as the whole GriffelStyle union made every spread site expensive for the type checker.
+  marginTop: 0,
+  marginRight: 0,
+  marginBottom: 0,
+  marginLeft: 0,
+  paddingTop: 0,
+  paddingRight: 0,
+  paddingBottom: 0,
+  paddingLeft: 0,
+  borderTopWidth: 0,
+  borderRightWidth: 0,
+  borderBottomWidth: 0,
+  borderLeftWidth: 0,
+  backgroundColor: "transparent",
+  color: "inherit",
+  ...i
+}, o = {
+  boxSizing: "border-box",
+  margin: 0,
+  padding: 0,
+  borderWidth: 0,
+  backgroundColor: "transparent",
+  color: "inherit",
+  fontFamily: "inherit",
+  fontSize: "inherit",
+  fontWeight: "inherit",
+  lineHeight: "inherit",
+  letterSpacing: "inherit"
+};
+export {
+  t as boxModel,
+  i as inheritFont,
+  n as nativeControl,
+  o as nativeControlReset
+};
+//# sourceMappingURL=host-reset.js.map

package/dist/styles/host-reset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"host-reset.js","sources":["../../src/styles/host-reset.ts"],"sourcesContent":["import {\n  type GriffelResetStyle,\n  type GriffelStyle,\n} from \"@epilot/zenith-runtime/v1\"\n\n/**\n * Zenith ships no CSS, and a component must look the same whether or not the host page carries a\n * reset (Tailwind preflight, normalize, none). These fragments are what a Zenith-owned element\n * states for itself instead of inheriting from one. They are spread FIRST into a slot, so anything\n * the slot goes on to say wins. `gate:host-reset` proves the result.\n *\n * Nothing here is a selector: each fragment lands on an element Zenith renders, never on one the\n * host owns.\n */\n\n/** A box that adds padding or a border to a set size must say how it is measured. */\nexport const boxModel = {\n  boxSizing: \"border-box\",\n} as const satisfies GriffelStyle\n\n/** The font a form control would otherwise replace with the browser's own. */\nexport const inheritFont = {\n  fontFamily: \"inherit\",\n  fontSize: \"inherit\",\n  fontWeight: \"inherit\",\n  lineHeight: \"inherit\",\n  letterSpacing: \"inherit\",\n} as const satisfies GriffelStyle\n\n/**\n * A native `<button>`/`<input>`/`<textarea>` with the browser's chrome removed: no border, no\n * padding, no margin, no fill, the page's colour and font.\n */\nexport const nativeControl = {\n  boxSizing: \"border-box\",\n  // Longhands written out, not `shorthands.*()`, so this stays a plain literal type: a fragment\n  // typed as the whole GriffelStyle union made every spread site expensive for the type checker.\n  marginTop: 0,\n  marginRight: 0,\n  marginBottom: 0,\n  marginLeft: 0,\n  paddingTop: 0,\n  paddingRight: 0,\n  paddingBottom: 0,\n  paddingLeft: 0,\n  borderTopWidth: 0,\n  borderRightWidth: 0,\n  borderBottomWidth: 0,\n  borderLeftWidth: 0,\n  backgroundColor: \"transparent\",\n  color: \"inherit\",\n  ...inheritFont,\n} as const satisfies GriffelStyle\n\n/**\n * `nativeControl` as ONE monolithic reset class (see `makeZenithResetStyles`) instead of a dozen\n * atoms, for an element that renders many times on a page.\n */\nexport const nativeControlReset = {\n  boxSizing: \"border-box\",\n  margin: 0,\n  padding: 0,\n  borderWidth: 0,\n  backgroundColor: \"transparent\",\n  color: \"inherit\",\n  fontFamily: \"inherit\",\n  fontSize: \"inherit\",\n  fontWeight: \"inherit\",\n  lineHeight: \"inherit\",\n  letterSpacing: \"inherit\",\n} as const satisfies GriffelResetStyle\n"],"names":["boxModel","inheritFont","nativeControl","nativeControlReset"],"mappings":"AAgBO,MAAMA,IAAW;AAAA,EACtB,WAAW;AACb,GAGaC,IAAc;AAAA,EACzB,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,eAAe;AACjB,GAMaC,IAAgB;AAAA,EAC3B,WAAW;AAAA;AAAA;AAAA,EAGX,WAAW;AAAA,EACX,aAAa;AAAA,EACb,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,eAAe;AAAA,EACf,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,GAAGD;AACL,GAMaE,IAAqB;AAAA,EAChC,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,eAAe;AACjB;"}

package/dist/styles/overlay-layer.js

@@ -0,0 +1,5 @@
+const o = 1300;
+export {
+  o as OVERLAY_Z_INDEX
+};
+//# sourceMappingURL=overlay-layer.js.map

package/dist/styles/overlay-layer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay-layer.js","sources":["../../src/styles/overlay-layer.ts"],"sourcesContent":["/**\n * The z-index every portalled overlay stacks at: Dialog, AlertDialog, Drawer, Popover, Tooltip,\n * DropdownMenu and the Selects. One shared value, not tiers: Radix appends each portal to `body`\n * when it opens, so with equal z-index the later-opened overlay paints on top, and a menu opened\n * from inside a Drawer lands above it. Package-internal; v1's z-1300 overlay tier.\n */\nexport const OVERLAY_Z_INDEX = 1300\n"],"names":["OVERLAY_Z_INDEX"],"mappings":"AAMO,MAAMA,IAAkB;"}

package/dist/tokens.json

@@ -1,7 +1,7 @@
 {
   "$comment": "GENERATED. Design token values for consumers that do not render this package's React components. Compile these into your own CSS under your own names at your own build time; do not reference this package's runtime custom properties, whose names are content-hashed and change with their values. `themes.light`/`themes.dark` are mode-resolved; `densities.compact`/`densities.normal`/`densities.comfortable` resolve the component layer's geometry tokens (WP9A-ACCEPTANCE-WP9B1) and carry no mode of their own — do not read a value out of `themes` for a key that only exists under `densities`, or the reverse. This file is copied verbatim to this package's public `tokens.json` export (`package.json`'s `build` script, `cp src/generated/values.generated.json dist/tokens.json`).",
   "package": "@epilot/zenith-react",
-  "version": "0.2.0-next.0",
+  "version": "0.2.0-next.3",
   "themes": {
     "light": {
       "accent-1": "#fcfdfe",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epilot/zenith-react",
-  "version": "0.2.0-next.0",
+  "version": "0.2.0-next.3",
   "description": "Zenith React components, styled with Griffel and designed for isolated micro-frontend delivery",
   "type": "module",
   "repository": {
@@ -48,7 +48,7 @@
   },
   "scripts": {
     "prepack": "bun run build",
-    "build": "rm -rf dist && bun run tokens && bun scripts/emit-runtime-contract.ts && tsc --project tsconfig.build.json && vite build && node scripts/bundle-dts.mjs && cp src/tokens/values.generated.json dist/tokens.json",
+    "build": "rm -rf dist && bun run tokens && bun scripts/emit-runtime-contract.ts && tsc --project tsconfig.build.json && vite build && node scripts/bundle-dts.mjs && cp src/tokens/values.generated.json dist/tokens.json && node scripts/assert-token-layout.mjs",
     "tokens": "bun ../tokens/scripts/build.ts",
     "test": "vitest run",
     "react18:test": "vitest run --config vitest.react18.config.ts",
@@ -63,10 +63,12 @@
     "gate:a11y": "node scripts/a11y-browser-check.mjs",
     "gate:palette-namespace": "node scripts/palette-namespace-check.mjs",
     "gate:appearance-boundary": "node gates/appearance-boundary/build-and-run.mjs",
+    "gate:host-reset": "node gates/host-reset/build-and-run.mjs",
     "gate:surface-composition": "node gates/surface-composition/build-and-run.mjs",
-    "gates": "bun run gate:vr && bun run gate:isolation && bun run gate:token-value-skew && bun run gate:class-salt-skew && bun run gate:cascade && bun run gate:lifecycle-commit-phase && bun run gate:dts-self-contained && bun run gate:a11y && bun run gate:palette-namespace && bun run gate:appearance-boundary && bun run gate:surface-composition && bun run gate:one-bare-specifier",
+    "gate:table-rules": "node gates/table-rules/build-and-run.mjs",
+    "gates": "bun run gate:vr && bun run gate:isolation && bun run gate:token-value-skew && bun run gate:class-salt-skew && bun run gate:cascade && bun run gate:lifecycle-commit-phase && bun run gate:dts-self-contained && bun run gate:a11y && bun run gate:palette-namespace && bun run gate:appearance-boundary && bun run gate:surface-composition && bun run gate:one-bare-specifier && bun run gate:host-reset && bun run gate:table-rules",
     "migration:sweep": "bun scripts/migration-sweep.mjs",
-    "test:migration-sweep": "bun test scripts/migration-diagnostics.test.mjs scripts/migration-diagnostics-core.test.mjs scripts/migration-sweep-packed-cli.test.mjs scripts/build-diagnostic-identity.test.mjs",
+    "test:migration-sweep": "bun test scripts/migration-diagnostics.test.mjs scripts/migration-diagnostics-core.test.mjs scripts/migration-sweep-packed-cli.test.mjs scripts/migration-sweep-cli-guard.test.mjs scripts/build-diagnostic-identity.test.mjs",
     "gate:one-bare-specifier": "node gates/one-bare-specifier.mjs",
     "gate:dts-self-contained": "node gates/dts-self-contained.mjs",
     "verify:release": "bun ../../scripts/verify-release.ts",
@@ -83,7 +85,7 @@
     "@dnd-kit/core": "6.3.1",
     "@dnd-kit/sortable": "10.0.0",
     "@dnd-kit/utilities": "3.2.2",
-    "@epilot/zenith-tokens": "0.2.0-next.0",
+    "@epilot/zenith-tokens": "0.2.0-next.3",
     "@radix-ui/react-accordion": "1.2.12",
     "@radix-ui/react-alert-dialog": "1.1.15",
     "@radix-ui/react-avatar": "1.1.10",
@@ -121,7 +123,7 @@
     "rollup-plugin-dts": "^6.5.1",
     "sonner": "2.0.7",
     "typescript": "^5.6.3",
-    "vite": "^6.4.3",
+    "vite": "^6.4.4",
     "vitest": "^4.1.11"
   },
   "typesVersions": {

package/scripts/migration-diagnostics.mjs

@@ -34,20 +34,55 @@ function sha256(content) {
   return createHash("sha256").update(content).digest("hex")
 }
 
+/**
+ * Where a built package keeps its generated token modules. The published build bundles
+ * `@epilot/zenith-tokens` with preserved modules, so they ship under the tokens package's own dist
+ * path, and `dist/tokens/` holds only namespace stubs. `dist/tokens` is the pre-0.2 layout, used
+ * only when the shipped directory does not exist at all: falling back per file would read a stub
+ * and blame a stale build for a module that is simply missing. `scripts/assert-token-layout.mjs`
+ * fails the build if the bundler stops emitting the modules here.
+ */
+export const SHIPPED_TOKEN_DIR = "dist/packages/tokens/dist/generated"
+const LEGACY_TOKEN_DIR = "dist/tokens"
+
+function tokenDir(packageDir) {
+  return existsSync(join(packageDir, SHIPPED_TOKEN_DIR))
+    ? SHIPPED_TOKEN_DIR
+    : LEGACY_TOKEN_DIR
+}
+
+/** Returns `{ full, relativePath }` for a built package's generated token module, or throws. */
+export function resolveGeneratedTokenFile(packageDir, file) {
+  const relativePath = `${tokenDir(packageDir)}/${file}`
+  const full = join(packageDir, relativePath)
+  if (existsSync(full)) return { full, relativePath }
+  throw new Error(
+    `Missing generated token file: ${relativePath} under ${packageDir}. The package is not built, or its build no longer emits this module there — run \`bun run build\` there first.`
+  )
+}
+
+/**
+ * The generated token module, then the `dist/tokens` stub of the same name when the shipped layout
+ * also has one. The build tree-shakes literals the bundled module does not use into the stub
+ * (palette's NS), so the identity check reads both. Throws like resolveGeneratedTokenFile.
+ */
+export function generatedTokenFiles(packageDir, file) {
+  const found = resolveGeneratedTokenFile(packageDir, file)
+  const stub = join(packageDir, LEGACY_TOKEN_DIR, file)
+  return found.full !== stub && existsSync(stub)
+    ? [found, { full: stub, relativePath: `${LEGACY_TOKEN_DIR}/${file}` }]
+    : [found]
+}
+
 function readGeneratedFamilies(packageDir, file) {
-  const full = join(packageDir, "dist/tokens", file)
-  if (!existsSync(full)) {
-    throw new Error(
-      `Missing generated token file: dist/tokens/${file} under ${packageDir}. The package is not built — run \`bun run build\` there first.`
-    )
-  }
+  const { full, relativePath } = resolveGeneratedTokenFile(packageDir, file)
   const content = readFileSync(full, "utf8")
   const families = new Set(
     [...content.matchAll(/--zenith-[a-z0-9]+-([a-z]+)-/g)].map((m) => m[1])
   )
   if (families.size === 0) {
     throw new Error(
-      `Generated token file dist/tokens/${file} under ${packageDir} contains no recognizable family declarations. ` +
+      `Generated token file ${relativePath} under ${packageDir} contains no recognizable family declarations. ` +
         "It exists but is empty or malformed (does not match the expected --zenith-<hash>-<family>- pattern) — " +
         "the package build is likely stale or broken. Re-run `bun run build` there, do not proceed with an empty family set."
     )

package/scripts/migration-sweep.mjs

@@ -3,7 +3,9 @@
  * survive every other gate (see migration-diagnostics.mjs for the rule catalogue and the analysis-
  * boundary documentation; this file is argv parsing and output formatting only).
  */
+import { realpathSync } from "node:fs"
 import { resolve } from "node:path"
+import { fileURLToPath } from "node:url"
 import {
   analyzeTarget,
   resolveConsumerTypeScript,
@@ -189,7 +191,13 @@ export async function runCli(argv) {
   return hasHardFailure ? 1 : 0
 }
 
-if (import.meta.url === `file://${process.argv[1]}`) {
+// Compare resolved paths: under symlinked node_modules (worktrees, pnpm) argv[1] is the invoked
+// path while import.meta.url is the resolved one, and a string compare silently skipped the run.
+const isMain =
+  process.argv[1] !== undefined &&
+  realpathSync(fileURLToPath(import.meta.url)) === realpathSync(process.argv[1])
+
+if (isMain) {
   const code = await runCli(process.argv.slice(2))
   process.exit(code)
 }