@alixpartners/ui-components 2.4.1 → 2.4.3

package/dist/components/Tooltip/Tooltip.js

@@ -1,14 +1,14 @@
-import { jsx as u, jsxs as k } from "react/jsx-runtime";
-import * as i from "react";
-import { useState as Z } from "react";
+import { jsx as c, jsxs as k, Fragment as Z } from "react/jsx-runtime";
+import * as l from "react";
+import { useState as ee } from "react";
 import { c as j } from "../../clsx-OuTLNxxd.js";
-import ee from "../Icon/Icon.js";
-import { P as G, u as te, d as F, c as C, b as oe, h as re } from "../../index-DM51yNMI.js";
-import { P as ne, D as le } from "../../index-DrR82jOT.js";
-import { u as ie } from "../../index-7CBv-Jx6.js";
-import { R as se, A as ae, a as ce, c as B, C as ue } from "../../index-C-3_YVJ1.js";
+import te from "../Icon/Icon.js";
+import { P as F, u as oe, d as G, c as C, b as re, h as ne } from "../../index-DM51yNMI.js";
+import { P as le, D as ie } from "../../index-DrR82jOT.js";
+import { u as se } from "../../index-7CBv-Jx6.js";
+import { R as ae, A as ce, a as ue, c as B, C as pe } from "../../index-C-3_YVJ1.js";
 import { P as K } from "../../index-BymOxiM6.js";
-import '../../assets/Tooltip.css';var pe = Object.freeze({
+import '../../assets/Tooltip.css';var de = Object.freeze({
   // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
   position: "absolute",
   border: 0,
@@ -20,48 +20,48 @@ import '../../assets/Tooltip.css';var pe = Object.freeze({
   clip: "rect(0, 0, 0, 0)",
   whiteSpace: "nowrap",
   wordWrap: "normal"
-}), de = "VisuallyHidden", U = i.forwardRef(
-  (t, o) => /* @__PURE__ */ u(
-    G.span,
+}), fe = "VisuallyHidden", U = l.forwardRef(
+  (e, o) => /* @__PURE__ */ c(
+    F.span,
     {
-      ...t,
+      ...e,
       ref: o,
-      style: { ...pe, ...t.style }
+      style: { ...de, ...e.style }
     }
   )
 );
-U.displayName = de;
-var fe = U, [D] = oe("Tooltip", [
+U.displayName = fe;
+var he = U, [D] = re("Tooltip", [
   B
-]), L = B(), V = "TooltipProvider", he = 700, A = "tooltip.open", [ve, I] = D(V), $ = (t) => {
+]), L = B(), V = "TooltipProvider", ve = 700, A = "tooltip.open", [_e, I] = D(V), $ = (e) => {
   const {
     __scopeTooltip: o,
-    delayDuration: e = he,
+    delayDuration: t = ve,
     skipDelayDuration: r = 300,
     disableHoverableContent: n = !1,
     children: s
-  } = t, a = i.useRef(!0), h = i.useRef(!1), l = i.useRef(0);
-  return i.useEffect(() => {
-    const f = l.current;
-    return () => window.clearTimeout(f);
-  }, []), /* @__PURE__ */ u(
-    ve,
+  } = e, a = l.useRef(!0), v = l.useRef(!1), i = l.useRef(0);
+  return l.useEffect(() => {
+    const p = i.current;
+    return () => window.clearTimeout(p);
+  }, []), /* @__PURE__ */ c(
+    _e,
     {
       scope: o,
       isOpenDelayedRef: a,
-      delayDuration: e,
-      onOpen: i.useCallback(() => {
-        window.clearTimeout(l.current), a.current = !1;
+      delayDuration: t,
+      onOpen: l.useCallback(() => {
+        window.clearTimeout(i.current), a.current = !1;
       }, []),
-      onClose: i.useCallback(() => {
-        window.clearTimeout(l.current), l.current = window.setTimeout(
+      onClose: l.useCallback(() => {
+        window.clearTimeout(i.current), i.current = window.setTimeout(
           () => a.current = !0,
           r
         );
       }, [r]),
-      isPointerInTransitRef: h,
-      onPointerInTransitChange: i.useCallback((f) => {
-        h.current = f;
+      isPointerInTransitRef: v,
+      onPointerInTransitChange: l.useCallback((p) => {
+        v.current = p;
       }, []),
       disableHoverableContent: n,
       children: s
@@ -69,159 +69,159 @@ var fe = U, [D] = oe("Tooltip", [
   );
 };
 $.displayName = V;
-var R = "Tooltip", [_e, O] = D(R), Y = (t) => {
+var R = "Tooltip", [me, O] = D(R), Y = (e) => {
   const {
     __scopeTooltip: o,
-    children: e,
+    children: t,
     open: r,
     defaultOpen: n,
     onOpenChange: s,
     disableHoverableContent: a,
-    delayDuration: h
-  } = t, l = I(R, t.__scopeTooltip), f = L(o), [c, d] = i.useState(null), v = ie(), p = i.useRef(0), m = a ?? l.disableHoverableContent, _ = h ?? l.delayDuration, T = i.useRef(!1), [g, x] = te({
+    delayDuration: v
+  } = e, i = I(R, e.__scopeTooltip), p = L(o), [u, h] = l.useState(null), f = se(), d = l.useRef(0), m = a ?? i.disableHoverableContent, T = v ?? i.delayDuration, _ = l.useRef(!1), [g, x] = oe({
     prop: r,
     defaultProp: n ?? !1,
     onChange: (S) => {
-      S ? (l.onOpen(), document.dispatchEvent(new CustomEvent(A))) : l.onClose(), s == null || s(S);
+      S ? (i.onOpen(), document.dispatchEvent(new CustomEvent(A))) : i.onClose(), s == null || s(S);
     },
     caller: R
-  }), w = i.useMemo(() => g ? T.current ? "delayed-open" : "instant-open" : "closed", [g]), E = i.useCallback(() => {
-    window.clearTimeout(p.current), p.current = 0, T.current = !1, x(!0);
-  }, [x]), P = i.useCallback(() => {
-    window.clearTimeout(p.current), p.current = 0, x(!1);
-  }, [x]), H = i.useCallback(() => {
-    window.clearTimeout(p.current), p.current = window.setTimeout(() => {
-      T.current = !0, x(!0), p.current = 0;
-    }, _);
-  }, [_, x]);
-  return i.useEffect(() => () => {
-    p.current && (window.clearTimeout(p.current), p.current = 0);
-  }, []), /* @__PURE__ */ u(se, { ...f, children: /* @__PURE__ */ u(
-    _e,
+  }), w = l.useMemo(() => g ? _.current ? "delayed-open" : "instant-open" : "closed", [g]), E = l.useCallback(() => {
+    window.clearTimeout(d.current), d.current = 0, _.current = !1, x(!0);
+  }, [x]), P = l.useCallback(() => {
+    window.clearTimeout(d.current), d.current = 0, x(!1);
+  }, [x]), H = l.useCallback(() => {
+    window.clearTimeout(d.current), d.current = window.setTimeout(() => {
+      _.current = !0, x(!0), d.current = 0;
+    }, T);
+  }, [T, x]);
+  return l.useEffect(() => () => {
+    d.current && (window.clearTimeout(d.current), d.current = 0);
+  }, []), /* @__PURE__ */ c(ae, { ...p, children: /* @__PURE__ */ c(
+    me,
     {
       scope: o,
-      contentId: v,
+      contentId: f,
       open: g,
       stateAttribute: w,
-      trigger: c,
-      onTriggerChange: d,
-      onTriggerEnter: i.useCallback(() => {
-        l.isOpenDelayedRef.current ? H() : E();
-      }, [l.isOpenDelayedRef, H, E]),
-      onTriggerLeave: i.useCallback(() => {
-        m ? P() : (window.clearTimeout(p.current), p.current = 0);
+      trigger: u,
+      onTriggerChange: h,
+      onTriggerEnter: l.useCallback(() => {
+        i.isOpenDelayedRef.current ? H() : E();
+      }, [i.isOpenDelayedRef, H, E]),
+      onTriggerLeave: l.useCallback(() => {
+        m ? P() : (window.clearTimeout(d.current), d.current = 0);
       }, [P, m]),
       onOpen: E,
       onClose: P,
       disableHoverableContent: m,
-      children: e
+      children: t
     }
   ) });
 };
 Y.displayName = R;
-var N = "TooltipTrigger", X = i.forwardRef(
-  (t, o) => {
-    const { __scopeTooltip: e, ...r } = t, n = O(N, e), s = I(N, e), a = L(e), h = i.useRef(null), l = F(o, h, n.onTriggerChange), f = i.useRef(!1), c = i.useRef(!1), d = i.useCallback(() => f.current = !1, []);
-    return i.useEffect(() => () => document.removeEventListener("pointerup", d), [d]), /* @__PURE__ */ u(ae, { asChild: !0, ...a, children: /* @__PURE__ */ u(
-      G.button,
+var N = "TooltipTrigger", X = l.forwardRef(
+  (e, o) => {
+    const { __scopeTooltip: t, ...r } = e, n = O(N, t), s = I(N, t), a = L(t), v = l.useRef(null), i = G(o, v, n.onTriggerChange), p = l.useRef(!1), u = l.useRef(!1), h = l.useCallback(() => p.current = !1, []);
+    return l.useEffect(() => () => document.removeEventListener("pointerup", h), [h]), /* @__PURE__ */ c(ce, { asChild: !0, ...a, children: /* @__PURE__ */ c(
+      F.button,
       {
         "aria-describedby": n.open ? n.contentId : void 0,
         "data-state": n.stateAttribute,
         ...r,
-        ref: l,
-        onPointerMove: C(t.onPointerMove, (v) => {
-          v.pointerType !== "touch" && !c.current && !s.isPointerInTransitRef.current && (n.onTriggerEnter(), c.current = !0);
+        ref: i,
+        onPointerMove: C(e.onPointerMove, (f) => {
+          f.pointerType !== "touch" && !u.current && !s.isPointerInTransitRef.current && (n.onTriggerEnter(), u.current = !0);
         }),
-        onPointerLeave: C(t.onPointerLeave, () => {
-          n.onTriggerLeave(), c.current = !1;
+        onPointerLeave: C(e.onPointerLeave, () => {
+          n.onTriggerLeave(), u.current = !1;
         }),
-        onPointerDown: C(t.onPointerDown, () => {
-          n.open && n.onClose(), f.current = !0, document.addEventListener("pointerup", d, { once: !0 });
+        onPointerDown: C(e.onPointerDown, () => {
+          n.open && n.onClose(), p.current = !0, document.addEventListener("pointerup", h, { once: !0 });
         }),
-        onFocus: C(t.onFocus, () => {
-          f.current || n.onOpen();
+        onFocus: C(e.onFocus, () => {
+          p.current || n.onOpen();
         }),
-        onBlur: C(t.onBlur, n.onClose),
-        onClick: C(t.onClick, n.onClose)
+        onBlur: C(e.onBlur, n.onClose),
+        onClick: C(e.onClick, n.onClose)
       }
     ) });
   }
 );
 X.displayName = N;
-var M = "TooltipPortal", [me, Te] = D(M, {
+var M = "TooltipPortal", [Te, ye] = D(M, {
   forceMount: void 0
-}), q = (t) => {
-  const { __scopeTooltip: o, forceMount: e, children: r, container: n } = t, s = O(M, o);
-  return /* @__PURE__ */ u(me, { scope: o, forceMount: e, children: /* @__PURE__ */ u(K, { present: e || s.open, children: /* @__PURE__ */ u(ne, { asChild: !0, container: n, children: r }) }) });
+}), q = (e) => {
+  const { __scopeTooltip: o, forceMount: t, children: r, container: n } = e, s = O(M, o);
+  return /* @__PURE__ */ c(Te, { scope: o, forceMount: t, children: /* @__PURE__ */ c(K, { present: t || s.open, children: /* @__PURE__ */ c(le, { asChild: !0, container: n, children: r }) }) });
 };
 q.displayName = M;
-var b = "TooltipContent", W = i.forwardRef(
-  (t, o) => {
-    const e = Te(b, t.__scopeTooltip), { forceMount: r = e.forceMount, side: n = "top", ...s } = t, a = O(b, t.__scopeTooltip);
-    return /* @__PURE__ */ u(K, { present: r || a.open, children: a.disableHoverableContent ? /* @__PURE__ */ u(z, { side: n, ...s, ref: o }) : /* @__PURE__ */ u(ye, { side: n, ...s, ref: o }) });
+var b = "TooltipContent", W = l.forwardRef(
+  (e, o) => {
+    const t = ye(b, e.__scopeTooltip), { forceMount: r = t.forceMount, side: n = "top", ...s } = e, a = O(b, e.__scopeTooltip);
+    return /* @__PURE__ */ c(K, { present: r || a.open, children: a.disableHoverableContent ? /* @__PURE__ */ c(z, { side: n, ...s, ref: o }) : /* @__PURE__ */ c(xe, { side: n, ...s, ref: o }) });
   }
-), ye = i.forwardRef((t, o) => {
-  const e = O(b, t.__scopeTooltip), r = I(b, t.__scopeTooltip), n = i.useRef(null), s = F(o, n), [a, h] = i.useState(null), { trigger: l, onClose: f } = e, c = n.current, { onPointerInTransitChange: d } = r, v = i.useCallback(() => {
-    h(null), d(!1);
-  }, [d]), p = i.useCallback(
-    (m, _) => {
-      const T = m.currentTarget, g = { x: m.clientX, y: m.clientY }, x = be(g, T.getBoundingClientRect()), w = we(g, x), E = Ee(_.getBoundingClientRect()), P = Re([...w, ...E]);
-      h(P), d(!0);
+), xe = l.forwardRef((e, o) => {
+  const t = O(b, e.__scopeTooltip), r = I(b, e.__scopeTooltip), n = l.useRef(null), s = G(o, n), [a, v] = l.useState(null), { trigger: i, onClose: p } = t, u = n.current, { onPointerInTransitChange: h } = r, f = l.useCallback(() => {
+    v(null), h(!1);
+  }, [h]), d = l.useCallback(
+    (m, T) => {
+      const _ = m.currentTarget, g = { x: m.clientX, y: m.clientY }, x = we(g, _.getBoundingClientRect()), w = Ee(g, x), E = Pe(T.getBoundingClientRect()), P = Oe([...w, ...E]);
+      v(P), h(!0);
     },
-    [d]
+    [h]
   );
-  return i.useEffect(() => () => v(), [v]), i.useEffect(() => {
-    if (l && c) {
-      const m = (T) => p(T, c), _ = (T) => p(T, l);
-      return l.addEventListener("pointerleave", m), c.addEventListener("pointerleave", _), () => {
-        l.removeEventListener("pointerleave", m), c.removeEventListener("pointerleave", _);
+  return l.useEffect(() => () => f(), [f]), l.useEffect(() => {
+    if (i && u) {
+      const m = (_) => d(_, u), T = (_) => d(_, i);
+      return i.addEventListener("pointerleave", m), u.addEventListener("pointerleave", T), () => {
+        i.removeEventListener("pointerleave", m), u.removeEventListener("pointerleave", T);
       };
     }
-  }, [l, c, p, v]), i.useEffect(() => {
+  }, [i, u, d, f]), l.useEffect(() => {
     if (a) {
-      const m = (_) => {
-        const T = _.target, g = { x: _.clientX, y: _.clientY }, x = (l == null ? void 0 : l.contains(T)) || (c == null ? void 0 : c.contains(T)), w = !Pe(g, a);
-        x ? v() : w && (v(), f());
+      const m = (T) => {
+        const _ = T.target, g = { x: T.clientX, y: T.clientY }, x = (i == null ? void 0 : i.contains(_)) || (u == null ? void 0 : u.contains(_)), w = !Re(g, a);
+        x ? f() : w && (f(), p());
       };
       return document.addEventListener("pointermove", m), () => document.removeEventListener("pointermove", m);
     }
-  }, [l, c, a, f, v]), /* @__PURE__ */ u(z, { ...t, ref: s });
-}), [xe, ge] = D(R, { isInside: !1 }), Ce = re("TooltipContent"), z = i.forwardRef(
-  (t, o) => {
+  }, [i, u, a, p, f]), /* @__PURE__ */ c(z, { ...e, ref: s });
+}), [ge, Ce] = D(R, { isInside: !1 }), be = ne("TooltipContent"), z = l.forwardRef(
+  (e, o) => {
     const {
-      __scopeTooltip: e,
+      __scopeTooltip: t,
       children: r,
       "aria-label": n,
       onEscapeKeyDown: s,
       onPointerDownOutside: a,
-      ...h
-    } = t, l = O(b, e), f = L(e), { onClose: c } = l;
-    return i.useEffect(() => (document.addEventListener(A, c), () => document.removeEventListener(A, c)), [c]), i.useEffect(() => {
-      if (l.trigger) {
-        const d = (v) => {
-          const p = v.target;
-          p != null && p.contains(l.trigger) && c();
+      ...v
+    } = e, i = O(b, t), p = L(t), { onClose: u } = i;
+    return l.useEffect(() => (document.addEventListener(A, u), () => document.removeEventListener(A, u)), [u]), l.useEffect(() => {
+      if (i.trigger) {
+        const h = (f) => {
+          const d = f.target;
+          d != null && d.contains(i.trigger) && u();
         };
-        return window.addEventListener("scroll", d, { capture: !0 }), () => window.removeEventListener("scroll", d, { capture: !0 });
+        return window.addEventListener("scroll", h, { capture: !0 }), () => window.removeEventListener("scroll", h, { capture: !0 });
       }
-    }, [l.trigger, c]), /* @__PURE__ */ u(
-      le,
+    }, [i.trigger, u]), /* @__PURE__ */ c(
+      ie,
       {
         asChild: !0,
         disableOutsidePointerEvents: !1,
         onEscapeKeyDown: s,
         onPointerDownOutside: a,
-        onFocusOutside: (d) => d.preventDefault(),
-        onDismiss: c,
+        onFocusOutside: (h) => h.preventDefault(),
+        onDismiss: u,
         children: /* @__PURE__ */ k(
-          ue,
+          pe,
           {
-            "data-state": l.stateAttribute,
-            ...f,
-            ...h,
+            "data-state": i.stateAttribute,
+            ...p,
+            ...v,
             ref: o,
             style: {
-              ...h.style,
+              ...v.style,
               "--radix-tooltip-content-transform-origin": "var(--radix-popper-transform-origin)",
               "--radix-tooltip-content-available-width": "var(--radix-popper-available-width)",
               "--radix-tooltip-content-available-height": "var(--radix-popper-available-height)",
@@ -229,8 +229,8 @@ var b = "TooltipContent", W = i.forwardRef(
               "--radix-tooltip-trigger-height": "var(--radix-popper-anchor-height)"
             },
             children: [
-              /* @__PURE__ */ u(Ce, { children: r }),
-              /* @__PURE__ */ u(xe, { scope: e, isInside: !0, children: /* @__PURE__ */ u(fe, { id: l.contentId, role: "tooltip", children: n || r }) })
+              /* @__PURE__ */ c(be, { children: r }),
+              /* @__PURE__ */ c(ge, { scope: t, isInside: !0, children: /* @__PURE__ */ c(he, { id: i.contentId, role: "tooltip", children: n || r }) })
             ]
           }
         )
@@ -239,24 +239,24 @@ var b = "TooltipContent", W = i.forwardRef(
   }
 );
 W.displayName = b;
-var J = "TooltipArrow", Q = i.forwardRef(
-  (t, o) => {
-    const { __scopeTooltip: e, ...r } = t, n = L(e);
-    return ge(
+var J = "TooltipArrow", Q = l.forwardRef(
+  (e, o) => {
+    const { __scopeTooltip: t, ...r } = e, n = L(t);
+    return Ce(
       J,
-      e
-    ).isInside ? null : /* @__PURE__ */ u(ce, { ...n, ...r, ref: o });
+      t
+    ).isInside ? null : /* @__PURE__ */ c(ue, { ...n, ...r, ref: o });
   }
 );
 Q.displayName = J;
-function be(t, o) {
-  const e = Math.abs(o.top - t.y), r = Math.abs(o.bottom - t.y), n = Math.abs(o.right - t.x), s = Math.abs(o.left - t.x);
-  switch (Math.min(e, r, n, s)) {
+function we(e, o) {
+  const t = Math.abs(o.top - e.y), r = Math.abs(o.bottom - e.y), n = Math.abs(o.right - e.x), s = Math.abs(o.left - e.x);
+  switch (Math.min(t, r, n, s)) {
     case s:
       return "left";
     case n:
       return "right";
-    case e:
+    case t:
       return "top";
     case r:
       return "bottom";
@@ -264,63 +264,63 @@ function be(t, o) {
       throw new Error("unreachable");
   }
 }
-function we(t, o, e = 5) {
+function Ee(e, o, t = 5) {
   const r = [];
   switch (o) {
     case "top":
       r.push(
-        { x: t.x - e, y: t.y + e },
-        { x: t.x + e, y: t.y + e }
+        { x: e.x - t, y: e.y + t },
+        { x: e.x + t, y: e.y + t }
       );
       break;
     case "bottom":
       r.push(
-        { x: t.x - e, y: t.y - e },
-        { x: t.x + e, y: t.y - e }
+        { x: e.x - t, y: e.y - t },
+        { x: e.x + t, y: e.y - t }
       );
       break;
     case "left":
       r.push(
-        { x: t.x + e, y: t.y - e },
-        { x: t.x + e, y: t.y + e }
+        { x: e.x + t, y: e.y - t },
+        { x: e.x + t, y: e.y + t }
       );
       break;
     case "right":
       r.push(
-        { x: t.x - e, y: t.y - e },
-        { x: t.x - e, y: t.y + e }
+        { x: e.x - t, y: e.y - t },
+        { x: e.x - t, y: e.y + t }
       );
       break;
   }
   return r;
 }
-function Ee(t) {
-  const { top: o, right: e, bottom: r, left: n } = t;
+function Pe(e) {
+  const { top: o, right: t, bottom: r, left: n } = e;
   return [
     { x: n, y: o },
-    { x: e, y: o },
-    { x: e, y: r },
+    { x: t, y: o },
+    { x: t, y: r },
     { x: n, y: r }
   ];
 }
-function Pe(t, o) {
-  const { x: e, y: r } = t;
+function Re(e, o) {
+  const { x: t, y: r } = e;
   let n = !1;
   for (let s = 0, a = o.length - 1; s < o.length; a = s++) {
-    const h = o[s], l = o[a], f = h.x, c = h.y, d = l.x, v = l.y;
-    c > r != v > r && e < (d - f) * (r - c) / (v - c) + f && (n = !n);
+    const v = o[s], i = o[a], p = v.x, u = v.y, h = i.x, f = i.y;
+    u > r != f > r && t < (h - p) * (r - u) / (f - u) + p && (n = !n);
   }
   return n;
 }
-function Re(t) {
-  const o = t.slice();
-  return o.sort((e, r) => e.x < r.x ? -1 : e.x > r.x ? 1 : e.y < r.y ? -1 : e.y > r.y ? 1 : 0), Oe(o);
+function Oe(e) {
+  const o = e.slice();
+  return o.sort((t, r) => t.x < r.x ? -1 : t.x > r.x ? 1 : t.y < r.y ? -1 : t.y > r.y ? 1 : 0), De(o);
 }
-function Oe(t) {
-  if (t.length <= 1) return t.slice();
+function De(e) {
+  if (e.length <= 1) return e.slice();
   const o = [];
-  for (let r = 0; r < t.length; r++) {
-    const n = t[r];
+  for (let r = 0; r < e.length; r++) {
+    const n = e[r];
     for (; o.length >= 2; ) {
       const s = o[o.length - 1], a = o[o.length - 2];
       if ((s.x - a.x) * (n.y - a.y) >= (s.y - a.y) * (n.x - a.x)) o.pop();
@@ -329,22 +329,22 @@ function Oe(t) {
     o.push(n);
   }
   o.pop();
-  const e = [];
-  for (let r = t.length - 1; r >= 0; r--) {
-    const n = t[r];
-    for (; e.length >= 2; ) {
-      const s = e[e.length - 1], a = e[e.length - 2];
-      if ((s.x - a.x) * (n.y - a.y) >= (s.y - a.y) * (n.x - a.x)) e.pop();
+  const t = [];
+  for (let r = e.length - 1; r >= 0; r--) {
+    const n = e[r];
+    for (; t.length >= 2; ) {
+      const s = t[t.length - 1], a = t[t.length - 2];
+      if ((s.x - a.x) * (n.y - a.y) >= (s.y - a.y) * (n.x - a.x)) t.pop();
       else break;
     }
-    e.push(n);
+    t.push(n);
   }
-  return e.pop(), o.length === 1 && e.length === 1 && o[0].x === e[0].x && o[0].y === e[0].y ? o : o.concat(e);
+  return t.pop(), o.length === 1 && t.length === 1 && o[0].x === t[0].x && o[0].y === t[0].y ? o : o.concat(t);
 }
-var De = $, Le = Y, ke = X, Ae = q, Ne = W, Ie = Q;
-const Me = "Tooltip-module__tooltip___LjRUX", He = "Tooltip-module__closable___MjoEb", y = {
+var Le = $, ke = Y, Ae = X, Ne = q, Ie = W, Me = Q;
+const He = "Tooltip-module__tooltip___LjRUX", Se = "Tooltip-module__closable___MjoEb", y = {
   "tooltip-container": "Tooltip-module__tooltip-container___X4jVa",
-  tooltip: Me,
+  tooltip: He,
   "tooltip-md": "Tooltip-module__tooltip-md___v79jI",
   "tooltip-sm": "Tooltip-module__tooltip-sm___yOh4k",
   "tooltip-dark": "Tooltip-module__tooltip-dark___PHEuo",
@@ -353,48 +353,52 @@ const Me = "Tooltip-module__tooltip___LjRUX", He = "Tooltip-module__closable___M
   "tooltip-light": "Tooltip-module__tooltip-light___f9BKo",
   "tooltip-close-icon": "Tooltip-module__tooltip-close-icon___EceS-",
   "tooltip-content": "Tooltip-module__tooltip-content___fjJv5",
-  closable: He,
+  closable: Se,
   "tooltip-enter": "Tooltip-module__tooltip-enter___KfwAg",
   "tooltip-enter-active": "Tooltip-module__tooltip-enter-active___L7FtU",
   "tooltip-exit": "Tooltip-module__tooltip-exit___RLxZG",
   "tooltip-exit-active": "Tooltip-module__tooltip-exit-active___BsVba"
 };
-function Ye({
-  children: t,
+function Xe({
+  children: e,
   content: o,
-  size: e = "md",
-  theme: r = "dark",
-  tipSide: n = "top",
-  tipAlignment: s = "center",
-  keepVisible: a = !1,
-  startVisible: h = !1,
-  onClose: l,
-  className: f
+  disabled: t = !1,
+  size: r = "md",
+  theme: n = "dark",
+  tipSide: s = "top",
+  tipAlignment: a = "center",
+  keepVisible: v = !1,
+  startVisible: i = !1,
+  onClose: p,
+  className: u
 }) {
-  const [c, d] = Z(h), v = () => {
-    d(!1);
-  }, p = (_) => {
-    _.key === "Escape" && d(!1);
+  const [h, f] = ee(i);
+  if (t)
+    return /* @__PURE__ */ c(Z, { children: e });
+  const d = () => {
+    f(!1);
+  }, m = (_) => {
+    _.key === "Escape" && f(!1);
   };
-  return /* @__PURE__ */ u(De, { children: /* @__PURE__ */ u(Le, { defaultOpen: h, open: c, onOpenChange: (_) => {
-    if (a)
-      return d(!0);
-    d(_), _ || l == null || l();
-  }, children: /* @__PURE__ */ k("div", { className: j(y["tooltip-container"], f), children: [
-    /* @__PURE__ */ u(ke, { asChild: !0, children: /* @__PURE__ */ u("div", { onKeyDown: p, role: "button", style: {
+  return /* @__PURE__ */ c(Le, { children: /* @__PURE__ */ c(ke, { defaultOpen: i, open: h, onOpenChange: (_) => {
+    if (v)
+      return f(!0);
+    f(_), _ || p == null || p();
+  }, children: /* @__PURE__ */ k("div", { className: j(y["tooltip-container"], u), children: [
+    /* @__PURE__ */ c(Ae, { asChild: !0, children: /* @__PURE__ */ c("div", { onKeyDown: m, role: "button", style: {
       display: "flex",
       alignItems: "center",
       justifyContent: "center"
-    }, className: y["tooltip-trigger"], children: t }) }),
-    /* @__PURE__ */ u(Ae, { children: /* @__PURE__ */ u(Ne, { style: {
+    }, className: y["tooltip-trigger"], children: e }) }),
+    /* @__PURE__ */ c(Ne, { children: /* @__PURE__ */ c(Ie, { style: {
       zIndex: 9999
-    }, align: s, side: n, sideOffset: 0, children: /* @__PURE__ */ k("div", { id: "tooltip", role: "tooltip", className: j(y.tooltip, y[`tooltip-${e}`], y[`tooltip-${r}`], y[`tooltip-${n}`], y[`tooltip-${s}`], l && y.closable), children: [
-      /* @__PURE__ */ u("div", { className: y["tooltip-content"], children: o }),
-      (l || a) && e === "md" && /* @__PURE__ */ u("button", { className: y["tooltip-close-button"], onClick: v, children: /* @__PURE__ */ u(ee, { icon: "ap-icon-close", className: y["tooltip-close-icon"] }) }),
-      /* @__PURE__ */ u(Ie, { width: 12, height: 6, className: y["tooltip-arrow"] })
+    }, align: a, side: s, sideOffset: 0, children: /* @__PURE__ */ k("div", { id: "tooltip", role: "tooltip", className: j(y.tooltip, y[`tooltip-${r}`], y[`tooltip-${n}`], y[`tooltip-${s}`], y[`tooltip-${a}`], p && y.closable), children: [
+      /* @__PURE__ */ c("div", { className: y["tooltip-content"], children: o }),
+      (p || v) && r === "md" && /* @__PURE__ */ c("button", { className: y["tooltip-close-button"], onClick: d, children: /* @__PURE__ */ c(te, { icon: "ap-icon-close", className: y["tooltip-close-icon"] }) }),
+      /* @__PURE__ */ c(Me, { width: 12, height: 6, className: y["tooltip-arrow"] })
     ] }) }) })
   ] }) }) });
 }
 export {
-  Ye as default
+  Xe as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alixpartners/ui-components",
-  "version": "2.4.1",
+  "version": "2.4.3",
   "type": "module",
   "files": [
     "dist"