@alixpartners/ui-components 2.1.2 → 2.3.0

package/dist/components/Tooltip/Tooltip.js

@@ -3,10 +3,11 @@ import * as i from "react";
 import { useState as Z } from "react";
 import { c as j } from "../../clsx-OuTLNxxd.js";
 import ee from "../Icon/Icon.js";
-import { P as G, c as te, u as oe, d as F, a as C, h as re } from "../../index-DWydnyjJ.js";
-import { c as B, R as ne, A as le, P as ie, a as se, D as ae, C as ce } from "../../index-DieLVN0p.js";
-import { u as ue } from "../../index-2H7slGYV.js";
-import { P as K } from "../../index-DpfPnSMn.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 { P as K } from "../../index-BymOxiM6.js";
 import '../../assets/Tooltip.css';var pe = Object.freeze({
   // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
   position: "absolute",
@@ -30,7 +31,7 @@ import '../../assets/Tooltip.css';var pe = Object.freeze({
   )
 );
 U.displayName = de;
-var fe = U, [D, $e] = te("Tooltip", [
+var fe = U, [D] = oe("Tooltip", [
   B
 ]), L = B(), V = "TooltipProvider", he = 700, A = "tooltip.open", [ve, I] = D(V), $ = (t) => {
   const {
@@ -77,25 +78,25 @@ var R = "Tooltip", [_e, O] = D(R), Y = (t) => {
     onOpenChange: s,
     disableHoverableContent: a,
     delayDuration: h
-  } = t, l = I(R, t.__scopeTooltip), f = L(o), [c, d] = i.useState(null), v = ue(), p = i.useRef(0), m = a ?? l.disableHoverableContent, _ = h ?? l.delayDuration, T = i.useRef(!1), [g, x] = oe({
+  } = 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({
     prop: r,
     defaultProp: n ?? !1,
-    onChange: (H) => {
-      H ? (l.onOpen(), document.dispatchEvent(new CustomEvent(A))) : l.onClose(), s == null || s(H);
+    onChange: (S) => {
+      S ? (l.onOpen(), document.dispatchEvent(new CustomEvent(A))) : l.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]), S = i.useCallback(() => {
+  }, [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(ne, { ...f, children: /* @__PURE__ */ u(
+  }, []), /* @__PURE__ */ u(se, { ...f, children: /* @__PURE__ */ u(
     _e,
     {
       scope: o,
@@ -105,8 +106,8 @@ var R = "Tooltip", [_e, O] = D(R), Y = (t) => {
       trigger: c,
       onTriggerChange: d,
       onTriggerEnter: i.useCallback(() => {
-        l.isOpenDelayedRef.current ? S() : E();
-      }, [l.isOpenDelayedRef, S, E]),
+        l.isOpenDelayedRef.current ? H() : E();
+      }, [l.isOpenDelayedRef, H, E]),
       onTriggerLeave: i.useCallback(() => {
         m ? P() : (window.clearTimeout(p.current), p.current = 0);
       }, [P, m]),
@@ -121,7 +122,7 @@ 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(le, { asChild: !0, ...a, children: /* @__PURE__ */ u(
+    return i.useEffect(() => () => document.removeEventListener("pointerup", d), [d]), /* @__PURE__ */ u(ae, { asChild: !0, ...a, children: /* @__PURE__ */ u(
       G.button,
       {
         "aria-describedby": n.open ? n.contentId : void 0,
@@ -151,7 +152,7 @@ var M = "TooltipPortal", [me, Te] = 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(ie, { asChild: !0, container: n, children: r }) }) });
+  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.displayName = M;
 var b = "TooltipContent", W = i.forwardRef(
@@ -204,7 +205,7 @@ var b = "TooltipContent", W = i.forwardRef(
         return window.addEventListener("scroll", d, { capture: !0 }), () => window.removeEventListener("scroll", d, { capture: !0 });
       }
     }, [l.trigger, c]), /* @__PURE__ */ u(
-      ae,
+      le,
       {
         asChild: !0,
         disableOutsidePointerEvents: !1,
@@ -213,7 +214,7 @@ var b = "TooltipContent", W = i.forwardRef(
         onFocusOutside: (d) => d.preventDefault(),
         onDismiss: c,
         children: /* @__PURE__ */ k(
-          ce,
+          ue,
           {
             "data-state": l.stateAttribute,
             ...f,
@@ -244,7 +245,7 @@ var J = "TooltipArrow", Q = i.forwardRef(
     return ge(
       J,
       e
-    ).isInside ? null : /* @__PURE__ */ u(se, { ...n, ...r, ref: o });
+    ).isInside ? null : /* @__PURE__ */ u(ce, { ...n, ...r, ref: o });
   }
 );
 Q.displayName = J;
@@ -341,7 +342,7 @@ function Oe(t) {
   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);
 }
 var De = $, Le = Y, ke = X, Ae = q, Ne = W, Ie = Q;
-const Me = "Tooltip-module__tooltip___LjRUX", Se = "Tooltip-module__closable___MjoEb", y = {
+const Me = "Tooltip-module__tooltip___LjRUX", He = "Tooltip-module__closable___MjoEb", y = {
   "tooltip-container": "Tooltip-module__tooltip-container___X4jVa",
   tooltip: Me,
   "tooltip-md": "Tooltip-module__tooltip-md___v79jI",
@@ -352,7 +353,7 @@ const Me = "Tooltip-module__tooltip___LjRUX", Se = "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: Se,
+  closable: He,
   "tooltip-enter": "Tooltip-module__tooltip-enter___KfwAg",
   "tooltip-enter-active": "Tooltip-module__tooltip-enter-active___L7FtU",
   "tooltip-exit": "Tooltip-module__tooltip-exit___RLxZG",

package/dist/{index-2H7slGYV.js → index-7CBv-Jx6.js}

@@ -1,5 +1,5 @@
 import * as e from "react";
-import { i as o } from "./index-DWydnyjJ.js";
+import { i as o } from "./index-DM51yNMI.js";
 var n = e[" useId ".trim().toString()] || (() => {
 }), i = 0;
 function f(r) {

package/dist/{index-DpfPnSMn.js → index-BymOxiM6.js}

@@ -1,5 +1,5 @@
 import * as a from "react";
-import { d as T, i as A } from "./index-DWydnyjJ.js";
+import { d as T, i as A } from "./index-DM51yNMI.js";
 function E(n, e) {
   return a.useReducer((r, t) => e[r][t] ?? r, n);
 }
@@ -35,7 +35,7 @@ function P(n) {
     if (e) {
       let i;
       const m = e.ownerDocument.defaultView ?? window, d = (u) => {
-        const g = l(t.current).includes(u.animationName);
+        const g = l(t.current).includes(CSS.escape(u.animationName));
         if (u.target === e && g && (s("ANIMATION_END"), !o.current)) {
           const O = e.style.animationFillMode;
           e.style.animationFillMode = "forwards", i = m.setTimeout(() => {