@new-black/lyra 1.3.0 → 1.3.1

package/dist/lyra37.js

@@ -1,15 +1,15 @@
 import { j as r } from "./lyra93.js";
-import { useContext as nr, useRef as W, useState as Z, useCallback as U, useMemo as or, useEffect as g, useId as yr } from "react";
-import { RadioGroup as jr, Provider as cr, TextContext as ir, Radio as hr, CheckboxGroup as dr, Checkbox as br, ButtonContext as Nr, Button as lr, Group as Dr, Input as Br } from "./lyra92.js";
-import { flushSync as ur } from "react-dom";
-import { useVirtualizer as Tr } from "./lyra540.js";
-import { clsx as Ar } from "./lyra106.js";
+import { useContext as cr, useRef as G, useState as M, useCallback as z, useMemo as I, useEffect as K, useId as Or } from "react";
+import { RadioGroup as Nr, Provider as ir, TextContext as lr, Radio as Sr, CheckboxGroup as vr, Checkbox as $r, ButtonContext as wr, Button as er, Group as Pr, Input as Er } from "./lyra92.js";
+import { flushSync as fr } from "react-dom";
+import { useVirtualizer as Wr } from "./lyra540.js";
+import { clsx as zr } from "./lyra117.js";
 /* empty css      */
 import "./lyra3.js";
 import "./lyra4.js";
 import "./lyra5.js";
 import "./lyra6.js";
-import { SvgIcon as tr } from "./lyra67.js";
+import { SvgIcon as nr } from "./lyra67.js";
 import "./lyra8.js";
 import "./lyra9.js";
 import "./lyra10.js";
@@ -28,36 +28,36 @@ import "./lyra22.js";
 import "./lyra23.js";
 import "./lyra24.js";
 import "./lyra25.js";
-import { FieldGroupContext as er } from "./lyra26.js";
+import { FieldGroupContext as ar } from "./lyra26.js";
 import "./lyra27.js";
 import "./lyra28.js";
 import "./lyra29.js";
-import { useDictionary as vr } from "./lyra98.js";
+import { useDictionary as kr } from "./lyra98.js";
 import "./lyra81.js";
-import "./lyra110.js";
-import { InputHeader as Sr } from "./lyra38.js";
-import { InputFooter as $r } from "./lyra39.js";
-import { sharedInputStyles as C } from "./lyra40.js";
+import "./lyra104.js";
+import { InputHeader as Fr } from "./lyra38.js";
+import { InputFooter as yr } from "./lyra39.js";
+import { sharedInputStyles as rr } from "./lyra40.js";
 import "./lyra44.js";
 import "./lyra31.js";
 import "./lyra32.js";
 import "./lyra33.js";
 import "./lyra34.js";
 import "./lyra35.js";
-import Or from "./lyra475.js";
-import { sharedListItemStyles as Pr } from "./lyra108.js";
-import { SharedListItem as mr } from "./lyra109.js";
-import { Popover as Er } from "./lyra54.js";
+import Gr from "./lyra475.js";
+import { sharedListItemStyles as Rr } from "./lyra105.js";
+import { SharedListItem as br } from "./lyra106.js";
+import { Popover as Lr } from "./lyra54.js";
 import "./lyra55.js";
 import "./lyra56.js";
 import "./lyra57.js";
-import { Text as xr } from "./lyra74.js";
+import { Text as mr } from "./lyra74.js";
 import "./lyra75.js";
-import { InputTagGroup as Wr, InputTag as zr } from "./lyra111.js";
-import "./lyra112.js";
-import { shouldRenderInputHeader as wr, shouldRenderInputFooter as kr } from "./lyra533.js";
-import { useFilterItemsByQuery as Gr } from "./lyra86.js";
-import { useMousePosition as Rr } from "./lyra85.js";
+import { InputTagGroup as Ur, InputTag as Hr } from "./lyra107.js";
+import "./lyra108.js";
+import { shouldRenderInputHeader as Dr, shouldRenderInputFooter as Br } from "./lyra533.js";
+import { useFilterItemsByQuery as Zr } from "./lyra86.js";
+import { useMousePosition as Mr } from "./lyra85.js";
 import "./lyra41.js";
 import "./lyra42.js";
 import "./lyra43.js";
@@ -70,14 +70,14 @@ import "./lyra50.js";
 import "./lyra51.js";
 import "./lyra52.js";
 import "./lyra53.js";
-import { Separator as Ur } from "./lyra58.js";
+import { Separator as Yr } from "./lyra58.js";
 import "./lyra59.js";
 import "./lyra60.js";
 import "./lyra61.js";
 import "./lyra62.js";
 import "./lyra63.js";
 import "./lyra64.js";
-import { Spinner as Lr } from "./lyra65.js";
+import { Spinner as Jr } from "./lyra65.js";
 import "./lyra66.js";
 import "./lyra69.js";
 import "./lyra70.js";
@@ -90,66 +90,66 @@ import "./lyra79.js";
 import "./lyra80.js";
 import "./lyra82.js";
 import "./lyra101.js";
-import { useSpinDelay as Hr } from "./lyra88.js";
+import { useSpinDelay as Xr } from "./lyra88.js";
 import "./lyra89.js";
 import "./lyra90.js";
-import { useLocale as ar } from "./lyra91.js";
-const Zr = ({
-  "aria-label": e,
-  disableClearLogic: s,
-  endSlot: o,
+import { useLocale as pr } from "./lyra91.js";
+const _r = ({
+  "aria-label": a,
+  disableClearLogic: o,
+  endSlot: s,
   fullWidth: j,
-  getLabel: a,
-  isDisabled: h,
-  isInvalid: u,
+  getLabel: e,
+  isDisabled: d,
+  isInvalid: f,
   onChange: n,
-  open: x,
-  openPopover: f,
-  placeholder: d,
+  open: u,
+  openPopover: x,
+  placeholder: b,
   renderCustomElementInValueButton: m,
   searchInputRef: i,
-  selectRenderElements: N,
-  startSlot: v,
+  selectRenderElements: v,
+  startSlot: w,
   value: l
 }) => {
   var c;
-  const { buttonExcludedFromTabOrder: b, inputField: S } = C({
-    isInvalid: u,
+  const { buttonExcludedFromTabOrder: N, inputField: $ } = rr({
+    isInvalid: f,
     hasEndSlot: !0,
     fullWidth: j,
-    isDisabled: h,
+    isDisabled: d,
     isInputOnly: !1
   }), y = (t) => {
-    (t.key === "Escape" || t.key === "Backspace") && !s ? (t.stopPropagation(), n == null || n(void 0)) : t.key === "ArrowDown" || t.key === "ArrowUp" ? f == null || f() : t.key && t.key.match(/^[a-zA-Z0-9]$/) && (ur(() => {
-      f == null || f();
+    (t.key === "Escape" || t.key === "Backspace") && !o ? (t.stopPropagation(), n == null || n(void 0)) : t.key === "ArrowDown" || t.key === "ArrowUp" ? x == null || x() : t.key && t.key.match(/^[a-zA-Z0-9]$/) && (fr(() => {
+      x == null || x();
     }), i.current && (i.current.focus(), i.current.setSelectionRange(0, i.current.value.length)));
   };
   return /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2", children: [
-    v,
+    w,
     /* @__PURE__ */ r.jsxs(
-      lr,
+      er,
       {
         "aria-haspopup": "listbox",
-        "aria-expanded": x,
-        "aria-label": e,
-        className: ({ isFocused: t, isHovered: $ }) => S({
-          isHovered: $,
+        "aria-expanded": u,
+        "aria-label": a,
+        className: ({ isFocused: t, isHovered: k }) => $({
+          isHovered: k,
           isFocused: t,
           className: "min-h-8 grow"
         }),
-        isDisabled: h,
+        isDisabled: d,
         onKeyDown: y,
-        onPress: f,
+        onPress: x,
         children: [
           /* @__PURE__ */ r.jsxs("div", { className: "flex grow truncate text-start", children: [
-            m && l ? (c = N(l)) == null ? void 0 : c.customElement : null,
-            l && a(l) ? /* @__PURE__ */ r.jsx(r.Fragment, { children: a(l) }) : /* @__PURE__ */ r.jsx(xr, { variant: "body-medium", color: "secondary", children: d })
+            m && l ? (c = v(l)) == null ? void 0 : c.customElement : null,
+            l && e(l) ? /* @__PURE__ */ r.jsx(r.Fragment, { children: e(l) }) : /* @__PURE__ */ r.jsx(mr, { variant: "body-medium", color: "secondary", children: b })
           ] }),
           /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2", children: [
-            l && !h && !s ? /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsx(
+            l && !d && !o ? /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsx(
               "div",
               {
-                className: b(),
+                className: N(),
                 role: "button",
                 onPointerDown: (t) => {
                   t.stopPropagation(), n == null || n(void 0);
@@ -157,447 +157,447 @@ const Zr = ({
                 onClick: (t) => {
                   t.stopPropagation(), n == null || n(void 0);
                 },
-                children: /* @__PURE__ */ r.jsx(tr, { name: "clear" })
+                children: /* @__PURE__ */ r.jsx(nr, { name: "clear" })
               }
             ) }) : null,
-            /* @__PURE__ */ r.jsx(tr, { name: "chevron-up-down", className: "h-4 w-4" })
+            /* @__PURE__ */ r.jsx(nr, { name: "chevron-up-down", className: "h-4 w-4" })
           ] })
         ]
       }
     ),
-    o
+    s
   ] });
-}, Mr = ({
-  "aria-label": e,
-  fullWidth: s,
-  getItemId: o,
+}, qr = ({
+  "aria-label": a,
+  fullWidth: o,
+  getItemId: s,
   getLabel: j,
-  isDisabled: a,
-  isInvalid: h,
-  label: u,
+  isDisabled: e,
+  isInvalid: d,
+  label: f,
   onChange: n,
-  openPopover: x,
-  placeholder: f,
-  searchInputRef: d,
+  openPopover: u,
+  placeholder: x,
+  searchInputRef: b,
   value: m
 }) => {
-  const { inputField: i } = C({
-    isInvalid: h,
+  const { inputField: i } = rr({
+    isInvalid: d,
     hasEndSlot: !0,
-    fullWidth: s,
-    isDisabled: a,
+    fullWidth: o,
+    isDisabled: e,
     isInputOnly: !1
-  }), N = U(
+  }), v = z(
     (l) => {
-      l.key === "ArrowDown" || l.key === "ArrowUp" ? x() : l.key && l.key.match(/^[a-zA-Z0-9]$/) && (ur(() => {
-        x();
-      }), d.current && (d.current.focus(), d.current.setSelectionRange(0, d.current.value.length)));
+      l.key === "ArrowDown" || l.key === "ArrowUp" ? u() : l.key && l.key.match(/^[a-zA-Z0-9]$/) && (fr(() => {
+        u();
+      }), b.current && (b.current.focus(), b.current.setSelectionRange(0, b.current.value.length)));
     },
-    [x, d]
-  ), v = U(
+    [u, b]
+  ), w = z(
     (l) => {
       m && n(
-        m.filter((b) => {
-          const S = o(b);
-          return !l.has(S);
+        m.filter((N) => {
+          const $ = s(N);
+          return !l.has($);
         })
       );
     },
-    [o, n, m]
+    [s, n, m]
   );
   return /* @__PURE__ */ r.jsx(
-    Dr,
+    Pr,
     {
-      className: ({ isFocusWithin: l, isHovered: b }) => i({
-        isHovered: b,
+      className: ({ isFocusWithin: l, isHovered: N }) => i({
+        isHovered: N,
         isFocused: l,
-        className: Ar(
-          b && !h && !a && !l ? "border-hover" : "",
+        className: zr(
+          N && !d && !e && !l ? "border-hover" : "",
           "has:[data-focused]:border has:[data-focused]:border-focus",
           "py-[0.4375rem]"
         )
       }),
       children: /* @__PURE__ */ r.jsxs(
-        lr,
+        er,
         {
-          onPress: x,
-          onKeyDown: N,
-          isDisabled: a,
+          onPress: u,
+          onKeyDown: v,
+          isDisabled: e,
           className: "flex w-full outline-none",
-          "aria-label": e,
+          "aria-label": a,
           children: [
             /* @__PURE__ */ r.jsx("div", { className: "grow text-left", children: m && m.length ? /* @__PURE__ */ r.jsx(
-              Wr,
+              Ur,
               {
-                label: u ?? "Selected items",
+                label: f ?? "Selected items",
                 className: "-m-1.5 -mt-[0.3125rem] items-center",
-                onRemove: a ? void 0 : v,
-                children: m.map((l) => /* @__PURE__ */ r.jsx(zr, { id: o(l), isDisabled: a, children: j(l) }, o(l)))
+                onRemove: e ? void 0 : w,
+                children: m.map((l) => /* @__PURE__ */ r.jsx(Hr, { id: s(l), isDisabled: e, children: j(l) }, s(l)))
               }
-            ) : /* @__PURE__ */ r.jsx(xr, { color: "secondary", children: f }) }),
-            /* @__PURE__ */ r.jsx(tr, { name: "chevron-up-down", className: "h-4 w-4 min-w-[16px]" })
+            ) : /* @__PURE__ */ r.jsx(mr, { color: "secondary", children: x }) }),
+            /* @__PURE__ */ r.jsx(nr, { name: "chevron-up-down", className: "h-4 w-4 min-w-[16px]" })
           ]
         }
       )
     }
   );
-}, Yr = ({
-  endSlot: e,
-  isLoading: s,
-  onKeyDown: o,
+}, Qr = ({
+  endSlot: a,
+  isLoading: o,
+  onKeyDown: s,
   onQueryChange: j,
-  query: a,
-  searchInputRef: h,
-  setQuery: u
+  query: e,
+  searchInputRef: d,
+  setQuery: f
 }) => {
-  const n = yr(), { clear: x, search: f } = vr(), d = Hr(s ?? !1, { delay: 500, minDuration: 200 }), { buttonExcludedFromTabOrder: m } = C({ fullWidth: !0 });
-  return g(() => {
+  const n = Or(), { clear: u, search: x } = kr(), b = Xr(o ?? !1, { delay: 500, minDuration: 200 }), { buttonExcludedFromTabOrder: m } = rr({ fullWidth: !0 });
+  return K(() => {
     var i;
-    (i = h.current) == null || i.focus();
+    (i = d.current) == null || i.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(
-      Br,
+      Er,
       {
-        ref: h,
+        ref: d,
         id: n,
         className: "w-full bg-transparent text-base outline-none placeholder:text-tertiary",
         onChange: (i) => {
-          var N, v;
-          u(((N = i.target) == null ? void 0 : N.value) ?? ""), j == null || j((v = i.target) == null ? void 0 : v.value);
+          var v, w;
+          f(((v = i.target) == null ? void 0 : v.value) ?? ""), j == null || j((w = i.target) == null ? void 0 : w.value);
         },
-        placeholder: f,
-        value: a ?? "",
+        placeholder: x,
+        value: e ?? "",
         onKeyDown: (i) => {
-          i.code === "Tab" && i.preventDefault(), o == null || o(i);
+          i.code === "Tab" && i.preventDefault(), s == null || s(i);
         }
       }
     ),
-    a && a.length ? /* @__PURE__ */ r.jsx(
-      lr,
+    e && e.length ? /* @__PURE__ */ r.jsx(
+      er,
       {
-        "aria-label": x,
+        "aria-label": u,
         className: m(),
         excludeFromTabOrder: !0,
         onPress: () => {
           var i;
-          u(""), (i = h.current) == null || i.focus();
+          f(""), (i = d.current) == null || i.focus();
         },
-        children: /* @__PURE__ */ r.jsx(tr, { name: "clear" })
+        children: /* @__PURE__ */ r.jsx(nr, { name: "clear" })
       }
     ) : null,
-    e,
-    d ? /* @__PURE__ */ r.jsx(Lr, { className: "mx-2", size: "small" }) : null
+    a,
+    b ? /* @__PURE__ */ r.jsx(Jr, { className: "mx-2", size: "small" }) : null
   ] }) });
-}, Jr = (e) => {
-  const s = W(null), [o, j] = Z(!1);
-  return g(() => j(!1), [e]), { loadMoreButtonRef: s, isLoadMoreButtonFocused: o, setIsLoadMoreButtonFocused: j };
-}, Xr = ({
-  disabledItemIdKeys: e,
-  filteredItems: s,
-  getItemId: o,
+}, Vr = (a) => {
+  const o = G(null), [s, j] = M(!1);
+  return K(() => j(!1), [a]), { loadMoreButtonRef: o, isLoadMoreButtonFocused: s, setIsLoadMoreButtonFocused: j };
+}, gr = ({
+  disabledItemIdKeys: a,
+  filteredItems: o,
+  getItemId: s,
   loadMoreButtonRef: j,
-  onMultiChange: a,
-  onSingleChange: h,
-  setOpenPopover: u,
+  onMultiChange: e,
+  onSingleChange: d,
+  setOpenPopover: f,
   value: n
 }) => {
-  const x = or(() => {
+  const u = I(() => {
     if (Array.isArray(n))
-      return n.length ? s == null ? void 0 : s.findIndex((c) => o(c) === o(n[0])) : 0;
+      return n.length ? o == null ? void 0 : o.findIndex((c) => s(c) === s(n[0])) : 0;
     if (n)
-      return (s == null ? void 0 : s.findIndex((c) => o(c) === o(n))) ?? 0;
-  }, [s, o, n]), f = U(
+      return (o == null ? void 0 : o.findIndex((c) => s(c) === s(n))) ?? 0;
+  }, [o, s, n]), x = z(
     (c) => {
       if (Number.isInteger(c)) {
         for (let t = c - 1; t >= 0; t--)
-          if (!(e != null && e.includes(o(s[t]))))
+          if (!(a != null && a.includes(s(o[t]))))
             return Math.max(t, 0);
       }
       return -1;
     },
-    [e, s, o]
-  ), d = U(
+    [a, o, s]
+  ), b = z(
     (c) => {
       if (Number.isInteger(c)) {
-        for (let t = c + 1; t < s.length; t++)
-          if (!(e != null && e.includes(o(s[t]))))
-            return Math.min(s.length - 1, t);
+        for (let t = c + 1; t < o.length; t++)
+          if (!(a != null && a.includes(s(o[t]))))
+            return Math.min(o.length - 1, t);
       }
       return -1;
     },
-    [e, s, o]
-  ), m = U(
+    [a, o, s]
+  ), m = z(
     (c) => {
-      if (a) {
-        const t = n ? [...n] : [], $ = t.map(o), T = $ != null && $.includes(o(c)) ? t.filter((P) => o(P) !== o(c)) : [...t, c];
-        a == null || a(T);
-      } else h && (h == null || h(c));
+      if (e) {
+        const t = (n ? [...n] : []).filter((O) => O !== void 0), k = t.map(s), B = k != null && k.includes(s(c)) ? t.filter((O) => s(O) !== s(c)) : [...t, c];
+        e == null || e(B);
+      } else d && (d == null || d(c));
     },
-    [o, a, h, n]
-  ), i = U(
-    (c) => Array.isArray(n) ? n.some((t) => o(t) === o(c)) : n ? o(n) === o(c) : !1,
-    [o, n]
-  ), [N, v] = Z(0), l = Rr(), b = W(void 0), S = U(
+    [s, e, d, n]
+  ), i = z(
+    (c) => Array.isArray(n) ? n.some((t) => s(t) === s(c)) : n ? s(n) === s(c) : !1,
+    [s, n]
+  ), [v, w] = M(0), l = Mr(), N = G(void 0), $ = z(
     (c) => {
-      var $;
-      const t = N;
+      var k;
+      const t = v;
       if (c.key === "ArrowDown") {
         c.preventDefault();
-        const T = d(t);
-        T >= 0 && (v(T), b.current = l);
+        const B = b(t);
+        B >= 0 && (w(B), N.current = l);
       } else if (c.key === "ArrowUp") {
         c.preventDefault();
-        const T = f(t);
-        T >= 0 && (v(T), b.current = l);
-      } else c.key === "Enter" ? m(s[N]) : c.key === "Tab" ? ($ = j.current) == null || $.focus() : c.key === "Escape" && (u == null || u(!1));
+        const B = x(t);
+        B >= 0 && (w(B), N.current = l);
+      } else c.key === "Enter" ? m(o[v]) : c.key === "Tab" ? (k = j.current) == null || k.focus() : c.key === "Escape" && (f == null || f(!1));
     },
     [
-      N,
-      s,
-      d,
-      f,
+      v,
+      o,
+      b,
+      x,
       j,
       l,
-      u,
+      f,
       m
     ]
-  ), y = U(
+  ), y = z(
     (c, t) => {
-      c && b.current !== l && (v(t), b.current = l);
+      c && N.current !== l && (w(t), N.current = l);
     },
     [l]
   );
   return {
-    activeItem: N,
-    setActiveItem: v,
+    activeItem: v,
+    setActiveItem: w,
     getItemIsSelected: i,
-    onKeyDown: S,
+    onKeyDown: $,
     onHoverChange: y,
-    selectedItemIndex: x,
+    selectedItemIndex: u,
     toggleSelection: m
   };
-}, _r = ({
-  selectedItemIndex: e,
-  setActiveItem: s
-}) => (g(() => {
-  if (e !== void 0 && e >= 0)
-    return s(e), () => {
-      s(0);
+}, Cr = ({
+  selectedItemIndex: a,
+  setActiveItem: o
+}) => (K(() => {
+  if (a !== void 0 && a >= 0)
+    return o(a), () => {
+      o(0);
     };
-}, [e, s]), null), pr = ({
-  direction: e,
-  disabledItemIdKeys: s,
-  getItemId: o,
+}, [a, o]), null), ur = ({
+  direction: a,
+  disabledItemIdKeys: o,
+  getItemId: s,
   getLabel: j,
-  isLoading: a,
-  items: h,
-  label: u,
+  isLoading: e,
+  items: d,
+  label: f,
   onLoadMore: n,
-  onMultiChange: x,
-  onQueryChange: f,
-  onSingleChange: d,
+  onMultiChange: u,
+  onQueryChange: x,
+  onSingleChange: b,
   open: m,
   placement: i,
-  searchInputRef: N,
-  selectRenderElements: v,
+  searchInputRef: v,
+  selectRenderElements: w,
   setOpenPopover: l,
-  triggerRef: b,
-  value: S
+  triggerRef: N,
+  value: $
 }) => {
-  var _, rr, V;
-  const { loadMore: y, noResultsFound: c } = vr(), { filteredItems: t, query: $, setQuery: T } = Gr({
+  var V, or, C;
+  const { loadMore: y, noResultsFound: c } = kr(), { filteredItems: t, query: k, setQuery: B } = Zr({
     getLabel: j,
-    items: h,
-    onQueryChange: f
-  }), { item: P } = Pr(), { isLoadMoreButtonFocused: z, loadMoreButtonRef: E, setIsLoadMoreButtonFocused: M } = Jr(m), {
-    activeItem: A,
-    getItemIsSelected: G,
-    onHoverChange: Y,
-    onKeyDown: D,
-    selectedItemIndex: k,
-    setActiveItem: F,
-    toggleSelection: J
-  } = Xr({
-    disabledItemIdKeys: s,
+    items: d,
+    onQueryChange: x
+  }), { item: O } = Rr(), { isLoadMoreButtonFocused: L, loadMoreButtonRef: E, setIsLoadMoreButtonFocused: Y } = Vr(m), {
+    activeItem: T,
+    getItemIsSelected: U,
+    onHoverChange: J,
+    onKeyDown: S,
+    selectedItemIndex: H,
+    setActiveItem: h,
+    toggleSelection: R
+  } = gr({
+    disabledItemIdKeys: o,
     filteredItems: t,
-    getItemId: o,
+    getItemId: s,
     loadMoreButtonRef: E,
-    onMultiChange: x,
-    onSingleChange: d,
-    value: S,
+    onMultiChange: u,
+    onSingleChange: b,
+    value: $,
     setOpenPopover: l
-  }), [K, I] = Z(
-    (_ = b.current) == null ? void 0 : _.offsetWidth
+  }), [X, Q] = M(
+    (V = N.current) == null ? void 0 : V.offsetWidth
   );
-  Or("resize", () => {
-    var w;
-    I((w = b.current) == null ? void 0 : w.offsetWidth);
+  Gr("resize", () => {
+    var F;
+    Q((F = N.current) == null ? void 0 : F.offsetWidth);
   });
-  const X = K ?? ((rr = b.current) == null ? void 0 : rr.offsetWidth), q = W(null), R = n ? ((t == null ? void 0 : t.length) ?? 0) + 1 : (t == null ? void 0 : t.length) ?? 0, O = Tr({
-    count: R,
+  const Z = X ?? ((or = N.current) == null ? void 0 : or.offsetWidth), _ = G(null), P = n ? ((t == null ? void 0 : t.length) ?? 0) + 1 : (t == null ? void 0 : t.length) ?? 0, D = Wr({
+    count: P,
     estimateSize: () => 40,
-    getScrollElement: () => q.current,
+    getScrollElement: () => _.current,
     overscan: 6
   });
-  g(() => {
-    A !== void 0 && A >= 0 && (t != null && t.length) && (A === t.length - 1 && n ? O.scrollToIndex(R) : O.scrollToIndex(Math.min(A, R - 1)));
-  }, [A, R, t.length, n, O]);
-  const Q = O.getVirtualItems();
+  K(() => {
+    T !== void 0 && T >= 0 && (t != null && t.length) && (T === t.length - 1 && n ? D.scrollToIndex(P) : D.scrollToIndex(Math.min(T, P - 1)));
+  }, [T, P, t.length, n, D]);
+  const g = D.getVirtualItems();
   return /* @__PURE__ */ r.jsx(
-    Er,
+    Lr,
     {
       className: "p-1",
       isOpen: m,
       disablePadding: !0,
-      triggerRef: b,
+      triggerRef: N,
       onOpenChange: l,
-      "aria-label": u,
+      "aria-label": f,
       shouldUpdatePosition: !0,
       placement: i,
       style: {
-        width: X && X > 280 ? X + "px" : "280px",
-        direction: e
+        width: Z && Z > 280 ? Z + "px" : "280px",
+        direction: a
       },
       children: m ? /* @__PURE__ */ r.jsxs("div", { className: "gap-1", children: [
         /* @__PURE__ */ r.jsx(
-          Yr,
+          Qr,
           {
-            onQueryChange: f,
-            isLoading: a,
-            query: $,
-            setQuery: (w) => {
-              ur(() => {
-                T(w), F(0);
-              }), O.scrollToOffset(0);
+            onQueryChange: x,
+            isLoading: e,
+            query: k,
+            setQuery: (F) => {
+              fr(() => {
+                B(F), h(0);
+              }), D.scrollToOffset(0);
             },
-            searchInputRef: N,
-            onKeyDown: (w) => {
-              w.stopPropagation(), D(w);
+            searchInputRef: v,
+            onKeyDown: (F) => {
+              F.stopPropagation(), S(F);
             }
           }
         ),
-        /* @__PURE__ */ r.jsx(_r, { selectedItemIndex: k, setActiveItem: F }),
+        /* @__PURE__ */ r.jsx(Cr, { selectedItemIndex: H, setActiveItem: h }),
         /* @__PURE__ */ r.jsx(
           "div",
           {
-            ref: q,
+            ref: _,
             className: "w-full overflow-y-auto",
             style: {
               contain: "strict",
-              height: Math.min(288, O.getTotalSize() + (n ? 4 : 0))
+              height: Math.min(288, D.getTotalSize() + (n ? 4 : 0))
             },
             children: /* @__PURE__ */ r.jsx(
               "div",
               {
                 className: "relative w-full",
                 style: {
-                  height: O.getTotalSize()
+                  height: D.getTotalSize()
                 },
                 children: /* @__PURE__ */ r.jsx(
                   "div",
                   {
                     className: "absolute start-0 top-0 w-full",
                     style: {
-                      transform: `translateY(${((V = Q == null ? void 0 : Q[0]) == null ? void 0 : V.start) ?? 0}px)`
+                      transform: `translateY(${((C = g == null ? void 0 : g[0]) == null ? void 0 : C.start) ?? 0}px)`
                     },
-                    children: Q.map((w) => {
-                      if (w.index === R - 1 && n)
+                    children: g.map((F) => {
+                      if (F.index === P - 1 && n)
                         return /* @__PURE__ */ r.jsx(
                           "div",
                           {
-                            "data-index": w.index,
-                            ref: O.measureElement,
+                            "data-index": F.index,
+                            ref: D.measureElement,
                             children: /* @__PURE__ */ r.jsxs("div", { children: [
-                              /* @__PURE__ */ r.jsx(Ur, { className: "my-1" }),
+                              /* @__PURE__ */ r.jsx(Yr, { className: "my-1" }),
                               /* @__PURE__ */ r.jsx(
-                                lr,
+                                er,
                                 {
-                                  isDisabled: a,
-                                  onFocusChange: M,
-                                  onHoverChange: M,
+                                  isDisabled: e,
+                                  onFocusChange: Y,
+                                  onHoverChange: Y,
                                   ref: E,
-                                  className: P({
+                                  className: O({
                                     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 p;
-                                    n(), (p = N.current) == null || p.focus();
+                                    n(), (p = v.current) == null || p.focus();
                                   },
                                   onKeyDown: (p) => {
-                                    var B;
-                                    p.key === "ArrowUp" && (p.preventDefault(), (B = N.current) == null || B.focus());
+                                    var q;
+                                    p.key === "ArrowUp" && (p.preventDefault(), (q = v.current) == null || q.focus());
                                   },
                                   children: y
                                 }
                               )
                             ] })
                           },
-                          w.key
+                          F.key
                         );
                       {
-                        const p = t[w.index];
+                        const p = t[F.index];
                         return /* @__PURE__ */ r.jsx(
                           "div",
                           {
-                            "data-index": w.index,
-                            ref: O.measureElement,
-                            children: x ? /* @__PURE__ */ r.jsx(
-                              br,
+                            "data-index": F.index,
+                            ref: D.measureElement,
+                            children: u ? /* @__PURE__ */ r.jsx(
+                              $r,
                               {
-                                value: o(p).toString(),
+                                value: s(p).toString(),
                                 className: "w-full text-start outline-none",
-                                onHoverChange: (B) => {
-                                  Y(B, w.index);
+                                onHoverChange: (q) => {
+                                  J(q, F.index);
                                 },
-                                isDisabled: (s == null ? void 0 : s.includes(o(p))) ?? !1,
-                                onKeyDown: D,
-                                onChange: () => J(p),
+                                isDisabled: (o == null ? void 0 : o.includes(s(p))) ?? !1,
+                                onKeyDown: S,
+                                onChange: () => R(p),
                                 children: /* @__PURE__ */ r.jsx(
-                                  mr,
+                                  br,
                                   {
                                     hasSelection: !0,
                                     item: p,
                                     state: {
-                                      active: A === w.index && !z,
-                                      disabled: (s == null ? void 0 : s.includes(o(p))) ?? !1,
-                                      selected: G(p)
+                                      active: T === F.index && !L,
+                                      disabled: (o == null ? void 0 : o.includes(s(p))) ?? !1,
+                                      selected: U(p)
                                     },
-                                    selectRenderElements: v
+                                    selectRenderElements: w
                                   },
-                                  o(p)
+                                  s(p)
                                 )
                               },
-                              o(p)
+                              s(p)
                             ) : /* @__PURE__ */ r.jsx(
-                              hr,
+                              Sr,
                               {
-                                value: o(p).toString(),
-                                "data-index": w.index,
+                                value: s(p).toString(),
+                                "data-index": F.index,
                                 className: "w-full text-start outline-none",
-                                onHoverChange: (B) => {
-                                  Y(B, w.index);
+                                onHoverChange: (q) => {
+                                  J(q, F.index);
                                 },
-                                isDisabled: (s == null ? void 0 : s.includes(o(p))) ?? !1,
-                                onKeyDown: D,
+                                isDisabled: (o == null ? void 0 : o.includes(s(p))) ?? !1,
+                                onKeyDown: S,
                                 children: /* @__PURE__ */ r.jsx(
-                                  mr,
+                                  br,
                                   {
                                     hasSelection: !0,
                                     item: p,
                                     state: {
-                                      active: A === w.index && !z,
-                                      disabled: (s == null ? void 0 : s.includes(o(p))) ?? !1,
-                                      selected: G(p)
+                                      active: T === F.index && !L,
+                                      disabled: (o == null ? void 0 : o.includes(s(p))) ?? !1,
+                                      selected: U(p)
                                     },
-                                    selectRenderElements: v
+                                    selectRenderElements: w
                                   },
-                                  o(p)
+                                  s(p)
                                 )
                               },
-                              o(p)
+                              s(p)
                             )
                           },
-                          w.key
+                          F.key
                         );
                       }
                     })
@@ -607,358 +607,365 @@ const Zr = ({
             )
           }
         ),
-        R ? null : /* @__PURE__ */ r.jsx(xr, { variant: "body-medium", color: "secondary", className: "px-2.5", children: c })
+        P ? null : /* @__PURE__ */ r.jsx(mr, { variant: "body-medium", color: "secondary", className: "px-2.5", children: c })
       ] }) : null
     }
   );
-}, fr = ({
-  getItemId: e,
-  name: s,
-  value: o
-}) => s ? Array.isArray(o) ? o.map((j) => /* @__PURE__ */ r.jsx("input", { type: "hidden", name: s, value: e(j) }, e(j))) : o ? /* @__PURE__ */ r.jsx("input", { type: "hidden", name: s, value: e(o) }) : null : null, Go = ({
-  "aria-label": e,
-  defaultValue: s,
-  description: o,
+}, hr = ({
+  getItemId: a,
+  name: o,
+  value: s
+}) => o ? Array.isArray(s) ? s.map((j) => /* @__PURE__ */ r.jsx("input", { type: "hidden", name: o, value: a(j) }, a(j))) : s ? /* @__PURE__ */ r.jsx("input", { type: "hidden", name: o, value: a(s) }) : null : null, Zs = ({
+  "aria-label": a,
+  defaultValue: o,
+  description: s,
   disableClearLogic: j,
-  disabledItemIdKeys: a,
-  endSlot: h,
-  errorMessage: u,
+  disabledItemIdKeys: e,
+  endSlot: d,
+  errorMessage: f,
   fullWidth: n = !0,
-  getItemId: x,
-  getLabel: f,
-  hideHintLabel: d,
+  getItemId: u,
+  getLabel: x,
+  hideHintLabel: b,
   hideInputFooter: m,
   hideInputHeader: i,
-  isDisabled: N,
-  isInvalid: v,
+  isDisabled: v,
+  isInvalid: w,
   isLoading: l,
-  isRequired: b,
-  items: S,
+  isRequired: N,
+  items: $,
   label: y,
   name: c,
   onChange: t,
-  onLoadMore: $,
-  onQueryChange: T,
-  outerEndSlot: P,
-  outerStartSlot: z,
+  onLoadMore: k,
+  onQueryChange: B,
+  outerEndSlot: O,
+  outerStartSlot: L,
   placeholder: E,
-  placement: M = "bottom start",
-  renderCustomElementInValueButton: A,
-  selectRenderElements: G,
-  startSlot: Y,
-  value: D
+  placement: Y = "bottom start",
+  renderCustomElementInValueButton: T,
+  selectRenderElements: U,
+  startSlot: J,
+  value: S
 }) => {
-  const { isDisabled: k } = nr(er), F = W(null), J = W(null), K = W(null), [I, X] = Z(D ?? s), [q, R] = Z(!1), O = () => {
-    var H;
-    R(!0), (H = J.current) == null || H.click();
-  }, Q = () => R(!1), _ = U(
-    (H) => {
-      X(H), t == null || t(H), Q();
+  const { isDisabled: H } = cr(ar), h = G(null), R = G(null), X = G(null), [Q, Z] = M(S ?? o), [_, P] = M(!1), D = () => {
+    var W;
+    P(!0), (W = R.current) == null || W.click();
+  }, g = () => P(!1), V = z(
+    (W) => {
+      Z(W), t == null || t(W), g();
     },
     [t]
-  ), { direction: rr } = ar(), V = or(
-    () => wr({ hideHintLabel: d, hideInputHeader: i, label: y }),
-    [d, i, y]
-  ), w = or(
-    () => kr({ description: o, errorMessage: u, hideInputFooter: m }),
-    [o, u, m]
-  ), { outerSlot: sr, outerSlotsWrapper: p, wrapper: B } = C({
+  ), { direction: or } = pr(), C = I(
+    () => Dr({ hideHintLabel: b, hideInputHeader: i, label: y }),
+    [b, i, y]
+  ), F = I(
+    () => Br({ description: s, errorMessage: f, hideInputFooter: m }),
+    [s, f, m]
+  ), { outerSlot: sr, outerSlotsWrapper: p, wrapper: q } = rr({
     fullWidth: n,
-    isInvalid: v,
-    isDisabled: N || k,
-    hasInputHeader: V,
+    isInvalid: w,
+    isDisabled: v || H,
+    hasInputHeader: C,
     hasLabel: !!y
   });
-  g(() => {
-    X(D ?? s);
-  }, [s, D]);
-  const L = D ?? I;
+  K(() => {
+    Z(S ?? o);
+  }, [o, S]);
+  const A = S ?? Q;
   return /* @__PURE__ */ r.jsx(
-    jr,
+    Nr,
     {
       name: c,
-      isRequired: b,
-      value: L ? x(L).toString() : void 0,
-      onChange: (H) => {
-        _(S.find((Fr) => x(Fr).toString() === H));
+      isRequired: N,
+      value: A ? u(A).toString() : void 0,
+      onChange: (W) => {
+        V($.find((tr) => u(tr).toString() === W));
       },
-      children: ({ isInvalid: H }) => /* @__PURE__ */ r.jsxs(cr, { values: [[ir, { slot: null }]], children: [
+      children: ({ isInvalid: W }) => /* @__PURE__ */ r.jsxs(ir, { values: [[lr, { slot: null }]], children: [
         /* @__PURE__ */ r.jsx(
-          hr,
+          Sr,
           {
             className: "hidden",
-            value: L ? x(L).toString() : ""
+            value: A ? u(A).toString() : ""
           }
         ),
         /* @__PURE__ */ r.jsxs("div", { className: p(), children: [
-          z ? /* @__PURE__ */ r.jsx("div", { className: sr(), children: z }) : null,
-          /* @__PURE__ */ r.jsxs("div", { className: B(), children: [
-            V ? /* @__PURE__ */ r.jsx(Sr, { label: y, hideHintLabel: d, isRequired: b }) : null,
-            /* @__PURE__ */ r.jsx("div", { ref: K, children: /* @__PURE__ */ r.jsx(
-              Zr,
+          L ? /* @__PURE__ */ r.jsx("div", { className: sr(), children: L }) : null,
+          /* @__PURE__ */ r.jsxs("div", { className: q(), children: [
+            C ? /* @__PURE__ */ r.jsx(Fr, { label: y, hideHintLabel: b, isRequired: N }) : null,
+            /* @__PURE__ */ r.jsx("div", { ref: X, children: /* @__PURE__ */ r.jsx(
+              _r,
               {
                 disableClearLogic: j,
-                endSlot: h,
+                endSlot: d,
                 fullWidth: n,
-                getLabel: f,
-                getItemId: x,
-                isDisabled: N,
-                isInvalid: v || H || !!u,
-                open: q,
-                openPopover: O,
-                onChange: _,
+                getLabel: x,
+                getItemId: u,
+                isDisabled: v,
+                isInvalid: w || W || !!f,
+                open: _,
+                openPopover: D,
+                onChange: V,
                 placeholder: E,
-                searchInputRef: F,
-                startSlot: Y,
-                value: L,
-                renderCustomElementInValueButton: A,
-                selectRenderElements: G,
-                "aria-label": e
+                searchInputRef: h,
+                startSlot: J,
+                value: A,
+                renderCustomElementInValueButton: T,
+                selectRenderElements: U,
+                "aria-label": a
               }
             ) }),
-            w ? /* @__PURE__ */ r.jsx($r, { description: o, errorMessage: u }) : null
+            F ? /* @__PURE__ */ r.jsx(yr, { description: s, errorMessage: f }) : null
           ] }),
-          P ? /* @__PURE__ */ r.jsx("div", { className: sr(), children: P }) : null
+          O ? /* @__PURE__ */ r.jsx("div", { className: sr(), children: O }) : null
         ] }),
         /* @__PURE__ */ r.jsx(
-          pr,
+          ur,
           {
-            triggerRef: K,
+            triggerRef: X,
             label: y,
-            getItemId: x,
-            getLabel: f,
-            items: S,
-            open: q,
-            setOpenPopover: R,
-            selectRenderElements: G,
-            disabledItemIdKeys: a,
-            direction: rr,
-            onQueryChange: T,
+            getItemId: u,
+            getLabel: x,
+            items: $,
+            open: _,
+            setOpenPopover: P,
+            selectRenderElements: U,
+            disabledItemIdKeys: e,
+            direction: or,
+            onQueryChange: B,
             isLoading: l,
-            searchInputRef: F,
-            onLoadMore: $,
-            placement: M,
-            value: L,
-            onSingleChange: _
+            searchInputRef: h,
+            onLoadMore: k,
+            placement: Y,
+            value: A,
+            onSingleChange: V
           }
         )
       ] })
     }
   );
-}, Ro = ({
-  "aria-label": e,
-  defaultValue: s,
-  description: o,
+}, Ms = ({
+  "aria-label": a,
+  defaultValue: o,
+  description: s,
   disableClearLogic: j,
-  disabledItemIdKeys: a,
-  endSlot: h,
-  errorMessage: u,
+  disabledItemIdKeys: e,
+  endSlot: d,
+  errorMessage: f,
   fullWidth: n = !0,
-  getItemId: x,
-  getLabel: f,
-  hideHintLabel: d,
+  getItemId: u,
+  getLabel: x,
+  hideHintLabel: b,
   hideInputFooter: m,
   hideInputHeader: i,
-  isDisabled: N,
-  isInvalid: v,
+  isDisabled: v,
+  isInvalid: w,
   isLoading: l,
-  isRequired: b,
-  items: S,
+  isRequired: N,
+  items: $,
   label: y,
   labelId: c,
   name: t,
-  onChange: $,
-  onLoadMore: T,
-  onQueryChange: P,
-  outerEndSlot: z,
+  onChange: k,
+  onLoadMore: B,
+  onQueryChange: O,
+  outerEndSlot: L,
   outerStartSlot: E,
-  placeholder: M,
-  placement: A = "bottom start",
-  selectRenderElements: G,
-  startSlot: Y,
-  value: D
+  placeholder: Y,
+  placement: T = "bottom start",
+  selectRenderElements: U,
+  startSlot: J,
+  value: S
 }) => {
-  const { isDisabled: k } = nr(er), F = W(null), J = W(null), [K, I] = Z(D ?? s), [X, q] = Z(!1), R = () => {
-    q(!0);
-  }, O = U(
-    (B) => {
-      var L;
-      I(B), $ == null || $(B), (L = F.current) == null || L.focus();
+  const { isDisabled: H } = cr(ar), h = G(null), R = G(null), [X, Q] = M(S ?? o), [Z, _] = M(!1), P = () => {
+    _(!0);
+  }, D = z(
+    (A) => {
+      var W;
+      Q(A), k == null || k(A), (W = h.current) == null || W.focus();
     },
-    [$]
-  ), { direction: Q } = ar(), _ = or(
-    () => wr({ hideHintLabel: d, hideInputHeader: i, label: y }),
-    [d, i, y]
-  ), rr = or(
-    () => kr({ description: o, errorMessage: u, hideInputFooter: m }),
-    [o, u, m]
-  ), { outerSlot: V, outerSlotsWrapper: w, wrapper: sr } = C({
+    [k]
+  ), { direction: g } = pr(), V = I(
+    () => Dr({ hideHintLabel: b, hideInputHeader: i, label: y }),
+    [b, i, y]
+  ), or = I(
+    () => Br({ description: s, errorMessage: f, hideInputFooter: m }),
+    [s, f, m]
+  ), { outerSlot: C, outerSlotsWrapper: F, wrapper: sr } = rr({
     fullWidth: n,
-    isInvalid: v,
-    isDisabled: N || k,
-    hasInputHeader: _,
+    isInvalid: w,
+    isDisabled: v || H,
+    hasInputHeader: V,
     hasLabel: !!y
   });
-  g(() => {
-    I(D ?? s);
-  }, [s, D]);
-  const p = D ?? K;
+  K(() => {
+    Q(S ?? o);
+  }, [o, S]);
+  const p = I(() => S ?? X, [X, S]), q = z(
+    (A) => {
+      const W = A == null ? void 0 : A.reduce((tr, jr) => {
+        const Tr = $.find((xr) => u(xr).toString() === jr), Ar = p == null ? void 0 : p.find(
+          (xr) => u(xr).toString() === jr
+        ), dr = Tr ?? Ar;
+        return dr ? [...tr, dr] : tr;
+      }, []);
+      D(W);
+    },
+    [u, $, D, p]
+  );
   return /* @__PURE__ */ r.jsx(
-    dr,
+    vr,
     {
-      value: p == null ? void 0 : p.map((B) => x(B).toString()),
-      onChange: (B) => {
-        O(
-          B == null ? void 0 : B.map((L) => S.find((H) => x(H).toString() === L))
-        );
-      },
-      isRequired: b,
-      children: ({ isInvalid: B }) => /* @__PURE__ */ r.jsxs(cr, { values: [[ir, { slot: null }]], children: [
-        /* @__PURE__ */ r.jsx(fr, { name: t, value: p, getItemId: x }),
-        /* @__PURE__ */ r.jsx(br, { className: "hidden" }),
-        /* @__PURE__ */ r.jsxs("div", { className: w(), children: [
-          E ? /* @__PURE__ */ r.jsx("div", { className: V(), children: E }) : null,
+      value: p == null ? void 0 : p.map((A) => u(A).toString()),
+      onChange: q,
+      isRequired: N,
+      children: ({ isInvalid: A }) => /* @__PURE__ */ r.jsxs(ir, { values: [[lr, { slot: null }]], children: [
+        /* @__PURE__ */ r.jsx(hr, { name: t, value: p, getItemId: u }),
+        /* @__PURE__ */ r.jsx($r, { className: "hidden" }),
+        /* @__PURE__ */ r.jsxs("div", { className: F(), children: [
+          E ? /* @__PURE__ */ r.jsx("div", { className: C(), children: E }) : null,
           /* @__PURE__ */ r.jsxs("div", { className: sr(), children: [
-            _ ? /* @__PURE__ */ r.jsx(
-              Sr,
+            V ? /* @__PURE__ */ r.jsx(
+              Fr,
               {
                 label: y,
-                isRequired: b,
-                hideHintLabel: d,
+                isRequired: N,
+                hideHintLabel: b,
                 labelId: c
               }
             ) : null,
-            /* @__PURE__ */ r.jsx("div", { ref: J, children: /* @__PURE__ */ r.jsx(
-              Mr,
+            /* @__PURE__ */ r.jsx("div", { ref: R, children: /* @__PURE__ */ r.jsx(
+              qr,
               {
                 disableClearLogic: j,
-                endSlot: h,
+                endSlot: d,
                 fullWidth: n,
-                getLabel: f,
-                getItemId: x,
-                isDisabled: N,
-                isInvalid: v || !!u || B,
-                onChange: O,
-                open: X,
-                openPopover: R,
-                placeholder: M,
-                searchInputRef: F,
-                startSlot: Y,
+                getLabel: x,
+                getItemId: u,
+                isDisabled: v,
+                isInvalid: w || !!f || A,
+                onChange: D,
+                open: Z,
+                openPopover: P,
+                placeholder: Y,
+                searchInputRef: h,
+                startSlot: J,
                 value: p,
-                "aria-label": e
+                "aria-label": a
               }
             ) }),
-            rr ? /* @__PURE__ */ r.jsx($r, { description: o, errorMessage: u }) : null
+            or ? /* @__PURE__ */ r.jsx(yr, { description: s, errorMessage: f }) : null
           ] }),
-          z ? /* @__PURE__ */ r.jsx("div", { className: V(), children: z }) : null
+          L ? /* @__PURE__ */ r.jsx("div", { className: C(), children: L }) : null
         ] }),
         /* @__PURE__ */ r.jsx(
-          pr,
+          ur,
           {
             label: y,
-            searchInputRef: F,
-            triggerRef: J,
-            getItemId: x,
-            getLabel: f,
-            items: S,
-            onMultiChange: O,
+            searchInputRef: h,
+            triggerRef: R,
+            getItemId: u,
+            getLabel: x,
+            items: $,
+            onMultiChange: D,
             value: p,
-            placement: A,
-            open: X,
-            setOpenPopover: q,
-            selectRenderElements: G,
-            disabledItemIdKeys: a,
-            direction: Q,
-            onQueryChange: P,
+            placement: T,
+            open: Z,
+            setOpenPopover: _,
+            selectRenderElements: U,
+            disabledItemIdKeys: e,
+            direction: g,
+            onQueryChange: O,
             isLoading: l,
-            onLoadMore: T
+            onLoadMore: B
           }
         )
       ] })
     }
   );
-}, Uo = ({
-  children: e,
-  defaultValue: s,
-  disabledItemIdKeys: o,
+}, Ys = ({
+  children: a,
+  defaultValue: o,
+  disabledItemIdKeys: s,
   fullWidth: j = !1,
   // TODO: ask about it
-  getItemId: a,
-  getLabel: h,
-  isDisabled: u,
+  getItemId: e,
+  getLabel: d,
+  isDisabled: f,
   isInvalid: n,
-  isLoading: x,
-  items: f,
-  label: d,
+  isLoading: u,
+  items: x,
+  label: b,
   name: m,
   onChange: i,
-  onLoadMore: N,
-  onQueryChange: v,
+  onLoadMore: v,
+  onQueryChange: w,
   placement: l = "bottom start",
-  selectRenderElements: b,
-  value: S
+  selectRenderElements: N,
+  value: $
 }) => {
-  const { isDisabled: y } = nr(er), c = W(null), t = W(null), $ = W(null), [T, P] = Z(S ?? s), [z, E] = Z(!1), M = () => {
-    var F;
-    E(!0), (F = t.current) == null || F.click();
-  }, A = () => E(!1), G = U(
-    (F) => {
-      P(F), i == null || i(F), A();
+  const { isDisabled: y } = cr(ar), c = G(null), t = G(null), k = G(null), [B, O] = M($ ?? o), [L, E] = M(!1), Y = () => {
+    var h;
+    E(!0), (h = t.current) == null || h.click();
+  }, T = () => E(!1), U = z(
+    (h) => {
+      O(h), i == null || i(h), T();
     },
     [i]
-  ), { direction: Y } = ar(), { wrapper: D } = C({
+  ), { direction: J } = pr(), { wrapper: S } = rr({
     fullWidth: j,
     isInvalid: n,
-    isDisabled: u
+    isDisabled: f
   });
-  g(() => {
-    P(S ?? s);
-  }, [s, S]);
-  const k = S ?? T;
+  K(() => {
+    O($ ?? o);
+  }, [o, $]);
+  const H = $ ?? B;
   return /* @__PURE__ */ r.jsx(
-    jr,
+    Nr,
     {
       name: m,
-      value: k ? a(k).toString() : void 0,
-      onChange: (F) => {
-        G(f.find((J) => a(J).toString() === F));
+      value: H ? e(H).toString() : void 0,
+      onChange: (h) => {
+        U(x.find((R) => e(R).toString() === h));
       },
       children: /* @__PURE__ */ r.jsx(
-        cr,
+        ir,
         {
           values: [
             [
-              Nr,
+              wr,
               {
-                onPress: () => M(),
-                isDisabled: u || y
+                onPress: () => Y(),
+                isDisabled: f || y
               }
             ],
-            [ir, { slot: null }]
+            [lr, { slot: null }]
           ],
           children: /* @__PURE__ */ r.jsxs("div", { children: [
-            /* @__PURE__ */ r.jsx(fr, { name: m, value: k, getItemId: a }),
-            /* @__PURE__ */ r.jsx("div", { className: D(), children: /* @__PURE__ */ r.jsx("div", { ref: $, children: e }) }),
+            /* @__PURE__ */ r.jsx(hr, { name: m, value: H, getItemId: e }),
+            /* @__PURE__ */ r.jsx("div", { className: S(), children: /* @__PURE__ */ r.jsx("div", { ref: k, children: a }) }),
             /* @__PURE__ */ r.jsx(
-              pr,
+              ur,
               {
-                triggerRef: $,
-                label: d,
-                getItemId: a,
-                getLabel: h,
-                items: f,
-                open: z,
+                triggerRef: k,
+                label: b,
+                getItemId: e,
+                getLabel: d,
+                items: x,
+                open: L,
                 setOpenPopover: E,
-                selectRenderElements: b,
-                disabledItemIdKeys: o,
-                direction: Y,
-                onLoadMore: N,
-                onQueryChange: v,
-                isLoading: x,
+                selectRenderElements: N,
+                disabledItemIdKeys: s,
+                direction: J,
+                onLoadMore: v,
+                onQueryChange: w,
+                isLoading: u,
                 searchInputRef: c,
                 placement: l,
-                value: k,
-                onSingleChange: G
+                value: H,
+                onSingleChange: U
               }
             )
           ] })
@@ -966,85 +973,92 @@ const Zr = ({
       )
     }
   );
-}, Lo = ({
-  children: e,
-  defaultValue: s,
-  disabledItemIdKeys: o,
+}, Js = ({
+  children: a,
+  defaultValue: o,
+  disabledItemIdKeys: s,
   fullWidth: j = !0,
-  getItemId: a,
-  getLabel: h,
-  isDisabled: u,
+  getItemId: e,
+  getLabel: d,
+  isDisabled: f,
   isInvalid: n,
-  isLoading: x,
-  items: f,
-  label: d,
+  isLoading: u,
+  items: x,
+  label: b,
   name: m,
   onChange: i,
-  onLoadMore: N,
-  onQueryChange: v,
+  onLoadMore: v,
+  onQueryChange: w,
   placement: l = "bottom start",
-  selectRenderElements: b,
-  value: S
+  selectRenderElements: N,
+  value: $
 }) => {
-  const { isDisabled: y } = nr(er), c = W(null), t = W(null), $ = W(null), [T, P] = Z(S ?? s), [z, E] = Z(!1), M = () => {
-    var k;
-    E(!0), (k = t.current) == null || k.click();
-  }, A = U(
-    (k) => {
-      var F;
-      P(k), i == null || i(k), (F = c.current) == null || F.focus();
+  const { isDisabled: y } = cr(ar), c = G(null), t = G(null), k = G(null), [B, O] = M($ ?? o), [L, E] = M(!1), Y = () => {
+    var h;
+    E(!0), (h = t.current) == null || h.click();
+  }, T = z(
+    (h) => {
+      var R;
+      O(h), i == null || i(h), (R = c.current) == null || R.focus();
     },
     [i]
-  ), { direction: G } = ar(), { wrapper: Y } = C({
+  ), { direction: U } = pr(), { wrapper: J } = rr({
     fullWidth: j,
     isInvalid: n,
-    isDisabled: u
+    isDisabled: f
   });
-  g(() => {
-    P(S ?? s);
-  }, [s, S]);
-  const D = S ?? T;
+  K(() => {
+    O($ ?? o);
+  }, [o, $]);
+  const S = I(() => $ ?? B, [B, $]), H = z(
+    (h) => {
+      const R = h == null ? void 0 : h.reduce((X, Q) => {
+        const Z = x.find((D) => e(D).toString() === Q), _ = S == null ? void 0 : S.find(
+          (D) => e(D).toString() === Q
+        ), P = Z ?? _;
+        return P ? [...X, P] : X;
+      }, []);
+      T(R);
+    },
+    [e, x, T, S]
+  );
   return /* @__PURE__ */ r.jsx(
-    dr,
+    vr,
     {
-      value: D == null ? void 0 : D.map((k) => a(k).toString()),
-      onChange: (k) => {
-        A(
-          k == null ? void 0 : k.map((F) => f.find((J) => a(J).toString() === F))
-        );
-      },
+      value: S == null ? void 0 : S.map((h) => e(h).toString()),
+      onChange: H,
       children: /* @__PURE__ */ r.jsx(
-        cr,
+        ir,
         {
           values: [
             [
-              Nr,
-              { onPress: () => M(), isDisabled: u || y }
+              wr,
+              { onPress: () => Y(), isDisabled: f || y }
             ],
-            [ir, { slot: null }]
+            [lr, { slot: null }]
           ],
           children: /* @__PURE__ */ r.jsxs("div", { children: [
-            /* @__PURE__ */ r.jsx(fr, { name: m, value: D, getItemId: a }),
-            /* @__PURE__ */ r.jsx("div", { className: Y(), children: /* @__PURE__ */ r.jsx("div", { ref: $, children: e }) }),
+            /* @__PURE__ */ r.jsx(hr, { name: m, value: S, getItemId: e }),
+            /* @__PURE__ */ r.jsx("div", { className: J(), children: /* @__PURE__ */ r.jsx("div", { ref: k, children: a }) }),
             /* @__PURE__ */ r.jsx(
-              pr,
+              ur,
               {
-                label: d,
+                label: b,
                 searchInputRef: c,
-                triggerRef: $,
-                getItemId: a,
-                getLabel: h,
-                items: f,
-                onLoadMore: N,
-                open: z,
+                triggerRef: k,
+                getItemId: e,
+                getLabel: d,
+                items: x,
+                onLoadMore: v,
+                open: L,
                 setOpenPopover: E,
-                selectRenderElements: b,
-                disabledItemIdKeys: o,
-                direction: G,
-                onQueryChange: v,
-                isLoading: x,
-                value: D,
-                onMultiChange: A,
+                selectRenderElements: N,
+                disabledItemIdKeys: s,
+                direction: U,
+                onQueryChange: w,
+                isLoading: u,
+                value: S,
+                onMultiChange: T,
                 placement: l
               }
             )
@@ -1055,8 +1069,8 @@ const Zr = ({
   );
 };
 export {
-  Ro as MultiSearchListField,
-  Lo as MultiSearchListFieldWithCustomTrigger,
-  Go as SearchListField,
-  Uo as SearchListFieldWithCustomTrigger
+  Ms as MultiSearchListField,
+  Js as MultiSearchListFieldWithCustomTrigger,
+  Zs as SearchListField,
+  Ys as SearchListFieldWithCustomTrigger
 };