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

package/dist/components/tooltip/tooltip.js

@@ -1,182 +1,342 @@
-import { jsx as r, jsxs as b } from "react/jsx-runtime";
-import * as e from "react";
-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({
+import { jsx as i, jsxs as ct, Fragment as dt } from "react/jsx-runtime";
+import * as t from "react";
+import { Tooltip as c } from "../../_virtual/_zenith-runtime-family_tooltip.js";
+import { SLOT_ATTR as R, mergeClasses as U, shorthands as z } from "@epilot/zenith-runtime/v1";
+import { useAppearanceAttributes as pt } from "../appearance-boundary/appearance-boundary.js";
+import { useDensity as ut } from "../density-provider/density-provider.js";
+import { makeZenithStyles as ft } from "../../styles/make-styles.js";
+import { boxModel as q, nativeControl as gt } from "../../styles/host-reset.js";
+import { OVERLAY_Z_INDEX as J } from "../../styles/overlay-layer.js";
+import { error12 as mt, gray12 as Q, error1 as vt, errorA12 as ht, gray1 as xt, textXs as Pt, spacingElement2 as wt, radiusLg as Tt } from "../../tokens/index.js";
+const B = ft({
   // 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: {
-    ..._
+    ...gt
   },
+  positioner: {
+    zIndex: J
+  },
+  // Radix's `hideWhenDetached`: hide the content once its trigger is scrolled out of view.
+  hideWhenDetached: {
+    "&[data-anchor-hidden]": {
+      visibility: "hidden",
+      pointerEvents: "none"
+    }
+  },
+  // No enter or exit motion: the Radix version keyed its keyframes on `data-state='open'`, a value
+  // Radix's tooltip never sets (it sets `delayed-open` or `instant-open`), so it never animated.
   popup: {
-    ...f,
+    ...q,
     width: "fit-content",
-    transformOrigin: "var(--radix-tooltip-content-transform-origin)",
-    ...p.borderRadius(I),
-    ...p.padding($),
+    transformOrigin: "var(--transform-origin)",
+    ...z.borderRadius(Tt),
+    ...z.padding(wt),
     // v1 shadow-md; elevation has no token in this package.
     boxShadow: "0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a",
-    fontSize: E,
+    fontSize: Pt,
     // v1 leading-none; no line-height token exists.
     lineHeight: "1",
     textWrap: "balance",
-    zIndex: k,
+    zIndex: J,
     "&[data-variant='default']": {
-      backgroundColor: m,
-      color: D
+      backgroundColor: Q,
+      color: xt
     },
     "&[data-variant='destructive']": {
-      backgroundColor: S,
-      color: z
-    },
-    "&[data-state='open']": {
-      animationName: {
-        from: { opacity: 0, transform: "scale(0.95)" },
-        to: { opacity: 1, transform: "scale(1)" }
-      },
-      animationDuration: "150ms",
-      animationTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)"
-    },
-    "&[data-state='open'][data-side='bottom']": {
-      animationName: {
-        from: {
-          opacity: 0,
-          transform: `translateY(-${n}) scale(0.95)`
-        },
-        to: { opacity: 1, transform: "translateY(0) scale(1)" }
-      }
-    },
-    "&[data-state='open'][data-side='left']": {
-      animationName: {
-        from: {
-          opacity: 0,
-          transform: `translateX(${n}) scale(0.95)`
-        },
-        to: { opacity: 1, transform: "translateX(0) scale(1)" }
-      }
-    },
-    "&[data-state='open'][data-side='right']": {
-      animationName: {
-        from: {
-          opacity: 0,
-          transform: `translateX(-${n}) scale(0.95)`
-        },
-        to: { opacity: 1, transform: "translateX(0) scale(1)" }
-      }
-    },
-    "&[data-state='open'][data-side='top']": {
-      animationName: {
-        from: {
-          opacity: 0,
-          transform: `translateY(${n}) scale(0.95)`
-        },
-        to: { opacity: 1, transform: "translateY(0) scale(1)" }
-      }
-    },
-    "&[data-state='closed']": {
-      animationName: {
-        from: { opacity: 1, transform: "scale(1)" },
-        to: { opacity: 0, transform: "scale(0.95)" }
-      },
-      animationDuration: "0ms",
-      animationTimingFunction: "cubic-bezier(0.4, 0, 1, 1)"
+      backgroundColor: ht,
+      color: vt
     }
   },
+  // Base UI places the arrow on the cross axis only; the anchored edge is set per side here. The
+  // diamond's centre sits 2px inside the content's edge, where Radix's arrow wrapper put it.
   arrow: {
-    ...f,
-    position: "relative",
+    ...q,
     zIndex: 50,
     width: "0.625rem",
     height: "0.625rem",
-    transform: "translateY(calc(-50% - 2px)) rotate(45deg)",
-    ...p.borderRadius("2px"),
+    ...z.borderRadius("2px"),
+    "&[data-side='top']": {
+      top: "100%",
+      transform: "translateY(calc(-50% - 2px)) rotate(45deg)"
+    },
+    "&[data-side='bottom']": {
+      top: 0,
+      transform: "translateY(calc(-50% + 2px)) rotate(45deg)"
+    },
+    "&[data-side='left']": {
+      left: "100%",
+      transform: "translateX(calc(-50% - 2px)) rotate(45deg)"
+    },
+    "&[data-side='right']": {
+      left: 0,
+      transform: "translateX(calc(-50% + 2px)) rotate(45deg)"
+    },
+    // Radix hid the arrow when it could not point at the trigger's centre.
+    "&[data-uncentered]": {
+      visibility: "hidden"
+    },
     "&[data-variant='default']": {
-      backgroundColor: m,
-      fill: m
+      backgroundColor: Q
     },
     "&[data-variant='destructive']": {
-      backgroundColor: u,
-      fill: u
+      backgroundColor: mt
     }
   }
-}), q = e.forwardRef(function({ delayDuration: t = 0, ...o }, a) {
-  return /* @__PURE__ */ r(
-    N,
+});
+function tt(o) {
+  const e = t.Children.toArray(o).filter(t.isValidElement);
+  return e.length === 1 ? e[0] : void 0;
+}
+function Ct(o, e) {
+  const n = o ? tt(e) : void 0;
+  return n ? { render: n } : { children: e };
+}
+function yt(o, e) {
+  return t.useCallback(
+    (n) => {
+      for (const r of [o, e])
+        typeof r == "function" ? r(n) : r && (r.current = n);
+    },
+    [o, e]
+  );
+}
+function It(o, e) {
+  return {
+    reason: "escape-key",
+    event: e,
+    cancel: () => o.cancel(),
+    allowPropagation: () => o.allowPropagation(),
+    get isCanceled() {
+      return o.isCanceled;
+    },
+    get isPropagationAllowed() {
+      return o.isPropagationAllowed;
+    },
+    trigger: o.trigger,
+    preventUnmountOnClose: () => o.preventUnmountOnClose()
+  };
+}
+const T = [], et = t.createContext({}), Mt = t.forwardRef(function({
+  children: e,
+  delayDuration: n = 0,
+  skipDelayDuration: r = 300,
+  disableHoverableContent: a
+}, d) {
+  const u = t.useMemo(
+    () => ({ skipDelayDuration: r, disableHoverableContent: a }),
+    [r, a]
+  );
+  return /* @__PURE__ */ i(et.Provider, { value: u, children: /* @__PURE__ */ i(
+    c.Provider,
     {
-      delayDuration: t,
       "data-slot": "tooltip-provider",
-      ...o
+      delay: n,
+      timeout: r,
+      children: e
     }
-  );
-}), B = e.forwardRef(
-  function(t, o) {
-    return /* @__PURE__ */ r(w, { "data-slot": "tooltip", ...t });
+  ) });
+}), ot = t.createContext(null), zt = t.forwardRef(
+  function({
+    children: e,
+    open: n,
+    defaultOpen: r = !1,
+    onOpenChange: a,
+    delayDuration: d,
+    disableHoverableContent: u
+  }, v) {
+    const h = t.useContext(et), [E, S] = t.useState(r), x = n ?? E, p = t.useId(), [C, O] = t.useState(), y = t.useRef(null), I = t.useRef(null), b = t.useCallback((g) => {
+      var s;
+      I.current = g;
+      try {
+        (s = y.current) == null || s.close();
+      } finally {
+        I.current = null;
+      }
+    }, []), k = t.useMemo(
+      () => ({
+        open: x,
+        generatedId: p,
+        descriptionId: C ?? p,
+        setDescriptionId: O,
+        closeOnEscape: b
+      }),
+      [x, p, C, b]
+    ), P = /* @__PURE__ */ i(ot.Provider, { value: k, children: /* @__PURE__ */ i(
+      c.Root,
+      {
+        "data-slot": "tooltip",
+        open: x,
+        actionsRef: y,
+        onOpenChange: (g, s) => {
+          const f = I.current, w = f ? It(s, f) : s;
+          if (!f && w.reason === "escape-key" && w.event.defaultPrevented) {
+            s.cancel();
+            return;
+          }
+          a == null || a(g, w), s.isCanceled || S(g);
+        },
+        disableHoverablePopup: u ?? h.disableHoverableContent,
+        children: e
+      }
+    ) });
+    return d === void 0 ? P : /* @__PURE__ */ i(
+      c.Provider,
+      {
+        delay: d,
+        timeout: h.skipDelayDuration ?? 300,
+        children: P
+      }
+    );
   }
-), G = e.forwardRef(function({ className: t, ...o }, a) {
-  const l = y();
-  return /* @__PURE__ */ r(
-    A,
+);
+function rt(o) {
+  const e = t.useContext(ot);
+  if (!e) throw new Error(`\`${o}\` must be used within \`Tooltip\``);
+  return e;
+}
+const Ut = t.forwardRef(function({ asChild: e = !1, children: n, className: r, ...a }, d) {
+  const u = B(), v = rt("TooltipTrigger");
+  return /* @__PURE__ */ i(
+    c.Trigger,
     {
-      ref: a,
+      ref: d,
       "data-slot": "tooltip-trigger",
-      [s]: "tooltip-trigger",
-      className: g(
-        !o.asChild && l.nativeTrigger,
-        t
-      ),
-      ...o
+      [R]: "tooltip-trigger",
+      "aria-describedby": v.open ? v.descriptionId : void 0,
+      className: U(!e && u.nativeTrigger, r),
+      ...a,
+      ...Ct(e, n)
     }
   );
-}), J = e.forwardRef(
-  function(t, o) {
-    return /* @__PURE__ */ r(
-      C,
+}), nt = t.createContext(!1), Vt = t.forwardRef(
+  function({ container: e, forceMount: n, ...r }, a) {
+    return /* @__PURE__ */ i(nt.Provider, { value: !0, children: /* @__PURE__ */ i(
+      c.Portal,
       {
+        ref: a,
         "data-slot": "tooltip-portal",
-        [s]: "tooltip-portal",
-        ...t
+        [R]: "tooltip-portal",
+        container: e ?? void 0,
+        keepMounted: n,
+        ...r
       }
-    );
+    ) });
   }
-), 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,
+), bt = {
+  side: "flip",
+  align: "flip",
+  fallbackAxisSide: "none"
+}, Rt = {
+  side: "none",
+  align: "none",
+  fallbackAxisSide: "none"
+}, Xt = t.forwardRef(function({
+  asChild: e = !1,
+  className: n,
+  children: r,
+  hideArrow: a = !1,
+  variant: d = "default",
+  side: u = "top",
+  sideOffset: v = 0,
+  align: h = "center",
+  alignOffset: E = 0,
+  arrowPadding: S = 0,
+  avoidCollisions: x = !0,
+  collisionBoundary: p = [],
+  collisionPadding: C = 0,
+  sticky: O = "partial",
+  hideWhenDetached: y = !1,
+  updatePositionStrategy: I,
+  forceMount: b,
+  id: k,
+  ...P
+}, g) {
+  const s = B(), f = rt("TooltipContent"), w = t.useContext(nt), V = ut(), it = pt(), X = t.useRef(null), [A, at] = t.useState(null), st = yt(g, at), { open: H, closeOnEscape: W } = f;
+  t.useEffect(() => {
+    if (!H || !A) return;
+    const l = A;
+    T.push(l);
+    const F = l.ownerDocument.defaultView ?? window;
+    function K(m) {
+      if (m.key !== "Escape" || m.defaultPrevented || m.isComposing || T[T.length - 1] !== l) return;
+      const M = m.target;
+      !(M instanceof Node) || l.contains(M) || !(l.compareDocumentPosition(M) & Node.DOCUMENT_POSITION_PRECEDING) || (m.preventDefault(), W(m));
+    }
+    return F.addEventListener("keydown", K, !0), () => {
+      F.removeEventListener("keydown", K, !0), T.splice(T.indexOf(l), 1);
+    };
+  }, [H, A, W]);
+  const N = k ?? f.generatedId, L = P["aria-label"], Y = `${N}-label`, $ = L ? Y : N, { setDescriptionId: _ } = f;
+  t.useEffect(() => (_($), () => _(void 0)), [$, _]);
+  const j = L && /* @__PURE__ */ i("span", { id: Y, hidden: !0, children: L }), G = !a && /* @__PURE__ */ i(
+    c.Arrow,
     {
-      ref: v,
-      "data-slot": "tooltip-content",
-      [s]: "tooltip-content",
-      ...d !== void 0 ? { "data-density": d } : {},
-      ...x,
-      "data-variant": a,
-      className: g(c.popup, t),
-      ...T,
-      children: [
-        l,
-        !o && /* @__PURE__ */ r(
-          R,
-          {
-            "data-slot": "tooltip-arrow",
-            [s]: "tooltip-arrow",
-            "data-variant": a,
-            className: c.arrow
-          }
-        )
-      ]
+      ref: X,
+      "data-slot": "tooltip-arrow",
+      [R]: "tooltip-arrow",
+      "data-variant": d,
+      className: s.arrow
+    }
+  ), D = e ? tt(r) : void 0, lt = D ? {
+    render: t.cloneElement(
+      D,
+      void 0,
+      D.props.children,
+      j,
+      G
+    )
+  } : {
+    children: /* @__PURE__ */ ct(dt, { children: [
+      r,
+      j,
+      G
+    ] })
+  }, Z = /* @__PURE__ */ i(
+    c.Positioner,
+    {
+      className: U(
+        s.positioner,
+        y && s.hideWhenDetached
+      ),
+      positionMethod: "fixed",
+      side: u,
+      sideOffset: () => {
+        var l;
+        return v + (((l = X.current) == null ? void 0 : l.offsetHeight) ?? 0);
+      },
+      align: h,
+      alignOffset: h === "center" ? 0 : E,
+      arrowPadding: S,
+      collisionBoundary: Array.isArray(p) ? p.filter((l) => l !== null) : p === null ? [] : p,
+      collisionPadding: C,
+      sticky: O === "always",
+      collisionAvoidance: x ? bt : Rt,
+      children: /* @__PURE__ */ i(
+        c.Popup,
+        {
+          ref: st,
+          id: N,
+          role: "tooltip",
+          "data-slot": "tooltip-content",
+          [R]: "tooltip-content",
+          ...V !== void 0 ? { "data-density": V } : {},
+          ...it,
+          "data-variant": d,
+          className: U(s.popup, n),
+          ...P,
+          ...lt
+        }
+      )
     }
   );
+  return w ? Z : /* @__PURE__ */ i(c.Portal, { keepMounted: b, children: Z });
 });
 export {
-  B as Tooltip,
-  K as TooltipContent,
-  J as TooltipPortal,
-  q as TooltipProvider,
-  G as TooltipTrigger
+  zt as Tooltip,
+  Xt as TooltipContent,
+  Vt as TooltipPortal,
+  Mt as TooltipProvider,
+  Ut 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 { 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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"}
+{"version":3,"file":"tooltip.js","sources":["../../../src/components/tooltip/tooltip.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { Tooltip as TooltipPrimitive } from \"@base-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  positioner: {\n    zIndex: OVERLAY_Z_INDEX,\n  },\n  // Radix's `hideWhenDetached`: hide the content once its trigger is scrolled out of view.\n  hideWhenDetached: {\n    \"&[data-anchor-hidden]\": {\n      visibility: \"hidden\",\n      pointerEvents: \"none\",\n    },\n  },\n  // No enter or exit motion: the Radix version keyed its keyframes on `data-state='open'`, a value\n  // Radix's tooltip never sets (it sets `delayed-open` or `instant-open`), so it never animated.\n  popup: {\n    ...boxModel,\n    width: \"fit-content\",\n    transformOrigin: \"var(--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  },\n  // Base UI places the arrow on the cross axis only; the anchored edge is set per side here. The\n  // diamond's centre sits 2px inside the content's edge, where Radix's arrow wrapper put it.\n  arrow: {\n    ...boxModel,\n    zIndex: 50,\n    width: \"0.625rem\",\n    height: \"0.625rem\",\n    ...shorthands.borderRadius(\"2px\"),\n    \"&[data-side='top']\": {\n      top: \"100%\",\n      transform: \"translateY(calc(-50% - 2px)) rotate(45deg)\",\n    },\n    \"&[data-side='bottom']\": {\n      top: 0,\n      transform: \"translateY(calc(-50% + 2px)) rotate(45deg)\",\n    },\n    \"&[data-side='left']\": {\n      left: \"100%\",\n      transform: \"translateX(calc(-50% - 2px)) rotate(45deg)\",\n    },\n    \"&[data-side='right']\": {\n      left: 0,\n      transform: \"translateX(calc(-50% + 2px)) rotate(45deg)\",\n    },\n    // Radix hid the arrow when it could not point at the trigger's centre.\n    \"&[data-uncentered]\": {\n      visibility: \"hidden\",\n    },\n    \"&[data-variant='default']\": {\n      backgroundColor: tokens.gray12,\n    },\n    \"&[data-variant='destructive']\": {\n      backgroundColor: tokens.error12,\n    },\n  },\n})\n\n// A single child can arrive wrapped in a one-element array depending on the JSX runtime (MDX call\n// sites do this). Radix's Slot normalised that, so the `asChild` shim has to as well.\nfunction onlySlotChild(children: React.ReactNode) {\n  const elements = React.Children.toArray(children).filter(React.isValidElement)\n  return elements.length === 1 ? elements[0] : undefined\n}\n\n/**\n * Radix's `asChild` over Base UI's `render`: the single child element becomes the part and keeps\n * its own children, since Base UI lets the rendered element's props win the merge.\n */\nfunction slotProps(asChild: boolean, children: React.ReactNode) {\n  const child = asChild ? onlySlotChild(children) : undefined\n  return child ? { render: child } : { children }\n}\n\n/**\n * A part's props as they were under Radix: its native element's own (DOM attributes, React's\n * handler types, a `CSSProperties` style, a string `className`, `ref`) plus `asChild`. Base UI's\n * prop types widen `style` and `className` to functions of the part's state, wrap every handler's\n * event in `BaseUIEvent` and add props of their own; none of that reaches the public surface.\n */\ntype NativePartProps<Tag extends \"button\" | \"div\"> =\n  React.ComponentProps<Tag> & {\n    /** Renders the single child element as this part, merging its props and behaviour onto it. */\n    asChild?: boolean\n  }\n\nfunction useMergedRef<T>(a: React.Ref<T> | undefined, b: React.Ref<T>) {\n  return React.useCallback(\n    (node: T | null) => {\n      for (const ref of [a, b]) {\n        if (typeof ref === \"function\") ref(node)\n        else if (ref) (ref as React.MutableRefObject<T | null>).current = node\n      }\n    },\n    [a, b]\n  )\n}\n\n/**\n * What `onOpenChange` receives as its second argument: Base UI's change details, declared in\n * Zenith. Base UI's own type would put its internals in the published declarations, which\n * TypeScript 4 consumers cannot parse. `event` narrows with `reason`, as it does in Base UI.\n */\ntype TooltipOpenChangeDetails = (\n  | { reason: \"trigger-hover\"; event: MouseEvent }\n  | { reason: \"trigger-focus\"; event: FocusEvent }\n  | {\n      reason: \"trigger-press\"\n      event: MouseEvent | PointerEvent | TouchEvent | KeyboardEvent\n    }\n  | { reason: \"outside-press\"; event: MouseEvent | PointerEvent | TouchEvent }\n  | { reason: \"escape-key\"; event: KeyboardEvent }\n  | { reason: \"disabled\"; event: Event }\n  | { reason: \"imperative-action\"; event: Event }\n  | { reason: \"none\"; event: Event }\n) & {\n  /** Keeps the tooltip in its current state. */\n  cancel: () => void\n  /** Lets the event propagate where the tooltip would otherwise stop it. */\n  allowPropagation: () => void\n  isCanceled: boolean\n  isPropagationAllowed: boolean\n  /** The element that caused the change, if any. */\n  trigger: Element | undefined\n  /** Keeps the tooltip's elements mounted after it closes. */\n  preventUnmountOnClose: () => void\n}\n\n/** Base UI's details of the imperative close, reported as the Escape that caused it. */\nfunction escapeDetails(\n  details: TooltipOpenChangeDetails,\n  event: KeyboardEvent\n): TooltipOpenChangeDetails {\n  return {\n    reason: \"escape-key\",\n    event,\n    cancel: () => details.cancel(),\n    allowPropagation: () => details.allowPropagation(),\n    get isCanceled() {\n      return details.isCanceled\n    },\n    get isPropagationAllowed() {\n      return details.isPropagationAllowed\n    },\n    trigger: details.trigger,\n    preventUnmountOnClose: () => details.preventUnmountOnClose(),\n  }\n}\n\n// The open tooltips' popups, in the order they opened. Escape goes to the last one, as it went to\n// Radix's topmost layer.\nconst openPopups: HTMLElement[] = []\n\n// Radix's provider-level `disableHoverableContent`, which Base UI only takes per tooltip, and the\n// skip delay a tooltip with its own `delayDuration` carries into its own Base UI provider.\nconst TooltipProviderContext = React.createContext<{\n  skipDelayDuration?: number\n  disableHoverableContent?: boolean\n}>({})\n\nexport type TooltipProviderProps = {\n  children: React.ReactNode\n  /** How long the pointer rests on a trigger before its tooltip opens, in ms. Defaults to 0. */\n  delayDuration?: number\n  /** How soon after one tooltip closes the next one opens without a delay, in ms. Defaults to 300. */\n  skipDelayDuration?: number\n  /** Closes tooltips as soon as the pointer leaves the trigger, even towards the content. */\n  disableHoverableContent?: boolean\n}\n\nexport const TooltipProvider = React.forwardRef<\n  HTMLElement,\n  TooltipProviderProps\n>(function TooltipProvider(\n  {\n    children,\n    delayDuration = 0,\n    skipDelayDuration = 300,\n    disableHoverableContent,\n  },\n  _ref\n) {\n  const value = React.useMemo(\n    () => ({ skipDelayDuration, disableHoverableContent }),\n    [skipDelayDuration, disableHoverableContent]\n  )\n\n  return (\n    <TooltipProviderContext.Provider value={value}>\n      <TooltipPrimitive.Provider\n        data-slot=\"tooltip-provider\"\n        delay={delayDuration}\n        timeout={skipDelayDuration}\n      >\n        {children}\n      </TooltipPrimitive.Provider>\n    </TooltipProviderContext.Provider>\n  )\n})\n\n// What the trigger and the content share through the root: the open state, the id of the element\n// that describes the trigger (the content, or its label) for `aria-describedby`, and the close the\n// content's Escape listener calls.\ntype TooltipContextValue = {\n  open: boolean\n  generatedId: string\n  descriptionId: string\n  setDescriptionId: (id: string | undefined) => void\n  closeOnEscape: (event: KeyboardEvent) => void\n}\n\nconst TooltipContext = React.createContext<TooltipContextValue | null>(null)\n\nexport type TooltipProps = {\n  children?: React.ReactNode\n  open?: boolean\n  defaultOpen?: boolean\n  /**\n   * Called when the tooltip opens or closes. `eventDetails.reason` says why (`trigger-hover`,\n   * `trigger-focus`, `trigger-press`, `escape-key`, `outside-press`) and `eventDetails.cancel()`\n   * keeps the tooltip in its current state.\n   */\n  onOpenChange?: (open: boolean, eventDetails: TooltipOpenChangeDetails) => void\n  /** This tooltip's hover delay in ms, overriding the provider's. */\n  delayDuration?: number\n  /** Closes this tooltip as soon as the pointer leaves the trigger, even towards the content. */\n  disableHoverableContent?: boolean\n}\n\nexport const Tooltip = React.forwardRef<HTMLElement, TooltipProps>(\n  function Tooltip(\n    {\n      children,\n      open: openProp,\n      defaultOpen = false,\n      onOpenChange,\n      delayDuration,\n      disableHoverableContent,\n    },\n    _ref\n  ) {\n    const provider = React.useContext(TooltipProviderContext)\n    // Base UI is always controlled from here, so the trigger's `aria-describedby` follows the\n    // same open state Base UI renders.\n    const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen)\n    const open = openProp ?? uncontrolledOpen\n    const generatedId = React.useId()\n    const [descriptionId, setDescriptionId] = React.useState<string>()\n    const actionsRef = React.useRef<TooltipPrimitive.Root.Actions>(null)\n    // Set while the content's Escape listener closes the tooltip, so `onOpenChange` reports it.\n    const escapeRef = React.useRef<KeyboardEvent | null>(null)\n    const closeOnEscape = React.useCallback((event: KeyboardEvent) => {\n      escapeRef.current = event\n      try {\n        actionsRef.current?.close()\n      } finally {\n        escapeRef.current = null\n      }\n    }, [])\n\n    const context = React.useMemo(\n      () => ({\n        open,\n        generatedId,\n        descriptionId: descriptionId ?? generatedId,\n        setDescriptionId,\n        closeOnEscape,\n      }),\n      [open, generatedId, descriptionId, closeOnEscape]\n    )\n\n    const root = (\n      <TooltipContext.Provider value={context}>\n        <TooltipPrimitive.Root\n          data-slot=\"tooltip\"\n          open={open}\n          actionsRef={actionsRef}\n          onOpenChange={(nextOpen, baseDetails) => {\n            const escape = escapeRef.current\n            const eventDetails = escape\n              ? escapeDetails(baseDetails, escape)\n              : baseDetails\n            // An Escape that arrives prevented was taken already: by this tooltip's own listener,\n            // or by a layer above it. Base UI dismisses regardless, so one Escape would close two.\n            if (\n              !escape &&\n              eventDetails.reason === \"escape-key\" &&\n              eventDetails.event.defaultPrevented\n            ) {\n              baseDetails.cancel()\n              return\n            }\n            onOpenChange?.(nextOpen, eventDetails)\n            if (!baseDetails.isCanceled) setUncontrolledOpen(nextOpen)\n          }}\n          disableHoverablePopup={\n            disableHoverableContent ?? provider.disableHoverableContent\n          }\n        >\n          {children}\n        </TooltipPrimitive.Root>\n      </TooltipContext.Provider>\n    )\n\n    // Base UI ignores a trigger's own delay while its provider's is 0, and Zenith's provider\n    // defaults to 0, so a tooltip with its own delay gets a provider of its own. It leaves the\n    // surrounding provider's skip-delay group, which Radix kept it in.\n    return delayDuration === undefined ? (\n      root\n    ) : (\n      <TooltipPrimitive.Provider\n        delay={delayDuration}\n        timeout={provider.skipDelayDuration ?? 300}\n      >\n        {root}\n      </TooltipPrimitive.Provider>\n    )\n  }\n)\n\nfunction useTooltipContext(part: string) {\n  const context = React.useContext(TooltipContext)\n  if (!context) throw new Error(`\\`${part}\\` must be used within \\`Tooltip\\``)\n  return context\n}\n\nexport type TooltipTriggerProps = NativePartProps<\"button\">\n\nexport const TooltipTrigger = React.forwardRef<\n  HTMLButtonElement,\n  TooltipTriggerProps\n>(function TooltipTrigger(\n  { asChild = false, children, className, ...props },\n  ref\n) {\n  const styles = useStyles()\n  const tooltip = useTooltipContext(\"TooltipTrigger\")\n\n  return (\n    <TooltipPrimitive.Trigger\n      ref={ref}\n      data-slot=\"tooltip-trigger\"\n      {...{ [SLOT_ATTR]: \"tooltip-trigger\" }}\n      // Base UI links nothing; Radix described the trigger by the content while it was open.\n      aria-describedby={tooltip.open ? tooltip.descriptionId : undefined}\n      className={mergeClasses(!asChild && styles.nativeTrigger, className)}\n      {...props}\n      {...slotProps(asChild, children)}\n    />\n  )\n})\n\n// Lets TooltipContent supply Base UI's required Portal itself when no TooltipPortal wraps it, as\n// Radix rendered content without one.\nconst TooltipPortalPresenceContext = React.createContext(false)\n\nexport type TooltipPortalProps = {\n  children?: React.ReactNode\n  /** The element the content portals into; `document.body` when omitted or null. */\n  container?: Element | DocumentFragment | null\n  /** Keeps the content mounted while the tooltip is closed. */\n  forceMount?: true\n}\n\nexport const TooltipPortal = React.forwardRef<HTMLElement, TooltipPortalProps>(\n  function TooltipPortal({ container, forceMount, ...props }, ref) {\n    return (\n      <TooltipPortalPresenceContext.Provider value={true}>\n        <TooltipPrimitive.Portal\n          // Base UI types the ref as its portal div, which any HTMLElement ref can hold.\n          ref={ref as React.Ref<HTMLDivElement>}\n          data-slot=\"tooltip-portal\"\n          {...{ [SLOT_ATTR]: \"tooltip-portal\" }}\n          // Radix took any Element or DocumentFragment, null meaning the body. Base UI hands a\n          // node straight to createPortal, which takes either, but reads null as \"wait for one\".\n          container={(container ?? undefined) as HTMLElement | undefined}\n          keepMounted={forceMount}\n          {...props}\n        />\n      </TooltipPortalPresenceContext.Provider>\n    )\n  }\n)\n\ntype Side = \"top\" | \"right\" | \"bottom\" | \"left\"\n\nexport type TooltipContentProps = NativePartProps<\"div\"> & {\n  /** The side of the trigger the content opens on. Flips when it would not fit. Defaults to top. */\n  side?: Side\n  /** Distance from the trigger in px, on top of the arrow's own height. Defaults to 0. */\n  sideOffset?: number\n  /** Alignment against the trigger. Defaults to center. */\n  align?: \"start\" | \"center\" | \"end\"\n  /** Offset from the `start` or `end` alignment in px. Defaults to 0. */\n  alignOffset?: number\n  /** Distance between the arrow and the content's corners in px. Defaults to 0. */\n  arrowPadding?: number\n  /** Flips and shifts the content to keep it in view. Defaults to true. */\n  avoidCollisions?: boolean\n  /** Elements the content must stay inside, besides the viewport. */\n  collisionBoundary?: Element | null | Array<Element | null>\n  /** Distance in px from the boundary edges before the content avoids them. Defaults to 0. */\n  collisionPadding?: number | Partial<Record<Side, number>>\n  /** `partial` keeps the content attached to its trigger; `always` keeps it in the boundary. */\n  sticky?: \"partial\" | \"always\"\n  /** Hides the content once its trigger is scrolled out of view. */\n  hideWhenDetached?: boolean\n  /** Accepted for compatibility; the position follows layout changes either way. */\n  updatePositionStrategy?: \"optimized\" | \"always\"\n  /**\n   * Keeps the content mounted while the tooltip is closed. Inside TooltipPortal, the portal's\n   * `forceMount` decides.\n   */\n  forceMount?: true\n  /** Hides the arrow that points at the trigger. */\n  hideArrow?: boolean\n  variant?: \"default\" | \"destructive\"\n}\n\n// Radix's collision handling: flip to the opposite side or alignment, never to the other axis.\nconst AVOID_COLLISIONS = {\n  side: \"flip\",\n  align: \"flip\",\n  fallbackAxisSide: \"none\",\n} as const\nconst IGNORE_COLLISIONS = {\n  side: \"none\",\n  align: \"none\",\n  fallbackAxisSide: \"none\",\n} as const\n\nexport const TooltipContent = React.forwardRef<\n  HTMLDivElement,\n  TooltipContentProps\n>(function TooltipContent(\n  {\n    asChild = false,\n    className,\n    children,\n    hideArrow = false,\n    variant = \"default\",\n    side = \"top\",\n    sideOffset = 0,\n    align = \"center\",\n    alignOffset = 0,\n    arrowPadding = 0,\n    avoidCollisions = true,\n    collisionBoundary = [],\n    collisionPadding = 0,\n    sticky = \"partial\",\n    hideWhenDetached = false,\n    updatePositionStrategy: _updatePositionStrategy,\n    forceMount,\n    id: idProp,\n    ...props\n  },\n  ref\n) {\n  const styles = useStyles()\n  const tooltip = useTooltipContext(\"TooltipContent\")\n  const hasPortal = React.useContext(TooltipPortalPresenceContext)\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  const arrowRef = React.useRef<HTMLDivElement>(null)\n  const [popup, setPopup] = React.useState<HTMLDivElement | null>(null)\n  const popupRef = useMergedRef(ref, setPopup)\n\n  // Radix's tooltip was the topmost layer while open, so Escape closed it before anything under it:\n  // a Dialog or a Radix menu it sits in, or a control. Base UI's listens later, after a Dialog has\n  // taken the key. Taking it on the window in the capture phase, before Radix's layers and Zenith's\n  // Base UI roots see it, and preventing it makes them leave it alone.\n  const { open, closeOnEscape } = tooltip\n  React.useEffect(() => {\n    if (!open || !popup) return\n    const element = popup\n    openPopups.push(element)\n    const view = element.ownerDocument.defaultView ?? window\n    function onKeyDown(event: KeyboardEvent) {\n      if (event.key !== \"Escape\" || event.defaultPrevented || event.isComposing)\n        return\n      if (openPopups[openPopups.length - 1] !== element) return\n      // Only an Escape from under the tooltip, earlier in the document. From inside it (a layer\n      // nested in the content, or the content itself) Base UI's own handler runs first; from later\n      // in the document, a layer opened over the tooltip takes its own.\n      const target = event.target\n      if (\n        !(target instanceof Node) ||\n        element.contains(target) ||\n        !(\n          element.compareDocumentPosition(target) &\n          Node.DOCUMENT_POSITION_PRECEDING\n        )\n      )\n        return\n      event.preventDefault()\n      closeOnEscape(event)\n    }\n    view.addEventListener(\"keydown\", onKeyDown, true)\n    return () => {\n      view.removeEventListener(\"keydown\", onKeyDown, true)\n      openPopups.splice(openPopups.indexOf(element), 1)\n    }\n  }, [open, popup, closeOnEscape])\n\n  // The trigger's `aria-describedby` points here, so a caller's own id has to reach it. Radix\n  // described the trigger by `aria-label` when one was given; a hidden node carries it, because\n  // not every accessibility engine reads the `aria-label` of a describing element.\n  const popupId = idProp ?? tooltip.generatedId\n  const ariaLabel = props[\"aria-label\"]\n  const labelId = `${popupId}-label`\n  const descriptionId = ariaLabel ? labelId : popupId\n  const { setDescriptionId } = tooltip\n  React.useEffect(() => {\n    setDescriptionId(descriptionId)\n    return () => setDescriptionId(undefined)\n  }, [descriptionId, setDescriptionId])\n\n  const label = ariaLabel && (\n    <span id={labelId} hidden>\n      {ariaLabel}\n    </span>\n  )\n\n  const arrow = !hideArrow && (\n    <TooltipPrimitive.Arrow\n      ref={arrowRef}\n      data-slot=\"tooltip-arrow\"\n      {...{ [SLOT_ATTR]: \"tooltip-arrow\" }}\n      data-variant={variant}\n      className={styles.arrow}\n    />\n  )\n  const child = asChild ? onlySlotChild(children) : undefined\n  // The child keeps its own children, so the label and the arrow join them there.\n  const content = child\n    ? {\n        render: React.cloneElement(\n          child,\n          undefined,\n          (child.props as { children?: React.ReactNode }).children,\n          label,\n          arrow\n        ),\n      }\n    : {\n        children: (\n          <>\n            {children}\n            {label}\n            {arrow}\n          </>\n        ),\n      }\n\n  const positioner = (\n    <TooltipPrimitive.Positioner\n      className={mergeClasses(\n        styles.positioner,\n        hideWhenDetached && styles.hideWhenDetached\n      )}\n      positionMethod=\"fixed\"\n      side={side}\n      // Radix moved the content away by the arrow's own height on top of `sideOffset`.\n      sideOffset={() => sideOffset + (arrowRef.current?.offsetHeight ?? 0)}\n      align={align}\n      // Radix applied the offset to `start` and `end` only; Base UI also shifts centred content.\n      alignOffset={align === \"center\" ? 0 : alignOffset}\n      arrowPadding={arrowPadding}\n      // Radix's default is the viewport alone, not every clipping ancestor.\n      collisionBoundary={\n        Array.isArray(collisionBoundary)\n          ? collisionBoundary.filter((boundary) => boundary !== null)\n          : collisionBoundary === null\n            ? []\n            : collisionBoundary\n      }\n      collisionPadding={collisionPadding}\n      sticky={sticky === \"always\"}\n      collisionAvoidance={\n        avoidCollisions ? AVOID_COLLISIONS : IGNORE_COLLISIONS\n      }\n    >\n      <TooltipPrimitive.Popup\n        ref={popupRef}\n        id={popupId}\n        // Base UI renders no role; Radix exposed the content as role=\"tooltip\".\n        role=\"tooltip\"\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        {...content}\n      />\n    </TooltipPrimitive.Positioner>\n  )\n\n  // Base UI's Positioner requires a Portal ancestor; Radix rendered inline without one.\n  return hasPortal ? (\n    positioner\n  ) : (\n    <TooltipPrimitive.Portal keepMounted={forceMount}>\n      {positioner}\n    </TooltipPrimitive.Portal>\n  )\n})\n"],"names":["useStyles","makeZenithStyles","nativeControl","OVERLAY_Z_INDEX","boxModel","shorthands","tokens.radiusLg","tokens.spacingElement2","tokens.textXs","tokens.gray12","tokens.gray1","tokens.errorA12","tokens.error1","tokens.error12","onlySlotChild","children","elements","React","slotProps","asChild","child","useMergedRef","a","b","node","ref","escapeDetails","details","event","openPopups","TooltipProviderContext","TooltipProvider","delayDuration","skipDelayDuration","disableHoverableContent","_ref","value","jsx","TooltipPrimitive","TooltipContext","Tooltip","openProp","defaultOpen","onOpenChange","provider","uncontrolledOpen","setUncontrolledOpen","open","generatedId","descriptionId","setDescriptionId","actionsRef","escapeRef","closeOnEscape","_a","context","root","nextOpen","baseDetails","escape","eventDetails","useTooltipContext","part","TooltipTrigger","className","props","styles","tooltip","SLOT_ATTR","mergeClasses","TooltipPortalPresenceContext","TooltipPortal","container","forceMount","AVOID_COLLISIONS","IGNORE_COLLISIONS","TooltipContent","hideArrow","variant","side","sideOffset","align","alignOffset","arrowPadding","avoidCollisions","collisionBoundary","collisionPadding","sticky","hideWhenDetached","_updatePositionStrategy","idProp","hasPortal","override","useDensity","appearance","useAppearanceAttributes","arrowRef","popup","setPopup","popupRef","element","view","onKeyDown","target","popupId","ariaLabel","labelId","label","arrow","content","jsxs","Fragment","positioner","boundary"],"mappings":"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"}