se-design 1.0.87-dev.1 → 1.0.87-dev.2

package/dist/components/Icon/index.d.ts

@@ -50,5 +50,10 @@ export type IconProps = {
      * For mouse users only; does not replace ariaLabel for screen readers.
      */
     htmlTitle?: string;
+    /**
+     * Override tab order. Pass tabIndex={0} to make a non-interactive or disabled icon
+     * focusable (e.g. for tooltip access). Overrides the hook's default when provided.
+     */
+    tabIndex?: number;
 };
 export declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Tooltip/index.d.ts

@@ -29,6 +29,10 @@ export interface TooltipProps {
      * Required when isTriggerDisabled is true. Provides an accessible name for the focusable wrapper trigger.
      */
     disabledTriggerAriaLabel?: string;
+    /**
+     * When true, tooltip is suppressed — renders tooltipSrc only, no tooltip behavior.
+     */
+    disabled?: boolean;
     /**
      * Max width of the tooltip content
      */
@@ -50,4 +54,4 @@ export interface TooltipProps {
      */
     automationId?: string;
 }
-export declare const Tooltip: ({ content, tooltipSrc, position, displayOn, maxWidth, isWithPortal, tooltipSrcRef, isTriggerDisabled, disabledTriggerAriaLabel, tooltipContentClasses, tooltipOffset, automationId }: TooltipProps) => React.JSX.Element;
+export declare const Tooltip: ({ content, tooltipSrc, position, displayOn, disabled, maxWidth, isWithPortal, tooltipSrcRef, isTriggerDisabled, disabledTriggerAriaLabel, tooltipContentClasses, tooltipOffset, automationId }: TooltipProps) => React.JSX.Element;

package/dist/index16.js

@@ -1,227 +1,231 @@
-import m, { useState as N, useRef as $, useEffect as P } from "react";
-import Z, { flushSync as O } from "react-dom";
-import { useStableId as ee } from "./index206.js";
-import { useDismissOnFocusOut as te } from "./index80.js";
+import c, { useState as N, useRef as $, useEffect as P } from "react";
+import ee, { flushSync as te } from "react-dom";
+import { useStableId as oe } from "./index206.js";
+import { useDismissOnFocusOut as re } from "./index80.js";
 import "./index72.js";
 function I() {
-  return I = Object.assign ? Object.assign.bind() : function(x) {
-    for (var v = 1; v < arguments.length; v++) {
-      var s = arguments[v];
-      for (var i in s) ({}).hasOwnProperty.call(s, i) && (x[i] = s[i]);
+  return I = Object.assign ? Object.assign.bind() : function(v) {
+    for (var p = 1; p < arguments.length; p++) {
+      var s = arguments[p];
+      for (var d in s) ({}).hasOwnProperty.call(s, d) && (v[d] = s[d]);
     }
-    return x;
+    return v;
   }, I.apply(null, arguments);
 }
-const ce = ({
-  content: x,
-  tooltipSrc: v,
+const de = ({
+  content: v,
+  tooltipSrc: p,
   position: s = "bottom-center",
-  displayOn: i = "hover",
+  displayOn: d = "hover",
+  disabled: z = !1,
   maxWidth: B = 240,
   isWithPortal: F = !1,
   tooltipSrcRef: w = void 0,
   isTriggerDisabled: y = !1,
-  disabledTriggerAriaLabel: j = void 0,
-  tooltipContentClasses: z = "",
-  tooltipOffset: u = 8,
-  automationId: _ = ""
+  disabledTriggerAriaLabel: S = void 0,
+  tooltipContentClasses: _ = "",
+  tooltipOffset: m = 8,
+  automationId: K = ""
 }) => {
-  const [L, p] = N(!1), M = $(null), K = $(null), k = w || K, [q, U] = N({}), [E, S] = N(!1), A = $(null), D = typeof x == "string", g = ee(void 0, "tooltip-content"), T = () => {
+  const [L, g] = N(!1), M = $(null), V = $(null), E = w || V, [q, U] = N({}), [k, D] = N(!1), A = $(null), H = typeof v == "string", x = oe(void 0, "tooltip-content"), T = () => {
     A.current && (clearTimeout(A.current), A.current = null);
   }, C = () => {
-    i !== "always-on" && (T(), A.current = setTimeout(() => p(!1), 150));
-  }, H = () => {
-    T(), p(!0);
-  }, V = (e) => {
+    d !== "always-on" && (T(), A.current = setTimeout(() => g(!1), 150));
+  }, R = () => {
+    T(), g(!0);
+  }, W = (e) => {
     if (y) {
       if (e.key === "Escape") {
-        e.preventDefault(), p(!1);
+        e.preventDefault(), g(!1);
         return;
       }
-      (e.key === "Enter" || e.key === " ") && (e.preventDefault(), p((t) => !t));
+      (e.key === "Enter" || e.key === " ") && (e.preventDefault(), g((t) => !t));
     }
-  }, W = te({
+  }, G = re({
     disabled: y,
-    onFocusIn: H,
+    onFocusIn: R,
     onFocusOut: C,
-    onEscape: () => p(!1)
+    onEscape: () => g(!1)
   });
   P(() => {
     const e = M.current;
-    e && (s == "bottom-center" ? (e.setAttribute("style", "left: 50%;transform: translateX(-50%);"), e.classList.add("before:left-[calc(50%-7px)]"), e.classList.add("before:top-[-7px]")) : s == "bottom-left" ? (e.classList.add("before:left-[calc(10%-7px)]"), e.classList.add("before:top-[-7px]")) : s == "bottom-right" ? (e.setAttribute("style", "right: 0;"), e.classList.add("before:right-[calc(10%+7px)]"), e.classList.add("before:top-[-7px]")) : s == "top-center" ? (e.setAttribute("style", "left: 50%;transform: translateX(-50%);bottom: calc(100% + 8px);"), e.classList.add("before:left-[calc(50%-7px)]"), e.classList.add("before:bottom-[-7px]")) : s == "top-left" ? (e.setAttribute("style", "bottom: calc(100% + 8px);"), e.classList.add("before:left-[calc(10%-7px)]"), e.classList.add("before:bottom-[-7px]")) : s == "top-right" ? (e.setAttribute("style", "right: 0;bottom: calc(100% + 8px);"), e.classList.add("before:right-[calc(10%+7px)]"), e.classList.add("before:bottom-[-7px]")) : s == "left-top" ? (e.setAttribute("style", "right: calc(100% + 10px);top:0;"), e.classList.add("before:right-[-6px]"), e.classList.add("before:top-[7px]")) : s == "left-center" ? (e.setAttribute("style", "right: calc(100% + 10px);top: 50%;transform: translateY(-50%);"), e.classList.add("before:right-[-6px]"), e.classList.add("before:top-[calc(50%-7px)]")) : s == "left-bottom" ? (e.setAttribute("style", "right: calc(100% + 10px);bottom:0;"), e.classList.add("before:right-[-6px]"), e.classList.add("before:bottom-[7px]")) : s == "right-top" ? (e.setAttribute("style", "left: calc(100% + 10px);top:0;"), e.classList.add("before:left-[-6px]"), e.classList.add("before:top-[7px]")) : s == "right-center" ? (e.setAttribute("style", "left: calc(100% + 10px);top: 50%;transform: translateY(-50%);"), e.classList.add("before:left-[-6px]"), e.classList.add("before:top-[calc(50%-7px)]")) : s == "right-bottom" && (e.setAttribute("style", "left: calc(100% + 10px);bottom:0;"), e.classList.add("before:left-[-6px]"), e.classList.add("before:bottom-[7px]")), i == "hover" && e.classList.add("group-hover:visible"));
-  }, [x]), P(() => {
+    e && (s == "bottom-center" ? (e.setAttribute("style", "left: 50%;transform: translateX(-50%);"), e.classList.add("before:left-[calc(50%-7px)]"), e.classList.add("before:top-[-7px]")) : s == "bottom-left" ? (e.classList.add("before:left-[calc(10%-7px)]"), e.classList.add("before:top-[-7px]")) : s == "bottom-right" ? (e.setAttribute("style", "right: 0;"), e.classList.add("before:right-[calc(10%+7px)]"), e.classList.add("before:top-[-7px]")) : s == "top-center" ? (e.setAttribute("style", "left: 50%;transform: translateX(-50%);bottom: calc(100% + 8px);"), e.classList.add("before:left-[calc(50%-7px)]"), e.classList.add("before:bottom-[-7px]")) : s == "top-left" ? (e.setAttribute("style", "bottom: calc(100% + 8px);"), e.classList.add("before:left-[calc(10%-7px)]"), e.classList.add("before:bottom-[-7px]")) : s == "top-right" ? (e.setAttribute("style", "right: 0;bottom: calc(100% + 8px);"), e.classList.add("before:right-[calc(10%+7px)]"), e.classList.add("before:bottom-[-7px]")) : s == "left-top" ? (e.setAttribute("style", "right: calc(100% + 10px);top:0;"), e.classList.add("before:right-[-6px]"), e.classList.add("before:top-[7px]")) : s == "left-center" ? (e.setAttribute("style", "right: calc(100% + 10px);top: 50%;transform: translateY(-50%);"), e.classList.add("before:right-[-6px]"), e.classList.add("before:top-[calc(50%-7px)]")) : s == "left-bottom" ? (e.setAttribute("style", "right: calc(100% + 10px);bottom:0;"), e.classList.add("before:right-[-6px]"), e.classList.add("before:bottom-[7px]")) : s == "right-top" ? (e.setAttribute("style", "left: calc(100% + 10px);top:0;"), e.classList.add("before:left-[-6px]"), e.classList.add("before:top-[7px]")) : s == "right-center" ? (e.setAttribute("style", "left: calc(100% + 10px);top: 50%;transform: translateY(-50%);"), e.classList.add("before:left-[-6px]"), e.classList.add("before:top-[calc(50%-7px)]")) : s == "right-bottom" && (e.setAttribute("style", "left: calc(100% + 10px);bottom:0;"), e.classList.add("before:left-[-6px]"), e.classList.add("before:bottom-[7px]")), d == "hover" && e.classList.add("group-hover:visible"));
+  }, [v]), P(() => {
     const e = M.current;
     e && (L ? e.classList.remove("invisible") : e.classList.add("invisible"));
   }, [L]), P(() => {
-    i === "always-on" && p(!0);
-  }, [i]);
-  const G = () => {
-    i == "click" && p((e) => !e);
-  }, J = {
-    ...i === "click" && {
+    d === "always-on" && g(!0);
+  }, [d]);
+  const J = () => {
+    d == "click" && g((e) => !e);
+  }, Q = {
+    ...d === "click" && {
       onClick: () => {
-        p((e) => !e);
+        g((e) => !e);
       }
     },
-    ...i === "hover" && {
-      onMouseEnter: () => p(!0),
-      onMouseLeave: () => p(!1)
+    ...d === "hover" && {
+      onMouseEnter: () => g(!0),
+      onMouseLeave: () => g(!1)
     }
-  }, Q = () => {
-    const e = k.current;
+  }, Z = () => {
+    const e = E.current;
     if (!e)
       return {};
-    const t = e.getBoundingClientRect(), n = window.scrollX || window.pageXOffset, c = window.scrollY || window.pageYOffset, o = 14, h = document.getElementById(g), r = h?.offsetWidth || 0, l = h?.offsetHeight || 0;
-    let a = 0, d = 0, f = 0, b = 0;
+    const t = e.getBoundingClientRect(), n = window.scrollX || window.pageXOffset, i = window.scrollY || window.pageYOffset, o = 14, h = document.getElementById(x), r = h?.offsetWidth || 0, l = h?.offsetHeight || 0;
+    let a = 0, f = 0, b = 0, u = 0;
     switch (s) {
       case "bottom-center":
-        a = t.bottom + c + u, d = t.left + n + t.width / 2 - r / 2, f = r / 2 - o / 2, b = -o / 2;
+        a = t.bottom + i + m, f = t.left + n + t.width / 2 - r / 2, b = r / 2 - o / 2, u = -o / 2;
         break;
       case "bottom-left":
-        a = t.bottom + c + u, d = t.left + n, f = r * 0.1 - o / 2, b = -o / 2;
+        a = t.bottom + i + m, f = t.left + n, b = r * 0.1 - o / 2, u = -o / 2;
         break;
       case "bottom-right":
-        a = t.bottom + c + u, d = t.right + n - r, f = r - r * 0.1 - o / 2, b = -o / 2;
+        a = t.bottom + i + m, f = t.right + n - r, b = r - r * 0.1 - o / 2, u = -o / 2;
         break;
       case "top-center":
-        a = t.top + c - l - u, d = t.left + n + t.width / 2 - r / 2, f = r / 2 - o / 2, b = l - o / 2;
+        a = t.top + i - l - m, f = t.left + n + t.width / 2 - r / 2, b = r / 2 - o / 2, u = l - o / 2;
         break;
       case "top-left":
-        a = t.top + c - l - u, d = t.left + n, f = r * 0.1 - o / 2, b = l - o / 2;
+        a = t.top + i - l - m, f = t.left + n, b = r * 0.1 - o / 2, u = l - o / 2;
         break;
       case "top-right":
-        a = t.top + c - l - u, d = t.right + n - r, f = r - r * 0.1 - o / 2, b = l - o / 2;
+        a = t.top + i - l - m, f = t.right + n - r, b = r - r * 0.1 - o / 2, u = l - o / 2;
         break;
       case "left-top":
-        a = t.top + c, d = t.left + n - r - u, f = r - o / 2, b = o / 2;
+        a = t.top + i, f = t.left + n - r - m, b = r - o / 2, u = o / 2;
         break;
       case "left-center":
-        a = t.top + c + t.height / 2 - l / 2, d = t.left + n - r - u, f = r - o / 2, b = l / 2 - o / 2;
+        a = t.top + i + t.height / 2 - l / 2, f = t.left + n - r - m, b = r - o / 2, u = l / 2 - o / 2;
         break;
       case "left-bottom":
-        a = t.bottom + c - l, d = t.left + n - r - u, f = r - o / 2, b = l - o / 2;
+        a = t.bottom + i - l, f = t.left + n - r - m, b = r - o / 2, u = l - o / 2;
         break;
       case "right-top":
-        a = t.top + c, d = t.right + n + u, f = -o / 2, b = o / 2;
+        a = t.top + i, f = t.right + n + m, b = -o / 2, u = o / 2;
         break;
       case "right-center":
-        a = t.top + c + t.height / 2 - l / 2, d = t.right + n + u, f = -o / 2, b = l / 2 - o / 2;
+        a = t.top + i + t.height / 2 - l / 2, f = t.right + n + m, b = -o / 2, u = l / 2 - o / 2;
         break;
       case "right-bottom":
-        a = t.bottom + c - l, d = t.right + n + u, f = -o / 2, b = l - o / 2;
+        a = t.bottom + i - l, f = t.right + n + m, b = -o / 2, u = l - o / 2;
         break;
       default:
-        a = t.bottom + c + u, d = t.left + n + t.width / 2 - r / 2, f = r / 2 - o / 2, b = -o / 2;
+        a = t.bottom + i + m, f = t.left + n + t.width / 2 - r / 2, b = r / 2 - o / 2, u = -o / 2;
         break;
     }
     return {
       position: "absolute",
       top: `${a}px`,
-      left: `${d}px`,
+      left: `${f}px`,
       zIndex: 9999,
-      "--arrow-left": `${f}px`,
-      "--arrow-top": `${b}px`
+      "--arrow-left": `${b}px`,
+      "--arrow-top": `${u}px`
     };
   };
-  P(() => {
+  if (P(() => {
     if (!L || !F) {
-      S(!1);
+      D(!1);
       return;
     }
     const e = () => {
-      const h = document.getElementById(g);
+      const h = document.getElementById(x);
       if (!h || h.offsetHeight === 0) {
         requestAnimationFrame(e);
         return;
       }
-      const r = Q();
-      O(() => {
-        U(r), S(!0);
+      const r = Z();
+      te(() => {
+        U(r), D(!0);
       });
     }, t = setTimeout(e, w ? 60 : 10), n = (h) => {
-      const r = document.getElementById(g), l = k.current, a = h.target;
-      r && l && !r.contains(a) && !l.contains(a) && p(!1);
-    }, c = i !== "always-on";
-    c && document.body.addEventListener("click", n, !0), window.addEventListener("scroll", e, !0), window.addEventListener("resize", e);
+      const r = document.getElementById(x), l = E.current, a = h.target;
+      r && l && !r.contains(a) && !l.contains(a) && g(!1);
+    }, i = d !== "always-on";
+    i && document.body.addEventListener("click", n, !0), window.addEventListener("scroll", e, !0), window.addEventListener("resize", e);
     let o = null;
-    return w && k.current && (o = new MutationObserver(() => {
+    return w && E.current && (o = new MutationObserver(() => {
       e();
-    }), o.observe(k.current, {
+    }), o.observe(E.current, {
       attributes: !0,
       attributeFilter: ["style", "class"]
     })), () => {
-      clearTimeout(t), T(), c && document.body.removeEventListener("click", n, !0), window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e), o && o.disconnect();
+      clearTimeout(t), T(), i && document.body.removeEventListener("click", n, !0), window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e), o && o.disconnect();
     };
-  }, [L, F, s, i, w, g]);
-  const R = !y && /* @__PURE__ */ m.isValidElement(v) ? /* @__PURE__ */ m.cloneElement(v, {
-    "aria-describedby": g,
-    ...typeof v.type != "string" && {
-      ariaDescribedBy: g
+  }, [L, F, s, d, w, x]), z) return /* @__PURE__ */ c.createElement(c.Fragment, null, p);
+  const O = /* @__PURE__ */ c.isValidElement(p) && p.props.disabled, X = !y && /* @__PURE__ */ c.isValidElement(p) ? /* @__PURE__ */ c.cloneElement(p, {
+    "aria-describedby": x,
+    ...typeof p.type != "string" && {
+      ariaDescribedBy: x
+    },
+    ...O && {
+      tabIndex: 0
     }
-  }) : v, X = y ? {
+  }) : p, Y = y ? {
     tabIndex: 0,
     role: "button",
-    "aria-label": j,
-    "aria-describedby": g,
-    onFocus: H,
+    "aria-label": S,
+    "aria-describedby": x,
+    onFocus: R,
     onBlur: C,
-    onKeyDown: V
-  } : void 0, Y = y ? void 0 : W;
-  return F ? /* @__PURE__ */ m.createElement("div", I({
+    onKeyDown: W
+  } : void 0, j = y ? void 0 : G;
+  return F ? /* @__PURE__ */ c.createElement("div", I({
     className: "se-design-tooltip group relative inline-flex items-center min-w-0"
-  }, J, X, Y), /* @__PURE__ */ m.createElement("div", {
+  }, Q, Y, j), /* @__PURE__ */ c.createElement("div", {
     className: "cursor-pointer flex items-center min-w-0",
-    ref: w ? void 0 : k,
-    onMouseEnter: i === "always-on" ? void 0 : T,
+    ref: w ? void 0 : E,
+    onMouseEnter: d === "always-on" ? void 0 : T,
     onMouseLeave: C
-  }, R), L && /* @__PURE__ */ Z.createPortal(/* @__PURE__ */ m.createElement(m.Fragment, null, /* @__PURE__ */ m.createElement("style", null, `#${g}::before {
+  }, X), L && /* @__PURE__ */ ee.createPortal(/* @__PURE__ */ c.createElement(c.Fragment, null, /* @__PURE__ */ c.createElement("style", null, `#${x}::before {
                 left: var(--arrow-left, 0);
                 top: var(--arrow-top, 0);
-              }`), /* @__PURE__ */ m.createElement("div", {
-    id: g,
+              }`), /* @__PURE__ */ c.createElement("div", {
+    id: x,
     role: "tooltip",
     className: `flex justify-center px-3 py-2 min-w-24 bg-[var(--color-gray-800)] text-[var(--color-white)] text-base rounded-[3px]
                 before:content-[' '] before:w-3.5 before:h-3.5 before:bg-[var(--color-gray-800)] before:inline-block
-                before:absolute before:rounded-tl-sm before:rotate-45 ${z}`,
+                before:absolute before:rounded-tl-sm before:rotate-45 ${_}`,
     style: {
       ...q,
       maxWidth: `${B}px`,
       wordBreak: "break-word",
       overflowWrap: "break-word",
-      visibility: E ? "visible" : "hidden",
-      opacity: E ? 1 : 0,
-      pointerEvents: E ? "auto" : "none",
-      transition: E ? "opacity 0.15s ease-in" : "none",
+      visibility: k ? "visible" : "hidden",
+      opacity: k ? 1 : 0,
+      pointerEvents: k ? "auto" : "none",
+      transition: k ? "opacity 0.15s ease-in" : "none",
       // Ensure it stays at 0,0 until positioned to avoid any visual flash
-      ...E ? {} : {
+      ...k ? {} : {
         position: "fixed",
         top: "0px",
         left: "0px"
       }
     },
-    onMouseEnter: i === "always-on" ? void 0 : T,
+    onMouseEnter: d === "always-on" ? void 0 : T,
     onMouseLeave: C
-  }, D ? /* @__PURE__ */ m.createElement("p", {
+  }, H ? /* @__PURE__ */ c.createElement("p", {
     className: "leading-normal"
-  }, x) : x)), document.body)) : /* @__PURE__ */ m.createElement("div", I({
+  }, v) : v)), document.body)) : /* @__PURE__ */ c.createElement("div", I({
     className: "se-design-tooltip group relative inline-flex items-center min-w-0",
-    onClick: G
-  }, X, Y), /* @__PURE__ */ m.createElement("div", {
+    onClick: J
+  }, Y, j), /* @__PURE__ */ c.createElement("div", {
     className: "cursor-pointer flex items-center min-w-0"
-  }, R), /* @__PURE__ */ m.createElement("div", {
+  }, X), /* @__PURE__ */ c.createElement("div", {
     ref: M,
-    id: g,
+    id: x,
     role: "tooltip",
     className: `flex justify-center px-3 py-2 min-w-24 max-w-[${B}px]
           absolute top-[calc(100%+8px)] w-max bg-[var(--color-gray-800)] text-[var(--color-white)] text-base rounded-[3px]
           before:content-[' '] before:w-3.5 before:h-3.5 before:bg-[var(--color-gray-800)] before:inline-block
           before:absolute before:rounded-tl-sm before:rotate-45`,
-    "data-automation-id": _ || "tooltip-content"
-  }, D ? /* @__PURE__ */ m.createElement("p", {
+    "data-automation-id": K || "tooltip-content"
+  }, H ? /* @__PURE__ */ c.createElement("p", {
     className: "leading-normal"
-  }, x) : x));
+  }, v) : v));
 };
 export {
-  ce as Tooltip
+  de as Tooltip
 };
 //# sourceMappingURL=index16.js.map

package/dist/index16.js.map

@@ -1 +1 @@
-{"version":3,"file":"index16.js","sources":["../src/components/Tooltip/index.tsx"],"sourcesContent":["import React, { useEffect, useState, useRef } from 'react';\nimport ReactDOM, { flushSync } from 'react-dom';\nimport { useStableId } from '../../utils/useStableId';\nimport { useDismissOnFocusOut } from '../../utils/a11y';\n\nexport interface TooltipProps {\n  /**\n   * Tooltip contents\n   */\n  content: string | React.ReactNode;\n  /**\n   * Tooltip position\n   */\n  position?:\n    | 'top-left'\n    | 'top-center'\n    | 'top-right'\n    | 'bottom-left'\n    | 'bottom-center'\n    | 'bottom-right'\n    | 'left-top'\n    | 'left-center'\n    | 'left-bottom'\n    | 'right-top'\n    | 'right-center'\n    | 'right-bottom';\n  /**\n   * Display tooltip on Hover, Click or Always\n   */\n  displayOn?: 'hover' | 'click' | 'always-on';\n  /**\n   * Tooltip trigger contents\n   */\n  tooltipSrc?: React.ReactNode;\n  /**\n   * Tooltip trigger contents ref\n   */\n  tooltipSrcRef?: React.RefObject<HTMLElement>;\n  /**\n   * When true, the real trigger is disabled and cannot receive focus.\n   * Tooltip will make its wrapper focusable and treat it as a \"button\" that reveals tooltip content.\n   */\n  isTriggerDisabled?: boolean;\n  /**\n   * Required when isTriggerDisabled is true. Provides an accessible name for the focusable wrapper trigger.\n   */\n  disabledTriggerAriaLabel?: string;\n  /**\n   * Max width of the tooltip content\n   */\n  maxWidth?: number;\n  /**\n   * Whether to use portal for the tooltip content\n   */\n  isWithPortal?: boolean;\n  /**\n   * Tooltip content classes\n   */\n  tooltipContentClasses?: string;\n  /**\n   * Tooltip offset\n   */\n  tooltipOffset?: number;\n  /**\n   * Automation ID for testing\n   */\n  automationId?: string;\n}\n\nexport const Tooltip = ({\n  content,\n  tooltipSrc,\n  position = 'bottom-center',\n  displayOn = 'hover',\n  maxWidth = 240,\n  isWithPortal = false,\n  tooltipSrcRef = undefined,\n  isTriggerDisabled = false,\n  disabledTriggerAriaLabel = undefined,\n  tooltipContentClasses = '',\n  tooltipOffset = 8,\n  automationId = ''\n}: TooltipProps) => {\n  const [displayTooltip, setDisplayTooltip] = useState(false);\n  const tooltipContentRef = useRef<HTMLDivElement>(null);\n  // Support for external ref when provided\n  const internalToolTipSrcRef = useRef<HTMLDivElement>(null);\n  const tooltipSourceRef = (tooltipSrcRef || internalToolTipSrcRef) as React.RefObject<HTMLElement>;\n  const [tooltipPortalStyle, setTooltipPortalStyle] = useState({});\n  const [isPortalPositioned, setIsPortalPositioned] = useState(false);\n  const hideTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const isContentString = typeof content === 'string';\n  const tooltipContentId = useStableId(undefined, 'tooltip-content');\n\n  // Helper to clear hide timeout\n  const clearHideTimeout = () => {\n    if (hideTimeoutRef.current) {\n      clearTimeout(hideTimeoutRef.current);\n      hideTimeoutRef.current = null;\n    }\n  };\n\n  // Helper to schedule hide\n  const scheduleHide = () => {\n    if (displayOn !== 'always-on') {\n      clearHideTimeout();\n      hideTimeoutRef.current = setTimeout(() => setDisplayTooltip(false), 150);\n    }\n  };\n\n  const showTooltip = () => {\n    clearHideTimeout();\n    setDisplayTooltip(true);\n  };\n\n  const onDisabledTriggerKeyDown = (e: React.KeyboardEvent) => {\n    if (!isTriggerDisabled) return;\n    if (e.key === 'Escape') {\n      e.preventDefault();\n      setDisplayTooltip(false);\n      return;\n    }\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      setDisplayTooltip((prev) => !prev);\n    }\n  };\n\n  // Enabled trigger: use React focus/blur capture handlers (no native event listeners).\n  // This keeps the tooltip open while focus stays anywhere inside the tooltip wrapper.\n  const dismissOnFocusOutProps = useDismissOnFocusOut<HTMLDivElement>({\n    disabled: isTriggerDisabled,\n    onFocusIn: showTooltip,\n    onFocusOut: scheduleHide,\n    onEscape: () => setDisplayTooltip(false)\n  });\n\n  useEffect(() => {\n    const tooltipContent = tooltipContentRef.current;\n\n    if (!tooltipContent) {\n      return;\n    }\n\n    if (position == 'bottom-center') {\n      tooltipContent.setAttribute('style', `left: 50%;transform: translateX(-50%);`);\n      tooltipContent.classList.add(`before:left-[calc(50%-7px)]`);\n      tooltipContent.classList.add(`before:top-[-7px]`);\n    } else if (position == 'bottom-left') {\n      tooltipContent.classList.add(`before:left-[calc(10%-7px)]`);\n      tooltipContent.classList.add(`before:top-[-7px]`);\n    } else if (position == 'bottom-right') {\n      tooltipContent.setAttribute('style', `right: 0;`);\n      tooltipContent.classList.add(`before:right-[calc(10%+7px)]`);\n      tooltipContent.classList.add(`before:top-[-7px]`);\n    } else if (position == 'top-center') {\n      tooltipContent.setAttribute('style', `left: 50%;transform: translateX(-50%);bottom: calc(100% + 8px);`);\n      tooltipContent.classList.add(`before:left-[calc(50%-7px)]`);\n      tooltipContent.classList.add(`before:bottom-[-7px]`);\n    } else if (position == 'top-left') {\n      tooltipContent.setAttribute('style', `bottom: calc(100% + 8px);`);\n      tooltipContent.classList.add(`before:left-[calc(10%-7px)]`);\n      tooltipContent.classList.add(`before:bottom-[-7px]`);\n    } else if (position == 'top-right') {\n      tooltipContent.setAttribute('style', `right: 0;bottom: calc(100% + 8px);`);\n      tooltipContent.classList.add(`before:right-[calc(10%+7px)]`);\n      tooltipContent.classList.add(`before:bottom-[-7px]`);\n    } else if (position == 'left-top') {\n      tooltipContent.setAttribute('style', `right: calc(100% + 10px);top:0;`);\n      tooltipContent.classList.add(`before:right-[-6px]`);\n      tooltipContent.classList.add(`before:top-[7px]`);\n    } else if (position == 'left-center') {\n      tooltipContent.setAttribute('style', `right: calc(100% + 10px);top: 50%;transform: translateY(-50%);`);\n      tooltipContent.classList.add(`before:right-[-6px]`);\n      tooltipContent.classList.add(`before:top-[calc(50%-7px)]`);\n    } else if (position == 'left-bottom') {\n      tooltipContent.setAttribute('style', `right: calc(100% + 10px);bottom:0;`);\n      tooltipContent.classList.add(`before:right-[-6px]`);\n      tooltipContent.classList.add(`before:bottom-[7px]`);\n    } else if (position == 'right-top') {\n      tooltipContent.setAttribute('style', `left: calc(100% + 10px);top:0;`);\n      tooltipContent.classList.add(`before:left-[-6px]`);\n      tooltipContent.classList.add(`before:top-[7px]`);\n    } else if (position == 'right-center') {\n      tooltipContent.setAttribute('style', `left: calc(100% + 10px);top: 50%;transform: translateY(-50%);`);\n      tooltipContent.classList.add(`before:left-[-6px]`);\n      tooltipContent.classList.add(`before:top-[calc(50%-7px)]`);\n    } else if (position == 'right-bottom') {\n      tooltipContent.setAttribute('style', `left: calc(100% + 10px);bottom:0;`);\n      tooltipContent.classList.add(`before:left-[-6px]`);\n      tooltipContent.classList.add(`before:bottom-[7px]`);\n    }\n\n    if (displayOn == 'hover') {\n      tooltipContent.classList.add(`group-hover:visible`);\n    }\n  }, [content]);\n\n  useEffect(() => {\n    const tooltipContent = tooltipContentRef.current;\n\n    if (!tooltipContent) {\n      return;\n    }\n    if (displayTooltip) {\n      tooltipContent.classList.remove(`invisible`);\n    } else {\n      tooltipContent.classList.add(`invisible`);\n    }\n  }, [displayTooltip]);\n\n  // Ensure tooltip stays open when displayOn is always-on\n  useEffect(() => {\n    if (displayOn === 'always-on') {\n      setDisplayTooltip(true);\n    }\n  }, [displayOn]);\n\n  const onTooltipSrcClick = () => {\n    if (displayOn == 'click') {\n      setDisplayTooltip((displayTooltip) => !displayTooltip);\n    }\n  };\n\n  const toggleTooltip = () => {\n    setDisplayTooltip((displayTooltip) => !displayTooltip);\n  };\n\n  const events = {\n    ...(displayOn === 'click' && { onClick: toggleTooltip }),\n    ...(displayOn === 'hover' && {\n      onMouseEnter: () => setDisplayTooltip(true),\n      onMouseLeave: () => setDisplayTooltip(false)\n    })\n  };\n\n  const calculateTooltipPortalStyle = () => {\n    const refToUse = tooltipSourceRef.current;\n    if (!refToUse) {\n      return {};\n    }\n\n    const srcRect = refToUse.getBoundingClientRect();\n    const scrollX = window.scrollX || window.pageXOffset;\n    const scrollY = window.scrollY || window.pageYOffset;\n    const arrowSize = 14; // 14px (3.5 * 4 = 14px in Tailwind)\n\n    // Get tooltip content dimensions if available\n    const tooltipElement = document.getElementById(tooltipContentId);\n    const tooltipWidth = tooltipElement?.offsetWidth || 0;\n    const tooltipHeight = tooltipElement?.offsetHeight || 0;\n\n    let top = 0;\n    let left = 0;\n    let arrowLeft = 0;\n    let arrowTop = 0;\n\n    switch (position) {\n      case 'bottom-center':\n        top = srcRect.bottom + scrollY + tooltipOffset;\n        left = srcRect.left + scrollX + srcRect.width / 2 - tooltipWidth / 2;\n        arrowLeft = tooltipWidth / 2 - arrowSize / 2;\n        arrowTop = -arrowSize / 2;\n        break;\n      case 'bottom-left':\n        top = srcRect.bottom + scrollY + tooltipOffset;\n        left = srcRect.left + scrollX;\n        arrowLeft = tooltipWidth * 0.1 - arrowSize / 2;\n        arrowTop = -arrowSize / 2;\n        break;\n      case 'bottom-right':\n        top = srcRect.bottom + scrollY + tooltipOffset;\n        left = srcRect.right + scrollX - tooltipWidth;\n        arrowLeft = tooltipWidth - tooltipWidth * 0.1 - arrowSize / 2;\n        arrowTop = -arrowSize / 2;\n        break;\n      case 'top-center':\n        top = srcRect.top + scrollY - tooltipHeight - tooltipOffset;\n        left = srcRect.left + scrollX + srcRect.width / 2 - tooltipWidth / 2;\n        arrowLeft = tooltipWidth / 2 - arrowSize / 2;\n        arrowTop = tooltipHeight - arrowSize / 2;\n        break;\n      case 'top-left':\n        top = srcRect.top + scrollY - tooltipHeight - tooltipOffset;\n        left = srcRect.left + scrollX;\n        arrowLeft = tooltipWidth * 0.1 - arrowSize / 2;\n        arrowTop = tooltipHeight - arrowSize / 2;\n        break;\n      case 'top-right':\n        top = srcRect.top + scrollY - tooltipHeight - tooltipOffset;\n        left = srcRect.right + scrollX - tooltipWidth;\n        arrowLeft = tooltipWidth - tooltipWidth * 0.1 - arrowSize / 2;\n        arrowTop = tooltipHeight - arrowSize / 2;\n        break;\n      case 'left-top':\n        top = srcRect.top + scrollY;\n        left = srcRect.left + scrollX - tooltipWidth - tooltipOffset;\n        arrowLeft = tooltipWidth - arrowSize / 2;\n        arrowTop = arrowSize / 2;\n        break;\n      case 'left-center':\n        top = srcRect.top + scrollY + srcRect.height / 2 - tooltipHeight / 2;\n        left = srcRect.left + scrollX - tooltipWidth - tooltipOffset;\n        arrowLeft = tooltipWidth - arrowSize / 2;\n        arrowTop = tooltipHeight / 2 - arrowSize / 2;\n        break;\n      case 'left-bottom':\n        top = srcRect.bottom + scrollY - tooltipHeight;\n        left = srcRect.left + scrollX - tooltipWidth - tooltipOffset;\n        arrowLeft = tooltipWidth - arrowSize / 2;\n        arrowTop = tooltipHeight - arrowSize / 2;\n        break;\n      case 'right-top':\n        top = srcRect.top + scrollY;\n        left = srcRect.right + scrollX + tooltipOffset;\n        arrowLeft = -arrowSize / 2;\n        arrowTop = arrowSize / 2;\n        break;\n      case 'right-center':\n        top = srcRect.top + scrollY + srcRect.height / 2 - tooltipHeight / 2;\n        left = srcRect.right + scrollX + tooltipOffset;\n        arrowLeft = -arrowSize / 2;\n        arrowTop = tooltipHeight / 2 - arrowSize / 2;\n        break;\n      case 'right-bottom':\n        top = srcRect.bottom + scrollY - tooltipHeight;\n        left = srcRect.right + scrollX + tooltipOffset;\n        arrowLeft = -arrowSize / 2;\n        arrowTop = tooltipHeight - arrowSize / 2;\n        break;\n      default:\n        top = srcRect.bottom + scrollY + tooltipOffset;\n        left = srcRect.left + scrollX + srcRect.width / 2 - tooltipWidth / 2;\n        arrowLeft = tooltipWidth / 2 - arrowSize / 2;\n        arrowTop = -arrowSize / 2;\n        break;\n    }\n\n    return {\n      position: 'absolute',\n      top: `${top}px`,\n      left: `${left}px`,\n      zIndex: 9999,\n      '--arrow-left': `${arrowLeft}px`,\n      '--arrow-top': `${arrowTop}px`\n    } as React.CSSProperties & { '--arrow-left': string; '--arrow-top': string };\n  };\n\n  useEffect(() => {\n    if (!displayTooltip || !isWithPortal) {\n      setIsPortalPositioned(false);\n      return;\n    }\n\n    const updatePosition = () => {\n      const tooltipElement = document.getElementById(tooltipContentId);\n\n      // Wait for tooltip to be rendered and have valid dimensions\n      if (!tooltipElement || tooltipElement.offsetHeight === 0) {\n        requestAnimationFrame(updatePosition);\n        return;\n      }\n\n      const calculatedStyle = calculateTooltipPortalStyle();\n      \n      // Batch both state updates into a single synchronous render using flushSync\n      flushSync(() => {\n        setTooltipPortalStyle(calculatedStyle);\n        setIsPortalPositioned(true);\n      });\n    };\n\n    // Initial position calculation\n    const timeout = setTimeout(updatePosition, tooltipSrcRef ? 60 : 10);\n\n    const handleClick = (e: MouseEvent) => {\n      const tooltip = document.getElementById(tooltipContentId);\n      const source = tooltipSourceRef.current;\n      const target = e.target as Node;\n\n      if (tooltip && source && !tooltip.contains(target) && !source.contains(target)) {\n        setDisplayTooltip(false);\n      }\n    };\n\n    // Only add click listener if not always-on\n    const shouldAddClickListener = displayOn !== 'always-on';\n    if (shouldAddClickListener) {\n      document.body.addEventListener('click', handleClick, true);\n    }\n    window.addEventListener('scroll', updatePosition, true);\n    window.addEventListener('resize', updatePosition);\n\n    // Watch for style changes on the source element when tooltipSrcRef is provided\n    // This ensures the tooltip position updates when the blocker is repositioned\n    let mutationObserver: MutationObserver | null = null;\n    if (tooltipSrcRef && tooltipSourceRef.current) {\n      mutationObserver = new MutationObserver(() => {\n        updatePosition();\n      });\n      mutationObserver.observe(tooltipSourceRef.current, {\n        attributes: true,\n        attributeFilter: ['style', 'class']\n      });\n    }\n\n    return () => {\n      clearTimeout(timeout);\n      clearHideTimeout();\n      if (shouldAddClickListener) {\n        document.body.removeEventListener('click', handleClick, true);\n      }\n      window.removeEventListener('scroll', updatePosition, true);\n      window.removeEventListener('resize', updatePosition);\n      if (mutationObserver) {\n        mutationObserver.disconnect();\n      }\n    };\n  }, [displayTooltip, isWithPortal, position, displayOn, tooltipSrcRef, tooltipContentId]);\n\n  // For enabled triggers: link trigger to tooltip content via aria-describedby so screen\n  // readers announce tooltip text on focus. Native elements need kebab-case only;\n  // se-design components (Icon, Button) also accept camelCase ariaDescribedBy prop.\n  // Disabled trigger already wires aria-describedby in disabledTriggerProps.\n  const linkedTooltipSrc =\n    !isTriggerDisabled && React.isValidElement(tooltipSrc)\n      ? React.cloneElement(tooltipSrc as React.ReactElement<any>, {\n          'aria-describedby': tooltipContentId,\n          ...(typeof tooltipSrc.type !== 'string' && { ariaDescribedBy: tooltipContentId })\n        })\n      : tooltipSrc;\n\n  const disabledTriggerProps = isTriggerDisabled\n    ? {\n        tabIndex: 0,\n        role: 'button' as const,\n        'aria-label': disabledTriggerAriaLabel,\n        'aria-describedby': tooltipContentId,\n        onFocus: showTooltip,\n        onBlur: scheduleHide,\n        onKeyDown: onDisabledTriggerKeyDown\n      }\n    : undefined;\n\n  const enabledTriggerProps = !isTriggerDisabled\n    ? dismissOnFocusOutProps\n    : undefined;\n\n  return !isWithPortal ? (\n    <div\n      className=\"se-design-tooltip group relative inline-flex items-center min-w-0\"\n      onClick={onTooltipSrcClick}\n      {...disabledTriggerProps}\n      {...enabledTriggerProps}\n    >\n      <div className=\"cursor-pointer flex items-center min-w-0\">\n        {linkedTooltipSrc}\n      </div>\n      <div\n        ref={tooltipContentRef}\n        id={tooltipContentId}\n        role=\"tooltip\"\n        className={`flex justify-center px-3 py-2 min-w-24 max-w-[${maxWidth}px]\n          absolute top-[calc(100%+8px)] w-max bg-[var(--color-gray-800)] text-[var(--color-white)] text-base rounded-[3px]\n          before:content-[' '] before:w-3.5 before:h-3.5 before:bg-[var(--color-gray-800)] before:inline-block\n          before:absolute before:rounded-tl-sm before:rotate-45`}\n        data-automation-id={automationId || 'tooltip-content'}\n      >\n        {isContentString ? <p className=\"leading-normal\">{content}</p> : content}\n      </div>\n    </div>\n  ) : (\n    <div\n      className=\"se-design-tooltip group relative inline-flex items-center min-w-0\"\n      {...events}\n      {...disabledTriggerProps}\n      {...enabledTriggerProps}\n    >\n      <div\n        className=\"cursor-pointer flex items-center min-w-0\"\n        ref={tooltipSrcRef ? undefined : (tooltipSourceRef as React.RefObject<HTMLDivElement>)}\n        onMouseEnter={displayOn === 'always-on' ? undefined : clearHideTimeout}\n        onMouseLeave={scheduleHide}\n      >\n        {linkedTooltipSrc}\n      </div>\n      {displayTooltip &&\n        ReactDOM.createPortal(\n          <>\n            <style>\n              {`#${tooltipContentId}::before {\n                left: var(--arrow-left, 0);\n                top: var(--arrow-top, 0);\n              }`}\n            </style>\n            <div\n              id={tooltipContentId}\n              role=\"tooltip\"\n              className={`flex justify-center px-3 py-2 min-w-24 bg-[var(--color-gray-800)] text-[var(--color-white)] text-base rounded-[3px]\n                before:content-[' '] before:w-3.5 before:h-3.5 before:bg-[var(--color-gray-800)] before:inline-block\n                before:absolute before:rounded-tl-sm before:rotate-45 ${tooltipContentClasses}`}\n              style={{\n                ...tooltipPortalStyle,\n                maxWidth: `${maxWidth}px`,\n                wordBreak: 'break-word',\n                overflowWrap: 'break-word',\n                visibility: isPortalPositioned ? 'visible' : 'hidden',\n                opacity: isPortalPositioned ? 1 : 0,\n                pointerEvents: isPortalPositioned ? 'auto' : 'none',\n                transition: isPortalPositioned ? 'opacity 0.15s ease-in' : 'none',\n                // Ensure it stays at 0,0 until positioned to avoid any visual flash\n                ...(isPortalPositioned ? {} : { position: 'fixed', top: '0px', left: '0px' })\n              }}\n              onMouseEnter={displayOn === 'always-on' ? undefined : clearHideTimeout}\n              onMouseLeave={scheduleHide}\n            >\n              {isContentString ? <p className=\"leading-normal\">{content}</p> : content}\n            </div>\n          </>,\n          document.body\n        )}\n    </div>\n  );\n};\n"],"names":["Tooltip","content","tooltipSrc","position","displayOn","maxWidth","isWithPortal","tooltipSrcRef","undefined","isTriggerDisabled","disabledTriggerAriaLabel","tooltipContentClasses","tooltipOffset","automationId","displayTooltip","setDisplayTooltip","useState","tooltipContentRef","useRef","internalToolTipSrcRef","tooltipSourceRef","tooltipPortalStyle","setTooltipPortalStyle","isPortalPositioned","setIsPortalPositioned","hideTimeoutRef","isContentString","tooltipContentId","useStableId","clearHideTimeout","current","clearTimeout","scheduleHide","setTimeout","showTooltip","onDisabledTriggerKeyDown","e","key","preventDefault","prev","dismissOnFocusOutProps","useDismissOnFocusOut","disabled","onFocusIn","onFocusOut","onEscape","useEffect","tooltipContent","setAttribute","classList","add","remove","onTooltipSrcClick","events","onClick","toggleTooltip","onMouseEnter","onMouseLeave","calculateTooltipPortalStyle","refToUse","srcRect","getBoundingClientRect","scrollX","window","pageXOffset","scrollY","pageYOffset","arrowSize","tooltipElement","document","getElementById","tooltipWidth","offsetWidth","tooltipHeight","offsetHeight","top","left","arrowLeft","arrowTop","bottom","width","right","height","zIndex","updatePosition","requestAnimationFrame","calculatedStyle","flushSync","timeout","handleClick","tooltip","source","target","contains","shouldAddClickListener","body","addEventListener","mutationObserver","MutationObserver","observe","attributes","attributeFilter","removeEventListener","disconnect","linkedTooltipSrc","React","isValidElement","cloneElement","type","ariaDescribedBy","disabledTriggerProps","tabIndex","role","onFocus","onBlur","onKeyDown","enabledTriggerProps","createElement","_extends","className","ref","ReactDOM","createPortal","Fragment","id","style","wordBreak","overflowWrap","visibility","opacity","pointerEvents","transition"],"mappings":"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"}
+{"version":3,"file":"index16.js","sources":["../src/components/Tooltip/index.tsx"],"sourcesContent":["import React, { useEffect, useState, useRef } from 'react';\nimport ReactDOM, { flushSync } from 'react-dom';\nimport { useStableId } from '../../utils/useStableId';\nimport { useDismissOnFocusOut } from '../../utils/a11y';\n\nexport interface TooltipProps {\n  /**\n   * Tooltip contents\n   */\n  content: string | React.ReactNode;\n  /**\n   * Tooltip position\n   */\n  position?:\n    | 'top-left'\n    | 'top-center'\n    | 'top-right'\n    | 'bottom-left'\n    | 'bottom-center'\n    | 'bottom-right'\n    | 'left-top'\n    | 'left-center'\n    | 'left-bottom'\n    | 'right-top'\n    | 'right-center'\n    | 'right-bottom';\n  /**\n   * Display tooltip on Hover, Click or Always\n   */\n  displayOn?: 'hover' | 'click' | 'always-on';\n  /**\n   * Tooltip trigger contents\n   */\n  tooltipSrc?: React.ReactNode;\n  /**\n   * Tooltip trigger contents ref\n   */\n  tooltipSrcRef?: React.RefObject<HTMLElement>;\n  /**\n   * When true, the real trigger is disabled and cannot receive focus.\n   * Tooltip will make its wrapper focusable and treat it as a \"button\" that reveals tooltip content.\n   */\n  isTriggerDisabled?: boolean;\n  /**\n   * Required when isTriggerDisabled is true. Provides an accessible name for the focusable wrapper trigger.\n   */\n  disabledTriggerAriaLabel?: string;\n  /**\n   * When true, tooltip is suppressed — renders tooltipSrc only, no tooltip behavior.\n   */\n  disabled?: boolean;\n  /**\n   * Max width of the tooltip content\n   */\n  maxWidth?: number;\n  /**\n   * Whether to use portal for the tooltip content\n   */\n  isWithPortal?: boolean;\n  /**\n   * Tooltip content classes\n   */\n  tooltipContentClasses?: string;\n  /**\n   * Tooltip offset\n   */\n  tooltipOffset?: number;\n  /**\n   * Automation ID for testing\n   */\n  automationId?: string;\n}\n\nexport const Tooltip = ({\n  content,\n  tooltipSrc,\n  position = 'bottom-center',\n  displayOn = 'hover',\n  disabled = false,\n  maxWidth = 240,\n  isWithPortal = false,\n  tooltipSrcRef = undefined,\n  isTriggerDisabled = false,\n  disabledTriggerAriaLabel = undefined,\n  tooltipContentClasses = '',\n  tooltipOffset = 8,\n  automationId = ''\n}: TooltipProps) => {\n  const [displayTooltip, setDisplayTooltip] = useState(false);\n  const tooltipContentRef = useRef<HTMLDivElement>(null);\n  // Support for external ref when provided\n  const internalToolTipSrcRef = useRef<HTMLDivElement>(null);\n  const tooltipSourceRef = (tooltipSrcRef || internalToolTipSrcRef) as React.RefObject<HTMLElement>;\n  const [tooltipPortalStyle, setTooltipPortalStyle] = useState({});\n  const [isPortalPositioned, setIsPortalPositioned] = useState(false);\n  const hideTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const isContentString = typeof content === 'string';\n  const tooltipContentId = useStableId(undefined, 'tooltip-content');\n\n  // Helper to clear hide timeout\n  const clearHideTimeout = () => {\n    if (hideTimeoutRef.current) {\n      clearTimeout(hideTimeoutRef.current);\n      hideTimeoutRef.current = null;\n    }\n  };\n\n  // Helper to schedule hide\n  const scheduleHide = () => {\n    if (displayOn !== 'always-on') {\n      clearHideTimeout();\n      hideTimeoutRef.current = setTimeout(() => setDisplayTooltip(false), 150);\n    }\n  };\n\n  const showTooltip = () => {\n    clearHideTimeout();\n    setDisplayTooltip(true);\n  };\n\n  const onDisabledTriggerKeyDown = (e: React.KeyboardEvent) => {\n    if (!isTriggerDisabled) return;\n    if (e.key === 'Escape') {\n      e.preventDefault();\n      setDisplayTooltip(false);\n      return;\n    }\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      setDisplayTooltip((prev) => !prev);\n    }\n  };\n\n  // Enabled trigger: use React focus/blur capture handlers (no native event listeners).\n  // This keeps the tooltip open while focus stays anywhere inside the tooltip wrapper.\n  const dismissOnFocusOutProps = useDismissOnFocusOut<HTMLDivElement>({\n    disabled: isTriggerDisabled,\n    onFocusIn: showTooltip,\n    onFocusOut: scheduleHide,\n    onEscape: () => setDisplayTooltip(false)\n  });\n\n  useEffect(() => {\n    const tooltipContent = tooltipContentRef.current;\n\n    if (!tooltipContent) {\n      return;\n    }\n\n    if (position == 'bottom-center') {\n      tooltipContent.setAttribute('style', `left: 50%;transform: translateX(-50%);`);\n      tooltipContent.classList.add(`before:left-[calc(50%-7px)]`);\n      tooltipContent.classList.add(`before:top-[-7px]`);\n    } else if (position == 'bottom-left') {\n      tooltipContent.classList.add(`before:left-[calc(10%-7px)]`);\n      tooltipContent.classList.add(`before:top-[-7px]`);\n    } else if (position == 'bottom-right') {\n      tooltipContent.setAttribute('style', `right: 0;`);\n      tooltipContent.classList.add(`before:right-[calc(10%+7px)]`);\n      tooltipContent.classList.add(`before:top-[-7px]`);\n    } else if (position == 'top-center') {\n      tooltipContent.setAttribute('style', `left: 50%;transform: translateX(-50%);bottom: calc(100% + 8px);`);\n      tooltipContent.classList.add(`before:left-[calc(50%-7px)]`);\n      tooltipContent.classList.add(`before:bottom-[-7px]`);\n    } else if (position == 'top-left') {\n      tooltipContent.setAttribute('style', `bottom: calc(100% + 8px);`);\n      tooltipContent.classList.add(`before:left-[calc(10%-7px)]`);\n      tooltipContent.classList.add(`before:bottom-[-7px]`);\n    } else if (position == 'top-right') {\n      tooltipContent.setAttribute('style', `right: 0;bottom: calc(100% + 8px);`);\n      tooltipContent.classList.add(`before:right-[calc(10%+7px)]`);\n      tooltipContent.classList.add(`before:bottom-[-7px]`);\n    } else if (position == 'left-top') {\n      tooltipContent.setAttribute('style', `right: calc(100% + 10px);top:0;`);\n      tooltipContent.classList.add(`before:right-[-6px]`);\n      tooltipContent.classList.add(`before:top-[7px]`);\n    } else if (position == 'left-center') {\n      tooltipContent.setAttribute('style', `right: calc(100% + 10px);top: 50%;transform: translateY(-50%);`);\n      tooltipContent.classList.add(`before:right-[-6px]`);\n      tooltipContent.classList.add(`before:top-[calc(50%-7px)]`);\n    } else if (position == 'left-bottom') {\n      tooltipContent.setAttribute('style', `right: calc(100% + 10px);bottom:0;`);\n      tooltipContent.classList.add(`before:right-[-6px]`);\n      tooltipContent.classList.add(`before:bottom-[7px]`);\n    } else if (position == 'right-top') {\n      tooltipContent.setAttribute('style', `left: calc(100% + 10px);top:0;`);\n      tooltipContent.classList.add(`before:left-[-6px]`);\n      tooltipContent.classList.add(`before:top-[7px]`);\n    } else if (position == 'right-center') {\n      tooltipContent.setAttribute('style', `left: calc(100% + 10px);top: 50%;transform: translateY(-50%);`);\n      tooltipContent.classList.add(`before:left-[-6px]`);\n      tooltipContent.classList.add(`before:top-[calc(50%-7px)]`);\n    } else if (position == 'right-bottom') {\n      tooltipContent.setAttribute('style', `left: calc(100% + 10px);bottom:0;`);\n      tooltipContent.classList.add(`before:left-[-6px]`);\n      tooltipContent.classList.add(`before:bottom-[7px]`);\n    }\n\n    if (displayOn == 'hover') {\n      tooltipContent.classList.add(`group-hover:visible`);\n    }\n  }, [content]);\n\n  useEffect(() => {\n    const tooltipContent = tooltipContentRef.current;\n\n    if (!tooltipContent) {\n      return;\n    }\n    if (displayTooltip) {\n      tooltipContent.classList.remove(`invisible`);\n    } else {\n      tooltipContent.classList.add(`invisible`);\n    }\n  }, [displayTooltip]);\n\n  // Ensure tooltip stays open when displayOn is always-on\n  useEffect(() => {\n    if (displayOn === 'always-on') {\n      setDisplayTooltip(true);\n    }\n  }, [displayOn]);\n\n  const onTooltipSrcClick = () => {\n    if (displayOn == 'click') {\n      setDisplayTooltip((displayTooltip) => !displayTooltip);\n    }\n  };\n\n  const toggleTooltip = () => {\n    setDisplayTooltip((displayTooltip) => !displayTooltip);\n  };\n\n  const events = {\n    ...(displayOn === 'click' && { onClick: toggleTooltip }),\n    ...(displayOn === 'hover' && {\n      onMouseEnter: () => setDisplayTooltip(true),\n      onMouseLeave: () => setDisplayTooltip(false)\n    })\n  };\n\n  const calculateTooltipPortalStyle = () => {\n    const refToUse = tooltipSourceRef.current;\n    if (!refToUse) {\n      return {};\n    }\n\n    const srcRect = refToUse.getBoundingClientRect();\n    const scrollX = window.scrollX || window.pageXOffset;\n    const scrollY = window.scrollY || window.pageYOffset;\n    const arrowSize = 14; // 14px (3.5 * 4 = 14px in Tailwind)\n\n    // Get tooltip content dimensions if available\n    const tooltipElement = document.getElementById(tooltipContentId);\n    const tooltipWidth = tooltipElement?.offsetWidth || 0;\n    const tooltipHeight = tooltipElement?.offsetHeight || 0;\n\n    let top = 0;\n    let left = 0;\n    let arrowLeft = 0;\n    let arrowTop = 0;\n\n    switch (position) {\n      case 'bottom-center':\n        top = srcRect.bottom + scrollY + tooltipOffset;\n        left = srcRect.left + scrollX + srcRect.width / 2 - tooltipWidth / 2;\n        arrowLeft = tooltipWidth / 2 - arrowSize / 2;\n        arrowTop = -arrowSize / 2;\n        break;\n      case 'bottom-left':\n        top = srcRect.bottom + scrollY + tooltipOffset;\n        left = srcRect.left + scrollX;\n        arrowLeft = tooltipWidth * 0.1 - arrowSize / 2;\n        arrowTop = -arrowSize / 2;\n        break;\n      case 'bottom-right':\n        top = srcRect.bottom + scrollY + tooltipOffset;\n        left = srcRect.right + scrollX - tooltipWidth;\n        arrowLeft = tooltipWidth - tooltipWidth * 0.1 - arrowSize / 2;\n        arrowTop = -arrowSize / 2;\n        break;\n      case 'top-center':\n        top = srcRect.top + scrollY - tooltipHeight - tooltipOffset;\n        left = srcRect.left + scrollX + srcRect.width / 2 - tooltipWidth / 2;\n        arrowLeft = tooltipWidth / 2 - arrowSize / 2;\n        arrowTop = tooltipHeight - arrowSize / 2;\n        break;\n      case 'top-left':\n        top = srcRect.top + scrollY - tooltipHeight - tooltipOffset;\n        left = srcRect.left + scrollX;\n        arrowLeft = tooltipWidth * 0.1 - arrowSize / 2;\n        arrowTop = tooltipHeight - arrowSize / 2;\n        break;\n      case 'top-right':\n        top = srcRect.top + scrollY - tooltipHeight - tooltipOffset;\n        left = srcRect.right + scrollX - tooltipWidth;\n        arrowLeft = tooltipWidth - tooltipWidth * 0.1 - arrowSize / 2;\n        arrowTop = tooltipHeight - arrowSize / 2;\n        break;\n      case 'left-top':\n        top = srcRect.top + scrollY;\n        left = srcRect.left + scrollX - tooltipWidth - tooltipOffset;\n        arrowLeft = tooltipWidth - arrowSize / 2;\n        arrowTop = arrowSize / 2;\n        break;\n      case 'left-center':\n        top = srcRect.top + scrollY + srcRect.height / 2 - tooltipHeight / 2;\n        left = srcRect.left + scrollX - tooltipWidth - tooltipOffset;\n        arrowLeft = tooltipWidth - arrowSize / 2;\n        arrowTop = tooltipHeight / 2 - arrowSize / 2;\n        break;\n      case 'left-bottom':\n        top = srcRect.bottom + scrollY - tooltipHeight;\n        left = srcRect.left + scrollX - tooltipWidth - tooltipOffset;\n        arrowLeft = tooltipWidth - arrowSize / 2;\n        arrowTop = tooltipHeight - arrowSize / 2;\n        break;\n      case 'right-top':\n        top = srcRect.top + scrollY;\n        left = srcRect.right + scrollX + tooltipOffset;\n        arrowLeft = -arrowSize / 2;\n        arrowTop = arrowSize / 2;\n        break;\n      case 'right-center':\n        top = srcRect.top + scrollY + srcRect.height / 2 - tooltipHeight / 2;\n        left = srcRect.right + scrollX + tooltipOffset;\n        arrowLeft = -arrowSize / 2;\n        arrowTop = tooltipHeight / 2 - arrowSize / 2;\n        break;\n      case 'right-bottom':\n        top = srcRect.bottom + scrollY - tooltipHeight;\n        left = srcRect.right + scrollX + tooltipOffset;\n        arrowLeft = -arrowSize / 2;\n        arrowTop = tooltipHeight - arrowSize / 2;\n        break;\n      default:\n        top = srcRect.bottom + scrollY + tooltipOffset;\n        left = srcRect.left + scrollX + srcRect.width / 2 - tooltipWidth / 2;\n        arrowLeft = tooltipWidth / 2 - arrowSize / 2;\n        arrowTop = -arrowSize / 2;\n        break;\n    }\n\n    return {\n      position: 'absolute',\n      top: `${top}px`,\n      left: `${left}px`,\n      zIndex: 9999,\n      '--arrow-left': `${arrowLeft}px`,\n      '--arrow-top': `${arrowTop}px`\n    } as React.CSSProperties & { '--arrow-left': string; '--arrow-top': string };\n  };\n\n  useEffect(() => {\n    if (!displayTooltip || !isWithPortal) {\n      setIsPortalPositioned(false);\n      return;\n    }\n\n    const updatePosition = () => {\n      const tooltipElement = document.getElementById(tooltipContentId);\n\n      // Wait for tooltip to be rendered and have valid dimensions\n      if (!tooltipElement || tooltipElement.offsetHeight === 0) {\n        requestAnimationFrame(updatePosition);\n        return;\n      }\n\n      const calculatedStyle = calculateTooltipPortalStyle();\n      \n      // Batch both state updates into a single synchronous render using flushSync\n      flushSync(() => {\n        setTooltipPortalStyle(calculatedStyle);\n        setIsPortalPositioned(true);\n      });\n    };\n\n    // Initial position calculation\n    const timeout = setTimeout(updatePosition, tooltipSrcRef ? 60 : 10);\n\n    const handleClick = (e: MouseEvent) => {\n      const tooltip = document.getElementById(tooltipContentId);\n      const source = tooltipSourceRef.current;\n      const target = e.target as Node;\n\n      if (tooltip && source && !tooltip.contains(target) && !source.contains(target)) {\n        setDisplayTooltip(false);\n      }\n    };\n\n    // Only add click listener if not always-on\n    const shouldAddClickListener = displayOn !== 'always-on';\n    if (shouldAddClickListener) {\n      document.body.addEventListener('click', handleClick, true);\n    }\n    window.addEventListener('scroll', updatePosition, true);\n    window.addEventListener('resize', updatePosition);\n\n    // Watch for style changes on the source element when tooltipSrcRef is provided\n    // This ensures the tooltip position updates when the blocker is repositioned\n    let mutationObserver: MutationObserver | null = null;\n    if (tooltipSrcRef && tooltipSourceRef.current) {\n      mutationObserver = new MutationObserver(() => {\n        updatePosition();\n      });\n      mutationObserver.observe(tooltipSourceRef.current, {\n        attributes: true,\n        attributeFilter: ['style', 'class']\n      });\n    }\n\n    return () => {\n      clearTimeout(timeout);\n      clearHideTimeout();\n      if (shouldAddClickListener) {\n        document.body.removeEventListener('click', handleClick, true);\n      }\n      window.removeEventListener('scroll', updatePosition, true);\n      window.removeEventListener('resize', updatePosition);\n      if (mutationObserver) {\n        mutationObserver.disconnect();\n      }\n    };\n  }, [displayTooltip, isWithPortal, position, displayOn, tooltipSrcRef, tooltipContentId]);\n\n  // For enabled triggers: link trigger to tooltip content via aria-describedby so screen\n  // readers announce tooltip text on focus. Native elements need kebab-case only;\n  // se-design components (Icon, Button) also accept camelCase ariaDescribedBy prop.\n  // Disabled trigger already wires aria-describedby in disabledTriggerProps.\n  if (disabled) return <>{tooltipSrc}</>;\n\n  // Auto-add tabIndex={0} to disabled sources so they remain reachable for tooltip hover/focus\n  const isSourceDisabled = React.isValidElement<{ disabled?: boolean }>(tooltipSrc) && tooltipSrc.props.disabled;\n  const linkedTooltipSrc =\n    !isTriggerDisabled && React.isValidElement(tooltipSrc)\n      ? React.cloneElement(tooltipSrc as React.ReactElement<any>, {\n          'aria-describedby': tooltipContentId,\n          ...(typeof tooltipSrc.type !== 'string' && { ariaDescribedBy: tooltipContentId }),\n          ...(isSourceDisabled && { tabIndex: 0 })\n        })\n      : tooltipSrc;\n\n  const disabledTriggerProps = isTriggerDisabled\n    ? {\n        tabIndex: 0,\n        role: 'button' as const,\n        'aria-label': disabledTriggerAriaLabel,\n        'aria-describedby': tooltipContentId,\n        onFocus: showTooltip,\n        onBlur: scheduleHide,\n        onKeyDown: onDisabledTriggerKeyDown\n      }\n    : undefined;\n\n  const enabledTriggerProps = !isTriggerDisabled\n    ? dismissOnFocusOutProps\n    : undefined;\n\n  return !isWithPortal ? (\n    <div\n      className=\"se-design-tooltip group relative inline-flex items-center min-w-0\"\n      onClick={onTooltipSrcClick}\n      {...disabledTriggerProps}\n      {...enabledTriggerProps}\n    >\n      <div className=\"cursor-pointer flex items-center min-w-0\">\n        {linkedTooltipSrc}\n      </div>\n      <div\n        ref={tooltipContentRef}\n        id={tooltipContentId}\n        role=\"tooltip\"\n        className={`flex justify-center px-3 py-2 min-w-24 max-w-[${maxWidth}px]\n          absolute top-[calc(100%+8px)] w-max bg-[var(--color-gray-800)] text-[var(--color-white)] text-base rounded-[3px]\n          before:content-[' '] before:w-3.5 before:h-3.5 before:bg-[var(--color-gray-800)] before:inline-block\n          before:absolute before:rounded-tl-sm before:rotate-45`}\n        data-automation-id={automationId || 'tooltip-content'}\n      >\n        {isContentString ? <p className=\"leading-normal\">{content}</p> : content}\n      </div>\n    </div>\n  ) : (\n    <div\n      className=\"se-design-tooltip group relative inline-flex items-center min-w-0\"\n      {...events}\n      {...disabledTriggerProps}\n      {...enabledTriggerProps}\n    >\n      <div\n        className=\"cursor-pointer flex items-center min-w-0\"\n        ref={tooltipSrcRef ? undefined : (tooltipSourceRef as React.RefObject<HTMLDivElement>)}\n        onMouseEnter={displayOn === 'always-on' ? undefined : clearHideTimeout}\n        onMouseLeave={scheduleHide}\n      >\n        {linkedTooltipSrc}\n      </div>\n      {displayTooltip &&\n        ReactDOM.createPortal(\n          <>\n            <style>\n              {`#${tooltipContentId}::before {\n                left: var(--arrow-left, 0);\n                top: var(--arrow-top, 0);\n              }`}\n            </style>\n            <div\n              id={tooltipContentId}\n              role=\"tooltip\"\n              className={`flex justify-center px-3 py-2 min-w-24 bg-[var(--color-gray-800)] text-[var(--color-white)] text-base rounded-[3px]\n                before:content-[' '] before:w-3.5 before:h-3.5 before:bg-[var(--color-gray-800)] before:inline-block\n                before:absolute before:rounded-tl-sm before:rotate-45 ${tooltipContentClasses}`}\n              style={{\n                ...tooltipPortalStyle,\n                maxWidth: `${maxWidth}px`,\n                wordBreak: 'break-word',\n                overflowWrap: 'break-word',\n                visibility: isPortalPositioned ? 'visible' : 'hidden',\n                opacity: isPortalPositioned ? 1 : 0,\n                pointerEvents: isPortalPositioned ? 'auto' : 'none',\n                transition: isPortalPositioned ? 'opacity 0.15s ease-in' : 'none',\n                // Ensure it stays at 0,0 until positioned to avoid any visual flash\n                ...(isPortalPositioned ? {} : { position: 'fixed', top: '0px', left: '0px' })\n              }}\n              onMouseEnter={displayOn === 'always-on' ? undefined : clearHideTimeout}\n              onMouseLeave={scheduleHide}\n            >\n              {isContentString ? <p className=\"leading-normal\">{content}</p> : content}\n            </div>\n          </>,\n          document.body\n        )}\n    </div>\n  );\n};\n"],"names":["Tooltip","content","tooltipSrc","position","displayOn","disabled","maxWidth","isWithPortal","tooltipSrcRef","undefined","isTriggerDisabled","disabledTriggerAriaLabel","tooltipContentClasses","tooltipOffset","automationId","displayTooltip","setDisplayTooltip","useState","tooltipContentRef","useRef","internalToolTipSrcRef","tooltipSourceRef","tooltipPortalStyle","setTooltipPortalStyle","isPortalPositioned","setIsPortalPositioned","hideTimeoutRef","isContentString","tooltipContentId","useStableId","clearHideTimeout","current","clearTimeout","scheduleHide","setTimeout","showTooltip","onDisabledTriggerKeyDown","e","key","preventDefault","prev","dismissOnFocusOutProps","useDismissOnFocusOut","onFocusIn","onFocusOut","onEscape","useEffect","tooltipContent","setAttribute","classList","add","remove","onTooltipSrcClick","events","onClick","toggleTooltip","onMouseEnter","onMouseLeave","calculateTooltipPortalStyle","refToUse","srcRect","getBoundingClientRect","scrollX","window","pageXOffset","scrollY","pageYOffset","arrowSize","tooltipElement","document","getElementById","tooltipWidth","offsetWidth","tooltipHeight","offsetHeight","top","left","arrowLeft","arrowTop","bottom","width","right","height","zIndex","updatePosition","requestAnimationFrame","calculatedStyle","flushSync","timeout","handleClick","tooltip","source","target","contains","shouldAddClickListener","body","addEventListener","mutationObserver","MutationObserver","observe","attributes","attributeFilter","removeEventListener","disconnect","React","createElement","Fragment","isSourceDisabled","isValidElement","props","linkedTooltipSrc","cloneElement","type","ariaDescribedBy","tabIndex","disabledTriggerProps","role","onFocus","onBlur","onKeyDown","enabledTriggerProps","_extends","className","ref","ReactDOM","createPortal","id","style","wordBreak","overflowWrap","visibility","opacity","pointerEvents","transition"],"mappings":";;;;;;;;;;;;;;AAyEO,MAAMA,KAAUA,CAAC;AAAA,EACtBC,SAAAA;AAAAA,EACAC,YAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,WAAAA,IAAY;AAAA,EACZC,UAAAA,IAAW;AAAA,EACXC,UAAAA,IAAW;AAAA,EACXC,cAAAA,IAAe;AAAA,EACfC,eAAAA,IAAgBC;AAAAA,EAChBC,mBAAAA,IAAoB;AAAA,EACpBC,0BAAAA,IAA2BF;AAAAA,EAC3BG,uBAAAA,IAAwB;AAAA,EACxBC,eAAAA,IAAgB;AAAA,EAChBC,cAAAA,IAAe;AACH,MAAM;AAClB,QAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAAS,EAAK,GACpDC,IAAoBC,EAAuB,IAAI,GAE/CC,IAAwBD,EAAuB,IAAI,GACnDE,IAAoBb,KAAiBY,GACrC,CAACE,GAAoBC,CAAqB,IAAIN,EAAS,CAAA,CAAE,GACzD,CAACO,GAAoBC,CAAqB,IAAIR,EAAS,EAAK,GAC5DS,IAAiBP,EAA6C,IAAI,GAClEQ,IAAkB,OAAO1B,KAAY,UACrC2B,IAAmBC,GAAYpB,QAAW,iBAAiB,GAG3DqB,IAAmBA,MAAM;AAC7B,IAAIJ,EAAeK,YACjBC,aAAaN,EAAeK,OAAO,GACnCL,EAAeK,UAAU;AAAA,EAE7B,GAGME,IAAeA,MAAM;AACzB,IAAI7B,MAAc,gBAChB0B,EAAAA,GACAJ,EAAeK,UAAUG,WAAW,MAAMlB,EAAkB,EAAK,GAAG,GAAG;AAAA,EAE3E,GAEMmB,IAAcA,MAAM;AACxBL,IAAAA,EAAAA,GACAd,EAAkB,EAAI;AAAA,EACxB,GAEMoB,IAA2BA,CAACC,MAA2B;AAC3D,QAAK3B,GACL;AAAA,UAAI2B,EAAEC,QAAQ,UAAU;AACtBD,UAAEE,eAAAA,GACFvB,EAAkB,EAAK;AACvB;AAAA,MACF;AACA,OAAIqB,EAAEC,QAAQ,WAAWD,EAAEC,QAAQ,SACjCD,EAAEE,eAAAA,GACFvB,EAAmBwB,CAAAA,MAAS,CAACA,CAAI;AAAA;AAAA,EAErC,GAIMC,IAAyBC,GAAqC;AAAA,IAClErC,UAAUK;AAAAA,IACViC,WAAWR;AAAAA,IACXS,YAAYX;AAAAA,IACZY,UAAUA,MAAM7B,EAAkB,EAAK;AAAA,EAAA,CACxC;AAED8B,EAAAA,EAAU,MAAM;AACd,UAAMC,IAAiB7B,EAAkBa;AAEzC,IAAKgB,MAID5C,KAAY,mBACd4C,EAAeC,aAAa,SAAS,wCAAwC,GAC7ED,EAAeE,UAAUC,IAAI,6BAA6B,GAC1DH,EAAeE,UAAUC,IAAI,mBAAmB,KACvC/C,KAAY,iBACrB4C,EAAeE,UAAUC,IAAI,6BAA6B,GAC1DH,EAAeE,UAAUC,IAAI,mBAAmB,KACvC/C,KAAY,kBACrB4C,EAAeC,aAAa,SAAS,WAAW,GAChDD,EAAeE,UAAUC,IAAI,8BAA8B,GAC3DH,EAAeE,UAAUC,IAAI,mBAAmB,KACvC/C,KAAY,gBACrB4C,EAAeC,aAAa,SAAS,iEAAiE,GACtGD,EAAeE,UAAUC,IAAI,6BAA6B,GAC1DH,EAAeE,UAAUC,IAAI,sBAAsB,KAC1C/C,KAAY,cACrB4C,EAAeC,aAAa,SAAS,2BAA2B,GAChED,EAAeE,UAAUC,IAAI,6BAA6B,GAC1DH,EAAeE,UAAUC,IAAI,sBAAsB,KAC1C/C,KAAY,eACrB4C,EAAeC,aAAa,SAAS,oCAAoC,GACzED,EAAeE,UAAUC,IAAI,8BAA8B,GAC3DH,EAAeE,UAAUC,IAAI,sBAAsB,KAC1C/C,KAAY,cACrB4C,EAAeC,aAAa,SAAS,iCAAiC,GACtED,EAAeE,UAAUC,IAAI,qBAAqB,GAClDH,EAAeE,UAAUC,IAAI,kBAAkB,KACtC/C,KAAY,iBACrB4C,EAAeC,aAAa,SAAS,gEAAgE,GACrGD,EAAeE,UAAUC,IAAI,qBAAqB,GAClDH,EAAeE,UAAUC,IAAI,4BAA4B,KAChD/C,KAAY,iBACrB4C,EAAeC,aAAa,SAAS,oCAAoC,GACzED,EAAeE,UAAUC,IAAI,qBAAqB,GAClDH,EAAeE,UAAUC,IAAI,qBAAqB,KACzC/C,KAAY,eACrB4C,EAAeC,aAAa,SAAS,gCAAgC,GACrED,EAAeE,UAAUC,IAAI,oBAAoB,GACjDH,EAAeE,UAAUC,IAAI,kBAAkB,KACtC/C,KAAY,kBACrB4C,EAAeC,aAAa,SAAS,+DAA+D,GACpGD,EAAeE,UAAUC,IAAI,oBAAoB,GACjDH,EAAeE,UAAUC,IAAI,4BAA4B,KAChD/C,KAAY,mBACrB4C,EAAeC,aAAa,SAAS,mCAAmC,GACxED,EAAeE,UAAUC,IAAI,oBAAoB,GACjDH,EAAeE,UAAUC,IAAI,qBAAqB,IAGhD9C,KAAa,WACf2C,EAAeE,UAAUC,IAAI,qBAAqB;AAAA,EAEtD,GAAG,CAACjD,CAAO,CAAC,GAEZ6C,EAAU,MAAM;AACd,UAAMC,IAAiB7B,EAAkBa;AAEzC,IAAKgB,MAGDhC,IACFgC,EAAeE,UAAUE,OAAO,WAAW,IAE3CJ,EAAeE,UAAUC,IAAI,WAAW;AAAA,EAE5C,GAAG,CAACnC,CAAc,CAAC,GAGnB+B,EAAU,MAAM;AACd,IAAI1C,MAAc,eAChBY,EAAkB,EAAI;AAAA,EAE1B,GAAG,CAACZ,CAAS,CAAC;AAEd,QAAMgD,IAAoBA,MAAM;AAC9B,IAAIhD,KAAa,WACfY,EAAmBD,CAAAA,MAAmB,CAACA,CAAc;AAAA,EAEzD,GAMMsC,IAAS;AAAA,IACb,GAAIjD,MAAc,WAAW;AAAA,MAAEkD,SALXC,MAAM;AAC1BvC,QAAAA,EAAmBD,CAAAA,MAAmB,CAACA,CAAc;AAAA,MACvD;AAAA,IAG0CwC;AAAAA,IACxC,GAAInD,MAAc,WAAW;AAAA,MAC3BoD,cAAcA,MAAMxC,EAAkB,EAAI;AAAA,MAC1CyC,cAAcA,MAAMzC,EAAkB,EAAK;AAAA,IAAA;AAAA,EAC7C,GAGI0C,IAA8BA,MAAM;AACxC,UAAMC,IAAWtC,EAAiBU;AAClC,QAAI,CAAC4B;AACH,aAAO,CAAA;AAGT,UAAMC,IAAUD,EAASE,sBAAAA,GACnBC,IAAUC,OAAOD,WAAWC,OAAOC,aACnCC,IAAUF,OAAOE,WAAWF,OAAOG,aACnCC,IAAY,IAGZC,IAAiBC,SAASC,eAAe1C,CAAgB,GACzD2C,IAAeH,GAAgBI,eAAe,GAC9CC,IAAgBL,GAAgBM,gBAAgB;AAEtD,QAAIC,IAAM,GACNC,IAAO,GACPC,IAAY,GACZC,IAAW;AAEf,YAAQ3E,GAAAA;AAAAA,MACN,KAAK;AACHwE,QAAAA,IAAMf,EAAQmB,SAASd,IAAUpD,GACjC+D,IAAOhB,EAAQgB,OAAOd,IAAUF,EAAQoB,QAAQ,IAAIT,IAAe,GACnEM,IAAYN,IAAe,IAAIJ,IAAY,GAC3CW,IAAW,CAACX,IAAY;AACxB;AAAA,MACF,KAAK;AACHQ,QAAAA,IAAMf,EAAQmB,SAASd,IAAUpD,GACjC+D,IAAOhB,EAAQgB,OAAOd,GACtBe,IAAYN,IAAe,MAAMJ,IAAY,GAC7CW,IAAW,CAACX,IAAY;AACxB;AAAA,MACF,KAAK;AACHQ,QAAAA,IAAMf,EAAQmB,SAASd,IAAUpD,GACjC+D,IAAOhB,EAAQqB,QAAQnB,IAAUS,GACjCM,IAAYN,IAAeA,IAAe,MAAMJ,IAAY,GAC5DW,IAAW,CAACX,IAAY;AACxB;AAAA,MACF,KAAK;AACHQ,QAAAA,IAAMf,EAAQe,MAAMV,IAAUQ,IAAgB5D,GAC9C+D,IAAOhB,EAAQgB,OAAOd,IAAUF,EAAQoB,QAAQ,IAAIT,IAAe,GACnEM,IAAYN,IAAe,IAAIJ,IAAY,GAC3CW,IAAWL,IAAgBN,IAAY;AACvC;AAAA,MACF,KAAK;AACHQ,QAAAA,IAAMf,EAAQe,MAAMV,IAAUQ,IAAgB5D,GAC9C+D,IAAOhB,EAAQgB,OAAOd,GACtBe,IAAYN,IAAe,MAAMJ,IAAY,GAC7CW,IAAWL,IAAgBN,IAAY;AACvC;AAAA,MACF,KAAK;AACHQ,QAAAA,IAAMf,EAAQe,MAAMV,IAAUQ,IAAgB5D,GAC9C+D,IAAOhB,EAAQqB,QAAQnB,IAAUS,GACjCM,IAAYN,IAAeA,IAAe,MAAMJ,IAAY,GAC5DW,IAAWL,IAAgBN,IAAY;AACvC;AAAA,MACF,KAAK;AACHQ,QAAAA,IAAMf,EAAQe,MAAMV,GACpBW,IAAOhB,EAAQgB,OAAOd,IAAUS,IAAe1D,GAC/CgE,IAAYN,IAAeJ,IAAY,GACvCW,IAAWX,IAAY;AACvB;AAAA,MACF,KAAK;AACHQ,QAAAA,IAAMf,EAAQe,MAAMV,IAAUL,EAAQsB,SAAS,IAAIT,IAAgB,GACnEG,IAAOhB,EAAQgB,OAAOd,IAAUS,IAAe1D,GAC/CgE,IAAYN,IAAeJ,IAAY,GACvCW,IAAWL,IAAgB,IAAIN,IAAY;AAC3C;AAAA,MACF,KAAK;AACHQ,QAAAA,IAAMf,EAAQmB,SAASd,IAAUQ,GACjCG,IAAOhB,EAAQgB,OAAOd,IAAUS,IAAe1D,GAC/CgE,IAAYN,IAAeJ,IAAY,GACvCW,IAAWL,IAAgBN,IAAY;AACvC;AAAA,MACF,KAAK;AACHQ,QAAAA,IAAMf,EAAQe,MAAMV,GACpBW,IAAOhB,EAAQqB,QAAQnB,IAAUjD,GACjCgE,IAAY,CAACV,IAAY,GACzBW,IAAWX,IAAY;AACvB;AAAA,MACF,KAAK;AACHQ,QAAAA,IAAMf,EAAQe,MAAMV,IAAUL,EAAQsB,SAAS,IAAIT,IAAgB,GACnEG,IAAOhB,EAAQqB,QAAQnB,IAAUjD,GACjCgE,IAAY,CAACV,IAAY,GACzBW,IAAWL,IAAgB,IAAIN,IAAY;AAC3C;AAAA,MACF,KAAK;AACHQ,QAAAA,IAAMf,EAAQmB,SAASd,IAAUQ,GACjCG,IAAOhB,EAAQqB,QAAQnB,IAAUjD,GACjCgE,IAAY,CAACV,IAAY,GACzBW,IAAWL,IAAgBN,IAAY;AACvC;AAAA,MACF;AACEQ,QAAAA,IAAMf,EAAQmB,SAASd,IAAUpD,GACjC+D,IAAOhB,EAAQgB,OAAOd,IAAUF,EAAQoB,QAAQ,IAAIT,IAAe,GACnEM,IAAYN,IAAe,IAAIJ,IAAY,GAC3CW,IAAW,CAACX,IAAY;AACxB;AAAA,IAAA;AAGJ,WAAO;AAAA,MACLhE,UAAU;AAAA,MACVwE,KAAK,GAAGA,CAAG;AAAA,MACXC,MAAM,GAAGA,CAAI;AAAA,MACbO,QAAQ;AAAA,MACR,gBAAgB,GAAGN,CAAS;AAAA,MAC5B,eAAe,GAAGC,CAAQ;AAAA,IAAA;AAAA,EAE9B;AA8EA,MA5EAhC,EAAU,MAAM;AACd,QAAI,CAAC/B,KAAkB,CAACR,GAAc;AACpCkB,MAAAA,EAAsB,EAAK;AAC3B;AAAA,IACF;AAEA,UAAM2D,IAAiBA,MAAM;AAC3B,YAAMhB,IAAiBC,SAASC,eAAe1C,CAAgB;AAG/D,UAAI,CAACwC,KAAkBA,EAAeM,iBAAiB,GAAG;AACxDW,8BAAsBD,CAAc;AACpC;AAAA,MACF;AAEA,YAAME,IAAkB5B,EAAAA;AAGxB6B,MAAAA,GAAU,MAAM;AACdhE,QAAAA,EAAsB+D,CAAe,GACrC7D,EAAsB,EAAI;AAAA,MAC5B,CAAC;AAAA,IACH,GAGM+D,IAAUtD,WAAWkD,GAAgB5E,IAAgB,KAAK,EAAE,GAE5DiF,IAAcA,CAACpD,MAAkB;AACrC,YAAMqD,IAAUrB,SAASC,eAAe1C,CAAgB,GAClD+D,IAAStE,EAAiBU,SAC1B6D,IAASvD,EAAEuD;AAEjB,MAAIF,KAAWC,KAAU,CAACD,EAAQG,SAASD,CAAM,KAAK,CAACD,EAAOE,SAASD,CAAM,KAC3E5E,EAAkB,EAAK;AAAA,IAE3B,GAGM8E,IAAyB1F,MAAc;AAC7C,IAAI0F,KACFzB,SAAS0B,KAAKC,iBAAiB,SAASP,GAAa,EAAI,GAE3D1B,OAAOiC,iBAAiB,UAAUZ,GAAgB,EAAI,GACtDrB,OAAOiC,iBAAiB,UAAUZ,CAAc;AAIhD,QAAIa,IAA4C;AAChD,WAAIzF,KAAiBa,EAAiBU,YACpCkE,IAAmB,IAAIC,iBAAiB,MAAM;AAC5Cd,MAAAA,EAAAA;AAAAA,IACF,CAAC,GACDa,EAAiBE,QAAQ9E,EAAiBU,SAAS;AAAA,MACjDqE,YAAY;AAAA,MACZC,iBAAiB,CAAC,SAAS,OAAO;AAAA,IAAA,CACnC,IAGI,MAAM;AACXrE,mBAAawD,CAAO,GACpB1D,EAAAA,GACIgE,KACFzB,SAAS0B,KAAKO,oBAAoB,SAASb,GAAa,EAAI,GAE9D1B,OAAOuC,oBAAoB,UAAUlB,GAAgB,EAAI,GACzDrB,OAAOuC,oBAAoB,UAAUlB,CAAc,GAC/Ca,KACFA,EAAiBM,WAAAA;AAAAA,IAErB;AAAA,EACF,GAAG,CAACxF,GAAgBR,GAAcJ,GAAUC,GAAWI,GAAeoB,CAAgB,CAAC,GAMnFvB,EAAU,QAAOmG,gBAAAA,EAAAC,cAAAD,EAAAE,UAAA,MAAGxG,CAAa;AAGrC,QAAMyG,IAAmBH,gBAAAA,EAAMI,eAAuC1G,CAAU,KAAKA,EAAW2G,MAAMxG,UAChGyG,IACJ,CAACpG,KAAqB8F,gBAAAA,EAAMI,eAAe1G,CAAU,IACjDsG,gBAAAA,EAAMO,aAAa7G,GAAuC;AAAA,IACxD,oBAAoB0B;AAAAA,IACpB,GAAI,OAAO1B,EAAW8G,QAAS,YAAY;AAAA,MAAEC,iBAAiBrF;AAAAA,IAAAA;AAAAA,IAC9D,GAAI+E,KAAoB;AAAA,MAAEO,UAAU;AAAA,IAAA;AAAA,EAAE,CACvC,IACDhH,GAEAiH,IAAuBzG,IACzB;AAAA,IACEwG,UAAU;AAAA,IACVE,MAAM;AAAA,IACN,cAAczG;AAAAA,IACd,oBAAoBiB;AAAAA,IACpByF,SAASlF;AAAAA,IACTmF,QAAQrF;AAAAA,IACRsF,WAAWnF;AAAAA,EAAAA,IAEb3B,QAEE+G,IAAuB9G,IAEzBD,SADAgC;AAGJ,SAAQlC,IAwBNiG,gBAAAA,EAAAC,cAAA,OAAAgB,EAAA;AAAA,IACEC,WAAU;AAAA,EAAA,GACNrE,GACA8D,GACAK,CAAmB,GAEvBhB,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEiB,WAAU;AAAA,IACVC,KAAKnH,IAAgBC,SAAaY;AAAAA,IAClCmC,cAAcpD,MAAc,cAAcK,SAAYqB;AAAAA,IACtD2B,cAAcxB;AAAAA,EAAAA,GAEb6E,CACE,GACJ/F,KACC6G,gBAAAA,GAASC,aACPrB,gBAAAA,EAAAC,cAAAD,EAAAE,UAAA,MACEF,gBAAAA,EAAAC,cAAA,SAAA,MACG,IAAI7E,CAAgB;AAAA;AAAA;AAAA,gBAIhB,GACP4E,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEqB,IAAIlG;AAAAA,IACJwF,MAAK;AAAA,IACLM,WAAW;AAAA;AAAA,wEAE+C9G,CAAqB;AAAA,IAC/EmH,OAAO;AAAA,MACL,GAAGzG;AAAAA,MACHhB,UAAU,GAAGA,CAAQ;AAAA,MACrB0H,WAAW;AAAA,MACXC,cAAc;AAAA,MACdC,YAAY1G,IAAqB,YAAY;AAAA,MAC7C2G,SAAS3G,IAAqB,IAAI;AAAA,MAClC4G,eAAe5G,IAAqB,SAAS;AAAA,MAC7C6G,YAAY7G,IAAqB,0BAA0B;AAAA;AAAA,MAE3D,GAAIA,IAAqB,CAAA,IAAK;AAAA,QAAErB,UAAU;AAAA,QAASwE,KAAK;AAAA,QAAOC,MAAM;AAAA,MAAA;AAAA,IAAM;AAAA,IAE7EpB,cAAcpD,MAAc,cAAcK,SAAYqB;AAAAA,IACtD2B,cAAcxB;AAAAA,EAAAA,GAEbN,IAAkB6E,gBAAAA,EAAAC,cAAA,KAAA;AAAA,IAAGiB,WAAU;AAAA,EAAA,GAAkBzH,CAAW,IAAIA,CAC9D,CACL,GACFoE,SAAS0B,IACX,CACC,IAxELS,gBAAAA,EAAAC,qBAAAgB,EAAA;AAAA,IACEC,WAAU;AAAA,IACVpE,SAASF;AAAAA,EAAAA,GACL+D,GACAK,CAAmB,GAEvBhB,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKiB,WAAU;AAAA,EAAA,GACZZ,CACE,GACLN,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEkB,KAAKzG;AAAAA,IACL4G,IAAIlG;AAAAA,IACJwF,MAAK;AAAA,IACLM,WAAW,iDAAiDpH,CAAQ;AAAA;AAAA;AAAA;AAAA,IAIpE,sBAAoBQ,KAAgB;AAAA,EAAA,GAEnCa,IAAkB6E,gBAAAA,EAAAC,cAAA,KAAA;AAAA,IAAGiB,WAAU;AAAA,EAAA,GAAkBzH,CAAW,IAAIA,CAC9D,CACF;AAqDT;"}