@alixpartners/ui-components 2.0.0-beta.18 → 2.0.0-beta.18.2

package/dist/components/Dialog/Dialog.js

@@ -45,10 +45,10 @@ function P({
     l == null || l(), o === void 0 && ((i = d.current) == null || i.close());
   }, E = () => {
     var i;
-    e == null || e(), l == null || l(), o === void 0 && ((i = d.current) == null || i.close());
+    e == null || e(), o === void 0 && ((i = d.current) == null || i.close(), l == null || l());
   }, G = () => {
     var i;
-    r == null || r(), l == null || l(), o === void 0 && ((i = d.current) == null || i.close());
+    r == null || r(), o === void 0 && ((i = d.current) == null || i.close(), l == null || l());
   };
   return /* @__PURE__ */ c("div", { className: M, ...R, children: [
     s && /* @__PURE__ */ a("div", { ref: w, onClick: A, children: s }),

package/dist/components/Dropdown/Dropdown.d.ts

@@ -36,6 +36,9 @@ type DropdownProps = {
     labelTooltip?: LabelTooltipProps;
     isTagsFields?: boolean;
     unselect?: boolean;
+    selectedOptionLabel?: string;
+    selectedOptionsLabel?: string;
+    allOptionsSelectedLabel?: string;
 } & DataAttributes & InteractiveEventHandlers;
 /**
  * A flexible dropdown component that supports single and multi-select functionality with search, categorization, and keyboard navigation.
@@ -68,5 +71,5 @@ type DropdownProps = {
  * @param {boolean} [props.unselect] - Whether single select dropdown allows deselection of selected items (defaults to false)
  * @returns {JSX.Element} The rendered Dropdown component
  */
-export default function Dropdown({ className, label, options, value, placeholder, disabled, required, searchable, searchPlaceholder, errorMessage, helpText, helpLink, helpLinkText, onChange, onSearch, multiSelect, grouped, align, onToggleChange, toggleLabel, isCreatable, dropdownTriggerClassName, dropdownMenuClassName, hideSelectedItems, labelTooltip, isTagsFields, unselect, ...props }: DropdownProps): import("react/jsx-runtime").JSX.Element;
+export default function Dropdown({ className, label, options, value, placeholder, disabled, required, searchable, searchPlaceholder, errorMessage, helpText, helpLink, helpLinkText, onChange, onSearch, multiSelect, grouped, align, onToggleChange, toggleLabel, isCreatable, dropdownTriggerClassName, dropdownMenuClassName, hideSelectedItems, labelTooltip, isTagsFields, unselect, selectedOptionLabel, selectedOptionsLabel, allOptionsSelectedLabel, ...props }: DropdownProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Dropdown/Dropdown.js

@@ -1,110 +1,110 @@
-import { jsx as t, jsxs as w } from "react/jsx-runtime";
+import { jsx as t, jsxs as v } from "react/jsx-runtime";
 import { c as A } from "../../clsx-OuTLNxxd.js";
 import * as m from "react";
-import { useState as V, useRef as j, useEffect as W, useCallback as re } from "react";
-import U from "../Icon/Icon.js";
-import Qe from "../Toggle/Toggle.js";
-import ne from "../Button/Button.js";
-import me from "../Ghost/Ghost.js";
-import eo from "../Search/Search.js";
-import oo from "../Tooltip/Tooltip.js";
-import { u as to, c as ro, d as fe, P as we, a as K, g as no } from "../../index-DWydnyjJ.js";
-import { c as ve, R as lo, A as he, P as so, D as ao, C as co, a as io } from "../../index-DieLVN0p.js";
-import { h as po, R as uo, u as _o, F as mo } from "../../index-BGZDIjm9.js";
-import { u as fo } from "../../index-2H7slGYV.js";
-import { P as be } from "../../index-DpfPnSMn.js";
-import '../../assets/Dropdown.css';var $ = "Popover", [De, Wt] = ro($, [
-  ve
-]), X = ve(), [wo, B] = De($), ge = (n) => {
+import { useState as V, useRef as $, useEffect as W, useCallback as ne } from "react";
+import j from "../Icon/Icon.js";
+import no from "../Toggle/Toggle.js";
+import de from "../Button/Button.js";
+import ve from "../Ghost/Ghost.js";
+import lo from "../Search/Search.js";
+import so from "../Tooltip/Tooltip.js";
+import { u as ao, c as co, d as he, P as be, a as U, g as io } from "../../index-DWydnyjJ.js";
+import { c as De, R as po, A as ge, P as uo, D as _o, C as mo, a as fo } from "../../index-DieLVN0p.js";
+import { h as wo, R as vo, u as ho, F as bo } from "../../index-BGZDIjm9.js";
+import { u as Do } from "../../index-2H7slGYV.js";
+import { P as Ce } from "../../index-DpfPnSMn.js";
+import '../../assets/Dropdown.css';var Q = "Popover", [Ie, $t] = co(Q, [
+  De
+]), K = De(), [go, B] = Ie(Q), Ne = (n) => {
   const {
     __scopePopover: p,
-    children: i,
+    children: c,
     open: s,
     defaultOpen: a,
     onOpenChange: d,
     modal: _ = !1
-  } = n, u = X(p), R = m.useRef(null), [b, x] = m.useState(!1), [F, y] = to({
+  } = n, u = K(p), R = m.useRef(null), [b, x] = m.useState(!1), [F, y] = ao({
     prop: s,
     defaultProp: a ?? !1,
     onChange: d,
-    caller: $
+    caller: Q
   });
-  return /* @__PURE__ */ t(lo, { ...u, children: /* @__PURE__ */ t(
-    wo,
+  return /* @__PURE__ */ t(po, { ...u, children: /* @__PURE__ */ t(
+    go,
     {
       scope: p,
-      contentId: fo(),
+      contentId: Do(),
       triggerRef: R,
       open: F,
       onOpenChange: y,
-      onOpenToggle: m.useCallback(() => y((c) => !c), [y]),
+      onOpenToggle: m.useCallback(() => y((i) => !i), [y]),
       hasCustomAnchor: b,
       onCustomAnchorAdd: m.useCallback(() => x(!0), []),
       onCustomAnchorRemove: m.useCallback(() => x(!1), []),
       modal: _,
-      children: i
+      children: c
     }
   ) });
 };
-ge.displayName = $;
-var Ce = "PopoverAnchor", Ie = m.forwardRef(
+Ne.displayName = Q;
+var Oe = "PopoverAnchor", Pe = m.forwardRef(
   (n, p) => {
-    const { __scopePopover: i, ...s } = n, a = B(Ce, i), d = X(i), { onCustomAnchorAdd: _, onCustomAnchorRemove: u } = a;
-    return m.useEffect(() => (_(), () => u()), [_, u]), /* @__PURE__ */ t(he, { ...d, ...s, ref: p });
+    const { __scopePopover: c, ...s } = n, a = B(Oe, c), d = K(c), { onCustomAnchorAdd: _, onCustomAnchorRemove: u } = a;
+    return m.useEffect(() => (_(), () => u()), [_, u]), /* @__PURE__ */ t(ge, { ...d, ...s, ref: p });
   }
 );
-Ie.displayName = Ce;
-var Ne = "PopoverTrigger", Oe = m.forwardRef(
+Pe.displayName = Oe;
+var Ae = "PopoverTrigger", Re = m.forwardRef(
   (n, p) => {
-    const { __scopePopover: i, ...s } = n, a = B(Ne, i), d = X(i), _ = fe(p, a.triggerRef), u = /* @__PURE__ */ t(
-      we.button,
+    const { __scopePopover: c, ...s } = n, a = B(Ae, c), d = K(c), _ = he(p, a.triggerRef), u = /* @__PURE__ */ t(
+      be.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
         "aria-expanded": a.open,
         "aria-controls": a.contentId,
-        "data-state": Le(a.open),
+        "data-state": Ee(a.open),
         ...s,
         ref: _,
-        onClick: K(n.onClick, a.onOpenToggle)
+        onClick: U(n.onClick, a.onOpenToggle)
       }
     );
-    return a.hasCustomAnchor ? u : /* @__PURE__ */ t(he, { asChild: !0, ...d, children: u });
+    return a.hasCustomAnchor ? u : /* @__PURE__ */ t(ge, { asChild: !0, ...d, children: u });
   }
 );
-Oe.displayName = Ne;
-var de = "PopoverPortal", [vo, ho] = De(de, {
+Re.displayName = Ae;
+var le = "PopoverPortal", [Co, Io] = Ie(le, {
   forceMount: void 0
-}), Pe = (n) => {
-  const { __scopePopover: p, forceMount: i, children: s, container: a } = n, d = B(de, p);
-  return /* @__PURE__ */ t(vo, { scope: p, forceMount: i, children: /* @__PURE__ */ t(be, { present: i || d.open, children: /* @__PURE__ */ t(so, { asChild: !0, container: a, children: s }) }) });
+}), ye = (n) => {
+  const { __scopePopover: p, forceMount: c, children: s, container: a } = n, d = B(le, p);
+  return /* @__PURE__ */ t(Co, { scope: p, forceMount: c, children: /* @__PURE__ */ t(Ce, { present: c || d.open, children: /* @__PURE__ */ t(uo, { asChild: !0, container: a, children: s }) }) });
 };
-Pe.displayName = de;
-var z = "PopoverContent", Ae = m.forwardRef(
+ye.displayName = le;
+var z = "PopoverContent", Le = m.forwardRef(
   (n, p) => {
-    const i = ho(z, n.__scopePopover), { forceMount: s = i.forceMount, ...a } = n, d = B(z, n.__scopePopover);
-    return /* @__PURE__ */ t(be, { present: s || d.open, children: d.modal ? /* @__PURE__ */ t(Do, { ...a, ref: p }) : /* @__PURE__ */ t(go, { ...a, ref: p }) });
+    const c = Io(z, n.__scopePopover), { forceMount: s = c.forceMount, ...a } = n, d = B(z, n.__scopePopover);
+    return /* @__PURE__ */ t(Ce, { present: s || d.open, children: d.modal ? /* @__PURE__ */ t(Oo, { ...a, ref: p }) : /* @__PURE__ */ t(Po, { ...a, ref: p }) });
   }
 );
-Ae.displayName = z;
-var bo = no("PopoverContent.RemoveScroll"), Do = m.forwardRef(
+Le.displayName = z;
+var No = io("PopoverContent.RemoveScroll"), Oo = m.forwardRef(
   (n, p) => {
-    const i = B(z, n.__scopePopover), s = m.useRef(null), a = fe(p, s), d = m.useRef(!1);
+    const c = B(z, n.__scopePopover), s = m.useRef(null), a = he(p, s), d = m.useRef(!1);
     return m.useEffect(() => {
       const _ = s.current;
-      if (_) return po(_);
-    }, []), /* @__PURE__ */ t(uo, { as: bo, allowPinchZoom: !0, children: /* @__PURE__ */ t(
-      Re,
+      if (_) return wo(_);
+    }, []), /* @__PURE__ */ t(vo, { as: No, allowPinchZoom: !0, children: /* @__PURE__ */ t(
+      ke,
       {
         ...n,
         ref: a,
-        trapFocus: i.open,
+        trapFocus: c.open,
         disableOutsidePointerEvents: !0,
-        onCloseAutoFocus: K(n.onCloseAutoFocus, (_) => {
+        onCloseAutoFocus: U(n.onCloseAutoFocus, (_) => {
           var u;
-          _.preventDefault(), d.current || (u = i.triggerRef.current) == null || u.focus();
+          _.preventDefault(), d.current || (u = c.triggerRef.current) == null || u.focus();
         }),
-        onPointerDownOutside: K(
+        onPointerDownOutside: U(
           n.onPointerDownOutside,
           (_) => {
             const u = _.detail.originalEvent, R = u.button === 0 && u.ctrlKey === !0, b = u.button === 2 || R;
@@ -112,7 +112,7 @@ var bo = no("PopoverContent.RemoveScroll"), Do = m.forwardRef(
           },
           { checkForDefaultPrevented: !1 }
         ),
-        onFocusOutside: K(
+        onFocusOutside: U(
           n.onFocusOutside,
           (_) => _.preventDefault(),
           { checkForDefaultPrevented: !1 }
@@ -120,11 +120,11 @@ var bo = no("PopoverContent.RemoveScroll"), Do = m.forwardRef(
       }
     ) });
   }
-), go = m.forwardRef(
+), Po = m.forwardRef(
   (n, p) => {
-    const i = B(z, n.__scopePopover), s = m.useRef(!1), a = m.useRef(!1);
+    const c = B(z, n.__scopePopover), s = m.useRef(!1), a = m.useRef(!1);
     return /* @__PURE__ */ t(
-      Re,
+      ke,
       {
         ...n,
         ref: p,
@@ -132,21 +132,21 @@ var bo = no("PopoverContent.RemoveScroll"), Do = m.forwardRef(
         disableOutsidePointerEvents: !1,
         onCloseAutoFocus: (d) => {
           var _, u;
-          (_ = n.onCloseAutoFocus) == null || _.call(n, d), d.defaultPrevented || (s.current || (u = i.triggerRef.current) == null || u.focus(), d.preventDefault()), s.current = !1, a.current = !1;
+          (_ = n.onCloseAutoFocus) == null || _.call(n, d), d.defaultPrevented || (s.current || (u = c.triggerRef.current) == null || u.focus(), d.preventDefault()), s.current = !1, a.current = !1;
         },
         onInteractOutside: (d) => {
           var R, b;
           (R = n.onInteractOutside) == null || R.call(n, d), d.defaultPrevented || (s.current = !0, d.detail.originalEvent.type === "pointerdown" && (a.current = !0));
           const _ = d.target;
-          ((b = i.triggerRef.current) == null ? void 0 : b.contains(_)) && d.preventDefault(), d.detail.originalEvent.type === "focusin" && a.current && d.preventDefault();
+          ((b = c.triggerRef.current) == null ? void 0 : b.contains(_)) && d.preventDefault(), d.detail.originalEvent.type === "focusin" && a.current && d.preventDefault();
         }
       }
     );
   }
-), Re = m.forwardRef(
+), ke = m.forwardRef(
   (n, p) => {
     const {
-      __scopePopover: i,
+      __scopePopover: c,
       trapFocus: s,
       onOpenAutoFocus: a,
       onCloseAutoFocus: d,
@@ -156,9 +156,9 @@ var bo = no("PopoverContent.RemoveScroll"), Do = m.forwardRef(
       onFocusOutside: b,
       onInteractOutside: x,
       ...F
-    } = n, y = B(z, i), c = X(i);
-    return _o(), /* @__PURE__ */ t(
-      mo,
+    } = n, y = B(z, c), i = K(c);
+    return ho(), /* @__PURE__ */ t(
+      bo,
       {
         asChild: !0,
         loop: !0,
@@ -166,7 +166,7 @@ var bo = no("PopoverContent.RemoveScroll"), Do = m.forwardRef(
         onMountAutoFocus: a,
         onUnmountAutoFocus: d,
         children: /* @__PURE__ */ t(
-          ao,
+          _o,
           {
             asChild: !0,
             disableOutsidePointerEvents: _,
@@ -176,12 +176,12 @@ var bo = no("PopoverContent.RemoveScroll"), Do = m.forwardRef(
             onFocusOutside: b,
             onDismiss: () => y.onOpenChange(!1),
             children: /* @__PURE__ */ t(
-              co,
+              mo,
               {
-                "data-state": Le(y.open),
+                "data-state": Ee(y.open),
                 role: "dialog",
                 id: y.contentId,
-                ...c,
+                ...i,
                 ...F,
                 ref: p,
                 style: {
@@ -199,93 +199,93 @@ var bo = no("PopoverContent.RemoveScroll"), Do = m.forwardRef(
       }
     );
   }
-), ye = "PopoverClose", Co = m.forwardRef(
+), xe = "PopoverClose", Ao = m.forwardRef(
   (n, p) => {
-    const { __scopePopover: i, ...s } = n, a = B(ye, i);
+    const { __scopePopover: c, ...s } = n, a = B(xe, c);
     return /* @__PURE__ */ t(
-      we.button,
+      be.button,
       {
         type: "button",
         ...s,
         ref: p,
-        onClick: K(n.onClick, () => a.onOpenChange(!1))
+        onClick: U(n.onClick, () => a.onOpenChange(!1))
       }
     );
   }
 );
-Co.displayName = ye;
-var Io = "PopoverArrow", No = m.forwardRef(
+Ao.displayName = xe;
+var Ro = "PopoverArrow", yo = m.forwardRef(
   (n, p) => {
-    const { __scopePopover: i, ...s } = n, a = X(i);
-    return /* @__PURE__ */ t(io, { ...a, ...s, ref: p });
+    const { __scopePopover: c, ...s } = n, a = K(c);
+    return /* @__PURE__ */ t(fo, { ...a, ...s, ref: p });
   }
 );
-No.displayName = Io;
-function Le(n) {
+yo.displayName = Ro;
+function Ee(n) {
   return n ? "open" : "closed";
 }
-var Oo = ge, Po = Ie, Ao = Oe, Ro = Pe, yo = Ae;
-const Lo = "Dropdown-module__dropdownContainer___beNhQ", ko = "Dropdown-module__dropdownLabel___T9FmB", xo = "Dropdown-module__dropdownLabelDisabled___SLRmM", Eo = "Dropdown-module__required___ChI1m", Mo = "Dropdown-module__dropdownWrapper___AUuWD", So = "Dropdown-module__dropdownTrigger___Rue93", Fo = "Dropdown-module__dropdownTriggerDisabled___63wkd", Vo = "Dropdown-module__dropdownTriggerOpen___cbm8V", Bo = "Dropdown-module__dropdownTriggerError___Uu02x", To = "Dropdown-module__dropdownContent___zLMhL", Wo = "Dropdown-module__dropdownSelectedItems___iXnpQ", Go = "Dropdown-module__selectedItemsCreatable___SCjLK", zo = "Dropdown-module__selectedItem___2jO4z", qo = "Dropdown-module__selectedItemLabel___efVI-", Jo = "Dropdown-module__removeButton___9r85B", jo = "Dropdown-module__removeIcon___st3b-", Uo = "Dropdown-module__singleSelectedCreatableItem___BKFLb", Ko = "Dropdown-module__singleSelectedCreatableItemRemoveButton___w3XXp", Xo = "Dropdown-module__selectedOptionLabel___7Zdh3", Yo = "Dropdown-module__placeholder___fWdch", Zo = "Dropdown-module__dropdownActions___d55Fa", $o = "Dropdown-module__dropdownArrow___dLbrb", Ho = "Dropdown-module__dropdownArrowOpen___Z4Nh1", Qo = "Dropdown-module__dropdownMenu___toYcy", et = "Dropdown-module__dropdownMenuToolbar___gFne0", ot = "Dropdown-module__searchContainer___4kUvD", tt = "Dropdown-module__search___JmgDx", rt = "Dropdown-module__dropdownCreatableSearchContainer___sbs0F", nt = "Dropdown-module__disabled___0FjAX", dt = "Dropdown-module__dropdownCreatableError___gwBGw", lt = "Dropdown-module__creatableInput___meKz6", st = "Dropdown-module__optionsList___rk2hi", at = "Dropdown-module__categoryGroup___Np2bP", ct = "Dropdown-module__categoryDivider___Gh6F0", it = "Dropdown-module__categoryLabel___B9IDR", pt = "Dropdown-module__optionItem___7pi10", ut = "Dropdown-module__optionItemDisabled___aepUD", _t = "Dropdown-module__optionItemFocused___u2781", mt = "Dropdown-module__optionContent___nf1VC", ft = "Dropdown-module__optionLabel___sJerM", wt = "Dropdown-module__tickIcon___hYdCr", vt = "Dropdown-module__noOptions___8vmhM", ht = "Dropdown-module__helpers___s4ulA", bt = "Dropdown-module__helpText___YooJE", Dt = "Dropdown-module__helpTextDisabled___Ct4qq", gt = "Dropdown-module__helpLink___-Zwpq", Ct = "Dropdown-module__helpLinkDisabled___r-opC", It = "Dropdown-module__errorMessage___3Mopi", Nt = "Dropdown-module__selectAllContainer___Dlk3J", Ot = "Dropdown-module__actionButtons___-2nvr", o = {
-  dropdownContainer: Lo,
-  dropdownLabel: ko,
+var Lo = Ne, ko = Pe, xo = Re, Eo = ye, Mo = Le;
+const So = "Dropdown-module__dropdownContainer___beNhQ", Fo = "Dropdown-module__dropdownLabel___T9FmB", Vo = "Dropdown-module__dropdownLabelDisabled___SLRmM", Bo = "Dropdown-module__required___ChI1m", To = "Dropdown-module__dropdownWrapper___AUuWD", Wo = "Dropdown-module__dropdownTrigger___Rue93", Go = "Dropdown-module__dropdownTriggerDisabled___63wkd", zo = "Dropdown-module__dropdownTriggerOpen___cbm8V", qo = "Dropdown-module__dropdownTriggerError___Uu02x", Jo = "Dropdown-module__dropdownContent___zLMhL", $o = "Dropdown-module__dropdownSelectedItems___iXnpQ", jo = "Dropdown-module__selectedItemsCreatable___SCjLK", Uo = "Dropdown-module__selectedItem___2jO4z", Ko = "Dropdown-module__selectedItemLabel___efVI-", Xo = "Dropdown-module__removeButton___9r85B", Yo = "Dropdown-module__removeIcon___st3b-", Zo = "Dropdown-module__singleSelectedCreatableItem___BKFLb", Ho = "Dropdown-module__singleSelectedCreatableItemRemoveButton___w3XXp", Qo = "Dropdown-module__selectedOptionLabel___7Zdh3", et = "Dropdown-module__placeholder___fWdch", ot = "Dropdown-module__dropdownActions___d55Fa", tt = "Dropdown-module__dropdownArrow___dLbrb", rt = "Dropdown-module__dropdownArrowOpen___Z4Nh1", nt = "Dropdown-module__dropdownMenu___toYcy", dt = "Dropdown-module__dropdownMenuToolbar___gFne0", lt = "Dropdown-module__searchContainer___4kUvD", st = "Dropdown-module__search___JmgDx", at = "Dropdown-module__dropdownCreatableSearchContainer___sbs0F", ct = "Dropdown-module__disabled___0FjAX", it = "Dropdown-module__dropdownCreatableError___gwBGw", pt = "Dropdown-module__creatableInput___meKz6", ut = "Dropdown-module__optionsList___rk2hi", _t = "Dropdown-module__categoryGroup___Np2bP", mt = "Dropdown-module__categoryDivider___Gh6F0", ft = "Dropdown-module__categoryLabel___B9IDR", wt = "Dropdown-module__optionItem___7pi10", vt = "Dropdown-module__optionItemDisabled___aepUD", ht = "Dropdown-module__optionItemFocused___u2781", bt = "Dropdown-module__optionContent___nf1VC", Dt = "Dropdown-module__optionLabel___sJerM", gt = "Dropdown-module__tickIcon___hYdCr", Ct = "Dropdown-module__noOptions___8vmhM", It = "Dropdown-module__helpers___s4ulA", Nt = "Dropdown-module__helpText___YooJE", Ot = "Dropdown-module__helpTextDisabled___Ct4qq", Pt = "Dropdown-module__helpLink___-Zwpq", At = "Dropdown-module__helpLinkDisabled___r-opC", Rt = "Dropdown-module__errorMessage___3Mopi", yt = "Dropdown-module__selectAllContainer___Dlk3J", Lt = "Dropdown-module__actionButtons___-2nvr", o = {
+  dropdownContainer: So,
+  dropdownLabel: Fo,
   "label-text": "Dropdown-module__label-text___VEqG-",
-  dropdownLabelDisabled: xo,
+  dropdownLabelDisabled: Vo,
   "label-tooltip-icon": "Dropdown-module__label-tooltip-icon___JYVOm",
-  required: Eo,
-  dropdownWrapper: Mo,
+  required: Bo,
+  dropdownWrapper: To,
   "dropdown-menu-trigger": "Dropdown-module__dropdown-menu-trigger___fgqVT",
-  dropdownTrigger: So,
-  dropdownTriggerDisabled: Fo,
-  dropdownTriggerOpen: Vo,
-  dropdownTriggerError: Bo,
-  dropdownContent: To,
-  dropdownSelectedItems: Wo,
-  selectedItemsCreatable: Go,
-  selectedItem: zo,
-  selectedItemLabel: qo,
-  removeButton: Jo,
-  removeIcon: jo,
-  singleSelectedCreatableItem: Uo,
-  singleSelectedCreatableItemRemoveButton: Ko,
-  selectedOptionLabel: Xo,
-  placeholder: Yo,
-  dropdownActions: Zo,
-  dropdownArrow: $o,
-  dropdownArrowOpen: Ho,
-  dropdownMenu: Qo,
+  dropdownTrigger: Wo,
+  dropdownTriggerDisabled: Go,
+  dropdownTriggerOpen: zo,
+  dropdownTriggerError: qo,
+  dropdownContent: Jo,
+  dropdownSelectedItems: $o,
+  selectedItemsCreatable: jo,
+  selectedItem: Uo,
+  selectedItemLabel: Ko,
+  removeButton: Xo,
+  removeIcon: Yo,
+  singleSelectedCreatableItem: Zo,
+  singleSelectedCreatableItemRemoveButton: Ho,
+  selectedOptionLabel: Qo,
+  placeholder: et,
+  dropdownActions: ot,
+  dropdownArrow: tt,
+  dropdownArrowOpen: rt,
+  dropdownMenu: nt,
   "dropdown-container-grouped": "Dropdown-module__dropdown-container-grouped___1twhU",
   "dropdown-container-multi-select": "Dropdown-module__dropdown-container-multi-select___zdaum",
-  dropdownMenuToolbar: et,
-  searchContainer: ot,
-  search: tt,
-  dropdownCreatableSearchContainer: rt,
-  disabled: nt,
-  dropdownCreatableError: dt,
-  creatableInput: lt,
-  optionsList: st,
-  categoryGroup: at,
-  categoryDivider: ct,
-  categoryLabel: it,
-  optionItem: pt,
-  optionItemDisabled: ut,
-  optionItemFocused: _t,
-  optionContent: mt,
-  optionLabel: ft,
-  tickIcon: wt,
-  noOptions: vt,
-  helpers: ht,
-  helpText: bt,
-  helpTextDisabled: Dt,
-  helpLink: gt,
-  helpLinkDisabled: Ct,
-  errorMessage: It,
-  selectAllContainer: Nt,
-  actionButtons: Ot
+  dropdownMenuToolbar: dt,
+  searchContainer: lt,
+  search: st,
+  dropdownCreatableSearchContainer: at,
+  disabled: ct,
+  dropdownCreatableError: it,
+  creatableInput: pt,
+  optionsList: ut,
+  categoryGroup: _t,
+  categoryDivider: mt,
+  categoryLabel: ft,
+  optionItem: wt,
+  optionItemDisabled: vt,
+  optionItemFocused: ht,
+  optionContent: bt,
+  optionLabel: Dt,
+  tickIcon: gt,
+  noOptions: Ct,
+  helpers: It,
+  helpText: Nt,
+  helpTextDisabled: Ot,
+  helpLink: Pt,
+  helpLinkDisabled: At,
+  errorMessage: Rt,
+  selectAllContainer: yt,
+  actionButtons: Lt
 };
-function Gt({
+function jt({
   className: n,
   label: p,
-  options: i,
+  options: c,
   value: s = [],
   placeholder: a = "Select options...",
   disabled: d = !1,
@@ -296,212 +296,212 @@ function Gt({
   helpText: x,
   helpLink: F,
   helpLinkText: y,
-  onChange: c,
+  onChange: i,
   onSearch: E,
   multiSelect: D = !1,
-  grouped: ke = !1,
-  align: le = "left",
-  onToggleChange: Y,
-  toggleLabel: xe,
+  grouped: Me = !1,
+  align: se = "left",
+  onToggleChange: X,
+  toggleLabel: Se,
   isCreatable: g = !1,
-  dropdownTriggerClassName: Ee,
-  dropdownMenuClassName: Me,
-  hideSelectedItems: Se = !1,
+  dropdownTriggerClassName: Fe,
+  dropdownMenuClassName: Ve,
+  hideSelectedItems: Be = !1,
   labelTooltip: T,
   isTagsFields: C = !1,
-  unselect: Z = !1,
-  ...H
+  unselect: Y = !1,
+  selectedOptionLabel: Te = " option selected",
+  selectedOptionsLabel: We = " options selected",
+  allOptionsSelectedLabel: Z,
+  ...ee
 }) {
-  const [f, M] = V(s), [O, P] = V(!1), [L, I] = V(""), [q, v] = V(-1), [S, k] = V([]), Fe = j(null), se = j(null), ae = j(null), J = j(null), [ce, Ve] = V(0), [Be, Te] = V(0), [We, Ge] = V(s.length > 0 ? s.join(", ") : a ?? ""), ie = j(s);
+  const [f, M] = V(s), [O, P] = V(!1), [L, I] = V(""), [q, w] = V(-1), [S, k] = V([]), Ge = $(null), ae = $(null), ce = $(null), J = $(null), [ie, ze] = V(0), [qe, Je] = V(0), [$e, je] = V(s.length > 0 ? s.join(", ") : a ?? ""), pe = $(s);
   W(() => {
-    JSON.stringify(ie.current) !== JSON.stringify(s) && (M(s), ie.current = s);
+    JSON.stringify(pe.current) !== JSON.stringify(s) && (M(s), pe.current = s);
   }, [s]), W(() => {
     var r;
-    const e = (r = se.current) == null ? void 0 : r.getBoundingClientRect().width;
-    e && Ve(e);
+    const e = (r = ae.current) == null ? void 0 : r.getBoundingClientRect().width;
+    e && ze(e);
   }, []), W(() => {
     var r;
-    const e = (r = ae.current) == null ? void 0 : r.getBoundingClientRect().width;
-    e && Te(e);
+    const e = (r = ce.current) == null ? void 0 : r.getBoundingClientRect().width;
+    e && Je(e);
   }, []), W(() => {
     O && k([...f]);
   }, [O, f]);
-  const N = i.filter((e) => e.label.toLowerCase().includes(L.toLowerCase()));
+  const N = c.filter((e) => e.label.toLowerCase().includes(L.toLowerCase()));
   W(() => {
-    Ge(s.length > 0 ? s.join(", ") : a ?? "");
+    je(s.length > 0 ? s.join(", ") : a ?? "");
   }, [s, a]), W(() => {
     O && (u || g || C) && J.current && J.current.focus();
   }, [O, u, g, C]);
-  const ze = (e) => {
-    P(e), e ? (k([...f]), I(""), v(-1)) : (I(""), v(-1), k([]));
-  }, Q = re((e) => {
+  const Ue = (e) => {
+    P(e), e ? (k([...f]), I(""), w(-1)) : (I(""), w(-1), k([]));
+  }, oe = ne((e) => {
     if (e.disabled) return;
     let r = [];
     if (D)
       r = S.includes(e.value) ? S.filter((l) => l !== e.value) : [...S, e.value];
     else {
       if (f.includes(e.value))
-        if (Z)
+        if (Y)
           r = [];
         else
           return;
       else
         r = [e.value];
-      M(r), c == null || c(r), P(!1), I(""), v(-1), k([]);
+      M(r), i == null || i(r), P(!1), I(""), w(-1), k([]);
       return;
     }
     k(r);
-  }, [D, c, S, f, Z]), qe = () => {
-    M(S), c == null || c(S), P(!1), I(""), v(-1), k([]);
-  }, Je = () => {
-    P(!1), I(""), v(-1), k([]);
-  }, je = (e) => {
-    I(e), v(-1), E == null || E(e);
-  }, Ue = re((e) => {
+  }, [D, i, S, f, Y]), Ke = () => {
+    M(S), i == null || i(S), P(!1), I(""), w(-1), k([]);
+  }, Xe = () => {
+    P(!1), I(""), w(-1), k([]);
+  }, Ye = (e) => {
+    I(e), w(-1), E == null || E(e);
+  }, Ze = ne((e) => {
     const r = {
       value: e,
       label: e,
       disabled: !1
     };
-    if (i.push(r), D) {
+    if (c.push(r), D) {
       const G = f.includes(e) ? f : [...f, e];
-      M(G), c == null || c(G), I(""), P(!0), v(-1);
+      M(G), i == null || i(G), I(""), P(!0), w(-1);
     } else {
       const l = [e];
-      M(l), c == null || c(l), I(""), P(!1), v(-1);
+      M(l), i == null || i(l), I(""), P(!1), w(-1);
     }
-  }, [D, c, i, f]), ee = re((e) => {
+  }, [D, i, c, f]), te = ne((e) => {
     if (!e.disabled)
       if (D) {
         const l = f.includes(e.value) ? f.filter((G) => G !== e.value) : [...f, e.value];
-        M(l), c == null || c(l), P(!0), I(""), v(-1);
+        M(l), i == null || i(l), P(!0), I(""), w(-1);
       } else if (f.includes(e.value)) {
-        if (Z) {
+        if (Y) {
           const r = [];
-          M(r), c == null || c(r), P(!1), I(""), v(-1);
+          M(r), i == null || i(r), P(!1), I(""), w(-1);
         }
       } else {
         const r = [e.value];
-        M(r), c == null || c(r), P(!1), I(""), v(-1);
+        M(r), i == null || i(r), P(!1), I(""), w(-1);
       }
-  }, [D, c, f, Z]), Ke = (e) => {
-    P(!0), I(e), v(-1), E == null || E(e);
-  }, pe = (e) => {
-    P(!0), I(e), v(-1), E == null || E(e);
-  }, Xe = (e) => {
-    Y == null || Y(e);
+  }, [D, i, f, Y]), He = (e) => {
+    P(!0), I(e), w(-1), E == null || E(e);
   }, ue = (e) => {
+    P(!0), I(e), w(-1), E == null || E(e);
+  }, Qe = (e) => {
+    X == null || X(e);
+  }, _e = (e) => {
     const r = f.filter((l) => l !== e);
-    M(r), c == null || c(r);
+    M(r), i == null || i(r);
   };
   W(() => {
     const e = (r) => {
       if (O)
         switch (r.key) {
           case "ArrowDown":
-            r.preventDefault(), v((l) => l < N.length - 1 ? l + 1 : 0);
+            r.preventDefault(), w((l) => l < N.length - 1 ? l + 1 : 0);
             break;
           case "ArrowUp":
-            r.preventDefault(), v((l) => l > 0 ? l - 1 : N.length - 1);
+            r.preventDefault(), w((l) => l > 0 ? l - 1 : N.length - 1);
             break;
           case "Enter":
             if (r.preventDefault(), q >= 0 && q < N.length) {
               const l = N[q];
-              g || C ? ee(l) : Q(l);
+              g || C ? te(l) : oe(l);
             }
             break;
           case "Escape":
-            r.preventDefault(), P(!1), I(""), v(-1), k([]);
+            r.preventDefault(), P(!1), I(""), w(-1), k([]);
             break;
         }
     };
     return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-  }, [O, q, N, g, C, ee, Q]);
-  const oe = g || C ? f : O ? S : f, h = i.filter((e) => oe.includes(e.value)), _e = !!b, Ye = JSON.stringify(S) !== JSON.stringify(f), Ze = N.reduce((e, r) => {
+  }, [O, q, N, g, C, te, oe]);
+  const H = g || C ? f : O ? S : f, h = c.filter((e) => H.includes(e.value)), me = !!b, eo = JSON.stringify(S) !== JSON.stringify(f), fe = c.filter((e) => !e.disabled), we = fe.length > 0 && fe.every((e) => H.includes(e.value)), oo = N.reduce((e, r) => {
     const l = r.category || "default";
     return e[l] || (e[l] = []), e[l].push(r), e;
-  }, {}), $e = N;
-  return /* @__PURE__ */ w("div", { ref: Fe, className: A(o.dropdownContainer, ke && o["dropdown-container-grouped"], D && o["dropdown-container-multi-select"], n), ...H, children: [
-    p && /* @__PURE__ */ w("label", { className: A(o.dropdownLabel, d && o.dropdownLabelDisabled), children: [
+  }, {}), to = N;
+  return /* @__PURE__ */ v("div", { ref: Ge, className: A(o.dropdownContainer, Me && o["dropdown-container-grouped"], D && o["dropdown-container-multi-select"], n), ...ee, children: [
+    p && /* @__PURE__ */ v("label", { className: A(o.dropdownLabel, d && o.dropdownLabelDisabled), children: [
       /* @__PURE__ */ t("span", { title: p, className: o["label-text"], children: p }),
       _ && /* @__PURE__ */ t("span", { className: o.required, children: "*" }),
-      T && /* @__PURE__ */ t(oo, { content: T.content, size: T.size, theme: T.theme, tipSide: T.tipSide, tipAlignment: T.tipAlignment, startVisible: T.startVisible, children: /* @__PURE__ */ t(U, { icon: "ap-icon-info", className: o["label-tooltip-icon"] }) })
+      T && /* @__PURE__ */ t(so, { content: T.content, size: T.size, theme: T.theme, tipSide: T.tipSide, tipAlignment: T.tipAlignment, startVisible: T.startVisible, children: /* @__PURE__ */ t(j, { icon: "ap-icon-info", className: o["label-tooltip-icon"] }) })
     ] }),
-    /* @__PURE__ */ t(Oo, { open: O, onOpenChange: ze, children: /* @__PURE__ */ w("div", { className: o.dropdownWrapper, children: [
-      !g && !C && /* @__PURE__ */ t(Ao, { disabled: d, className: A(o["dropdown-menu-trigger"], o.dropdownTrigger, Ee, O && o.dropdownTriggerOpen, d && o.dropdownTriggerDisabled, _e && o.dropdownTriggerError), ref: se, ...H, children: /* @__PURE__ */ w("div", { className: o.dropdownContent, children: [
-        !Se && /* @__PURE__ */ t("div", { className: o.dropdownSelectedItems, children: h.length > 0 ? D ? h.length === 1 ? h.length + " option selected" : h.length + " options selected" : (
+    /* @__PURE__ */ t(Lo, { open: O, onOpenChange: Ue, children: /* @__PURE__ */ v("div", { className: o.dropdownWrapper, children: [
+      !g && !C && /* @__PURE__ */ t(xo, { disabled: d, className: A(o["dropdown-menu-trigger"], o.dropdownTrigger, Fe, O && o.dropdownTriggerOpen, d && o.dropdownTriggerDisabled, me && o.dropdownTriggerError), ref: ae, ...ee, children: /* @__PURE__ */ v("div", { className: o.dropdownContent, children: [
+        !Be && /* @__PURE__ */ t("div", { className: o.dropdownSelectedItems, children: h.length > 0 ? D ? we && Z ? Z : h.length === 1 ? `${h.length}${Te}` : `${h.length}${We}` : (
           // For single select, show the selected option label
           /* @__PURE__ */ t("span", { className: o.selectedOptionLabel, children: h[0].label })
-        ) : /* @__PURE__ */ t("span", { title: We, className: o.placeholder, children: a }) }),
-        /* @__PURE__ */ t("div", { className: o.dropdownActions, children: /* @__PURE__ */ t(U, { icon: "ap-icon-expand-more", className: A(o.dropdownArrow, O && o.dropdownArrowOpen) }) })
+        ) : /* @__PURE__ */ t("span", { title: $e, className: o.placeholder, children: a }) }),
+        /* @__PURE__ */ t("div", { className: o.dropdownActions, children: /* @__PURE__ */ t(j, { icon: "ap-icon-expand-more", className: A(o.dropdownArrow, O && o.dropdownArrowOpen) }) })
       ] }) }),
-      (g || C) && /* @__PURE__ */ t(Po, { children: /* @__PURE__ */ w("div", { ref: ae, className: A(o.dropdownCreatableSearchContainer, d && o.disabled, _e && o.dropdownCreatableError), onClick: () => {
+      (g || C) && /* @__PURE__ */ t(ko, { children: /* @__PURE__ */ v("div", { ref: ce, className: A(o.dropdownCreatableSearchContainer, d && o.disabled, me && o.dropdownCreatableError), onClick: () => {
         var e;
         if (!D && h.length > 0)
-          return pe("");
+          return ue("");
         (e = J.current) == null || e.focus();
-      }, ...H, children: [
-        h.length > 0 && /* @__PURE__ */ t("div", { className: A(o.selectedItemsCreatable), children: D ? h.length > 3 ? /* @__PURE__ */ t("div", { className: o.selectedItem, children: /* @__PURE__ */ w("span", { className: o.selectedItemLabel, children: [
-          h.length,
-          " options selected"
-        ] }) }) : h.map((e) => /* @__PURE__ */ w("div", { className: o.selectedItem, children: [
+      }, ...ee, children: [
+        h.length > 0 && /* @__PURE__ */ t("div", { className: A(o.selectedItemsCreatable), children: D ? h.length > 3 ? /* @__PURE__ */ t("div", { className: o.selectedItem, children: /* @__PURE__ */ t("span", { className: o.selectedItemLabel, children: we && Z ? Z : `${h.length} options selected` }) }) : h.map((e) => /* @__PURE__ */ v("div", { className: o.selectedItem, children: [
           /* @__PURE__ */ t("span", { className: o.selectedItemLabel, children: e.label }),
-          /* @__PURE__ */ t("button", { type: "button", className: o.removeButton, onClick: () => ue(e.value), disabled: d, children: /* @__PURE__ */ t(U, { icon: "ap-icon-close", className: o.removeIcon }) })
-        ] }, e.value)) : h.length > 0 && /* @__PURE__ */ w("div", { className: o.singleSelectedCreatableItem, children: [
+          /* @__PURE__ */ t("button", { type: "button", className: o.removeButton, onClick: () => _e(e.value), disabled: d, children: /* @__PURE__ */ t(j, { icon: "ap-icon-close", className: o.removeIcon }) })
+        ] }, e.value)) : h.length > 0 && /* @__PURE__ */ v("div", { className: o.singleSelectedCreatableItem, children: [
           /* @__PURE__ */ t("span", { className: o.selectedItemLabel, children: h[0].label }),
-          /* @__PURE__ */ t(ne, { type: "tertiary", variant: "default", size: "sm", onClick: () => ue(h[0].value), disabled: d, icon: "ap-icon-add-filled", className: o.singleSelectedCreatableItemRemoveButton })
+          /* @__PURE__ */ t(de, { type: "tertiary", variant: "default", size: "sm", onClick: () => _e(h[0].value), disabled: d, icon: "ap-icon-add-filled", className: o.singleSelectedCreatableItemRemoveButton })
         ] }) }),
-        (D || !h.length) && /* @__PURE__ */ t("input", { ref: J, placeholder: h.length > 0 ? "" : R, value: L, onChange: (e) => Ke(e.target.value), onFocus: (e) => pe(e.target.value), disabled: d, className: o.creatableInput }),
-        /* @__PURE__ */ t("div", { className: o.dropdownActions, children: /* @__PURE__ */ t(U, { icon: "ap-icon-expand-more", className: A(o.dropdownArrow, O && o.dropdownArrowOpen) }) })
+        (D || !h.length) && /* @__PURE__ */ t("input", { ref: J, placeholder: h.length > 0 ? "" : R, value: L, onChange: (e) => He(e.target.value), onFocus: (e) => ue(e.target.value), disabled: d, className: o.creatableInput }),
+        /* @__PURE__ */ t("div", { className: o.dropdownActions, children: /* @__PURE__ */ t(j, { icon: "ap-icon-expand-more", className: A(o.dropdownArrow, O && o.dropdownArrowOpen) }) })
       ] }) }),
-      /* @__PURE__ */ t(Ro, { children: /* @__PURE__ */ t(yo, { align: le === "right" ? "end" : "start", side: "bottom", avoidCollisions: !0, sideOffset: 6, collisionPadding: 8, style: {
-        minWidth: ce,
+      /* @__PURE__ */ t(Eo, { children: /* @__PURE__ */ t(Mo, { align: se === "right" ? "end" : "start", side: "bottom", avoidCollisions: !0, sideOffset: 6, collisionPadding: 8, style: {
+        minWidth: ie,
         zIndex: 9999
       }, onInteractOutside: (e) => {
         e.target === J.current && e.preventDefault();
-      }, children: O && /* @__PURE__ */ w("div", { style: {
-        minWidth: g || C ? Be : ce
-      }, className: A(o.dropdownMenu, Me, le === "right" && o.dropdownMenuRight), children: [
-        !g && !C && (u || D) && /* @__PURE__ */ w("div", { className: o.dropdownMenuToolbar, children: [
-          u && /* @__PURE__ */ w("div", { className: o.searchContainer, children: [
-            /* @__PURE__ */ t(eo, { placeholder: R, value: L, onChange: je, className: o.search }),
-            Y && /* @__PURE__ */ t(Qe, { label: xe, onChange: Xe })
+      }, children: O && /* @__PURE__ */ v("div", { style: {
+        minWidth: g || C ? qe : ie
+      }, className: A(o.dropdownMenu, Ve, se === "right" && o.dropdownMenuRight), children: [
+        !g && !C && (u || D) && /* @__PURE__ */ v("div", { className: o.dropdownMenuToolbar, children: [
+          u && /* @__PURE__ */ v("div", { className: o.searchContainer, children: [
+            /* @__PURE__ */ t(lo, { placeholder: R, value: L, onChange: Ye, className: o.search }),
+            X && /* @__PURE__ */ t(no, { label: Se, onChange: Qe })
           ] }),
-          D && !g && !C && /* @__PURE__ */ w("div", { className: o.selectAllContainer, children: [
-            /* @__PURE__ */ t(me, { variant: "default", noIcon: !0, onClick: () => {
+          D && !g && !C && /* @__PURE__ */ v("div", { className: o.selectAllContainer, children: [
+            /* @__PURE__ */ t(ve, { variant: "default", noIcon: !0, onClick: () => {
               const e = N.filter((r) => !r.disabled).map((r) => r.value);
               k(e);
             }, disabled: N.filter((e) => !e.disabled).length === 0, children: "Select all" }),
-            /* @__PURE__ */ t(me, { variant: "default", noIcon: !0, onClick: () => k([]), disabled: S.length === 0, children: "Deselect all" })
+            /* @__PURE__ */ t(ve, { variant: "default", noIcon: !0, onClick: () => k([]), disabled: S.length === 0, children: "Deselect all" })
           ] })
         ] }),
-        /* @__PURE__ */ w("div", { className: o.optionsList, "data-dropdown-options-list": !0, children: [
-          N.length > 0 ? Object.entries(Ze).map(([e, r]) => /* @__PURE__ */ w("div", { className: o.categoryGroup, children: [
+        /* @__PURE__ */ v("div", { className: o.optionsList, "data-dropdown-options-list": !0, children: [
+          N.length > 0 ? Object.entries(oo).map(([e, r]) => /* @__PURE__ */ v("div", { className: o.categoryGroup, children: [
             e !== "default" && /* @__PURE__ */ t("div", { className: o.categoryDivider, children: /* @__PURE__ */ t("span", { className: o.categoryLabel, children: e }) }),
             r.map((l) => {
-              const G = $e.indexOf(l), te = N.find((He) => He.value === l.value);
-              return /* @__PURE__ */ t("button", { title: (te == null ? void 0 : te.label) || l.label, type: "button", className: A(o.optionItem, oe.includes(l.value) && o.optionItemSelected, l.disabled && o.optionItemDisabled, G === q && o.optionItemFocused), onClick: () => g || C ? ee(l) : Q(l), disabled: l.disabled, "data-dropdown-option-item": !0, children: /* @__PURE__ */ w("div", { className: o.optionContent, children: [
+              const G = to.indexOf(l), re = N.find((ro) => ro.value === l.value);
+              return /* @__PURE__ */ t("button", { title: (re == null ? void 0 : re.label) || l.label, type: "button", className: A(o.optionItem, H.includes(l.value) && o.optionItemSelected, l.disabled && o.optionItemDisabled, G === q && o.optionItemFocused), onClick: () => g || C ? te(l) : oe(l), disabled: l.disabled, "data-dropdown-option-item": !0, children: /* @__PURE__ */ v("div", { className: o.optionContent, children: [
                 /* @__PURE__ */ t("span", { className: o.optionLabel, children: l.label }),
-                oe.includes(l.value) && /* @__PURE__ */ t(U, { icon: "ap-icon-check", className: o.tickIcon })
+                H.includes(l.value) && /* @__PURE__ */ t(j, { icon: "ap-icon-check", className: o.tickIcon })
               ] }) }, l.value);
             })
           ] }, e)) : null,
-          g && L !== "" && !N.find((e) => e.label === L) && /* @__PURE__ */ t("button", { type: "button", className: A(o.optionItem, o.optionItemCreatable), title: L ? `Create "${L}"` : "Create new option", onClick: () => Ue(L), children: /* @__PURE__ */ t("div", { className: o.optionContent, children: /* @__PURE__ */ t("span", { className: o.optionLabel, children: L ? `Create "${L}"` : "Create new option" }) }) }),
+          g && L !== "" && !N.find((e) => e.label === L) && /* @__PURE__ */ t("button", { type: "button", className: A(o.optionItem, o.optionItemCreatable), title: L ? `Create "${L}"` : "Create new option", onClick: () => Ze(L), children: /* @__PURE__ */ t("div", { className: o.optionContent, children: /* @__PURE__ */ t("span", { className: o.optionLabel, children: L ? `Create "${L}"` : "Create new option" }) }) }),
           N.length === 0 && !g && !C && /* @__PURE__ */ t("div", { className: o.noOptions, children: "No options found" }),
           N.length === 0 && C && /* @__PURE__ */ t("div", { className: o.noOptions, children: "No options found" })
         ] }),
-        D && !g && !C && /* @__PURE__ */ w("div", { className: o.actionButtons, children: [
-          /* @__PURE__ */ t(ne, { type: "primary", variant: "cancel", size: "md", onClick: Je, children: "Cancel" }),
-          /* @__PURE__ */ t(ne, { type: "primary", variant: "default", size: "md", onClick: qe, disabled: !Ye, children: "Apply" })
+        D && !g && !C && /* @__PURE__ */ v("div", { className: o.actionButtons, children: [
+          /* @__PURE__ */ t(de, { type: "primary", variant: "cancel", size: "md", onClick: Xe, children: "Cancel" }),
+          /* @__PURE__ */ t(de, { type: "primary", variant: "default", size: "md", onClick: Ke, disabled: !eo, children: "Apply" })
         ] })
       ] }) }) })
     ] }) }),
-    (b || x || F && y) && /* @__PURE__ */ w("div", { className: o.helpers, children: [
+    (b || x || F && y) && /* @__PURE__ */ v("div", { className: o.helpers, children: [
       b ? /* @__PURE__ */ t("span", { title: b, className: o.errorMessage, children: b }) : x && /* @__PURE__ */ t("span", { title: x, className: A(o.helpText, d && o.helpTextDisabled), children: x }),
       F && y && /* @__PURE__ */ t("a", { href: F, className: A(o.helpLink, d && o.helpLinkDisabled), target: "_blank", rel: "noopener noreferrer", children: y })
     ] })
   ] });
 }
 export {
-  Gt as default
+  jt as default
 };

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

@@ -31,4 +31,4 @@ export type TooltipProps = {
  * @param {() => void} [props.onClose] - Callback fired when the tooltip is closed (only available for 'md' size)
  * @returns {JSX.Element} The rendered Tooltip component
  */
-export default function Tooltip({ children, content, size, theme, tipSide, tipAlignment, keepVisible, startVisible, onClose, className }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export default function Tooltip({ children, content, size, theme, tipSide, tipAlignment, keepVisible, startVisible, onClose, className, }: TooltipProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Tooltip/Tooltip.js

@@ -1,6 +1,6 @@
 import { jsx as u, jsxs as k } from "react/jsx-runtime";
 import * as i from "react";
-import { useState as z } 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";
@@ -157,7 +157,7 @@ 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(J, { side: n, ...s, ref: o }) : /* @__PURE__ */ u(ye, { side: n, ...s, ref: o }) });
+    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 }) });
   }
 ), 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(() => {
@@ -184,8 +184,8 @@ var b = "TooltipContent", W = i.forwardRef(
       };
       return document.addEventListener("pointermove", m), () => document.removeEventListener("pointermove", m);
     }
-  }, [l, c, a, f, v]), /* @__PURE__ */ u(J, { ...t, ref: s });
-}), [xe, ge] = D(R, { isInside: !1 }), Ce = re("TooltipContent"), J = i.forwardRef(
+  }, [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) => {
     const {
       __scopeTooltip: e,
@@ -238,16 +238,16 @@ var b = "TooltipContent", W = i.forwardRef(
   }
 );
 W.displayName = b;
-var Q = "TooltipArrow", Z = i.forwardRef(
+var J = "TooltipArrow", Q = i.forwardRef(
   (t, o) => {
     const { __scopeTooltip: e, ...r } = t, n = L(e);
     return ge(
-      Q,
+      J,
       e
     ).isInside ? null : /* @__PURE__ */ u(se, { ...n, ...r, ref: o });
   }
 );
-Z.displayName = Q;
+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)) {
@@ -340,7 +340,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 = Z;
+var De = $, Le = Y, ke = X, Ae = q, Ne = W, Ie = Q;
 const Me = "Tooltip-module__tooltip___LjRUX", Se = "Tooltip-module__closable___MjoEb", y = {
   "tooltip-container": "Tooltip-module__tooltip-container___X4jVa",
   tooltip: Me,
@@ -370,7 +370,7 @@ function Ye({
   onClose: l,
   className: f
 }) {
-  const [c, d] = z(h), v = () => {
+  const [c, d] = Z(h), v = () => {
     d(!1);
   }, p = (_) => {
     _.key === "Escape" && d(!1);
@@ -385,7 +385,9 @@ function Ye({
       alignItems: "center",
       justifyContent: "center"
     }, className: y["tooltip-trigger"], children: t }) }),
-    /* @__PURE__ */ u(Ae, { children: /* @__PURE__ */ u(Ne, { 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(Ae, { children: /* @__PURE__ */ u(Ne, { 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"] })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alixpartners/ui-components",
-  "version": "2.0.0-beta.18",
+  "version": "2.0.0-beta.18.2",
   "type": "module",
   "files": [
     "dist"