@alixpartners/ui-components 2.0.0-beta.9 → 2.0.1

package/dist/components/Dropdown/Dropdown.js

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