@fabio.caffarello/react-design-system 4.7.0 → 4.8.0

package/dist/granular/ui/primitives/Tooltip/Tooltip.js

@@ -1,128 +1,143 @@
 "use client";
-var $ = Object.defineProperty, q = Object.defineProperties;
-var G = Object.getOwnPropertyDescriptors;
-var b = Object.getOwnPropertySymbols;
-var C = Object.prototype.hasOwnProperty, M = Object.prototype.propertyIsEnumerable;
-var E = (e, o, r) => o in e ? $(e, o, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[o] = r, R = (e, o) => {
-  for (var r in o || (o = {}))
-    C.call(o, r) && E(e, r, o[r]);
-  if (b)
-    for (var r of b(o))
-      M.call(o, r) && E(e, r, o[r]);
+var J = Object.defineProperty, Q = Object.defineProperties;
+var U = Object.getOwnPropertyDescriptors;
+var g = Object.getOwnPropertySymbols;
+var C = Object.prototype.hasOwnProperty, L = Object.prototype.propertyIsEnumerable;
+var M = (e, n, r) => n in e ? J(e, n, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[n] = r, R = (e, n) => {
+  for (var r in n || (n = {}))
+    C.call(n, r) && M(e, r, n[r]);
+  if (g)
+    for (var r of g(n))
+      L.call(n, r) && M(e, r, n[r]);
   return e;
-}, T = (e, o) => q(e, G(o));
-var V = (e, o) => {
+}, B = (e, n) => Q(e, U(n));
+var V = (e, n) => {
   var r = {};
-  for (var s in e)
-    C.call(e, s) && o.indexOf(s) < 0 && (r[s] = e[s]);
-  if (e != null && b)
-    for (var s of b(e))
-      o.indexOf(s) < 0 && M.call(e, s) && (r[s] = e[s]);
+  for (var l in e)
+    C.call(e, l) && n.indexOf(l) < 0 && (r[l] = e[l]);
+  if (e != null && g)
+    for (var l of g(e))
+      n.indexOf(l) < 0 && L.call(e, l) && (r[l] = e[l]);
   return r;
 };
-import { jsxs as L, jsx as H } from "react/jsx-runtime";
-import { forwardRef as J, useState as Q, useRef as v, useId as U, useEffect as k, isValidElement as X, cloneElement as Y } from "react";
-import { getBorderWidthClass as P } from "../../tokens/borders.js";
-import { getRadiusClass as tt } from "../../tokens/radius.js";
-import { getShadowClass as et } from "../../tokens/shadows.js";
-import { getSpacingClass as c } from "../../tokens/spacing.js";
-import { getTypographySize as rt } from "../../tokens/typography.js";
-import { getZIndexClass as ot } from "../../tokens/z-index.js";
-import { cva as B } from "../../utils/cva.js";
-import { cn as a } from "../../utils/cn.js";
-import { mergeRefs as nt } from "../../utils/mergeRefs.js";
-const at = J(function(lt, x) {
-  var y = lt, {
-    content: o,
+import { jsxs as k, jsx as X } from "react/jsx-runtime";
+import { forwardRef as Y, useState as P, useRef as w, useId as tt, useEffect as x, isValidElement as et, cloneElement as rt } from "react";
+import { getBorderWidthClass as ot } from "../../tokens/borders.js";
+import { getRadiusClass as nt } from "../../tokens/radius.js";
+import { getShadowClass as at } from "../../tokens/shadows.js";
+import { getSpacingClass as m } from "../../tokens/spacing.js";
+import { getTypographySize as st } from "../../tokens/typography.js";
+import { getZIndexClass as lt } from "../../tokens/z-index.js";
+import { cva as I } from "../../utils/cva.js";
+import { cn as s } from "../../utils/cn.js";
+import { mergeRefs as it } from "../../utils/mergeRefs.js";
+const ut = Y(function(ft, F) {
+  var y = ft, {
+    content: n,
     children: r,
-    position: s = "top",
-    delay: I = 200,
-    className: g = "",
-    "aria-label": st,
-    preservePositioning: N = !1
-  } = y, S = V(y, [
+    position: l = "top",
+    delay: N = 200,
+    interactive: f = !1,
+    className: T = "",
+    "aria-label": ct,
+    preservePositioning: S = !1
+  } = y, D = V(y, [
     "content",
     "children",
     "position",
     "delay",
+    "interactive",
     "className",
     "aria-label",
     "preservePositioning"
   ]);
-  const [m, f] = Q(!1), u = v(null), h = v(null), d = v(null), w = `tooltip-${U()}`, D = () => {
-    const l = setTimeout(() => {
-      f(!0);
-    }, I);
-    u.current = l;
-  }, F = () => {
-    u.current && (clearTimeout(u.current), u.current = null), f(!1);
-  }, K = () => {
-    f(!0);
+  const [b, c] = P(!1), i = w(null), d = w(null), p = w(null), E = `tooltip-${tt()}`, K = () => {
+    const o = setTimeout(() => {
+      c(!0);
+    }, N);
+    i.current = o;
   }, j = () => {
-    f(!1);
-  }, W = (l) => {
+    if (i.current && (clearTimeout(i.current), i.current = null), !f) {
+      c(!1);
+      return;
+    }
+    const o = setTimeout(() => c(!1), 150);
+    i.current = o;
+  }, W = () => {
+    c(!0);
+  }, z = (o) => {
+    var t;
+    f && ((t = d.current) != null && t.contains(o.relatedTarget)) || c(!1);
+  }, A = (o) => {
     var t;
-    l.key === "Escape" && (f(!1), (t = d.current) == null || t.blur());
+    o.key === "Escape" && (c(!1), (t = p.current) == null || t.blur());
+  }, O = () => {
+    i.current && (clearTimeout(i.current), i.current = null);
+  }, Z = () => {
+    c(!1);
+  }, _ = (o) => {
+    var t, v;
+    !((t = d.current) != null && t.contains(o.relatedTarget)) && !((v = p.current) != null && v.contains(o.relatedTarget)) && c(!1);
   };
-  k(() => () => {
-    u.current && (clearTimeout(u.current), u.current = null);
-  }, []), k(() => {
-    if (!m) return;
-    const l = (t) => {
-      h.current && !h.current.contains(t.target) && d.current && !d.current.contains(t.target) && f(!1);
+  x(() => () => {
+    i.current && (clearTimeout(i.current), i.current = null);
+  }, []), x(() => {
+    if (!b) return;
+    const o = (t) => {
+      d.current && !d.current.contains(t.target) && p.current && !p.current.contains(t.target) && c(!1);
     };
-    return document.addEventListener("mousedown", l), () => {
-      document.removeEventListener("mousedown", l);
+    return document.addEventListener("mousedown", o), () => {
+      document.removeEventListener("mousedown", o);
     };
-  }, [m]);
-  const p = (l) => ({
+  }, [b]);
+  const h = (o) => ({
     top: "border-t-surface-inverse",
     bottom: "border-b-surface-inverse",
     left: "border-l-surface-inverse",
     right: "border-r-surface-inverse"
-  })[l], z = B(
-    a(
+  })[o], $ = I(
+    s(
       "absolute",
-      ot("tooltip"),
-      c("sm", "px"),
-      c("xs", "py"),
-      rt("caption"),
+      lt("tooltip"),
+      m("sm", "px"),
+      m("xs", "py"),
+      st("caption"),
       "text-fg-inverse",
       "bg-surface-inverse",
-      tt("md"),
-      et("lg"),
+      nt("md"),
+      at("lg"),
       "whitespace-nowrap"
     ),
     {
       variants: {
         position: {
-          top: a(
+          top: s(
             "bottom-full",
             "left-1/2",
             "transform",
             "-translate-x-1/2",
-            c("sm", "mb")
+            m("sm", "mb")
           ),
-          bottom: a(
+          bottom: s(
             "top-full",
             "left-1/2",
             "transform",
             "-translate-x-1/2",
-            c("sm", "mt")
+            m("sm", "mt")
           ),
-          left: a(
+          left: s(
             "right-full",
             "top-1/2",
             "transform",
             "-translate-y-1/2",
-            c("sm", "mr")
+            m("sm", "mr")
           ),
-          right: a(
+          right: s(
             "left-full",
             "top-1/2",
             "transform",
             "-translate-y-1/2",
-            c("sm", "ml")
+            m("sm", "ml")
           )
         }
       },
@@ -130,44 +145,44 @@ const at = J(function(lt, x) {
         position: "top"
       }
     }
-  ), A = B(
-    a(
+  ), q = I(
+    s(
       "absolute",
       "w-0",
       "h-0",
-      P("thick"),
+      ot("thick"),
       "border-transparent"
     ),
     {
       variants: {
         position: {
-          top: a(
+          top: s(
             "top-full",
             "left-1/2",
             "transform",
             "-translate-x-1/2",
-            p("top")
+            h("top")
           ),
-          bottom: a(
+          bottom: s(
             "bottom-full",
             "left-1/2",
             "transform",
             "-translate-x-1/2",
-            p("bottom")
+            h("bottom")
           ),
-          left: a(
+          left: s(
             "left-full",
             "top-1/2",
             "transform",
             "-translate-y-1/2",
-            p("left")
+            h("left")
           ),
-          right: a(
+          right: s(
             "right-full",
             "top-1/2",
             "transform",
             "-translate-y-1/2",
-            p("right")
+            h("right")
           )
         }
       },
@@ -175,53 +190,61 @@ const at = J(function(lt, x) {
         position: "top"
       }
     }
-  ), O = X(r) ? (() => {
-    const l = r, t = l.props, _ = t.ref;
-    return Y(l, {
-      ref: nt(d, _),
-      "aria-describedby": m ? w : t["aria-describedby"],
-      onMouseEnter: (i) => {
-        var n;
-        D(), (n = t.onMouseEnter) == null || n.call(t, i);
+  ), G = et(r) ? (() => {
+    const o = r, t = o.props, v = t.ref;
+    return rt(o, {
+      ref: it(p, v),
+      "aria-describedby": b ? E : t["aria-describedby"],
+      onMouseEnter: (u) => {
+        var a;
+        K(), (a = t.onMouseEnter) == null || a.call(t, u);
       },
-      onMouseLeave: (i) => {
-        var n;
-        F(), (n = t.onMouseLeave) == null || n.call(t, i);
+      onMouseLeave: (u) => {
+        var a;
+        j(), (a = t.onMouseLeave) == null || a.call(t, u);
       },
-      onFocus: (i) => {
-        var n;
-        K(), (n = t.onFocus) == null || n.call(t, i);
+      onFocus: (u) => {
+        var a;
+        W(), (a = t.onFocus) == null || a.call(t, u);
       },
-      onBlur: (i) => {
-        var n;
-        j(), (n = t.onBlur) == null || n.call(t, i);
+      onBlur: (u) => {
+        var a;
+        z(u), (a = t.onBlur) == null || a.call(t, u);
       },
-      onKeyDown: (i) => {
-        var n;
-        W(i), (n = t.onKeyDown) == null || n.call(t, i);
+      onKeyDown: (u) => {
+        var a;
+        A(u), (a = t.onKeyDown) == null || a.call(t, u);
       }
     });
-  })() : r, Z = N ? a("static", "inline-block", g) : a("relative", "inline-block", g);
-  return /* @__PURE__ */ L("div", T(R({ ref: x, className: Z }, S), { children: [
-    O,
-    m && /* @__PURE__ */ L(
+  })() : r, H = S ? s("static", "inline-block", T) : s("relative", "inline-block", T);
+  return /* @__PURE__ */ k("div", B(R({ ref: F, className: H }, D), { children: [
+    G,
+    b && /* @__PURE__ */ k(
       "div",
       {
-        ref: h,
-        id: w,
-        className: a(z({ position: s })),
+        ref: d,
+        id: E,
+        className: s(
+          $({ position: l }),
+          // Interactive tooltips contain rich / wrappable content — override
+          // the CVA whitespace-nowrap with whitespace-normal and cap the width.
+          f && "whitespace-normal max-w-xs"
+        ),
         role: "tooltip",
         "aria-live": "polite",
+        onMouseEnter: f ? O : void 0,
+        onMouseLeave: f ? Z : void 0,
+        onBlur: f ? _ : void 0,
         children: [
-          o,
-          /* @__PURE__ */ H("div", { className: a(A({ position: s })), "aria-hidden": "true" })
+          n,
+          /* @__PURE__ */ X("div", { className: s(q({ position: l })), "aria-hidden": "true" })
         ]
       }
     )
   ] }));
 });
-at.displayName = "Tooltip";
+ut.displayName = "Tooltip";
 export {
-  at as default
+  ut as default
 };
 //# sourceMappingURL=Tooltip.js.map

package/dist/granular/ui/primitives/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../../../src/ui/primitives/Tooltip/Tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n  HTMLAttributes,\n  ReactNode,\n  KeyboardEvent,\n  FocusEvent,\n  ReactElement,\n} from \"react\";\nimport {\n  forwardRef,\n  useState,\n  useRef,\n  useEffect,\n  useId,\n  cloneElement,\n  isValidElement,\n} from \"react\";\nimport { getBorderWidthClass } from \"../../tokens/borders\";\nimport { getRadiusClass } from \"../../tokens/radius\";\nimport { getShadowClass } from \"../../tokens/shadows\";\nimport { getSpacingClass } from \"../../tokens/spacing\";\nimport { getTypographySize } from \"../../tokens/typography\";\nimport { getZIndexClass } from \"../../tokens/z-index\";\nimport { cn, cva, mergeRefs } from \"../../utils\";\n\nexport interface TooltipProps extends HTMLAttributes<HTMLDivElement> {\n  content: string;\n  children: ReactNode;\n  position?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  delay?: number;\n  \"aria-label\"?: string;\n  /**\n   * When true, the tooltip wrapper won't interfere with absolute positioning of children.\n   * The wrapper will use `position: static` instead of `position: relative`.\n   */\n  preservePositioning?: boolean;\n}\n\n/**\n * Tooltip Component\n *\n * A tooltip component for displaying additional information on hover.\n *\n * @example\n * ```tsx\n * <Tooltip content=\"This is a tooltip\">\n *   <Button>Hover me</Button>\n * </Tooltip>\n * ```\n */\nconst Tooltip = forwardRef<HTMLDivElement, TooltipProps>(function Tooltip(\n  {\n    content,\n    children,\n    position = \"top\",\n    delay = 200,\n    className = \"\",\n    \"aria-label\": _ariaLabel,\n    preservePositioning = false,\n    ...props\n  },\n  ref,\n) {\n  const [isVisible, setIsVisible] = useState(false);\n  const timeoutIdRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const tooltipRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLElement | null>(null);\n\n  // Stable per-instance ID for the tooltip popup. useId is SSR-safe and\n  // stable across renders — the previous Math.random() approach generated\n  // a fresh ID on every render, which silently breaks the\n  // aria-describedby <-> tooltip id pairing observed by assistive tech\n  // across re-renders.\n  const tooltipId = `tooltip-${useId()}`;\n\n  const handleMouseEnter = () => {\n    const id = setTimeout(() => {\n      setIsVisible(true);\n    }, delay);\n    timeoutIdRef.current = id;\n  };\n\n  const handleMouseLeave = () => {\n    if (timeoutIdRef.current) {\n      clearTimeout(timeoutIdRef.current);\n      timeoutIdRef.current = null;\n    }\n    setIsVisible(false);\n  };\n\n  const handleFocus = () => {\n    // Show tooltip immediately on focus (no delay for keyboard users)\n    setIsVisible(true);\n  };\n\n  const handleBlur = () => {\n    setIsVisible(false);\n  };\n\n  const handleKeyDown = (e: KeyboardEvent) => {\n    if (e.key === \"Escape\") {\n      setIsVisible(false);\n      triggerRef.current?.blur();\n    }\n  };\n\n  // Cleanup timeout on unmount\n  useEffect(() => {\n    return () => {\n      if (timeoutIdRef.current) {\n        clearTimeout(timeoutIdRef.current);\n        timeoutIdRef.current = null;\n      }\n    };\n  }, []);\n\n  // Close tooltip when clicking outside\n  useEffect(() => {\n    if (!isVisible) return;\n\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        tooltipRef.current &&\n        !tooltipRef.current.contains(event.target as Node) &&\n        triggerRef.current &&\n        !triggerRef.current.contains(event.target as Node)\n      ) {\n        setIsVisible(false);\n      }\n    };\n\n    document.addEventListener(\"mousedown\", handleClickOutside);\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [isVisible]);\n\n  // Helper to get arrow border color\n  // Uses complete classes that Tailwind can detect\n  const getArrowBorderColor = (\n    position: \"top\" | \"bottom\" | \"left\" | \"right\",\n  ): string => {\n    // Arrow follows the tooltip body's surface-inverse color so the\n    // triangle's point visually merges into the body.\n    const borderMap: Record<\"top\" | \"bottom\" | \"left\" | \"right\", string> = {\n      top: \"border-t-surface-inverse\",\n      bottom: \"border-b-surface-inverse\",\n      left: \"border-l-surface-inverse\",\n      right: \"border-r-surface-inverse\",\n    };\n    return borderMap[position];\n  };\n\n  // Tooltip variants using CVA\n  const tooltipVariants = cva(\n    cn(\n      \"absolute\",\n      getZIndexClass(\"tooltip\"),\n      getSpacingClass(\"sm\", \"px\"),\n      getSpacingClass(\"xs\", \"py\"),\n      getTypographySize(\"caption\"),\n      \"text-fg-inverse\",\n      \"bg-surface-inverse\",\n      getRadiusClass(\"md\"),\n      getShadowClass(\"lg\"),\n      \"whitespace-nowrap\",\n    ),\n    {\n      variants: {\n        position: {\n          top: cn(\n            \"bottom-full\",\n            \"left-1/2\",\n            \"transform\",\n            \"-translate-x-1/2\",\n            getSpacingClass(\"sm\", \"mb\"),\n          ),\n          bottom: cn(\n            \"top-full\",\n            \"left-1/2\",\n            \"transform\",\n            \"-translate-x-1/2\",\n            getSpacingClass(\"sm\", \"mt\"),\n          ),\n          left: cn(\n            \"right-full\",\n            \"top-1/2\",\n            \"transform\",\n            \"-translate-y-1/2\",\n            getSpacingClass(\"sm\", \"mr\"),\n          ),\n          right: cn(\n            \"left-full\",\n            \"top-1/2\",\n            \"transform\",\n            \"-translate-y-1/2\",\n            getSpacingClass(\"sm\", \"ml\"),\n          ),\n        },\n      },\n      defaultVariants: {\n        position: \"top\",\n      },\n    },\n  );\n\n  const arrowVariants = cva(\n    cn(\n      \"absolute\",\n      \"w-0\",\n      \"h-0\",\n      getBorderWidthClass(\"thick\"),\n      \"border-transparent\",\n    ),\n    {\n      variants: {\n        position: {\n          top: cn(\n            \"top-full\",\n            \"left-1/2\",\n            \"transform\",\n            \"-translate-x-1/2\",\n            getArrowBorderColor(\"top\"),\n          ),\n          bottom: cn(\n            \"bottom-full\",\n            \"left-1/2\",\n            \"transform\",\n            \"-translate-x-1/2\",\n            getArrowBorderColor(\"bottom\"),\n          ),\n          left: cn(\n            \"left-full\",\n            \"top-1/2\",\n            \"transform\",\n            \"-translate-y-1/2\",\n            getArrowBorderColor(\"left\"),\n          ),\n          right: cn(\n            \"right-full\",\n            \"top-1/2\",\n            \"transform\",\n            \"-translate-y-1/2\",\n            getArrowBorderColor(\"right\"),\n          ),\n        },\n      },\n      defaultVariants: {\n        position: \"top\",\n      },\n    },\n  );\n\n  // Clone children to add accessibility props\n  const childrenWithProps = isValidElement(children)\n    ? (() => {\n        const childElement = children as ReactElement<\n          HTMLAttributes<HTMLElement> & { ref?: React.Ref<HTMLElement> }\n        >;\n        const existingProps = childElement.props;\n        const existingRef = existingProps.ref;\n\n        return cloneElement(childElement, {\n          ref: mergeRefs<HTMLElement>(triggerRef, existingRef),\n          \"aria-describedby\": isVisible\n            ? tooltipId\n            : existingProps[\"aria-describedby\"],\n          onMouseEnter: (e: React.MouseEvent<HTMLElement>) => {\n            handleMouseEnter();\n            existingProps.onMouseEnter?.(e);\n          },\n          onMouseLeave: (e: React.MouseEvent<HTMLElement>) => {\n            handleMouseLeave();\n            existingProps.onMouseLeave?.(e);\n          },\n          onFocus: (e: FocusEvent<HTMLElement>) => {\n            handleFocus();\n            existingProps.onFocus?.(e);\n          },\n          onBlur: (e: FocusEvent<HTMLElement>) => {\n            handleBlur();\n            existingProps.onBlur?.(e);\n          },\n          onKeyDown: (e: KeyboardEvent<HTMLElement>) => {\n            handleKeyDown(e);\n            existingProps.onKeyDown?.(e);\n          },\n        } as Partial<typeof existingProps>);\n      })()\n    : children;\n\n  // When preservePositioning is true, use static positioning to avoid interfering\n  // with absolute positioned children. The tooltip will still be positioned correctly\n  // using absolute positioning relative to the viewport/nearest positioned ancestor.\n  const wrapperClassName = preservePositioning\n    ? cn(\"static\", \"inline-block\", className)\n    : cn(\"relative\", \"inline-block\", className);\n\n  return (\n    <div ref={ref} className={wrapperClassName} {...props}>\n      {childrenWithProps}\n      {isVisible && (\n        <div\n          ref={tooltipRef}\n          id={tooltipId}\n          className={cn(tooltipVariants({ position }))}\n          role=\"tooltip\"\n          aria-live=\"polite\"\n        >\n          {content}\n          <div className={cn(arrowVariants({ position }))} aria-hidden=\"true\" />\n        </div>\n      )}\n    </div>\n  );\n});\n\nTooltip.displayName = \"Tooltip\";\n\nexport default Tooltip;\n"],"names":["Tooltip","forwardRef","_a","ref","_b","content","children","position","delay","className","_ariaLabel","preservePositioning","props","__objRest","isVisible","setIsVisible","useState","timeoutIdRef","useRef","tooltipRef","triggerRef","tooltipId","useId","handleMouseEnter","id","handleMouseLeave","handleFocus","handleBlur","handleKeyDown","e","useEffect","handleClickOutside","event","getArrowBorderColor","tooltipVariants","cva","cn","getZIndexClass","getSpacingClass","getTypographySize","getRadiusClass","getShadowClass","arrowVariants","getBorderWidthClass","childrenWithProps","isValidElement","childElement","existingProps","existingRef","cloneElement","mergeRefs","wrapperClassName","__spreadProps","__spreadValues","jsxs","jsx"],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","sources":["../../../../../src/ui/primitives/Tooltip/Tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n  HTMLAttributes,\n  ReactNode,\n  KeyboardEvent,\n  FocusEvent,\n  ReactElement,\n} from \"react\";\nimport {\n  forwardRef,\n  useState,\n  useRef,\n  useEffect,\n  useId,\n  cloneElement,\n  isValidElement,\n} from \"react\";\nimport { getBorderWidthClass } from \"../../tokens/borders\";\nimport { getRadiusClass } from \"../../tokens/radius\";\nimport { getShadowClass } from \"../../tokens/shadows\";\nimport { getSpacingClass } from \"../../tokens/spacing\";\nimport { getTypographySize } from \"../../tokens/typography\";\nimport { getZIndexClass } from \"../../tokens/z-index\";\nimport { cn, cva, mergeRefs } from \"../../utils\";\n\n// Omit the native HTML `content` attribute (string | undefined) so we can\n// widen it to ReactNode without a type conflict.\nexport interface TooltipProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  \"content\"\n> {\n  content: ReactNode;\n  children: ReactNode;\n  position?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  delay?: number;\n  /**\n   * When true, the tooltip panel stays open while the pointer hovers over it\n   * (150 ms grace-period bridge), and keyboard focus may move into focusable\n   * elements inside the panel (e.g. links). Use for educational / rich\n   * tooltips that contain interactive content.\n   *\n   * @default false\n   */\n  interactive?: boolean;\n  \"aria-label\"?: string;\n  /**\n   * When true, the tooltip wrapper won't interfere with absolute positioning of children.\n   * The wrapper will use `position: static` instead of `position: relative`.\n   */\n  preservePositioning?: boolean;\n}\n\n/**\n * Tooltip Component\n *\n * A tooltip component for displaying additional information on hover.\n *\n * Pass `content` as a plain string for simple labels, or as a `ReactNode`\n * for rich / educational content. Set `interactive` when the panel contains\n * clickable elements (links, buttons) — the tooltip then stays open while\n * the pointer is over the panel and while keyboard focus is inside it.\n *\n * @example\n * ```tsx\n * // Simple string\n * <Tooltip content=\"This is a tooltip\">\n *   <Button>Hover me</Button>\n * </Tooltip>\n *\n * // Rich interactive content\n * <Tooltip\n *   interactive\n *   content={\n *     <>\n *       <strong>Pirâmide de Confiança L2</strong>\n *       <p>Dados verificados por fonte oficial.</p>\n *       <a href=\"/ajuda/piramide\">Saiba mais</a>\n *     </>\n *   }\n * >\n *   <Badge>L2</Badge>\n * </Tooltip>\n * ```\n */\nconst Tooltip = forwardRef<HTMLDivElement, TooltipProps>(function Tooltip(\n  {\n    content,\n    children,\n    position = \"top\",\n    delay = 200,\n    interactive = false,\n    className = \"\",\n    \"aria-label\": _ariaLabel,\n    preservePositioning = false,\n    ...props\n  },\n  ref,\n) {\n  const [isVisible, setIsVisible] = useState(false);\n  const timeoutIdRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const tooltipRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLElement | null>(null);\n\n  // Stable per-instance ID for the tooltip popup. useId is SSR-safe and\n  // stable across renders — the previous Math.random() approach generated\n  // a fresh ID on every render, which silently breaks the\n  // aria-describedby <-> tooltip id pairing observed by assistive tech\n  // across re-renders.\n  const tooltipId = `tooltip-${useId()}`;\n\n  const handleMouseEnter = () => {\n    const id = setTimeout(() => {\n      setIsVisible(true);\n    }, delay);\n    timeoutIdRef.current = id;\n  };\n\n  const handleMouseLeave = () => {\n    if (timeoutIdRef.current) {\n      clearTimeout(timeoutIdRef.current);\n      timeoutIdRef.current = null;\n    }\n    if (!interactive) {\n      setIsVisible(false);\n      return;\n    }\n    // Grace period — allows the pointer to travel from the trigger to the\n    // tooltip panel without the tooltip closing in between.\n    const id = setTimeout(() => setIsVisible(false), 150);\n    timeoutIdRef.current = id;\n  };\n\n  const handleFocus = () => {\n    // Show tooltip immediately on focus (no delay for keyboard users)\n    setIsVisible(true);\n  };\n\n  const handleBlur = (e: FocusEvent<HTMLElement>) => {\n    // When interactive, keep the tooltip open if focus moves into the panel.\n    if (interactive && tooltipRef.current?.contains(e.relatedTarget as Node)) {\n      return;\n    }\n    setIsVisible(false);\n  };\n\n  const handleKeyDown = (e: KeyboardEvent) => {\n    if (e.key === \"Escape\") {\n      setIsVisible(false);\n      triggerRef.current?.blur();\n    }\n  };\n\n  // --- Interactive tooltip panel handlers ---\n\n  const handleTooltipMouseEnter = () => {\n    // Cancel the pending close started by handleMouseLeave's grace period.\n    if (timeoutIdRef.current) {\n      clearTimeout(timeoutIdRef.current);\n      timeoutIdRef.current = null;\n    }\n  };\n\n  const handleTooltipMouseLeave = () => {\n    setIsVisible(false);\n  };\n\n  const handleTooltipBlur = (e: React.FocusEvent<HTMLDivElement>) => {\n    // Close only when focus leaves both the panel AND the trigger.\n    if (\n      !tooltipRef.current?.contains(e.relatedTarget as Node) &&\n      !triggerRef.current?.contains(e.relatedTarget as Node)\n    ) {\n      setIsVisible(false);\n    }\n  };\n\n  // Cleanup timeout on unmount\n  useEffect(() => {\n    return () => {\n      if (timeoutIdRef.current) {\n        clearTimeout(timeoutIdRef.current);\n        timeoutIdRef.current = null;\n      }\n    };\n  }, []);\n\n  // Close tooltip when clicking outside\n  useEffect(() => {\n    if (!isVisible) return;\n\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        tooltipRef.current &&\n        !tooltipRef.current.contains(event.target as Node) &&\n        triggerRef.current &&\n        !triggerRef.current.contains(event.target as Node)\n      ) {\n        setIsVisible(false);\n      }\n    };\n\n    document.addEventListener(\"mousedown\", handleClickOutside);\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [isVisible]);\n\n  // Helper to get arrow border color\n  // Uses complete classes that Tailwind can detect\n  const getArrowBorderColor = (\n    pos: \"top\" | \"bottom\" | \"left\" | \"right\",\n  ): string => {\n    // Arrow follows the tooltip body's surface-inverse color so the\n    // triangle's point visually merges into the body.\n    const borderMap: Record<\"top\" | \"bottom\" | \"left\" | \"right\", string> = {\n      top: \"border-t-surface-inverse\",\n      bottom: \"border-b-surface-inverse\",\n      left: \"border-l-surface-inverse\",\n      right: \"border-r-surface-inverse\",\n    };\n    return borderMap[pos];\n  };\n\n  // Tooltip variants using CVA\n  const tooltipVariants = cva(\n    cn(\n      \"absolute\",\n      getZIndexClass(\"tooltip\"),\n      getSpacingClass(\"sm\", \"px\"),\n      getSpacingClass(\"xs\", \"py\"),\n      getTypographySize(\"caption\"),\n      \"text-fg-inverse\",\n      \"bg-surface-inverse\",\n      getRadiusClass(\"md\"),\n      getShadowClass(\"lg\"),\n      \"whitespace-nowrap\",\n    ),\n    {\n      variants: {\n        position: {\n          top: cn(\n            \"bottom-full\",\n            \"left-1/2\",\n            \"transform\",\n            \"-translate-x-1/2\",\n            getSpacingClass(\"sm\", \"mb\"),\n          ),\n          bottom: cn(\n            \"top-full\",\n            \"left-1/2\",\n            \"transform\",\n            \"-translate-x-1/2\",\n            getSpacingClass(\"sm\", \"mt\"),\n          ),\n          left: cn(\n            \"right-full\",\n            \"top-1/2\",\n            \"transform\",\n            \"-translate-y-1/2\",\n            getSpacingClass(\"sm\", \"mr\"),\n          ),\n          right: cn(\n            \"left-full\",\n            \"top-1/2\",\n            \"transform\",\n            \"-translate-y-1/2\",\n            getSpacingClass(\"sm\", \"ml\"),\n          ),\n        },\n      },\n      defaultVariants: {\n        position: \"top\",\n      },\n    },\n  );\n\n  const arrowVariants = cva(\n    cn(\n      \"absolute\",\n      \"w-0\",\n      \"h-0\",\n      getBorderWidthClass(\"thick\"),\n      \"border-transparent\",\n    ),\n    {\n      variants: {\n        position: {\n          top: cn(\n            \"top-full\",\n            \"left-1/2\",\n            \"transform\",\n            \"-translate-x-1/2\",\n            getArrowBorderColor(\"top\"),\n          ),\n          bottom: cn(\n            \"bottom-full\",\n            \"left-1/2\",\n            \"transform\",\n            \"-translate-x-1/2\",\n            getArrowBorderColor(\"bottom\"),\n          ),\n          left: cn(\n            \"left-full\",\n            \"top-1/2\",\n            \"transform\",\n            \"-translate-y-1/2\",\n            getArrowBorderColor(\"left\"),\n          ),\n          right: cn(\n            \"right-full\",\n            \"top-1/2\",\n            \"transform\",\n            \"-translate-y-1/2\",\n            getArrowBorderColor(\"right\"),\n          ),\n        },\n      },\n      defaultVariants: {\n        position: \"top\",\n      },\n    },\n  );\n\n  // Clone children to add accessibility props\n  const childrenWithProps = isValidElement(children)\n    ? (() => {\n        const childElement = children as ReactElement<\n          HTMLAttributes<HTMLElement> & { ref?: React.Ref<HTMLElement> }\n        >;\n        const existingProps = childElement.props;\n        const existingRef = existingProps.ref;\n\n        return cloneElement(childElement, {\n          ref: mergeRefs<HTMLElement>(triggerRef, existingRef),\n          \"aria-describedby\": isVisible\n            ? tooltipId\n            : existingProps[\"aria-describedby\"],\n          onMouseEnter: (e: React.MouseEvent<HTMLElement>) => {\n            handleMouseEnter();\n            existingProps.onMouseEnter?.(e);\n          },\n          onMouseLeave: (e: React.MouseEvent<HTMLElement>) => {\n            handleMouseLeave();\n            existingProps.onMouseLeave?.(e);\n          },\n          onFocus: (e: FocusEvent<HTMLElement>) => {\n            handleFocus();\n            existingProps.onFocus?.(e);\n          },\n          onBlur: (e: FocusEvent<HTMLElement>) => {\n            handleBlur(e);\n            existingProps.onBlur?.(e);\n          },\n          onKeyDown: (e: KeyboardEvent<HTMLElement>) => {\n            handleKeyDown(e);\n            existingProps.onKeyDown?.(e);\n          },\n        } as Partial<typeof existingProps>);\n      })()\n    : children;\n\n  // When preservePositioning is true, use static positioning to avoid interfering\n  // with absolute positioned children. The tooltip will still be positioned correctly\n  // using absolute positioning relative to the viewport/nearest positioned ancestor.\n  const wrapperClassName = preservePositioning\n    ? cn(\"static\", \"inline-block\", className)\n    : cn(\"relative\", \"inline-block\", className);\n\n  return (\n    <div ref={ref} className={wrapperClassName} {...props}>\n      {childrenWithProps}\n      {isVisible && (\n        <div\n          ref={tooltipRef}\n          id={tooltipId}\n          className={cn(\n            tooltipVariants({ position }),\n            // Interactive tooltips contain rich / wrappable content — override\n            // the CVA whitespace-nowrap with whitespace-normal and cap the width.\n            interactive && \"whitespace-normal max-w-xs\",\n          )}\n          role=\"tooltip\"\n          aria-live=\"polite\"\n          onMouseEnter={interactive ? handleTooltipMouseEnter : undefined}\n          onMouseLeave={interactive ? handleTooltipMouseLeave : undefined}\n          onBlur={interactive ? handleTooltipBlur : undefined}\n        >\n          {content}\n          <div className={cn(arrowVariants({ position }))} aria-hidden=\"true\" />\n        </div>\n      )}\n    </div>\n  );\n});\n\nTooltip.displayName = \"Tooltip\";\n\nexport default Tooltip;\n"],"names":["Tooltip","forwardRef","_a","ref","_b","content","children","position","delay","interactive","className","_ariaLabel","preservePositioning","props","__objRest","isVisible","setIsVisible","useState","timeoutIdRef","useRef","tooltipRef","triggerRef","tooltipId","useId","handleMouseEnter","id","handleMouseLeave","handleFocus","handleBlur","e","handleKeyDown","handleTooltipMouseEnter","handleTooltipMouseLeave","handleTooltipBlur","useEffect","handleClickOutside","event","getArrowBorderColor","pos","tooltipVariants","cva","cn","getZIndexClass","getSpacingClass","getTypographySize","getRadiusClass","getShadowClass","arrowVariants","getBorderWidthClass","childrenWithProps","isValidElement","childElement","existingProps","existingRef","cloneElement","mergeRefs","wrapperClassName","__spreadProps","__spreadValues","jsxs","jsx"],"mappings":"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"}