@alixpartners/ui-components 2.0.1 → 2.1.0

package/dist/components/Dropdown/Dropdown.js

@@ -1,526 +1,250 @@
-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 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: a,
-    open: l,
-    defaultOpen: c,
-    onOpenChange: s,
-    modal: _ = !1
-  } = 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(fo, { ...u, children: /* @__PURE__ */ t(
-    Po,
-    {
-      scope: p,
-      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: a
-    }
-  ) });
-};
-Re.displayName = te;
-var ye = "PopoverAnchor", Le = m.forwardRef(
-  (n, 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 });
-  }
-);
-Le.displayName = ye;
-var xe = "PopoverTrigger", ke = m.forwardRef(
-  (n, p) => {
-    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": c.open,
-        "aria-controls": c.contentId,
-        "data-state": Te(c.open),
-        ...l,
-        ref: _,
-        onClick: X(n.onClick, c.onOpenToggle)
-      }
-    );
-    return c.hasCustomAnchor ? u : /* @__PURE__ */ t(Pe, { asChild: !0, ...s, children: u });
-  }
-);
-ke.displayName = xe;
-var ie = "PopoverPortal", [Oo, Ao] = Ae(ie, {
-  forceMount: void 0
-}), 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 }) }) });
-};
-Ee.displayName = ie;
-var J = "PopoverContent", Me = m.forwardRef(
-  (n, 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 }) });
-  }
-);
-Me.displayName = J;
-var Ro = mo("PopoverContent.RemoveScroll"), yo = m.forwardRef(
-  (n, p) => {
-    const a = G(J, n.__scopePopover), l = m.useRef(null), c = Ce(p, l), s = m.useRef(!1);
-    return m.useEffect(() => {
-      const _ = l.current;
-      if (_) return Do(_);
-    }, []), /* @__PURE__ */ t(go, { as: Ro, allowPinchZoom: !0, children: /* @__PURE__ */ t(
-      Se,
-      {
-        ...n,
-        ref: c,
-        trapFocus: a.open,
-        disableOutsidePointerEvents: !0,
-        onCloseAutoFocus: X(n.onCloseAutoFocus, (_) => {
-          var u;
-          _.preventDefault(), s.current || (u = a.triggerRef.current) == null || u.focus();
-        }),
-        onPointerDownOutside: X(
-          n.onPointerDownOutside,
-          (_) => {
-            const u = _.detail.originalEvent, y = u.button === 0 && u.ctrlKey === !0, D = u.button === 2 || y;
-            s.current = D;
-          },
-          { checkForDefaultPrevented: !1 }
-        ),
-        onFocusOutside: X(
-          n.onFocusOutside,
-          (_) => _.preventDefault(),
-          { checkForDefaultPrevented: !1 }
-        )
-      }
-    ) });
-  }
-), Lo = m.forwardRef(
-  (n, p) => {
-    const a = G(J, n.__scopePopover), l = m.useRef(!1), c = m.useRef(!1);
-    return /* @__PURE__ */ t(
-      Se,
-      {
-        ...n,
-        ref: p,
-        trapFocus: !1,
-        disableOutsidePointerEvents: !1,
-        onCloseAutoFocus: (s) => {
-          var _, u;
-          (_ = 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: (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();
-        }
-      }
-    );
-  }
-), Se = m.forwardRef(
-  (n, p) => {
-    const {
-      __scopePopover: a,
-      trapFocus: l,
-      onOpenAutoFocus: c,
-      onCloseAutoFocus: s,
-      disableOutsidePointerEvents: _,
-      onEscapeKeyDown: u,
-      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: l,
-        onMountAutoFocus: c,
-        onUnmountAutoFocus: s,
-        children: /* @__PURE__ */ t(
-          vo,
-          {
-            asChild: !0,
-            disableOutsidePointerEvents: _,
-            onInteractOutside: E,
-            onEscapeKeyDown: u,
-            onPointerDownOutside: y,
-            onFocusOutside: D,
-            onDismiss: () => L.onOpenChange(!1),
-            children: /* @__PURE__ */ t(
-              ho,
-              {
-                "data-state": Te(L.open),
-                role: "dialog",
-                id: L.contentId,
-                ...i,
-                ...T,
-                ref: p,
-                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)",
-                  "--radix-popover-trigger-width": "var(--radix-popper-anchor-width)",
-                  "--radix-popover-trigger-height": "var(--radix-popper-anchor-height)"
-                }
-              }
-            )
-          }
-        )
-      }
-    );
-  }
-), Fe = "PopoverClose", xo = m.forwardRef(
-  (n, p) => {
-    const { __scopePopover: a, ...l } = n, c = G(Fe, a);
-    return /* @__PURE__ */ t(
-      Ie.button,
-      {
-        type: "button",
-        ...l,
-        ref: p,
-        onClick: X(n.onClick, () => c.onOpenChange(!1))
-      }
-    );
-  }
-);
-xo.displayName = Fe;
-var ko = "PopoverArrow", Eo = m.forwardRef(
-  (n, p) => {
-    const { __scopePopover: a, ...l } = n, c = Y(a);
-    return /* @__PURE__ */ t(bo, { ...c, ...l, ref: p });
-  }
-);
-Eo.displayName = ko;
-function Te(n) {
-  return n ? "open" : "closed";
-}
-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,
+import { jsxs as s, jsx as d } from "react/jsx-runtime";
+import { c as D } from "../../clsx-OuTLNxxd.js";
+import { useContext as Me, useState as b, useRef as T, useEffect as v, useCallback as oe } from "react";
+import B from "../Icon/Icon.js";
+import Se from "../Toggle/Toggle.js";
+import ne from "../Button/Button.js";
+import re from "../Ghost/Ghost.js";
+import Ve from "../Search/Search.js";
+import Re from "../Tooltip/Tooltip.js";
+import { DialogContext as Ee } from "../Dialog/Dialog.js";
+import { R as Fe, T as We, P as qe, C as Je } from "../../index-BKtdMA_j.js";
+import '../../assets/Dropdown.css';const ze = "Dropdown-module__dropdownContainer___beNhQ", Ge = "Dropdown-module__dropdownLabel___T9FmB", Be = "Dropdown-module__dropdownLabelDisabled___SLRmM", Ue = "Dropdown-module__required___ChI1m", je = "Dropdown-module__dropdownWrapper___AUuWD", Pe = "Dropdown-module__dropdownTrigger___Rue93", Ye = "Dropdown-module__dropdownTriggerDisabled___63wkd", $e = "Dropdown-module__dropdownTriggerOpen___cbm8V", Ze = "Dropdown-module__dropdownTriggerError___Uu02x", Qe = "Dropdown-module__dropdownContent___zLMhL", Ke = "Dropdown-module__dropdownSelectedItems___iXnpQ", Xe = "Dropdown-module__selectedOptionLabel___7Zdh3", He = "Dropdown-module__placeholder___fWdch", eo = "Dropdown-module__dropdownActions___d55Fa", oo = "Dropdown-module__dropdownArrow___dLbrb", no = "Dropdown-module__dropdownArrowOpen___Z4Nh1", ro = "Dropdown-module__dropdownMenu___toYcy", to = "Dropdown-module__dropdownMenuToolbar___gFne0", lo = "Dropdown-module__searchContainer___4kUvD", so = "Dropdown-module__search___JmgDx", io = "Dropdown-module__optionsList___rk2hi", co = "Dropdown-module__categoryGroup___Np2bP", ao = "Dropdown-module__categoryDivider___Gh6F0", po = "Dropdown-module__categoryLabel___B9IDR", _o = "Dropdown-module__optionItem___7pi10", uo = "Dropdown-module__optionItemDisabled___aepUD", mo = "Dropdown-module__optionItemFocused___u2781", wo = "Dropdown-module__optionContent___nf1VC", fo = "Dropdown-module__optionLabel___sJerM", Do = "Dropdown-module__tickIcon___hYdCr", ho = "Dropdown-module__noOptions___8vmhM", bo = "Dropdown-module__helpers___s4ulA", go = "Dropdown-module__helpText___YooJE", No = "Dropdown-module__helpTextDisabled___Ct4qq", vo = "Dropdown-module__helpLink___-Zwpq", Lo = "Dropdown-module__helpLinkDisabled___r-opC", Oo = "Dropdown-module__errorMessage___3Mopi", Io = "Dropdown-module__selectAllContainer___Dlk3J", yo = "Dropdown-module__actionButtons___-2nvr", o = {
+  dropdownContainer: ze,
+  dropdownLabel: Ge,
   "label-text": "Dropdown-module__label-text___VEqG-",
-  dropdownLabelDisabled: Go,
+  dropdownLabelDisabled: Be,
   "label-tooltip-icon": "Dropdown-module__label-tooltip-icon___JYVOm",
-  required: zo,
-  dropdownWrapper: qo,
+  required: Ue,
+  dropdownWrapper: je,
   "dropdown-menu-trigger": "Dropdown-module__dropdown-menu-trigger___fgqVT",
-  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,
+  dropdownTrigger: Pe,
+  dropdownTriggerDisabled: Ye,
+  dropdownTriggerOpen: $e,
+  dropdownTriggerError: Ze,
+  dropdownContent: Qe,
+  dropdownSelectedItems: Ke,
+  selectedOptionLabel: Xe,
+  placeholder: He,
+  dropdownActions: eo,
+  dropdownArrow: oo,
+  dropdownArrowOpen: no,
+  dropdownMenu: ro,
   "dropdown-container-grouped": "Dropdown-module__dropdown-container-grouped___1twhU",
   "dropdown-container-multi-select": "Dropdown-module__dropdown-container-multi-select___zdaum",
-  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
+  dropdownMenuToolbar: to,
+  searchContainer: lo,
+  search: so,
+  optionsList: io,
+  categoryGroup: co,
+  categoryDivider: ao,
+  categoryLabel: po,
+  optionItem: _o,
+  optionItemDisabled: uo,
+  optionItemFocused: mo,
+  optionContent: wo,
+  optionLabel: fo,
+  tickIcon: Do,
+  noOptions: ho,
+  helpers: bo,
+  helpText: go,
+  helpTextDisabled: No,
+  helpLink: vo,
+  helpLinkDisabled: Lo,
+  errorMessage: Oo,
+  selectAllContainer: Io,
+  actionButtons: yo
 };
-function Yt({
-  className: n,
-  label: p,
-  options: a,
-  value: l = [],
-  placeholder: c = "Select options...",
-  disabled: s = !1,
-  required: _ = !1,
-  searchable: u = !1,
-  searchPlaceholder: y = "Search options...",
-  errorMessage: D,
-  helpText: E,
-  helpLink: T,
-  helpLinkText: L,
-  onChange: i,
-  onSearch: M,
-  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
+function Wo({
+  className: de,
+  label: E,
+  options: F,
+  value: p = [],
+  placeholder: A = "Select options...",
+  disabled: L = !1,
+  required: te = !1,
+  searchable: x = !1,
+  searchPlaceholder: le = "Search options...",
+  errorMessage: O,
+  helpText: C,
+  helpLink: W,
+  helpLinkText: q,
+  onChange: t,
+  onSearch: J,
+  multiSelect: m = !1,
+  grouped: se = !1,
+  align: U = "left",
+  onToggleChange: M,
+  toggleLabel: ie,
+  dropdownTriggerClassName: ce,
+  dropdownMenuClassName: ae,
+  hideSelectedItems: pe = !1,
+  labelTooltip: h,
+  unselect: S = !1,
+  selectedOptionLabel: _e = "option selected",
+  selectedOptionsLabel: ue = "options selected",
+  allOptionsSelectedLabel: j,
+  caseSensitive: P = !1,
+  ...me
 }) {
-  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 = _e.current) == null ? void 0 : d.getBoundingClientRect().width;
-    e && je(e);
-  }, []), q(() => {
-    var d;
-    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);
+  const we = Me(Ee), [i, g] = b(p), [l, f] = b(!1), [Y, _] = b(""), [I, c] = b(-1), [w, u] = b([]), $ = T(null), Z = T(null), fe = T(null), z = T(null), [Q, De] = b(0), [he, be] = b(p.length > 0 ? p.join(", ") : A ?? ""), K = T(p);
+  v(() => {
+    JSON.stringify(K.current) !== JSON.stringify(p) && (g(p), K.current = p);
+  }, [p]), v(() => {
+    var r;
+    const e = (r = Z.current) == null ? void 0 : r.getBoundingClientRect().width;
+    e && De(e);
+  }, [l]), v(() => {
+    l && u([...i]);
+  }, [l, i]);
+  const X = Y.trim(), a = F.filter((e) => {
+    const r = P ? e.label : e.label.toLowerCase(), n = P ? X : X.toLowerCase();
+    return r.includes(n);
   });
-  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) => {
+  v(() => {
+    be(p.length > 0 ? p.join(", ") : A ?? "");
+  }, [p, A]), v(() => {
+    l && x && z.current && z.current.focus();
+  }, [l, x]);
+  const ge = (e) => {
+    f(e), e ? (u([...i]), _(""), c(-1)) : (_(""), c(-1), u([]));
+  }, G = oe((e) => {
     if (e.disabled) return;
-    let d = [];
-    if (g)
-      d = F.includes(e.value) ? F.filter((r) => r !== e.value) : [...F, e.value];
+    let r = [];
+    if (m)
+      r = w.includes(e.value) ? w.filter((n) => n !== e.value) : [...w, e.value];
     else {
-      if (f.includes(e.value))
-        if (H)
-          d = [];
+      if (i.includes(e.value))
+        if (S)
+          r = [];
         else
           return;
       else
-        d = [e.value];
-      S(d), i == null || i(d), O(!1), N(""), w(-1), x([]);
+        r = [e.value];
+      g(r), t == null || t(r), f(!1), _(""), c(-1), u([]);
       return;
     }
-    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) => {
+    u(r);
+  }, [m, t, w, i, S]), Ne = () => {
+    g(w), t == null || t(w), f(!1), _(""), c(-1), u([]);
+  }, ve = () => {
+    f(!1), _(""), c(-1), u([]);
+  }, Le = (e) => {
+    _(e), c(-1), J == null || J(e);
+  }, Oe = oe((e) => {
     var r;
-    const d = {
-      value: e,
-      label: e,
-      disabled: !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 V = [e];
-      S(V), i == null || i(V), N(""), O(!1), w(-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);
+      if (m) {
+        const R = i.includes(e.value) ? i.filter((k) => k !== e.value) : [...i, e.value];
+        g(R), t == null || t(R), f(!0), _(""), c(-1);
+      } else if (i.includes(e.value)) {
+        if (S) {
+          const n = [];
+          g(n), t == null || t(n), f(!1), _(""), c(-1);
         }
       } else {
-        const r = [e.value];
-        S(r), i == null || i(r), O(!1), N(""), w(-1);
+        const n = [e.value];
+        g(n), t == null || t(n), f(!1), _(""), c(-1);
       }
-      (d = ee.current) == null || d.focus();
+      (r = fe.current) == null || r.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);
+  }, [m, t, i, S]), Ie = (e) => {
+    M == null || M(e);
   };
-  q(() => {
-    const e = (d) => {
-      if (h)
-        switch (d.key) {
+  v(() => {
+    const e = (r) => {
+      if (l)
+        switch (r.key) {
           case "ArrowDown":
-            d.preventDefault(), w((r) => r < P.length - 1 ? r + 1 : 0);
+            r.preventDefault(), c((n) => n < a.length - 1 ? n + 1 : 0);
             break;
           case "ArrowUp":
-            d.preventDefault(), w((r) => r > 0 ? r - 1 : P.length - 1);
+            r.preventDefault(), c((n) => n > 0 ? n - 1 : a.length - 1);
             break;
           case "Enter":
-            if (d.preventDefault(), $ >= 0 && $ < P.length) {
-              const r = P[$];
-              C || I ? se(r) : de(r);
+            if (r.preventDefault(), I >= 0 && I < a.length) {
+              const n = a[I];
+              G(n);
             }
             break;
           case "Escape":
-            d.preventDefault(), O(!1), N(""), w(-1), x([]);
+            r.preventDefault(), f(!1), _(""), c(-1), u([]);
             break;
         }
     };
     return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-  }, [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: "*" }),
-      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"] }) })
+  }, [l, I, a, Oe, G]);
+  const V = l ? w : i, y = F.filter((e) => V.includes(e.value)), ye = !!O, ke = JSON.stringify(w) !== JSON.stringify(i), H = F.filter((e) => !e.disabled), Te = H.length > 0 && H.every((e) => V.includes(e.value)), Ae = a.reduce((e, r) => {
+    const n = r.category || "default";
+    return e[n] || (e[n] = []), e[n].push(r), e;
+  }, {}), xe = a, {
+    onBlur: N,
+    ...ee
+  } = me;
+  return /* @__PURE__ */ s("div", { ref: $, className: D(o.root, o.dropdownContainer, se && o["dropdown-container-grouped"], m && o["dropdown-container-multi-select"], de), ...ee, children: [
+    E && /* @__PURE__ */ s("label", { className: D(o.dropdownLabel, L && o.dropdownLabelDisabled), children: [
+      /* @__PURE__ */ d("span", { title: E, className: o["label-text"], children: E }),
+      te && /* @__PURE__ */ d("span", { className: o.required, children: "*" }),
+      h && /* @__PURE__ */ d(Re, { content: h.content, size: h.size, theme: h.theme, tipSide: h.tipSide, tipAlignment: h.tipAlignment, startVisible: h.startVisible, children: /* @__PURE__ */ d(B, { icon: "ap-icon-info", className: o["label-tooltip-icon"] }) })
     ] }),
-    /* @__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}` : (
+    /* @__PURE__ */ d(Fe, { open: l, onOpenChange: ge, children: /* @__PURE__ */ s("div", { className: o.dropdownWrapper, children: [
+      /* @__PURE__ */ d(We, { disabled: L, className: D(o["dropdown-menu-trigger"], o.dropdownTrigger, ce, l && o.dropdownTriggerOpen, L && o.dropdownTriggerDisabled, ye && o.dropdownTriggerError), ref: Z, onBlur: (e) => {
+        l || N == null || N(e);
+      }, ...ee, children: /* @__PURE__ */ s("div", { className: o.dropdownContent, children: [
+        !pe && /* @__PURE__ */ d("div", { className: o.dropdownSelectedItems, children: y.length > 0 ? m ? Te && j ? j : y.length === 1 ? ` ${y.length} ${_e}` : ` ${y.length} ${ue}` : (
           // For single select, show the selected option label
-          /* @__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) }) })
-      ] }) }),
-      (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 (!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: () => 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 })
-        ] }) }),
-        (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__ */ d("span", { className: o.selectedOptionLabel, children: y[0].label })
+        ) : /* @__PURE__ */ d("span", { title: he, className: o.placeholder, children: A }) }),
+        /* @__PURE__ */ d("div", { className: o.dropdownActions, children: /* @__PURE__ */ d(B, { icon: "ap-icon-expand-more", className: D(o.dropdownArrow, l && o.dropdownArrowOpen) }) })
       ] }) }),
-      /* @__PURE__ */ t(To, { children: /* @__PURE__ */ t(Vo, { align: pe === "right" ? "end" : "start", side: "bottom", avoidCollisions: !0, sideOffset: 6, collisionPadding: 8, style: {
-        minWidth: me,
+      /* @__PURE__ */ d(qe, { container: we, children: /* @__PURE__ */ d(Je, { align: U === "right" ? "end" : "start", side: "bottom", avoidCollisions: !0, sideOffset: 6, collisionPadding: 8, style: {
+        minWidth: Q,
         zIndex: 9999
       }, onInteractOutside: (e) => {
-        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 })
+        var n;
+        e.target === z.current && e.preventDefault(), ((n = $.current) == null ? void 0 : n.contains(e.target)) || N == null || N(e);
+      }, children: l && /* @__PURE__ */ s("div", { style: {
+        minWidth: Q
+      }, className: D(o.dropdownMenu, ae, U === "right" && o.dropdownMenuRight), children: [
+        (x || m) && /* @__PURE__ */ s("div", { className: o.dropdownMenuToolbar, children: [
+          x && /* @__PURE__ */ s("div", { className: o.searchContainer, children: [
+            /* @__PURE__ */ d(Ve, { placeholder: le, value: Y, onChange: Le, className: o.search }),
+            M && /* @__PURE__ */ d(Se, { label: ie, onChange: Ie })
           ] }),
-          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" })
+          m && /* @__PURE__ */ s("div", { className: o.selectAllContainer, children: [
+            /* @__PURE__ */ d(re, { variant: "default", noIcon: !0, onClick: () => {
+              const e = a.filter((r) => !r.disabled).map((r) => r.value);
+              u(e);
+            }, disabled: a.filter((e) => !e.disabled).length === 0, children: "Select all" }),
+            /* @__PURE__ */ d(re, { variant: "default", noIcon: !0, onClick: () => u([]), disabled: w.length === 0, children: "Deselect all" })
           ] })
         ] }),
-        /* @__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((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);
+        /* @__PURE__ */ s("div", { className: o.optionsList, "data-dropdown-options-list": !0, children: [
+          a.length > 0 ? Object.entries(Ae).map(([e, r]) => /* @__PURE__ */ s("div", { className: o.categoryGroup, children: [
+            e !== "default" && /* @__PURE__ */ d("div", { className: o.categoryDivider, children: /* @__PURE__ */ d("span", { className: o.categoryLabel, children: e }) }),
+            r.map((n) => {
+              const R = xe.indexOf(n), k = a.find((Ce) => Ce.value === n.value);
+              return /* @__PURE__ */ d("button", { title: (k == null ? void 0 : k.label) || n.label, type: "button", className: D(o.optionItem, V.includes(n.value) && o.optionItemSelected, n.disabled && o.optionItemDisabled, R === I && o.optionItemFocused), onClick: () => G(n), disabled: n.disabled, "data-dropdown-option-item": !0, children: /* @__PURE__ */ s("div", { className: o.optionContent, children: [
+                /* @__PURE__ */ d("span", { className: o.optionLabel, children: n.label }),
+                V.includes(n.value) && /* @__PURE__ */ d(B, { icon: "ap-icon-check", className: o.tickIcon })
+              ] }) }, n.value);
             })
           ] }, e)) : null,
-          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" })
+          a.length === 0 && /* @__PURE__ */ d("div", { className: o.noOptions, children: "No options found" })
         ] }),
-        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" })
+        " ",
+        m && /* @__PURE__ */ s("div", { className: o.actionButtons, children: [
+          /* @__PURE__ */ d(ne, { type: "primary", variant: "cancel", size: "md", onClick: ve, children: "Cancel" }),
+          /* @__PURE__ */ d(ne, { type: "primary", variant: "default", size: "md", onClick: Ne, disabled: !ke, children: "Apply" })
         ] })
       ] }) }) })
     ] }) }),
-    (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 })
+    (O || C || W && q) && /* @__PURE__ */ s("div", { className: o.helpers, children: [
+      O ? /* @__PURE__ */ d("span", { title: O, className: o.errorMessage, children: O }) : C && /* @__PURE__ */ d("span", { title: C, className: D(o.helpText, L && o.helpTextDisabled), children: C }),
+      W && q && /* @__PURE__ */ d("a", { href: W, className: D(o.helpLink, L && o.helpLinkDisabled), target: "_blank", rel: "noopener noreferrer", children: q })
     ] })
   ] });
 }
 export {
-  Yt as default
+  Wo as default
 };