@alixpartners/ui-components 2.5.3 → 2.5.6

package/dist/components/RichTextEditor/RichTextEditor.test.js

@@ -1,91 +1,108 @@
 import { jsx as o } from "react/jsx-runtime";
-import { d, i as r, r as a, g as t, s as e, f as i, w as y, v as b } from "../../vi.bdSIJ99Y-017e_Pkz.js";
-import { s as c, R as n } from "../../RichTextEditor-CfINW9Xs.js";
+import { d, i as a, r, g as t, s as e, f as c, w as b, v as u } from "../../vi.bdSIJ99Y-017e_Pkz.js";
+import { s as i, R as n } from "../../RichTextEditor-cvtLFe4t.js";
 d("RichTextEditor", () => {
   d("Rendering", () => {
-    r("renders label and required marker", () => {
-      a(/* @__PURE__ */ o(n, { label: "Body", required: !0 })), t(e.getByTestId("rte-label")).toHaveTextContent("Body"), t(e.getByTestId("rte-required")).toHaveTextContent("*");
-    }), r("does not render label when omitted", () => {
-      a(/* @__PURE__ */ o(n, {})), t(e.queryByTestId("rte-label")).not.toBeInTheDocument();
-    }), r("shows toolbar by default", () => {
-      a(/* @__PURE__ */ o(n, { label: "Body" })), t(e.getByTestId("rte-toolbar")).toBeInTheDocument();
-    }), r("hides toolbar when showToolbar is false", () => {
-      a(/* @__PURE__ */ o(n, { label: "Body", showToolbar: !1 })), t(e.queryByTestId("rte-toolbar")).not.toBeInTheDocument();
-    }), r("hides word count when showWordCount is false", () => {
-      a(/* @__PURE__ */ o(n, { label: "Body", showWordCount: !1 })), t(e.queryByTestId("rte-word-count")).not.toBeInTheDocument();
-    }), r("places word counter inside the same frame as the editor", () => {
-      a(/* @__PURE__ */ o(n, { label: "Body" }));
-      const s = e.getByTestId("rte-editor"), l = e.getByTestId("rte-word-count");
-      t(l.parentElement).toBe(s.parentElement);
-    }), r("applies stacked toolbar class when toolbarLayout is stacked", () => {
-      a(/* @__PURE__ */ o(n, { label: "Body", toolbarLayout: "stacked" }));
-      const s = e.getByTestId("rte-toolbar");
-      t(s.className).toContain(c.toolbarStacked);
-    }), r("renders two toolbar rows when stacked", () => {
-      a(/* @__PURE__ */ o(n, { label: "Body", toolbarLayout: "stacked" }));
-      const l = e.getByTestId("rte-toolbar").querySelectorAll(`.${c.toolbarRow}`);
-      t(l.length).toBe(2);
-    }), r("renders one toolbar row when inline", () => {
-      a(/* @__PURE__ */ o(n, { label: "Body", toolbarLayout: "inline" }));
-      const l = e.getByTestId("rte-toolbar").querySelectorAll(`.${c.toolbarRow}`);
-      t(l.length).toBe(1);
+    a("renders label and required marker", () => {
+      r(/* @__PURE__ */ o(n, { label: "Body", required: !0 })), t(e.getByTestId("rte-label")).toHaveTextContent("Body"), t(e.getByTestId("rte-required")).toHaveTextContent("*");
+    }), a("does not render label when omitted", () => {
+      r(/* @__PURE__ */ o(n, {})), t(e.queryByTestId("rte-label")).not.toBeInTheDocument();
+    }), a("shows toolbar by default", () => {
+      r(/* @__PURE__ */ o(n, { label: "Body" })), t(e.getByTestId("rte-toolbar")).toBeInTheDocument();
+    }), a("hides toolbar when showToolbar is false", () => {
+      r(/* @__PURE__ */ o(n, { label: "Body", showToolbar: !1 })), t(e.queryByTestId("rte-toolbar")).not.toBeInTheDocument();
+    }), a("hides character count when showCharacterCount is false", () => {
+      r(/* @__PURE__ */ o(n, { label: "Body", showCharacterCount: !1 })), t(e.queryByTestId("rte-character-count")).not.toBeInTheDocument();
+    }), a("places character counter inside the same frame as the editor", () => {
+      r(/* @__PURE__ */ o(n, { label: "Body" }));
+      const l = e.getByTestId("rte-editor"), s = e.getByTestId("rte-character-count");
+      t(s.parentElement).toBe(l.parentElement);
+    }), a("applies stacked toolbar class when toolbarLayout is stacked", () => {
+      r(/* @__PURE__ */ o(n, { label: "Body", toolbarLayout: "stacked" }));
+      const l = e.getByTestId("rte-toolbar");
+      t(l.className).toContain(i.toolbarStacked);
+    }), a("renders two toolbar rows when stacked", () => {
+      r(/* @__PURE__ */ o(n, { label: "Body", toolbarLayout: "stacked" }));
+      const s = e.getByTestId("rte-toolbar").querySelectorAll(`.${i.toolbarRow}`);
+      t(s.length).toBe(2);
+    }), a("renders one toolbar row when inline", () => {
+      r(/* @__PURE__ */ o(n, { label: "Body", toolbarLayout: "inline" }));
+      const s = e.getByTestId("rte-toolbar").querySelectorAll(`.${i.toolbarRow}`);
+      t(s.length).toBe(1);
     });
   }), d("Toolbar actions", () => {
-    r("does not render justify or numbered list actions", () => {
-      a(/* @__PURE__ */ o(n, { label: "Body" })), t(e.queryByTestId("rte-action-align-justify")).not.toBeInTheDocument(), t(e.queryByTestId("rte-action-numbered")).not.toBeInTheDocument();
-    }), r("renders bold, align, list, and link actions", () => {
-      a(/* @__PURE__ */ o(n, { label: "Body" })), t(e.getByTestId("rte-action-bold")).toBeInTheDocument(), t(e.getByTestId("rte-action-align-left")).toBeInTheDocument(), t(e.getByTestId("rte-action-bulleted")).toBeInTheDocument(), t(e.getByTestId("rte-action-insert-link")).toBeInTheDocument();
+    a("does not render justify or numbered list actions", () => {
+      r(/* @__PURE__ */ o(n, { label: "Body" })), t(e.queryByTestId("rte-action-align-justify")).not.toBeInTheDocument(), t(e.queryByTestId("rte-action-numbered")).not.toBeInTheDocument();
+    }), a("renders bold, align, list, and link actions", () => {
+      r(/* @__PURE__ */ o(n, { label: "Body" })), t(e.getByTestId("rte-action-bold")).toBeInTheDocument(), t(e.getByTestId("rte-action-align-left")).toBeInTheDocument(), t(e.getByTestId("rte-action-bulleted")).toBeInTheDocument(), t(e.getByTestId("rte-action-insert-link")).toBeInTheDocument();
     });
   }), d("Format dropdown", () => {
-    r("opens format menu and shows default format options", async () => {
-      a(/* @__PURE__ */ o(n, { label: "Body" })), i.click(e.getByTestId("rte-format-select")), await y(() => {
+    a("opens format menu and shows default format options", async () => {
+      r(/* @__PURE__ */ o(n, { label: "Body" })), c.click(e.getByTestId("rte-format-select")), await b(() => {
         t(e.getByTestId("rte-format-menu")).toBeInTheDocument();
       }), t(e.getByTestId("rte-format-option-paragraph")).toBeInTheDocument(), t(e.getByTestId("rte-format-option-heading1")).toBeInTheDocument();
-    }), r("uses custom format option labels", async () => {
-      a(/* @__PURE__ */ o(n, { label: "Body", formatOptions: [{
+    }), a("uses custom format option labels", async () => {
+      r(/* @__PURE__ */ o(n, { label: "Body", formatOptions: [{
         label: "Custom block",
         value: "paragraph"
-      }] })), i.click(e.getByTestId("rte-format-select")), await y(() => {
+      }] })), c.click(e.getByTestId("rte-format-select")), await b(() => {
         t(e.getByTestId("rte-format-menu")).toBeInTheDocument();
       }), t(e.getByTestId("rte-format-option-paragraph")).toHaveTextContent("Custom block");
     });
-  }), d("Word count", () => {
-    r("shows word count and updates it", () => {
-      a(/* @__PURE__ */ o(n, { label: "Body", value: "<p>Hello world</p>", maxWords: 8 })), t(e.getByTestId("rte-word-count")).toHaveTextContent("2/8");
-      const s = e.getByTestId("rte-editor");
-      i.input(s, {
+  }), d("Character count", () => {
+    a("shows character count and updates it", () => {
+      r(/* @__PURE__ */ o(n, { label: "Body", value: "<p>Hello world</p>", maxCharacters: 80 })), t(e.getByTestId("rte-character-count")).toHaveTextContent("11/80");
+      const l = e.getByTestId("rte-editor");
+      c.input(l, {
         target: {
           innerHTML: "<p>Hello world again now</p>"
         }
-      }), t(e.getByTestId("rte-word-count")).toHaveTextContent("4/8");
+      }), t(e.getByTestId("rte-character-count")).toHaveTextContent("21/80");
+    }), a("blocks insertion once maxCharacters is reached", () => {
+      r(/* @__PURE__ */ o(n, { label: "Body", value: "<p>Hello</p>", maxCharacters: 5 }));
+      const l = e.getByTestId("rte-editor"), s = new InputEvent("beforeinput", {
+        bubbles: !0,
+        cancelable: !0,
+        inputType: "insertText",
+        data: "x"
+      });
+      l.dispatchEvent(s), t(s.defaultPrevented).toBe(!0);
+    }), a("allows deletion when maxCharacters is reached", () => {
+      r(/* @__PURE__ */ o(n, { label: "Body", value: "<p>Hello</p>", maxCharacters: 5 }));
+      const l = e.getByTestId("rte-editor"), s = new InputEvent("beforeinput", {
+        bubbles: !0,
+        cancelable: !0,
+        inputType: "deleteContentBackward"
+      });
+      l.dispatchEvent(s), t(s.defaultPrevented).toBe(!1);
     });
   }), d("Callbacks and editor props", () => {
-    r("fires onChange with rendered html", () => {
-      const s = b.fn();
-      a(/* @__PURE__ */ o(n, { label: "Body", onChange: s }));
-      const l = e.getByTestId("rte-editor");
-      i.input(l, {
+    a("fires onChange with rendered html", () => {
+      const l = u.fn();
+      r(/* @__PURE__ */ o(n, { label: "Body", onChange: l }));
+      const s = e.getByTestId("rte-editor");
+      c.input(s, {
         target: {
           innerHTML: "<p>Test value</p>"
         }
-      }), t(s).toHaveBeenCalled(), t(s.mock.calls[0][0]).toContain("<p>Test value</p>");
-    }), r("fires onModelChange when content changes", () => {
-      const s = b.fn();
-      a(/* @__PURE__ */ o(n, { label: "Body", onModelChange: s }));
-      const l = e.getByTestId("rte-editor");
-      i.input(l, {
+      }), t(l).toHaveBeenCalled(), t(l.mock.calls[0][0]).toContain("<p>Test value</p>");
+    }), a("fires onModelChange when content changes", () => {
+      const l = u.fn();
+      r(/* @__PURE__ */ o(n, { label: "Body", onModelChange: l }));
+      const s = e.getByTestId("rte-editor");
+      c.input(s, {
         target: {
           innerHTML: "<p>Model test</p>"
         }
-      }), t(s).toHaveBeenCalled(), t(s.mock.calls[0][0]).toMatchObject({
+      }), t(l).toHaveBeenCalled(), t(l.mock.calls[0][0]).toMatchObject({
         blocks: t.any(Array)
       });
-    }), r("sets resize none when resizable is false", () => {
-      a(/* @__PURE__ */ o(n, { label: "Body", resizable: !1 })), t(e.getByTestId("rte-editor")).toHaveStyle({
+    }), a("sets resize none when resizable is false", () => {
+      r(/* @__PURE__ */ o(n, { label: "Body", resizable: !1 })), t(e.getByTestId("rte-editor-body")).toHaveStyle({
         resize: "none"
       });
-    }), r("sets contentEditable false when disabled", () => {
-      a(/* @__PURE__ */ o(n, { label: "Body", disabled: !0 })), t(e.getByTestId("rte-editor")).toHaveAttribute("contenteditable", "false");
+    }), a("sets contentEditable false when disabled", () => {
+      r(/* @__PURE__ */ o(n, { label: "Body", disabled: !0 })), t(e.getByTestId("rte-editor")).toHaveAttribute("contenteditable", "false");
     });
   });
 });

package/dist/components/SplitButton/SplitButton.js

@@ -5,9 +5,9 @@ import * as p from "react";
 import { useRef as U, useState as I, useEffect as $ } from "react";
 import K from "../Icon/Icon.js";
 import "../Input/Input.js";
-import { u as j, P as H, c as v, a as F, b as V } from "../../index-DM51yNMI.js";
-import { R as X, A as q, P as J, C as Q, I as Y, c as C, G as Z, L as ee, a as oe, b as ne, d as te, e as re, S as ae, f as ie, g as de, h as pe } from "../../index-DgdVwltD.js";
-import { u as y } from "../../index-7CBv-Jx6.js";
+import { u as j, P as H, c as v, a as F, b as V } from "../../index-z_kiwVc3.js";
+import { R as X, A as q, P as J, C as Q, I as Y, c as C, G as Z, L as ee, a as oe, b as ne, d as te, e as re, S as ae, f as ie, g as de, h as pe } from "../../index-Ii4UOx3H.js";
+import { u as y } from "../../index-C2s_VtSb.js";
 import '../../assets/SplitButton.css';var D = "DropdownMenu", [se] = V(
   D,
   [C]

package/dist/components/TagsFields/TagsFields.js

@@ -5,7 +5,7 @@ import W from "../Icon/Icon.js";
 import Ie from "../Button/Button.js";
 import "../Input/Input.js";
 import Fe from "../Tooltip/Tooltip.js";
-import { R as ve, A as Te, P as Ne, C as Le } from "../../index-DZ4Gof57.js";
+import { R as ve, A as Te, P as Ne, C as Le } from "../../index-CCFDXH-J.js";
 import '../../assets/TagsFields.css';const De = "TagsFields-module__dropdownContainer___GIsND", Ce = "TagsFields-module__dropdownLabel___AUP9W", ye = "TagsFields-module__dropdownLabelDisabled___hilvh", Oe = "TagsFields-module__required___Ybg21", ke = "TagsFields-module__dropdownWrapper___KxTZl", Re = "TagsFields-module__selectedItemsCreatable___Pnf8l", xe = "TagsFields-module__selectedItem___Tp6lp", Ae = "TagsFields-module__selectedItemLabel___SwoJL", Se = "TagsFields-module__removeButton___od0yh", We = "TagsFields-module__removeIcon___2WRCF", Ee = "TagsFields-module__singleSelectedCreatableItem___QwENt", Me = "TagsFields-module__singleSelectedCreatableItemRemoveButton___1PeN7", Ve = "TagsFields-module__dropdownActions___USb5V", Be = "TagsFields-module__dropdownArrow___JT9d3", Pe = "TagsFields-module__dropdownArrowOpen___jPfTk", je = "TagsFields-module__dropdownMenu___gPhtC", qe = "TagsFields-module__dropdownCreatableSearchContainer___mltcH", Ge = "TagsFields-module__disabled___1OfNF", ze = "TagsFields-module__dropdownCreatableError___R6oyD", Je = "TagsFields-module__creatableInput___qz9jI", Qe = "TagsFields-module__optionsList___qyawx", Ue = "TagsFields-module__categoryGroup___In039", Ye = "TagsFields-module__categoryDivider___eROv0", Ke = "TagsFields-module__categoryLabel___Cv2h5", He = "TagsFields-module__optionItem___UujFS", Xe = "TagsFields-module__optionItemDisabled___9gB8N", Ze = "TagsFields-module__optionItemFocused___4rsDt", $e = "TagsFields-module__optionContent___QSC9G", et = "TagsFields-module__optionLabel___N-fQ7", tt = "TagsFields-module__tickIcon___3uRY-", st = "TagsFields-module__noOptions___ugYj9", lt = "TagsFields-module__helpers___ab6f-", ot = "TagsFields-module__helpText___Qzdqh", dt = "TagsFields-module__helpTextDisabled___m-oFo", nt = "TagsFields-module__helpLink___JQDmR", at = "TagsFields-module__helpLinkDisabled___Nk1BX", rt = "TagsFields-module__errorMessage___b-ugf", t = {
   dropdownContainer: De,
   dropdownLabel: Ce,

package/dist/components/Toggle/Toggle.js

@@ -2,9 +2,9 @@ import { jsxs as k, jsx as d } from "react/jsx-runtime";
 import * as m from "react";
 import { useId as D, useEffect as M, useState as j } from "react";
 import { c as F } from "../../clsx-OuTLNxxd.js";
-import { d as y, u as H, P, c as K, b as A } from "../../index-DM51yNMI.js";
+import { d as y, u as H, P, c as K, b as A } from "../../index-z_kiwVc3.js";
 import { u as U } from "../../index-BZPx6jYI.js";
-import { u as q } from "../../index-CxAtPSMM.js";
+import { u as q } from "../../index-Nyh2Wa71.js";
 import '../../assets/Toggle.css';var v = "Switch", [z] = A(v), [L, O] = z(v), T = m.forwardRef(
   (r, c) => {
     const {

package/dist/components/Tooltip/Tooltip.js

@@ -3,11 +3,11 @@ import * as l from "react";
 import { useState as ee } from "react";
 import { c as j } from "../../clsx-OuTLNxxd.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-D34Qo5Qx.js";
-import { P as K } from "../../index-BymOxiM6.js";
+import { P as F, u as oe, d as G, c as C, b as re, g as ne } from "../../index-z_kiwVc3.js";
+import { P as le, D as ie } from "../../index-CmGGeUr0.js";
+import { u as se } from "../../index-C2s_VtSb.js";
+import { R as ae, A as ce, a as ue, c as B, C as pe } from "../../index-ChQc_Cm6.js";
+import { P as K } from "../../index-CfIcUHKK.js";
 import '../../assets/Tooltip.css';var de = Object.freeze({
   // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
   position: "absolute",
@@ -31,16 +31,16 @@ import '../../assets/Tooltip.css';var de = Object.freeze({
   )
 );
 U.displayName = fe;
-var he = U, [D] = re("Tooltip", [
+var ve = U, [D] = re("Tooltip", [
   B
-]), L = B(), V = "TooltipProvider", ve = 700, A = "tooltip.open", [_e, I] = D(V), $ = (e) => {
+]), L = B(), V = "TooltipProvider", he = 700, A = "tooltip.open", [_e, I] = D(V), $ = (e) => {
   const {
     __scopeTooltip: o,
-    delayDuration: t = ve,
+    delayDuration: t = he,
     skipDelayDuration: r = 300,
     disableHoverableContent: n = !1,
     children: s
-  } = e, a = l.useRef(!0), v = l.useRef(!1), i = l.useRef(0);
+  } = e, a = l.useRef(!0), h = l.useRef(!1), i = l.useRef(0);
   return l.useEffect(() => {
     const p = i.current;
     return () => window.clearTimeout(p);
@@ -59,9 +59,9 @@ var he = U, [D] = re("Tooltip", [
           r
         );
       }, [r]),
-      isPointerInTransitRef: v,
+      isPointerInTransitRef: h,
       onPointerInTransitChange: l.useCallback((p) => {
-        v.current = p;
+        h.current = p;
       }, []),
       disableHoverableContent: n,
       children: s
@@ -77,23 +77,23 @@ var R = "Tooltip", [me, O] = D(R), Y = (e) => {
     defaultOpen: n,
     onOpenChange: s,
     disableHoverableContent: a,
-    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({
+    delayDuration: h
+  } = e, i = I(R, e.__scopeTooltip), p = L(o), [u, v] = l.useState(null), f = se(), d = l.useRef(0), m = a ?? i.disableHoverableContent, T = h ?? i.delayDuration, _ = l.useRef(!1), [x, g] = oe({
     prop: r,
     defaultProp: n ?? !1,
     onChange: (S) => {
       S ? (i.onOpen(), document.dispatchEvent(new CustomEvent(A))) : i.onClose(), s == null || s(S);
     },
     caller: R
-  }), 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(() => {
+  }), w = l.useMemo(() => x ? _.current ? "delayed-open" : "instant-open" : "closed", [x]), E = l.useCallback(() => {
+    window.clearTimeout(d.current), d.current = 0, _.current = !1, g(!0);
+  }, [g]), P = l.useCallback(() => {
+    window.clearTimeout(d.current), d.current = 0, g(!1);
+  }, [g]), H = l.useCallback(() => {
     window.clearTimeout(d.current), d.current = window.setTimeout(() => {
-      _.current = !0, x(!0), d.current = 0;
+      _.current = !0, g(!0), d.current = 0;
     }, T);
-  }, [T, x]);
+  }, [T, g]);
   return l.useEffect(() => () => {
     d.current && (window.clearTimeout(d.current), d.current = 0);
   }, []), /* @__PURE__ */ c(ae, { ...p, children: /* @__PURE__ */ c(
@@ -101,10 +101,10 @@ var R = "Tooltip", [me, O] = D(R), Y = (e) => {
     {
       scope: o,
       contentId: f,
-      open: g,
+      open: x,
       stateAttribute: w,
       trigger: u,
-      onTriggerChange: h,
+      onTriggerChange: v,
       onTriggerEnter: l.useCallback(() => {
         i.isOpenDelayedRef.current ? H() : E();
       }, [i.isOpenDelayedRef, H, E]),
@@ -121,8 +121,8 @@ var R = "Tooltip", [me, O] = D(R), Y = (e) => {
 Y.displayName = R;
 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(
+    const { __scopeTooltip: t, ...r } = e, n = O(N, t), s = I(N, t), a = L(t), h = l.useRef(null), i = G(o, h, n.onTriggerChange), p = l.useRef(!1), u = l.useRef(!1), v = l.useCallback(() => p.current = !1, []);
+    return l.useEffect(() => () => document.removeEventListener("pointerup", v), [v]), /* @__PURE__ */ c(ce, { asChild: !0, ...a, children: /* @__PURE__ */ c(
       F.button,
       {
         "aria-describedby": n.open ? n.contentId : void 0,
@@ -136,7 +136,7 @@ var N = "TooltipTrigger", X = l.forwardRef(
           n.onTriggerLeave(), u.current = !1;
         }),
         onPointerDown: C(e.onPointerDown, () => {
-          n.open && n.onClose(), p.current = !0, document.addEventListener("pointerup", h, { once: !0 });
+          n.open && n.onClose(), p.current = !0, document.addEventListener("pointerup", v, { once: !0 });
         }),
         onFocus: C(e.onFocus, () => {
           p.current || n.onOpen();
@@ -158,17 +158,17 @@ q.displayName = M;
 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 }) });
+    return /* @__PURE__ */ c(K, { present: r || a.open, children: a.disableHoverableContent ? /* @__PURE__ */ c(z, { side: n, ...s, ref: o }) : /* @__PURE__ */ c(ge, { side: n, ...s, ref: o }) });
   }
-), 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(
+), ge = l.forwardRef((e, o) => {
+  const t = O(b, e.__scopeTooltip), r = I(b, e.__scopeTooltip), n = l.useRef(null), s = G(o, n), [a, h] = l.useState(null), { trigger: i, onClose: p } = t, u = n.current, { onPointerInTransitChange: v } = r, f = l.useCallback(() => {
+    h(null), v(!1);
+  }, [v]), 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);
+      const _ = m.currentTarget, x = { x: m.clientX, y: m.clientY }, g = we(x, _.getBoundingClientRect()), w = Ee(x, g), E = Pe(T.getBoundingClientRect()), P = Oe([...w, ...E]);
+      h(P), v(!0);
     },
-    [h]
+    [v]
   );
   return l.useEffect(() => () => f(), [f]), l.useEffect(() => {
     if (i && u) {
@@ -180,13 +180,13 @@ var b = "TooltipContent", W = l.forwardRef(
   }, [i, u, d, f]), l.useEffect(() => {
     if (a) {
       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());
+        const _ = T.target, x = { x: T.clientX, y: T.clientY }, g = (i == null ? void 0 : i.contains(_)) || (u == null ? void 0 : u.contains(_)), w = !Re(x, a);
+        g ? f() : w && (f(), p());
       };
       return document.addEventListener("pointermove", m), () => document.removeEventListener("pointermove", m);
     }
   }, [i, u, a, p, f]), /* @__PURE__ */ c(z, { ...e, ref: s });
-}), [ge, Ce] = D(R, { isInside: !1 }), be = ne("TooltipContent"), z = l.forwardRef(
+}), [xe, Ce] = D(R, { isInside: !1 }), be = ne("TooltipContent"), z = l.forwardRef(
   (e, o) => {
     const {
       __scopeTooltip: t,
@@ -194,15 +194,15 @@ var b = "TooltipContent", W = l.forwardRef(
       "aria-label": n,
       onEscapeKeyDown: s,
       onPointerDownOutside: a,
-      ...v
+      ...h
     } = 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 v = (f) => {
           const d = f.target;
           d != null && d.contains(i.trigger) && u();
         };
-        return window.addEventListener("scroll", h, { capture: !0 }), () => window.removeEventListener("scroll", h, { capture: !0 });
+        return window.addEventListener("scroll", v, { capture: !0 }), () => window.removeEventListener("scroll", v, { capture: !0 });
       }
     }, [i.trigger, u]), /* @__PURE__ */ c(
       ie,
@@ -211,17 +211,17 @@ var b = "TooltipContent", W = l.forwardRef(
         disableOutsidePointerEvents: !1,
         onEscapeKeyDown: s,
         onPointerDownOutside: a,
-        onFocusOutside: (h) => h.preventDefault(),
+        onFocusOutside: (v) => v.preventDefault(),
         onDismiss: u,
         children: /* @__PURE__ */ k(
           pe,
           {
             "data-state": i.stateAttribute,
             ...p,
-            ...v,
+            ...h,
             ref: o,
             style: {
-              ...v.style,
+              ...h.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)",
@@ -230,7 +230,7 @@ var b = "TooltipContent", W = l.forwardRef(
             },
             children: [
               /* @__PURE__ */ c(be, { children: r }),
-              /* @__PURE__ */ c(ge, { scope: t, isInside: !0, children: /* @__PURE__ */ c(he, { id: i.contentId, role: "tooltip", children: n || r }) })
+              /* @__PURE__ */ c(xe, { scope: t, isInside: !0, children: /* @__PURE__ */ c(ve, { id: i.contentId, role: "tooltip", children: n || r }) })
             ]
           }
         )
@@ -307,8 +307,8 @@ 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 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);
+    const h = o[s], i = o[a], p = h.x, u = h.y, v = i.x, f = i.y;
+    u > r != f > r && t < (v - p) * (r - u) / (f - u) + p && (n = !n);
   }
   return n;
 }
@@ -367,12 +367,12 @@ function Xe({
   theme: n = "dark",
   tipSide: s = "top",
   tipAlignment: a = "center",
-  keepVisible: v = !1,
+  keepVisible: h = !1,
   startVisible: i = !1,
   onClose: p,
   className: u
 }) {
-  const [h, f] = ee(i);
+  const [v, f] = ee(i);
   if (t)
     return /* @__PURE__ */ c(Z, { children: e });
   const d = () => {
@@ -380,8 +380,8 @@ function Xe({
   }, m = (_) => {
     _.key === "Escape" && f(!1);
   };
-  return /* @__PURE__ */ c(Le, { children: /* @__PURE__ */ c(ke, { defaultOpen: i, open: h, onOpenChange: (_) => {
-    if (v)
+  return /* @__PURE__ */ c(Le, { children: /* @__PURE__ */ c(ke, { defaultOpen: i, open: v, onOpenChange: (_) => {
+    if (h)
       return f(!0);
     f(_), _ || p == null || p();
   }, children: /* @__PURE__ */ k("div", { className: j(y["tooltip-container"], u), children: [
@@ -394,7 +394,7 @@ function Xe({
       zIndex: 9999
     }, 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"] }) }),
+      (p || h) && 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"] })
     ] }) }) })
   ] }) }) });

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

@@ -1,11 +1,11 @@
 import * as e from "react";
-import { i as o } from "./index-DM51yNMI.js";
+import { h as o } from "./index-z_kiwVc3.js";
 var n = e[" useId ".trim().toString()] || (() => {
-}), i = 0;
+}), a = 0;
 function f(r) {
   const [t, s] = e.useState(n());
   return o(() => {
-    s((u) => u ?? String(i++));
+    s((u) => u ?? String(a++));
   }, [r]), t ? `radix-${t}` : "";
 }
 function c(r) {

package/dist/{index-DEphED6n.js → index-C8H9A55g.js}

@@ -1,8 +1,8 @@
 import * as i from "react";
 import g from "react";
-import { b as L, d as P, f as G, P as K, c as A, u as $ } from "./index-DM51yNMI.js";
+import { b as L, d as P, e as G, P as K, c as A, u as $ } from "./index-z_kiwVc3.js";
 import { jsx as m } from "react/jsx-runtime";
-import { u as J, a as Q } from "./index-7CBv-Jx6.js";
+import { u as J, a as Q } from "./index-C2s_VtSb.js";
 function W(e) {
   const o = e + "CollectionProvider", [u, n] = L(o), [_, v] = u(
     o,

package/dist/{index-DZ4Gof57.js → index-CCFDXH-J.js}

@@ -1,10 +1,10 @@
 import * as i from "react";
-import { u as G, d as O, P as _, c as P, b as H, f as K } from "./index-DM51yNMI.js";
-import { P as $, D as j } from "./index-DrR82jOT.js";
-import { h as U, R as V, u as W, F as Z } from "./index-Chv2KjIL.js";
-import { u as q } from "./index-7CBv-Jx6.js";
-import { R as z, A as x, c as w, C as B, a as J } from "./index-D34Qo5Qx.js";
-import { P as E } from "./index-BymOxiM6.js";
+import { u as G, d as O, P as _, c as P, b as H, e as K } from "./index-z_kiwVc3.js";
+import { P as $, D as j } from "./index-CmGGeUr0.js";
+import { h as U, R as V, u as W, F as Z } from "./index-CFqDEbIR.js";
+import { u as q } from "./index-C2s_VtSb.js";
+import { R as z, A as x, c as w, C as B, a as J } from "./index-ChQc_Cm6.js";
+import { P as E } from "./index-CfIcUHKK.js";
 import { jsx as p } from "react/jsx-runtime";
 var m = "Popover", [b] = H(m, [
   w

package/dist/{index-CpsmI33B.js → index-CCnm5-ML.js}

@@ -1,9 +1,9 @@
 import * as s from "react";
-import { d as P, c as C, u as B, P as b, b as _ } from "./index-DM51yNMI.js";
-import { I as q, u as K, R as T, c as w } from "./index-DEphED6n.js";
-import { u as U } from "./index-CxAtPSMM.js";
+import { d as P, c as C, u as B, P as b, b as _ } from "./index-z_kiwVc3.js";
+import { I as q, u as K, R as T, c as w } from "./index-C8H9A55g.js";
+import { u as U } from "./index-Nyh2Wa71.js";
 import { u as V } from "./index-BZPx6jYI.js";
-import { P as j } from "./index-BymOxiM6.js";
+import { P as j } from "./index-CfIcUHKK.js";
 import { jsx as p, jsxs as z } from "react/jsx-runtime";
 var E = "Radio", [H, g] = _(E), [W, X] = H(E), k = s.forwardRef(
   (a, d) => {

package/dist/{index-Chv2KjIL.js → index-CFqDEbIR.js}

@@ -1,7 +1,7 @@
 import * as u from "react";
 import { useState as ge } from "react";
-import { d as ye, P as be } from "./index-DM51yNMI.js";
-import { a as q } from "./index-7CBv-Jx6.js";
+import { d as ye, P as be } from "./index-z_kiwVc3.js";
+import { a as q } from "./index-C2s_VtSb.js";
 import { jsx as Ee } from "react/jsx-runtime";
 var _ = "focusScope.autoFocusOnMount", j = "focusScope.autoFocusOnUnmount", Q = { bubbles: !1, cancelable: !0 }, Se = "FocusScope", we = u.forwardRef((e, t) => {
   const {

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

@@ -1,5 +1,5 @@
 import * as a from "react";
-import { d as T, i as A } from "./index-DM51yNMI.js";
+import { d as T, h as A } from "./index-z_kiwVc3.js";
 function E(n, e) {
   return a.useReducer((r, t) => e[r][t] ?? r, n);
 }

package/dist/{index-D34Qo5Qx.js → index-ChQc_Cm6.js}

@@ -1,10 +1,10 @@
 import * as O from "react";
 import { useLayoutEffect as Se } from "react";
 import * as Ee from "react-dom";
-import { P as At, d as Kt, b as Le, i as Ht } from "./index-DM51yNMI.js";
+import { P as At, d as Kt, b as Le, h as Ht } from "./index-z_kiwVc3.js";
 import { jsx as j } from "react/jsx-runtime";
-import { a as De } from "./index-7CBv-Jx6.js";
-import { u as Me } from "./index-CxAtPSMM.js";
+import { a as De } from "./index-C2s_VtSb.js";
+import { u as Me } from "./index-Nyh2Wa71.js";
 const Te = ["top", "right", "bottom", "left"], Z = Math.min, W = Math.max, at = Math.round, ct = Math.floor, I = (t) => ({
   x: t,
   y: t

package/dist/{index-DrR82jOT.js → index-CmGGeUr0.js}

@@ -1,6 +1,6 @@
 import * as i from "react";
-import { d as T, P as b, c as h, e as I, i as M } from "./index-DM51yNMI.js";
-import { a as m } from "./index-7CBv-Jx6.js";
+import { d as T, P as b, c as h, i as I, h as M } from "./index-z_kiwVc3.js";
+import { a as m } from "./index-C2s_VtSb.js";
 import { jsx as P } from "react/jsx-runtime";
 import U from "react-dom";
 function z(r, e = globalThis == null ? void 0 : globalThis.document) {