@new-black/lyra 1.8.0 → 1.9.0

package/dist/lyra37.js

@@ -1,15 +1,15 @@
 import { j as r } from "./lyra94.js";
-import { useContext as pr, useRef as R, useState as q, useCallback as M, useEffect as K, useMemo as er, useId as Er } from "react";
-import { ButtonContext as wr, Button as ur } from "./lyra104.js";
+import { useContext as ur, useRef as U, useState as g, useCallback as R, useEffect as K, useMemo as er, useId as Er } from "react";
+import { ButtonContext as wr, Button as pr } from "./lyra117.js";
 import { Checkbox as Fr, CheckboxGroup as kr } from "./lyra171.js";
-import { Provider as fr } from "./lyra106.js";
-import { Group as Wr } from "./lyra175.js";
-import { Input as zr } from "./lyra185.js";
-import { RadioGroup as yr, Radio as Dr } from "./lyra189.js";
-import { TextContext as xr } from "./lyra130.js";
+import { Provider as fr } from "./lyra121.js";
+import { Group as Pr } from "./lyra173.js";
+import { Input as Wr } from "./lyra184.js";
+import { RadioGroup as yr, Radio as Dr } from "./lyra176.js";
+import { TextContext as xr } from "./lyra131.js";
 import { flushSync as br } from "react-dom";
-import { useVirtualizer as Gr } from "./lyra193.js";
-import { clsx as Lr } from "./lyra126.js";
+import { useVirtualizer as zr } from "./lyra195.js";
+import { clsx as Gr } from "./lyra125.js";
 /* empty css      */
 import "./lyra3.js";
 import "./lyra4.js";
@@ -40,7 +40,7 @@ import "./lyra28.js";
 import "./lyra29.js";
 import { useDictionary as lr } from "./lyra96.js";
 import "./lyra81.js";
-import "./lyra110.js";
+import "./lyra109.js";
 import { InputHeader as Br } from "./lyra38.js";
 import { InputFooter as Tr } from "./lyra39.js";
 import { sharedInputStyles as or } from "./lyra40.js";
@@ -51,17 +51,17 @@ import "./lyra33.js";
 import "./lyra34.js";
 import "./lyra35.js";
 import Mr from "./lyra148.js";
-import { sharedListItemStyles as Rr } from "./lyra111.js";
-import { SharedListItem as $r } from "./lyra112.js";
+import { sharedListItemStyles as Rr } from "./lyra110.js";
+import { SharedListItem as $r } from "./lyra111.js";
 import { Popover as Ur } from "./lyra54.js";
 import "./lyra55.js";
 import "./lyra56.js";
 import "./lyra57.js";
-import { Text as Nr } from "./lyra74.js";
+import { Text as vr } from "./lyra74.js";
 import "./lyra75.js";
-import { InputTagGroup as Hr, InputTag as Zr } from "./lyra113.js";
-import "./lyra114.js";
-import { shouldRenderInputHeader as Or } from "./lyra176.js";
+import { InputTagGroup as Hr, InputTag as Zr } from "./lyra112.js";
+import "./lyra113.js";
+import { shouldRenderInputHeader as Or } from "./lyra182.js";
 import { useFilterItemsByQuery as Yr } from "./lyra86.js";
 import { useMousePosition as Jr } from "./lyra85.js";
 import "./lyra41.js";
@@ -96,74 +96,74 @@ import "./lyra79.js";
 import "./lyra80.js";
 import "./lyra82.js";
 import "./lyra99.js";
-import { useSpinDelay as qr } from "./lyra88.js";
+import { useSpinDelay as Vr } from "./lyra88.js";
 import "./lyra89.js";
 import "./lyra90.js";
 import { useLocale as dr } from "./lyra91.js";
-const Qr = ({
+const gr = ({
   "aria-label": l,
   autofocus: s,
   disableClearLogic: o,
   endSlot: m,
-  fullWidth: f,
-  getLabel: h,
-  isDisabled: N,
-  isInvalid: e,
-  onChange: d,
-  open: a,
-  openPopover: S,
-  placeholder: x,
-  renderCustomElementInValueButton: i,
-  searchInputRef: j,
-  selectRenderElements: v,
-  startSlot: w,
+  fullWidth: d,
+  getLabel: f,
+  isDisabled: v,
+  isInvalid: i,
+  onChange: h,
+  open: u,
+  openPopover: b,
+  placeholder: j,
+  renderCustomElementInValueButton: e,
+  searchInputRef: x,
+  selectRenderElements: N,
+  startSlot: F,
   value: c
 }) => {
   var n;
-  const { buttonExcludedFromTabOrder: b, inputField: O } = or({
-    isInvalid: e,
+  const { buttonExcludedFromTabOrder: S, inputField: k } = or({
+    isInvalid: i,
     hasEndSlot: !0,
-    fullWidth: f,
-    isDisabled: N,
+    fullWidth: d,
+    isDisabled: v,
     isInputOnly: !1
   }), t = (p) => {
-    (p.key === "Escape" || p.key === "Backspace") && !o ? (p.stopPropagation(), d == null || d(void 0)) : p.key === "ArrowDown" || p.key === "ArrowUp" ? S == null || S() : p.key && p.key.match(/^[a-zA-Z0-9]$/) && (br(() => {
-      S == null || S();
-    }), j.current && (j.current.focus(), j.current.setSelectionRange(0, j.current.value.length)));
+    (p.key === "Escape" || p.key === "Backspace") && !o ? (p.stopPropagation(), h == null || h(void 0)) : p.key === "ArrowDown" || p.key === "ArrowUp" ? b == null || b() : p.key && p.key.match(/^[a-zA-Z0-9]$/) && (br(() => {
+      b == null || b();
+    }), x.current && (x.current.focus(), x.current.setSelectionRange(0, x.current.value.length)));
   };
   return /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2", children: [
-    w,
+    F,
     /* @__PURE__ */ r.jsxs(
-      ur,
+      pr,
       {
         autoFocus: s,
         "aria-haspopup": "listbox",
-        "aria-expanded": a,
+        "aria-expanded": u,
         "aria-label": l,
-        className: ({ isFocused: p, isHovered: F }) => O({
-          isHovered: F,
+        className: ({ isFocused: p, isHovered: $ }) => k({
+          isHovered: $,
           isFocused: p,
           className: "min-h-8 grow"
         }),
-        isDisabled: N,
+        isDisabled: v,
         onKeyDown: t,
-        onPress: S,
+        onPress: b,
         children: [
           /* @__PURE__ */ r.jsxs("div", { className: "flex grow truncate text-start", children: [
-            i && c ? (n = v(c)) == null ? void 0 : n.customElement : null,
-            c && h(c) ? /* @__PURE__ */ r.jsx(r.Fragment, { children: h(c) }) : /* @__PURE__ */ r.jsx(Nr, { variant: "body-medium", color: "secondary", children: x })
+            e && c ? (n = N(c)) == null ? void 0 : n.customElement : null,
+            c && f(c) ? /* @__PURE__ */ r.jsx(r.Fragment, { children: f(c) }) : /* @__PURE__ */ r.jsx(vr, { variant: "body-medium", color: "secondary", children: j })
           ] }),
           /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2", children: [
-            c && !N && !o ? /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsx(
+            c && !v && !o ? /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsx(
               "div",
               {
-                className: b(),
+                className: S(),
                 role: "button",
                 onPointerDown: (p) => {
-                  p.stopPropagation(), d == null || d(void 0);
+                  p.stopPropagation(), h == null || h(void 0);
                 },
                 onClick: (p) => {
-                  p.stopPropagation(), d == null || d(void 0);
+                  p.stopPropagation(), h == null || h(void 0);
                 },
                 children: /* @__PURE__ */ r.jsx(ar, { name: "clear" })
               }
@@ -175,148 +175,148 @@ const Qr = ({
     ),
     m
   ] });
-}, Vr = ({
+}, Qr = ({
   "aria-label": l,
   autofocus: s,
   fullWidth: o,
   getItemId: m,
-  getLabel: f,
-  isDisabled: h,
-  isInvalid: N,
-  label: e,
-  onChange: d,
-  openPopover: a,
-  placeholder: S,
-  searchInputRef: x,
-  value: i
+  getLabel: d,
+  isDisabled: f,
+  isInvalid: v,
+  label: i,
+  onChange: h,
+  openPopover: u,
+  placeholder: b,
+  searchInputRef: j,
+  value: e
 }) => {
-  const { inputField: j } = or({
-    isInvalid: N,
+  const { inputField: x } = or({
+    isInvalid: v,
     hasEndSlot: !0,
     fullWidth: o,
-    isDisabled: h,
+    isDisabled: f,
     isInputOnly: !1
-  }), v = M(
+  }), N = R(
     (c) => {
-      c.key === "ArrowDown" || c.key === "ArrowUp" ? a() : c.key && c.key.match(/^[a-zA-Z0-9]$/) && (br(() => {
-        a();
-      }), x.current && (x.current.focus(), x.current.setSelectionRange(0, x.current.value.length)));
+      c.key === "ArrowDown" || c.key === "ArrowUp" ? u() : c.key && c.key.match(/^[a-zA-Z0-9]$/) && (br(() => {
+        u();
+      }), j.current && (j.current.focus(), j.current.setSelectionRange(0, j.current.value.length)));
     },
-    [a, x]
-  ), w = M(
+    [u, j]
+  ), F = R(
     (c) => {
-      i && d(
-        i.filter((b) => {
-          const O = m(b);
-          return !c.has(O);
+      e && h(
+        e.filter((S) => {
+          const k = m(S);
+          return !c.has(k);
         })
       );
     },
-    [m, d, i]
+    [m, h, e]
   );
   return /* @__PURE__ */ r.jsx(
-    Wr,
+    Pr,
     {
-      className: ({ isFocusWithin: c, isHovered: b }) => j({
-        isHovered: b,
+      className: ({ isFocusWithin: c, isHovered: S }) => x({
+        isHovered: S,
         isFocused: c,
-        className: Lr(
-          b && !N && !h && !c ? "border-hover" : "",
+        className: Gr(
+          S && !v && !f && !c ? "border-hover" : "",
           "has:[data-focused]:border has:[data-focused]:border-focus",
           "py-[0.4375rem]"
         )
       }),
       children: /* @__PURE__ */ r.jsxs(
-        ur,
+        pr,
         {
           autoFocus: s,
-          onPress: a,
-          onKeyDown: v,
-          isDisabled: h,
+          onPress: u,
+          onKeyDown: N,
+          isDisabled: f,
           className: "flex w-full outline-none",
           "aria-label": l,
           children: [
-            /* @__PURE__ */ r.jsx("div", { className: "grow text-left", children: i && i.length ? /* @__PURE__ */ r.jsx(
+            /* @__PURE__ */ r.jsx("div", { className: "grow text-left", children: e && e.length ? /* @__PURE__ */ r.jsx(
               Hr,
               {
-                label: e ?? "Selected items",
+                label: i ?? "Selected items",
                 className: "-m-1.5 -mt-[0.3125rem] items-center",
-                onRemove: h ? void 0 : w,
-                children: i.map((c) => /* @__PURE__ */ r.jsx(Zr, { id: m(c), isDisabled: h, children: f(c) }, m(c)))
+                onRemove: f ? void 0 : F,
+                children: e.map((c) => /* @__PURE__ */ r.jsx(Zr, { id: m(c), isDisabled: f, children: d(c) }, m(c)))
               }
-            ) : /* @__PURE__ */ r.jsx(Nr, { color: "secondary", children: S }) }),
+            ) : /* @__PURE__ */ r.jsx(vr, { color: "secondary", children: b }) }),
             /* @__PURE__ */ r.jsx(ar, { name: "chevron-up-down", className: "h-4 w-4 min-w-[16px]" })
           ]
         }
       )
     }
   );
-}, gr = ({
+}, qr = ({
   endSlot: l,
   isLoading: s,
   onKeyDown: o,
   onQueryChange: m,
-  query: f,
-  searchInputRef: h,
-  setQuery: N
+  query: d,
+  searchInputRef: f,
+  setQuery: v
 }) => {
-  const e = Er(), { clear: d, search: a } = lr(), S = qr(s ?? !1, { delay: 500, minDuration: 200 }), { buttonExcludedFromTabOrder: x } = or({ fullWidth: !0 });
+  const i = Er(), { clear: h, search: u } = lr(), b = Vr(s ?? !1, { delay: 500, minDuration: 200 }), { buttonExcludedFromTabOrder: j } = or({ fullWidth: !0 });
   return K(() => {
-    var i;
-    (i = h.current) == null || i.focus();
+    var e;
+    (e = f.current) == null || e.focus();
   }, []), /* @__PURE__ */ r.jsx("div", { className: "pb-1", children: /* @__PURE__ */ r.jsxs("div", { className: "flex h-6 w-full items-center gap-2 rounded-xs border border-solid border-default bg-overlay-subtle py-1 pe-1 ps-1.5", children: [
     /* @__PURE__ */ r.jsx(
-      zr,
+      Wr,
       {
-        ref: h,
-        id: e,
+        ref: f,
+        id: i,
         className: "w-full bg-transparent text-base outline-none placeholder:text-tertiary",
-        onChange: (i) => {
-          var j, v;
-          N(((j = i.target) == null ? void 0 : j.value) ?? ""), m == null || m((v = i.target) == null ? void 0 : v.value);
+        onChange: (e) => {
+          var x, N;
+          v(((x = e.target) == null ? void 0 : x.value) ?? ""), m == null || m((N = e.target) == null ? void 0 : N.value);
         },
-        placeholder: a,
-        value: f ?? "",
-        onKeyDown: (i) => {
-          i.code === "Tab" && i.preventDefault(), o == null || o(i);
+        placeholder: u,
+        value: d ?? "",
+        onKeyDown: (e) => {
+          e.code === "Tab" && e.preventDefault(), o == null || o(e);
         }
       }
     ),
-    f && f.length ? /* @__PURE__ */ r.jsx(
-      ur,
+    d && d.length ? /* @__PURE__ */ r.jsx(
+      pr,
       {
-        "aria-label": d,
-        className: x(),
+        "aria-label": h,
+        className: j(),
         excludeFromTabOrder: !0,
         onPress: () => {
-          var i;
-          N(""), (i = h.current) == null || i.focus();
+          var e;
+          v(""), (e = f.current) == null || e.focus();
         },
         children: /* @__PURE__ */ r.jsx(ar, { name: "clear" })
       }
     ) : null,
     l,
-    S ? /* @__PURE__ */ r.jsx(_r, { className: "mx-2", size: "small" }) : null
+    b ? /* @__PURE__ */ r.jsx(_r, { className: "mx-2", size: "small" }) : null
   ] }) });
 }, Cr = (l) => {
-  const s = R(null), [o, m] = q(!1);
+  const s = U(null), [o, m] = g(!1);
   return K(() => m(!1), [l]), { loadMoreButtonRef: s, isLoadMoreButtonFocused: o, setIsLoadMoreButtonFocused: m };
 }, Kr = ({
   disabledItemIdKeys: l,
   filteredItems: s,
   getItemId: o,
   loadMoreButtonRef: m,
-  onMultiChange: f,
-  onSingleChange: h,
-  setOpenPopover: N,
-  value: e
+  onMultiChange: d,
+  onSingleChange: f,
+  setOpenPopover: v,
+  value: i
 }) => {
-  const d = er(() => {
-    if (Array.isArray(e))
-      return e.length ? s == null ? void 0 : s.findIndex((t) => o(t) === o(e[0])) : 0;
-    if (e)
-      return (s == null ? void 0 : s.findIndex((t) => o(t) === o(e))) ?? 0;
-  }, [s, o, e]), a = M(
+  const h = er(() => {
+    if (Array.isArray(i))
+      return i.length ? s == null ? void 0 : s.findIndex((t) => o(t) === o(i[0])) : 0;
+    if (i)
+      return (s == null ? void 0 : s.findIndex((t) => o(t) === o(i))) ?? 0;
+  }, [s, o, i]), u = R(
     (t) => {
       if (Number.isInteger(t)) {
         for (let n = t - 1; n >= 0; n--)
@@ -326,7 +326,7 @@ const Qr = ({
       return -1;
     },
     [l, s, o]
-  ), S = M(
+  ), b = R(
     (t) => {
       if (Number.isInteger(t)) {
         for (let n = t + 1; n < s.length; n++)
@@ -336,55 +336,55 @@ const Qr = ({
       return -1;
     },
     [l, s, o]
-  ), x = M(
+  ), j = R(
     (t) => {
-      if (f) {
-        const n = (e ? [...e] : []).filter((E) => E !== void 0), p = n.map(o), F = p != null && p.includes(o(t)) ? n.filter((E) => o(E) !== o(t)) : [...n, t];
-        f == null || f(F);
-      } else h && (h == null || h(t));
+      if (d) {
+        const n = (i ? [...i] : []).filter((z) => z !== void 0), p = n.map(o), $ = p != null && p.includes(o(t)) ? n.filter((z) => o(z) !== o(t)) : [...n, t];
+        d == null || d($);
+      } else f && (f == null || f(t));
     },
-    [o, f, h, e]
-  ), i = M(
-    (t) => Array.isArray(e) ? e.some((n) => o(n) === o(t)) : e ? o(e) === o(t) : !1,
-    [o, e]
-  ), [j, v] = q(0), w = Jr(), c = R(void 0), b = M(
+    [o, d, f, i]
+  ), e = R(
+    (t) => Array.isArray(i) ? i.some((n) => o(n) === o(t)) : i ? o(i) === o(t) : !1,
+    [o, i]
+  ), [x, N] = g(0), F = Jr(), c = U(void 0), S = R(
     (t) => {
       var p;
-      const n = j;
+      const n = x;
       if (t.key === "ArrowDown") {
         t.preventDefault();
-        const F = S(n);
-        F >= 0 && (v(F), c.current = w);
+        const $ = b(n);
+        $ >= 0 && (N($), c.current = F);
       } else if (t.key === "ArrowUp") {
         t.preventDefault();
-        const F = a(n);
-        F >= 0 && (v(F), c.current = w);
-      } else t.key === "Enter" ? x(s[j]) : t.key === "Tab" ? (p = m.current) == null || p.focus() : t.key === "Escape" && (N == null || N(!1));
+        const $ = u(n);
+        $ >= 0 && (N($), c.current = F);
+      } else t.key === "Enter" ? j(s[x]) : t.key === "Tab" ? (p = m.current) == null || p.focus() : t.key === "Escape" && (v == null || v(!1));
     },
     [
-      j,
+      x,
       s,
-      S,
-      a,
+      b,
+      u,
       m,
-      w,
-      N,
-      x
+      F,
+      v,
+      j
     ]
-  ), O = M(
+  ), k = R(
     (t, n) => {
-      t && c.current !== w && (v(n), c.current = w);
+      t && c.current !== F && (N(n), c.current = F);
     },
-    [w]
+    [F]
   );
   return {
-    activeItem: j,
-    setActiveItem: v,
-    getItemIsSelected: i,
-    onKeyDown: b,
-    onHoverChange: O,
-    selectedItemIndex: d,
-    toggleSelection: x
+    activeItem: x,
+    setActiveItem: N,
+    getItemIsSelected: e,
+    onKeyDown: S,
+    onHoverChange: k,
+    selectedItemIndex: h,
+    toggleSelection: j
   };
 }, Ir = ({
   selectedItemIndex: l,
@@ -399,94 +399,94 @@ const Qr = ({
   disabledItemIdKeys: s,
   getItemId: o,
   getLabel: m,
-  isLoading: f,
-  items: h,
-  label: N,
-  onLoadMore: e,
-  onMultiChange: d,
-  onQueryChange: a,
-  onSingleChange: S,
-  open: x,
-  placement: i,
-  searchInputRef: j,
-  selectRenderElements: v,
-  setOpenPopover: w,
+  isLoading: d,
+  items: f,
+  label: v,
+  onLoadMore: i,
+  onMultiChange: h,
+  onQueryChange: u,
+  onSingleChange: b,
+  open: j,
+  placement: e,
+  searchInputRef: x,
+  selectRenderElements: N,
+  setOpenPopover: F,
   triggerRef: c,
-  value: b
+  value: S
 }) => {
-  var g, C, sr;
-  const { loadMore: O, noResultsFound: t } = lr(), { filteredItems: n, query: p, setQuery: F } = Yr({
+  var q, C, sr;
+  const { loadMore: k, noResultsFound: t } = lr(), { filteredItems: n, query: p, setQuery: $ } = Yr({
     getLabel: m,
-    items: h,
-    onQueryChange: a
-  }), { item: E } = Rr(), { isLoadMoreButtonFocused: Y, loadMoreButtonRef: W, setIsLoadMoreButtonFocused: J } = Cr(x), {
-    activeItem: A,
-    getItemIsSelected: X,
-    onHoverChange: _,
-    onKeyDown: B,
-    selectedItemIndex: T,
-    setActiveItem: y,
-    toggleSelection: k
+    items: f,
+    onQueryChange: u
+  }), { item: z } = Rr(), { isLoadMoreButtonFocused: X, loadMoreButtonRef: H, setIsLoadMoreButtonFocused: Z } = Cr(j), {
+    activeItem: L,
+    getItemIsSelected: Q,
+    onHoverChange: G,
+    onKeyDown: y,
+    selectedItemIndex: P,
+    setActiveItem: D,
+    toggleSelection: T
   } = Kr({
     disabledItemIdKeys: s,
     filteredItems: n,
     getItemId: o,
-    loadMoreButtonRef: W,
-    onMultiChange: d,
-    onSingleChange: S,
-    value: b,
-    setOpenPopover: w
-  }), [Z, U] = q(
-    (g = c.current) == null ? void 0 : g.offsetWidth
+    loadMoreButtonRef: H,
+    onMultiChange: h,
+    onSingleChange: b,
+    value: S,
+    setOpenPopover: F
+  }), [Y, O] = g(
+    (q = c.current) == null ? void 0 : q.offsetWidth
   );
   Mr("resize", () => {
-    var $;
-    U(($ = c.current) == null ? void 0 : $.offsetWidth);
+    var w;
+    O((w = c.current) == null ? void 0 : w.offsetWidth);
   });
-  const Q = Z ?? ((C = c.current) == null ? void 0 : C.offsetWidth), V = R(null), z = e ? ((n == null ? void 0 : n.length) ?? 0) + 1 : (n == null ? void 0 : n.length) ?? 0, D = Gr({
-    count: z,
+  const _ = Y ?? ((C = c.current) == null ? void 0 : C.offsetWidth), V = U(null), A = i ? ((n == null ? void 0 : n.length) ?? 0) + 1 : (n == null ? void 0 : n.length) ?? 0, B = zr({
+    count: A,
     estimateSize: () => 40,
     getScrollElement: () => V.current,
     overscan: 6
   });
   K(() => {
-    A !== void 0 && A >= 0 && (n != null && n.length) && (A === n.length - 1 && e ? D.scrollToIndex(z) : D.scrollToIndex(Math.min(A, z - 1)));
-  }, [A, z, n.length, e, D]);
-  const L = D.getVirtualItems();
+    L !== void 0 && L >= 0 && (n != null && n.length) && (L === n.length - 1 && i ? B.scrollToIndex(A) : B.scrollToIndex(Math.min(L, A - 1)));
+  }, [L, A, n.length, i, B]);
+  const M = B.getVirtualItems();
   return /* @__PURE__ */ r.jsx(
     Ur,
     {
       className: "p-1",
-      isOpen: x,
+      isOpen: j,
       disablePadding: !0,
       triggerRef: c,
-      onOpenChange: w,
-      "aria-label": N,
+      onOpenChange: F,
+      "aria-label": v,
       shouldUpdatePosition: !0,
-      placement: i,
+      placement: e,
       style: {
-        width: Q && Q > 280 ? Q + "px" : "280px",
+        width: _ && _ > 280 ? _ + "px" : "280px",
         direction: l
       },
-      children: x ? /* @__PURE__ */ r.jsxs("div", { className: "gap-1", children: [
+      children: j ? /* @__PURE__ */ r.jsxs("div", { className: "gap-1", children: [
         /* @__PURE__ */ r.jsx(
-          gr,
+          qr,
           {
-            onQueryChange: a,
-            isLoading: f,
+            onQueryChange: u,
+            isLoading: d,
             query: p,
-            setQuery: ($) => {
+            setQuery: (w) => {
               br(() => {
-                F($), y(0);
-              }), D.scrollToOffset(0);
+                $(w), D(0);
+              }), B.scrollToOffset(0);
             },
-            searchInputRef: j,
-            onKeyDown: ($) => {
-              $.stopPropagation(), B($);
+            searchInputRef: x,
+            onKeyDown: (w) => {
+              w.stopPropagation(), y(w);
             }
           }
         ),
-        /* @__PURE__ */ r.jsx(Ir, { selectedItemIndex: T, setActiveItem: y }),
+        /* @__PURE__ */ r.jsx(Ir, { selectedItemIndex: P, setActiveItem: D }),
         /* @__PURE__ */ r.jsx(
           "div",
           {
@@ -494,121 +494,121 @@ const Qr = ({
             className: "w-full overflow-y-auto",
             style: {
               contain: "strict",
-              height: Math.min(288, D.getTotalSize() + (e ? 4 : 0))
+              height: Math.min(288, B.getTotalSize() + (i ? 4 : 0))
             },
             children: /* @__PURE__ */ r.jsx(
               "div",
               {
                 className: "relative w-full",
                 style: {
-                  height: D.getTotalSize()
+                  height: B.getTotalSize()
                 },
                 children: /* @__PURE__ */ r.jsx(
                   "div",
                   {
                     className: "absolute start-0 top-0 w-full",
                     style: {
-                      transform: `translateY(${((sr = L == null ? void 0 : L[0]) == null ? void 0 : sr.start) ?? 0}px)`
+                      transform: `translateY(${((sr = M == null ? void 0 : M[0]) == null ? void 0 : sr.start) ?? 0}px)`
                     },
-                    children: L.map(($) => {
+                    children: M.map((w) => {
                       var I, nr;
-                      if ($.index === z - 1 && e)
+                      if (w.index === A - 1 && i)
                         return /* @__PURE__ */ r.jsx(
                           "div",
                           {
-                            "data-index": $.index,
-                            ref: D.measureElement,
+                            "data-index": w.index,
+                            ref: B.measureElement,
                             children: /* @__PURE__ */ r.jsxs("div", { children: [
                               /* @__PURE__ */ r.jsx(Xr, { className: "my-1" }),
                               /* @__PURE__ */ r.jsx(
-                                ur,
+                                pr,
                                 {
-                                  isDisabled: f,
-                                  onFocusChange: J,
-                                  onHoverChange: J,
-                                  ref: W,
-                                  className: E({
+                                  isDisabled: d,
+                                  onFocusChange: Z,
+                                  onHoverChange: Z,
+                                  ref: H,
+                                  className: z({
                                     className: "w-full justify-start bg-transparent ps-6 text-base font-normal text-primary duration-0 active:text-inverted hover:bg-action-hover hover:text-inverted focus:bg-action-focus focus:text-inverted focus-visible:[box-shadow:none]"
                                   }),
                                   onPress: () => {
-                                    var u;
-                                    e(), (u = j.current) == null || u.focus();
+                                    var a;
+                                    i(), (a = x.current) == null || a.focus();
                                   },
-                                  onKeyDown: (u) => {
-                                    var G;
-                                    u.key === "ArrowUp" && (u.preventDefault(), (G = j.current) == null || G.focus());
+                                  onKeyDown: (a) => {
+                                    var W;
+                                    a.key === "ArrowUp" && (a.preventDefault(), (W = x.current) == null || W.focus());
                                   },
-                                  children: O
+                                  children: k
                                 }
                               )
                             ] })
                           },
-                          $.key
+                          w.key
                         );
                       {
-                        const u = n[$.index];
-                        return o(u) === void 0 ? null : /* @__PURE__ */ r.jsx(
+                        const a = n[w.index];
+                        return o(a) === void 0 ? null : /* @__PURE__ */ r.jsx(
                           "div",
                           {
-                            "data-index": $.index,
-                            ref: D.measureElement,
-                            children: d ? /* @__PURE__ */ r.jsx(
+                            "data-index": w.index,
+                            ref: B.measureElement,
+                            children: h ? /* @__PURE__ */ r.jsx(
                               Fr,
                               {
-                                value: (I = o(u)) == null ? void 0 : I.toString(),
+                                value: (I = o(a)) == null ? void 0 : I.toString(),
                                 className: "w-full text-start outline-none",
-                                onHoverChange: (G) => {
-                                  _(G, $.index);
+                                onHoverChange: (W) => {
+                                  G(W, w.index);
                                 },
-                                isDisabled: (s == null ? void 0 : s.includes(o(u))) ?? !1,
-                                onKeyDown: B,
-                                onChange: () => k(u),
+                                isDisabled: (s == null ? void 0 : s.includes(o(a))) ?? !1,
+                                onKeyDown: y,
+                                onChange: () => T(a),
                                 children: /* @__PURE__ */ r.jsx(
                                   $r,
                                   {
                                     hasSelection: !0,
-                                    item: u,
+                                    item: a,
                                     state: {
-                                      active: A === $.index && !Y,
-                                      disabled: (s == null ? void 0 : s.includes(o(u))) ?? !1,
-                                      selected: X(u)
+                                      active: L === w.index && !X,
+                                      disabled: (s == null ? void 0 : s.includes(o(a))) ?? !1,
+                                      selected: Q(a)
                                     },
-                                    selectRenderElements: v
+                                    selectRenderElements: N
                                   },
-                                  o(u)
+                                  o(a)
                                 )
                               },
-                              o(u)
+                              o(a)
                             ) : /* @__PURE__ */ r.jsx(
                               Dr,
                               {
-                                value: (nr = o(u)) == null ? void 0 : nr.toString(),
-                                "data-index": $.index,
+                                value: (nr = o(a)) == null ? void 0 : nr.toString(),
+                                "data-index": w.index,
                                 className: "w-full text-start outline-none",
-                                onHoverChange: (G) => {
-                                  _(G, $.index);
+                                onHoverChange: (W) => {
+                                  G(W, w.index);
                                 },
-                                isDisabled: (s == null ? void 0 : s.includes(o(u))) ?? !1,
-                                onKeyDown: B,
+                                isDisabled: (s == null ? void 0 : s.includes(o(a))) ?? !1,
+                                onKeyDown: y,
                                 children: /* @__PURE__ */ r.jsx(
                                   $r,
                                   {
                                     hasSelection: !0,
-                                    item: u,
+                                    item: a,
                                     state: {
-                                      active: A === $.index && !Y,
-                                      disabled: (s == null ? void 0 : s.includes(o(u))) ?? !1,
-                                      selected: X(u)
+                                      active: L === w.index && !X,
+                                      disabled: (s == null ? void 0 : s.includes(o(a))) ?? !1,
+                                      selected: Q(a)
                                     },
-                                    selectRenderElements: v
+                                    selectRenderElements: N
                                   },
-                                  o(u)
+                                  o(a)
                                 )
                               },
-                              o(u)
+                              o(a)
                             )
                           },
-                          $.key
+                          w.key
                         );
                       }
                     })
@@ -618,118 +618,118 @@ const Qr = ({
             )
           }
         ),
-        z ? null : /* @__PURE__ */ r.jsx(Nr, { variant: "body-medium", color: "secondary", className: "px-2.5", children: t })
+        A ? null : /* @__PURE__ */ r.jsx(vr, { variant: "body-medium", color: "secondary", className: "px-2.5", children: t })
       ] }) : null
     }
   );
-}, Sr = ({
+}, Nr = ({
   getItemId: l,
   name: s,
   value: o
-}) => s ? Array.isArray(o) ? o.map((m) => /* @__PURE__ */ r.jsx("input", { type: "hidden", name: s, value: l(m) }, l(m))) : o ? /* @__PURE__ */ r.jsx("input", { type: "hidden", name: s, value: l(o) }) : null : null, Vs = ({
+}) => s ? Array.isArray(o) ? o.map((m) => /* @__PURE__ */ r.jsx("input", { type: "hidden", name: s, value: l(m) }, l(m))) : o ? /* @__PURE__ */ r.jsx("input", { type: "hidden", name: s, value: l(o) }) : null : null, Qs = ({
   "aria-label": l,
   autofocus: s,
   defaultValue: o,
   description: m,
-  disableClearLogic: f,
-  disabledItemIdKeys: h,
-  endSlot: N,
-  errorMessage: e,
-  fullWidth: d = !0,
-  getItemId: a,
-  getLabel: S,
-  hideHintLabel: x,
-  hideInputFooter: i,
-  hideInputHeader: j,
-  isDisabled: v,
-  isInvalid: w,
+  disableClearLogic: d,
+  disabledItemIdKeys: f,
+  endSlot: v,
+  errorMessage: i,
+  fullWidth: h = !0,
+  getItemId: u,
+  getLabel: b,
+  hideHintLabel: j,
+  hideInputFooter: e,
+  hideInputHeader: x,
+  isDisabled: N,
+  isInvalid: F,
   isLoading: c,
-  isRequired: b,
-  items: O,
+  isRequired: S,
+  items: k,
   label: t,
   name: n,
   onChange: p,
-  onLoadMore: F,
-  onQueryChange: E,
-  outerEndSlot: Y,
-  outerStartSlot: W,
-  placeholder: J,
-  placement: A = "bottom start",
-  renderCustomElementInValueButton: X,
-  selectRenderElements: _,
-  startSlot: B,
-  value: T
+  onLoadMore: $,
+  onQueryChange: z,
+  outerEndSlot: X,
+  outerStartSlot: H,
+  placeholder: Z,
+  placement: L = "bottom start",
+  renderCustomElementInValueButton: Q,
+  selectRenderElements: G,
+  startSlot: y,
+  value: P
 }) => {
-  var H;
-  const { isDisabled: y } = pr(mr), k = R(null), Z = R(null), U = R(null), [Q, V] = q(T ?? o), [z, D] = q(!1), L = () => {
-    var P;
-    D(!0), (P = Z.current) == null || P.click();
-  }, g = () => D(!1), C = M(
-    (P) => {
-      V(P), p == null || p(P), g();
+  var J;
+  const { isDisabled: D } = ur(mr), T = U(null), Y = U(null), O = U(null), [_, V] = g(P ?? o), [A, B] = g(!1), M = () => {
+    var E;
+    B(!0), (E = Y.current) == null || E.click();
+  }, q = () => B(!1), C = R(
+    (E) => {
+      V(E), p == null || p(E), q();
     },
     [p]
-  ), { selectedValue: sr } = lr(), { direction: $ } = dr(), tr = er(
-    () => Or({ hideHintLabel: x, hideInputHeader: j, label: t }),
-    [x, j, t]
-  ), { outerSlot: I, outerSlotsWrapper: nr, wrapper: u } = or({
-    fullWidth: d,
-    isInvalid: w,
-    isDisabled: v || y,
+  ), { selectedValue: sr } = lr(), { direction: w } = dr(), tr = er(
+    () => Or({ hideHintLabel: j, hideInputHeader: x, label: t }),
+    [j, x, t]
+  ), { outerSlot: I, outerSlotsWrapper: nr, wrapper: a } = or({
+    fullWidth: h,
+    isInvalid: F,
+    isDisabled: N || D,
     hasInputHeader: tr,
     hasLabel: !!t
   });
   K(() => {
-    V(T ?? o);
-  }, [o, T]);
-  const G = T ?? Q;
+    V(P ?? o);
+  }, [o, P]);
+  const W = P ?? _;
   return /* @__PURE__ */ r.jsx(
     yr,
     {
       name: n,
-      isRequired: b,
-      value: G ? (H = a(G)) == null ? void 0 : H.toString() : null,
-      onChange: (P) => {
-        C(O.find((rr) => {
+      isRequired: S,
+      value: W ? (J = u(W)) == null ? void 0 : J.toString() : null,
+      onChange: (E) => {
+        C(k.find((rr) => {
           var ir;
-          return ((ir = a(rr)) == null ? void 0 : ir.toString()) === P;
+          return ((ir = u(rr)) == null ? void 0 : ir.toString()) === E;
         }));
       },
-      children: ({ isInvalid: P }) => {
+      children: ({ isInvalid: E }) => {
         var rr;
         return /* @__PURE__ */ r.jsxs(fr, { values: [[xr, { slot: null }]], children: [
           /* @__PURE__ */ r.jsx(
             Dr,
             {
               className: "hidden",
-              value: G ? (rr = a(G)) == null ? void 0 : rr.toString() : "",
+              value: W ? (rr = u(W)) == null ? void 0 : rr.toString() : "",
               "aria-label": sr
             }
           ),
           /* @__PURE__ */ r.jsxs("div", { className: nr(), children: [
-            W ? /* @__PURE__ */ r.jsx("div", { className: I(), children: W }) : null,
-            /* @__PURE__ */ r.jsxs("div", { className: u(), children: [
-              tr ? /* @__PURE__ */ r.jsx(Br, { label: t, hideHintLabel: x, isRequired: b }) : null,
-              /* @__PURE__ */ r.jsx("div", { ref: U, children: /* @__PURE__ */ r.jsx(
-                Qr,
+            H ? /* @__PURE__ */ r.jsx("div", { className: I(), children: H }) : null,
+            /* @__PURE__ */ r.jsxs("div", { className: a(), children: [
+              tr ? /* @__PURE__ */ r.jsx(Br, { label: t, hideHintLabel: j, isRequired: S }) : null,
+              /* @__PURE__ */ r.jsx("div", { ref: O, children: /* @__PURE__ */ r.jsx(
+                gr,
                 {
                   autofocus: s,
-                  disableClearLogic: f,
-                  endSlot: N,
-                  fullWidth: d,
-                  getLabel: S,
-                  getItemId: a,
-                  isDisabled: v,
-                  isInvalid: w || P || !!e,
-                  open: z,
-                  openPopover: L,
+                  disableClearLogic: d,
+                  endSlot: v,
+                  fullWidth: h,
+                  getLabel: b,
+                  getItemId: u,
+                  isDisabled: N,
+                  isInvalid: F || E || !!i,
+                  open: A,
+                  openPopover: M,
                   onChange: C,
-                  placeholder: J,
-                  searchInputRef: k,
-                  startSlot: B,
-                  value: G,
-                  renderCustomElementInValueButton: X,
-                  selectRenderElements: _,
+                  placeholder: Z,
+                  searchInputRef: T,
+                  startSlot: y,
+                  value: W,
+                  renderCustomElementInValueButton: Q,
+                  selectRenderElements: G,
                   "aria-label": l
                 }
               ) }),
@@ -737,32 +737,32 @@ const Qr = ({
                 Tr,
                 {
                   description: m,
-                  errorMessage: e,
-                  hideInputFooter: i
+                  errorMessage: i,
+                  hideInputFooter: e
                 }
               )
             ] }),
-            Y ? /* @__PURE__ */ r.jsx("div", { className: I(), children: Y }) : null
+            X ? /* @__PURE__ */ r.jsx("div", { className: I(), children: X }) : null
           ] }),
           /* @__PURE__ */ r.jsx(
             hr,
             {
-              triggerRef: U,
+              triggerRef: O,
               label: t,
-              getItemId: a,
-              getLabel: S,
-              items: O,
-              open: z,
-              setOpenPopover: D,
-              selectRenderElements: _,
-              disabledItemIdKeys: h,
-              direction: $,
-              onQueryChange: E,
+              getItemId: u,
+              getLabel: b,
+              items: k,
+              open: A,
+              setOpenPopover: B,
+              selectRenderElements: G,
+              disabledItemIdKeys: f,
+              direction: w,
+              onQueryChange: z,
               isLoading: c,
-              searchInputRef: k,
-              onLoadMore: F,
-              placement: A,
-              value: G,
+              searchInputRef: T,
+              onLoadMore: $,
+              placement: L,
+              value: W,
               onSingleChange: C
             }
           )
@@ -770,121 +770,121 @@ const Qr = ({
       }
     }
   );
-}, gs = ({
+}, qs = ({
   "aria-label": l,
   autofocus: s,
   defaultValue: o,
   description: m,
-  disableClearLogic: f,
-  disabledItemIdKeys: h,
-  endSlot: N,
-  errorMessage: e,
-  fullWidth: d = !0,
-  getItemId: a,
-  getLabel: S,
-  hideHintLabel: x,
-  hideInputFooter: i,
-  hideInputHeader: j,
-  isDisabled: v,
-  isInvalid: w,
+  disableClearLogic: d,
+  disabledItemIdKeys: f,
+  endSlot: v,
+  errorMessage: i,
+  fullWidth: h = !0,
+  getItemId: u,
+  getLabel: b,
+  hideHintLabel: j,
+  hideInputFooter: e,
+  hideInputHeader: x,
+  isDisabled: N,
+  isInvalid: F,
   isLoading: c,
-  isRequired: b,
-  items: O,
+  isRequired: S,
+  items: k,
   label: t,
   labelId: n,
   name: p,
-  onChange: F,
-  onLoadMore: E,
-  onQueryChange: Y,
-  outerEndSlot: W,
-  outerStartSlot: J,
-  placeholder: A,
-  placement: X = "bottom start",
-  selectRenderElements: _,
-  startSlot: B,
-  value: T
+  onChange: $,
+  onLoadMore: z,
+  onQueryChange: X,
+  outerEndSlot: H,
+  outerStartSlot: Z,
+  placeholder: L,
+  placement: Q = "bottom start",
+  selectRenderElements: G,
+  startSlot: y,
+  value: P
 }) => {
-  const { isDisabled: y } = pr(mr), { atLeastOneItemNeedsToBeSelected: k } = lr(), Z = R(null), U = R(null), [Q, V] = q(T ?? o), [z, D] = q(!1), L = () => {
-    D(!0);
-  }, g = M(
-    (H) => {
-      var P;
-      V(H), F == null || F(H), (P = Z.current) == null || P.focus();
+  const { isDisabled: D } = ur(mr), { atLeastOneItemNeedsToBeSelected: T } = lr(), Y = U(null), O = U(null), [_, V] = g(P ?? o), [A, B] = g(!1), M = () => {
+    B(!0);
+  }, q = R(
+    (J) => {
+      var E;
+      V(J), $ == null || $(J), (E = Y.current) == null || E.focus();
     },
-    [F]
-  ), { emptyValue: C } = lr(), { direction: sr } = dr(), $ = er(
-    () => Or({ hideHintLabel: x, hideInputHeader: j, label: t }),
-    [x, j, t]
+    [$]
+  ), { emptyValue: C } = lr(), { direction: sr } = dr(), w = er(
+    () => Or({ hideHintLabel: j, hideInputHeader: x, label: t }),
+    [j, x, t]
   ), { outerSlot: tr, outerSlotsWrapper: I, wrapper: nr } = or({
-    fullWidth: d,
-    isInvalid: w,
-    isDisabled: v || y,
-    hasInputHeader: $,
+    fullWidth: h,
+    isInvalid: F,
+    isDisabled: N || D,
+    hasInputHeader: w,
     hasLabel: !!t
   });
   K(() => {
-    V(T ?? o);
-  }, [o, T]);
-  const u = er(() => T ?? Q, [Q, T]), G = M(
-    (H) => {
-      const P = H == null ? void 0 : H.reduce((rr, ir) => {
-        const Ar = O.find((jr) => {
+    V(P ?? o);
+  }, [o, P]);
+  const a = er(() => P ?? _, [_, P]), W = R(
+    (J) => {
+      const E = J == null ? void 0 : J.reduce((rr, ir) => {
+        const Ar = k.find((jr) => {
           var cr;
-          return ((cr = a(jr)) == null ? void 0 : cr.toString()) === ir;
-        }), Pr = u == null ? void 0 : u.find(
+          return ((cr = u(jr)) == null ? void 0 : cr.toString()) === ir;
+        }), Lr = a == null ? void 0 : a.find(
           (jr) => {
             var cr;
-            return ((cr = a(jr)) == null ? void 0 : cr.toString()) === ir;
+            return ((cr = u(jr)) == null ? void 0 : cr.toString()) === ir;
           }
-        ), vr = Ar ?? Pr;
-        return vr ? [...rr, vr] : rr;
+        ), Sr = Ar ?? Lr;
+        return Sr ? [...rr, Sr] : rr;
       }, []);
-      g(P);
+      q(E);
     },
-    [a, O, g, u]
+    [u, k, q, a]
   );
   return /* @__PURE__ */ r.jsx(
     kr,
     {
-      value: u == null ? void 0 : u.map((H) => {
-        var P;
-        return (P = a(H)) == null ? void 0 : P.toString();
+      value: a == null ? void 0 : a.map((J) => {
+        var E;
+        return (E = u(J)) == null ? void 0 : E.toString();
       }),
-      onChange: G,
-      isRequired: b,
-      children: ({ isInvalid: H }) => /* @__PURE__ */ r.jsxs(fr, { values: [[xr, { slot: null }]], children: [
-        /* @__PURE__ */ r.jsx(Sr, { name: p, value: u, getItemId: a }),
+      onChange: W,
+      isRequired: S,
+      children: ({ isInvalid: J }) => /* @__PURE__ */ r.jsxs(fr, { values: [[xr, { slot: null }]], children: [
+        /* @__PURE__ */ r.jsx(Nr, { name: p, value: a, getItemId: u }),
         /* @__PURE__ */ r.jsx(Fr, { className: "hidden", "aria-label": C }),
         /* @__PURE__ */ r.jsxs("div", { className: I(), children: [
-          J ? /* @__PURE__ */ r.jsx("div", { className: tr(), children: J }) : null,
+          Z ? /* @__PURE__ */ r.jsx("div", { className: tr(), children: Z }) : null,
           /* @__PURE__ */ r.jsxs("div", { className: nr(), children: [
-            $ ? /* @__PURE__ */ r.jsx(
+            w ? /* @__PURE__ */ r.jsx(
               Br,
               {
                 label: t,
-                isRequired: b,
-                hideHintLabel: x,
+                isRequired: S,
+                hideHintLabel: j,
                 labelId: n
               }
             ) : null,
-            /* @__PURE__ */ r.jsx("div", { ref: U, children: /* @__PURE__ */ r.jsx(
-              Vr,
+            /* @__PURE__ */ r.jsx("div", { ref: O, children: /* @__PURE__ */ r.jsx(
+              Qr,
               {
                 autofocus: s,
-                disableClearLogic: f,
-                endSlot: N,
-                fullWidth: d,
-                getLabel: S,
-                getItemId: a,
-                isDisabled: v,
-                isInvalid: w || !!e || H,
-                onChange: g,
-                open: z,
-                openPopover: L,
-                placeholder: A,
-                searchInputRef: Z,
-                startSlot: B,
-                value: u,
+                disableClearLogic: d,
+                endSlot: v,
+                fullWidth: h,
+                getLabel: b,
+                getItemId: u,
+                isDisabled: N,
+                isInvalid: F || !!i || J,
+                onChange: q,
+                open: A,
+                openPopover: M,
+                placeholder: L,
+                searchInputRef: Y,
+                startSlot: y,
+                value: a,
                 "aria-label": l
               }
             ) }),
@@ -892,90 +892,90 @@ const Qr = ({
               Tr,
               {
                 description: m,
-                errorMessage: e,
-                hideInputFooter: i,
+                errorMessage: i,
+                hideInputFooter: e,
                 customHtmlValidationMessages: {
-                  valueMissing: k
+                  valueMissing: T
                 }
               }
             )
           ] }),
-          W ? /* @__PURE__ */ r.jsx("div", { className: tr(), children: W }) : null
+          H ? /* @__PURE__ */ r.jsx("div", { className: tr(), children: H }) : null
         ] }),
         /* @__PURE__ */ r.jsx(
           hr,
           {
             label: t,
-            searchInputRef: Z,
-            triggerRef: U,
-            getItemId: a,
-            getLabel: S,
-            items: O,
-            onMultiChange: g,
-            value: u,
-            placement: X,
-            open: z,
-            setOpenPopover: D,
-            selectRenderElements: _,
-            disabledItemIdKeys: h,
+            searchInputRef: Y,
+            triggerRef: O,
+            getItemId: u,
+            getLabel: b,
+            items: k,
+            onMultiChange: q,
+            value: a,
+            placement: Q,
+            open: A,
+            setOpenPopover: B,
+            selectRenderElements: G,
+            disabledItemIdKeys: f,
             direction: sr,
-            onQueryChange: Y,
+            onQueryChange: X,
             isLoading: c,
-            onLoadMore: E
+            onLoadMore: z
           }
         )
       ] })
     }
   );
-}, Cs = ({
-  children: l,
-  defaultValue: s,
-  disabledItemIdKeys: o,
-  // TODO: ask about it
-  fullWidth: m = !1,
-  getItemId: f,
-  getLabel: h,
-  isDisabled: N,
-  isInvalid: e,
-  isLoading: d,
-  items: a,
-  label: S,
-  name: x,
-  onChange: i,
-  onLoadMore: j,
-  onQueryChange: v,
-  placement: w = "bottom start",
-  selectRenderElements: c,
-  value: b
-}) => {
-  var y;
-  const { isDisabled: O } = pr(mr), t = R(null), n = R(null), p = R(null), [F, E] = q(b ?? s), [Y, W] = q(!1), J = () => {
-    var k;
-    W(!0), (k = n.current) == null || k.click();
-  }, A = () => W(!1), X = M(
-    (k) => {
-      E(k), i == null || i(k), A();
+}, Cs = (l) => {
+  var Y;
+  const {
+    children: s,
+    defaultValue: o,
+    disabledItemIdKeys: m,
+    fullWidth: d = !1,
+    getItemId: f,
+    getLabel: v,
+    isDisabled: i,
+    isInvalid: h,
+    isLoading: u,
+    items: b,
+    label: j,
+    name: e,
+    onChange: x,
+    onLoadMore: N,
+    onQueryChange: F,
+    placement: c = "bottom start",
+    selectRenderElements: S,
+    value: k
+  } = l, { isDisabled: t } = ur(mr), n = U(null), p = U(null), $ = U(null), [z, X] = g(k ?? o), [H, Z] = g(!1), L = () => {
+    var O;
+    Z(!0), (O = p.current) == null || O.click();
+  }, Q = () => Z(!1), G = "value" in l, y = R(
+    (O) => {
+      G || X(O), x == null || x(O), Q();
     },
-    [i]
-  ), { direction: _ } = dr(), { wrapper: B } = or({
-    fullWidth: m,
-    isInvalid: e,
-    isDisabled: N
+    [x]
+  ), { direction: P } = dr(), { wrapper: D } = or({
+    fullWidth: d,
+    isInvalid: h,
+    isDisabled: i
   });
   K(() => {
-    E(b ?? s);
-  }, [s, b]);
-  const T = b ?? F;
+    G || X(k ?? o);
+  }, [o, k, G]);
+  const T = G ? k : z;
   return /* @__PURE__ */ r.jsx(
     yr,
     {
-      name: x,
-      value: T ? (y = f(T)) == null ? void 0 : y.toString() : "",
-      onChange: (k) => {
-        X(a.find((Z) => {
-          var U;
-          return ((U = f(Z)) == null ? void 0 : U.toString()) === k;
-        }));
+      name: e,
+      value: T ? (Y = f(T)) == null ? void 0 : Y.toString() : "",
+      onChange: (O) => {
+        const _ = b.find((V) => {
+          var A;
+          return ((A = f(V)) == null ? void 0 : A.toString()) === O;
+        });
+        y(_);
       },
       children: /* @__PURE__ */ r.jsx(
         fr,
@@ -984,35 +984,35 @@ const Qr = ({
             [
               wr,
               {
-                onPress: () => J(),
-                isDisabled: N || O
+                onPress: () => L(),
+                isDisabled: i || t
               }
             ],
             [xr, { slot: null }]
           ],
           children: /* @__PURE__ */ r.jsxs("div", { children: [
-            /* @__PURE__ */ r.jsx(Sr, { name: x, value: T, getItemId: f }),
-            /* @__PURE__ */ r.jsx("div", { className: B(), children: /* @__PURE__ */ r.jsx("div", { ref: p, children: l }) }),
+            /* @__PURE__ */ r.jsx(Nr, { name: e, value: T, getItemId: f }),
+            /* @__PURE__ */ r.jsx("div", { className: D(), children: /* @__PURE__ */ r.jsx("div", { ref: $, children: s }) }),
             /* @__PURE__ */ r.jsx(
               hr,
               {
-                triggerRef: p,
-                label: S,
+                triggerRef: $,
+                label: j,
                 getItemId: f,
-                getLabel: h,
-                items: a,
-                open: Y,
-                setOpenPopover: W,
-                selectRenderElements: c,
-                disabledItemIdKeys: o,
-                direction: _,
-                onLoadMore: j,
-                onQueryChange: v,
-                isLoading: d,
-                searchInputRef: t,
-                placement: w,
+                getLabel: v,
+                items: b,
+                open: H,
+                setOpenPopover: Z,
+                selectRenderElements: S,
+                disabledItemIdKeys: m,
+                direction: P,
+                onLoadMore: N,
+                onQueryChange: F,
+                isLoading: u,
+                searchInputRef: n,
+                placement: c,
                 value: T,
-                onSingleChange: X
+                onSingleChange: y
               }
             )
           ] })
@@ -1025,97 +1025,97 @@ const Qr = ({
   defaultValue: s,
   disabledItemIdKeys: o,
   fullWidth: m = !0,
-  getItemId: f,
-  getLabel: h,
-  isDisabled: N,
-  isInvalid: e,
-  isLoading: d,
-  items: a,
-  label: S,
-  name: x,
-  onChange: i,
-  onLoadMore: j,
-  onQueryChange: v,
-  placement: w = "bottom start",
+  getItemId: d,
+  getLabel: f,
+  isDisabled: v,
+  isInvalid: i,
+  isLoading: h,
+  items: u,
+  label: b,
+  name: j,
+  onChange: e,
+  onLoadMore: x,
+  onQueryChange: N,
+  placement: F = "bottom start",
   selectRenderElements: c,
-  value: b
+  value: S
 }) => {
-  const { isDisabled: O } = pr(mr), t = R(null), n = R(null), p = R(null), [F, E] = q(b ?? s), [Y, W] = q(!1), J = () => {
-    var y;
-    W(!0), (y = n.current) == null || y.click();
-  }, A = M(
-    (y) => {
-      var k;
-      E(y), i == null || i(y), (k = t.current) == null || k.focus();
+  const { isDisabled: k } = ur(mr), t = U(null), n = U(null), p = U(null), [$, z] = g(S ?? s), [X, H] = g(!1), Z = () => {
+    var D;
+    H(!0), (D = n.current) == null || D.click();
+  }, L = R(
+    (D) => {
+      var T;
+      z(D), e == null || e(D), (T = t.current) == null || T.focus();
     },
-    [i]
-  ), { direction: X } = dr(), { wrapper: _ } = or({
+    [e]
+  ), { direction: Q } = dr(), { wrapper: G } = or({
     fullWidth: m,
-    isInvalid: e,
-    isDisabled: N
+    isInvalid: i,
+    isDisabled: v
   });
   K(() => {
-    E(b ?? s);
-  }, [s, b]);
-  const B = er(() => b ?? F, [F, b]), T = M(
-    (y) => {
-      const k = y == null ? void 0 : y.reduce((Z, U) => {
-        const Q = a.find((D) => {
-          var L;
-          return ((L = f(D)) == null ? void 0 : L.toString()) === U;
-        }), V = B == null ? void 0 : B.find(
-          (D) => {
-            var L;
-            return ((L = f(D)) == null ? void 0 : L.toString()) === U;
+    z(S ?? s);
+  }, [s, S]);
+  const y = er(() => S ?? $, [$, S]), P = R(
+    (D) => {
+      const T = D == null ? void 0 : D.reduce((Y, O) => {
+        const _ = u.find((B) => {
+          var M;
+          return ((M = d(B)) == null ? void 0 : M.toString()) === O;
+        }), V = y == null ? void 0 : y.find(
+          (B) => {
+            var M;
+            return ((M = d(B)) == null ? void 0 : M.toString()) === O;
           }
-        ), z = Q ?? V;
-        return z ? [...Z, z] : Z;
+        ), A = _ ?? V;
+        return A ? [...Y, A] : Y;
       }, []);
-      A(k);
+      L(T);
     },
-    [f, a, A, B]
+    [d, u, L, y]
   );
   return /* @__PURE__ */ r.jsx(
     kr,
     {
-      value: B == null ? void 0 : B.map((y) => {
-        var k;
-        return (k = f(y)) == null ? void 0 : k.toString();
+      value: y == null ? void 0 : y.map((D) => {
+        var T;
+        return (T = d(D)) == null ? void 0 : T.toString();
       }),
-      onChange: T,
+      onChange: P,
       children: /* @__PURE__ */ r.jsx(
         fr,
         {
           values: [
             [
               wr,
-              { onPress: () => J(), isDisabled: N || O }
+              { onPress: () => Z(), isDisabled: v || k }
             ],
             [xr, { slot: null }]
           ],
           children: /* @__PURE__ */ r.jsxs("div", { children: [
-            /* @__PURE__ */ r.jsx(Sr, { name: x, value: B, getItemId: f }),
-            /* @__PURE__ */ r.jsx("div", { className: _(), children: /* @__PURE__ */ r.jsx("div", { ref: p, children: l }) }),
+            /* @__PURE__ */ r.jsx(Nr, { name: j, value: y, getItemId: d }),
+            /* @__PURE__ */ r.jsx("div", { className: G(), children: /* @__PURE__ */ r.jsx("div", { ref: p, children: l }) }),
             /* @__PURE__ */ r.jsx(
               hr,
               {
-                label: S,
+                label: b,
                 searchInputRef: t,
                 triggerRef: p,
-                getItemId: f,
-                getLabel: h,
-                items: a,
-                onLoadMore: j,
-                open: Y,
-                setOpenPopover: W,
+                getItemId: d,
+                getLabel: f,
+                items: u,
+                onLoadMore: x,
+                open: X,
+                setOpenPopover: H,
                 selectRenderElements: c,
                 disabledItemIdKeys: o,
-                direction: X,
-                onQueryChange: v,
-                isLoading: d,
-                value: B,
-                onMultiChange: A,
-                placement: w
+                direction: Q,
+                onQueryChange: N,
+                isLoading: h,
+                value: y,
+                onMultiChange: L,
+                placement: F
               }
             )
           ] })
@@ -1125,8 +1125,8 @@ const Qr = ({
   );
 };
 export {
-  gs as MultiSearchListField,
+  qs as MultiSearchListField,
   Ks as MultiSearchListFieldWithCustomTrigger,
-  Vs as SearchListField,
+  Qs as SearchListField,
   Cs as SearchListFieldWithCustomTrigger
 };