@new-black/lyra 1.0.30 → 1.0.31

package/dist/lyra37.js

@@ -1,15 +1,15 @@
 import { j as r } from "./lyra90.js";
-import { useContext as rr, useRef as F, useState as M, useCallback as T, useEffect as J, useId as xr, useMemo as fr } from "react";
-import { Provider as lr, ButtonContext as pr, Button as K, Group as dr, Input as jr } from "./lyra89.js";
-import { flushSync as nr } from "react-dom";
-import { useVirtualizer as hr } from "./lyra616.js";
-import { clsx as br } from "./lyra450.js";
+import { useContext as nr, useRef as B, useState as z, useCallback as E, useMemo as sr, useEffect as X, useId as Nr } from "react";
+import { Provider as ar, ButtonContext as mr, Button as tr, Group as vr, Input as wr } from "./lyra89.js";
+import { flushSync as ur } from "react-dom";
+import { useVirtualizer as br } from "./lyra617.js";
+import { clsx as Sr } from "./lyra450.js";
 import "./lyra2.js";
 import "./lyra3.js";
 import "./lyra4.js";
 import "./lyra5.js";
 import "./lyra6.js";
-import { SvgIcon as I } from "./lyra65.js";
+import { SvgIcon as or } from "./lyra65.js";
 import "./lyra8.js";
 import "./lyra9.js";
 import "./lyra10.js";
@@ -28,35 +28,36 @@ import "./lyra22.js";
 import "./lyra23.js";
 import "./lyra24.js";
 import "./lyra25.js";
-import { FieldGroupContext as tr } from "./lyra26.js";
+import { FieldGroupContext as cr } from "./lyra26.js";
 import "./lyra27.js";
 import "./lyra28.js";
 import "./lyra29.js";
-import { useDictionary as ur } from "./lyra95.js";
+import { useDictionary as xr } from "./lyra95.js";
 import "./lyra80.js";
-import "./lyra458.js";
-import { InputHeader as ar } from "./lyra38.js";
-import { InputFooter as mr } from "./lyra39.js";
-import { sharedInputStyles as Q } from "./lyra40.js";
+import "./lyra452.js";
+import { InputHeader as fr } from "./lyra38.js";
+import { InputFooter as dr } from "./lyra39.js";
+import { sharedInputStyles as q } from "./lyra40.js";
 import "./lyra44.js";
 import "./lyra31.js";
 import "./lyra32.js";
 import "./lyra33.js";
 import "./lyra34.js";
 import "./lyra35.js";
-import Nr from "./lyra597.js";
-import { sharedListItemStyles as wr } from "./lyra452.js";
-import { SharedListItem as vr } from "./lyra453.js";
-import { Popover as Sr } from "./lyra53.js";
+import yr from "./lyra597.js";
+import { sharedListItemStyles as Fr } from "./lyra453.js";
+import { SharedListItem as kr } from "./lyra454.js";
+import { Popover as Or } from "./lyra53.js";
 import "./lyra54.js";
 import "./lyra55.js";
 import "./lyra56.js";
-import { Text as ir } from "./lyra73.js";
+import { Text as pr } from "./lyra73.js";
 import "./lyra74.js";
-import { InputTagGroup as yr, InputTag as kr } from "./lyra459.js";
-import "./lyra460.js";
-import { useFilterItemsByQuery as Fr } from "./lyra85.js";
-import { useMousePosition as Or } from "./lyra84.js";
+import { InputTagGroup as $r, InputTag as Br } from "./lyra455.js";
+import "./lyra456.js";
+import { shouldRenderInputHeader as jr, shouldRenderInputFooter as hr } from "./lyra610.js";
+import { useFilterItemsByQuery as Dr } from "./lyra85.js";
+import { useMousePosition as Pr } from "./lyra84.js";
 import "./lyra41.js";
 import "./lyra42.js";
 import "./lyra43.js";
@@ -68,13 +69,13 @@ import "./lyra49.js";
 import "./lyra50.js";
 import "./lyra51.js";
 import "./lyra52.js";
-import { Separator as $r } from "./lyra57.js";
+import { Separator as Ar } from "./lyra57.js";
 import "./lyra58.js";
 import "./lyra59.js";
 import "./lyra60.js";
 import "./lyra61.js";
 import "./lyra62.js";
-import { Spinner as Br } from "./lyra63.js";
+import { Spinner as Tr } from "./lyra63.js";
 import "./lyra64.js";
 import "./lyra67.js";
 import "./lyra68.js";
@@ -87,61 +88,61 @@ import "./lyra78.js";
 import "./lyra79.js";
 import "./lyra81.js";
 import "./lyra98.js";
-import { useSpinDelay as Dr } from "./lyra87.js";
-import { useLocale as sr } from "./lyra88.js";
-const Pr = ({
-  disableClearLogic: e,
-  endSlot: t,
-  fullWidth: s,
-  getLabel: l,
-  isDisabled: f,
-  isInvalid: p,
+import { useSpinDelay as Er } from "./lyra87.js";
+import { useLocale as er } from "./lyra88.js";
+const Rr = ({
+  disableClearLogic: n,
+  endSlot: s,
+  fullWidth: o,
+  getLabel: u,
+  isDisabled: x,
+  isInvalid: l,
   onChange: a,
   open: m,
-  openPopover: h,
-  placeholder: b,
-  renderCustomElementInValueButton: N,
-  searchInputRef: d,
+  openPopover: N,
+  placeholder: f,
+  renderCustomElementInValueButton: v,
+  searchInputRef: j,
   selectRenderElements: c,
-  startSlot: j,
-  value: n
+  startSlot: h,
+  value: e
 }) => {
-  var u;
-  const { buttonExcludedFromTabOrder: S, inputField: w } = Q({
-    isInvalid: p,
+  var p;
+  const { buttonExcludedFromTabOrder: w, inputField: b } = q({
+    isInvalid: l,
     hasEndSlot: !0,
-    fullWidth: s,
-    isDisabled: f
-  }), o = (i) => {
-    (i.key === "Escape" || i.key === "Backspace") && !e ? (i.stopPropagation(), a == null || a(void 0)) : i.key === "ArrowDown" || i.key === "ArrowUp" ? h == null || h() : i.key && i.key.match(/^[a-zA-Z0-9]$/) && (nr(() => {
-      h == null || h();
-    }), d.current && (d.current.focus(), d.current.setSelectionRange(0, d.current.value.length)));
+    fullWidth: o,
+    isDisabled: x
+  }), t = (i) => {
+    (i.key === "Escape" || i.key === "Backspace") && !n ? (i.stopPropagation(), a == null || a(void 0)) : i.key === "ArrowDown" || i.key === "ArrowUp" ? N == null || N() : i.key && i.key.match(/^[a-zA-Z0-9]$/) && (ur(() => {
+      N == null || N();
+    }), j.current && (j.current.focus(), j.current.setSelectionRange(0, j.current.value.length)));
   };
   return /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2", children: [
-    j,
+    h,
     /* @__PURE__ */ r.jsxs(
-      K,
+      tr,
       {
         "aria-haspopup": "listbox",
         "aria-expanded": m,
-        className: ({ isFocused: i, isHovered: x }) => w({
-          isHovered: x,
+        className: ({ isFocused: i, isHovered: d }) => b({
+          isHovered: d,
           isFocused: i,
           className: "min-h-8 grow"
         }),
-        isDisabled: f,
-        onKeyDown: o,
-        onPress: h,
+        isDisabled: x,
+        onKeyDown: t,
+        onPress: N,
         children: [
           /* @__PURE__ */ r.jsxs("div", { className: "flex grow truncate text-start", children: [
-            N && n ? (u = c(n)) == null ? void 0 : u.customElement : null,
-            n && l(n) ? /* @__PURE__ */ r.jsx(r.Fragment, { children: l(n) }) : /* @__PURE__ */ r.jsx(ir, { variant: "body-medium", color: "secondary", children: b })
+            v && e ? (p = c(e)) == null ? void 0 : p.customElement : null,
+            e && u(e) ? /* @__PURE__ */ r.jsx(r.Fragment, { children: u(e) }) : /* @__PURE__ */ r.jsx(pr, { variant: "body-medium", color: "secondary", children: f })
           ] }),
           /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2", children: [
-            n && !f && !e ? /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsx(
+            e && !x && !n ? /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsx(
               "div",
               {
-                className: S(),
+                className: w(),
                 role: "button",
                 onPointerDown: (i) => {
                   i.stopPropagation(), a == null || a(void 0);
@@ -149,410 +150,410 @@ const Pr = ({
                 onClick: (i) => {
                   i.stopPropagation(), a == null || a(void 0);
                 },
-                children: /* @__PURE__ */ r.jsx(I, { name: "clear" })
+                children: /* @__PURE__ */ r.jsx(or, { name: "clear" })
               }
             ) }) : null,
-            /* @__PURE__ */ r.jsx(I, { name: "chevron-up-down", className: "h-4 w-4" })
+            /* @__PURE__ */ r.jsx(or, { name: "chevron-up-down", className: "h-4 w-4" })
           ] })
         ]
       }
     ),
-    t
+    s
   ] });
-}, Ar = ({
-  fullWidth: e,
-  getItemId: t,
-  getLabel: s,
-  isDisabled: l,
-  isInvalid: f,
-  label: p,
+}, Wr = ({
+  fullWidth: n,
+  getItemId: s,
+  getLabel: o,
+  isDisabled: u,
+  isInvalid: x,
+  label: l,
   onChange: a,
   openPopover: m,
-  placeholder: h,
-  searchInputRef: b,
-  value: N
+  placeholder: N,
+  searchInputRef: f,
+  value: v
 }) => {
-  const { inputField: d } = Q({
-    isInvalid: f,
+  const { inputField: j } = q({
+    isInvalid: x,
     hasEndSlot: !0,
-    fullWidth: e,
-    isDisabled: l
-  }), c = T(
-    (n) => {
-      n.key === "ArrowDown" || n.key === "ArrowUp" ? m() : n.key && n.key.match(/^[a-zA-Z0-9]$/) && (nr(() => {
+    fullWidth: n,
+    isDisabled: u
+  }), c = E(
+    (e) => {
+      e.key === "ArrowDown" || e.key === "ArrowUp" ? m() : e.key && e.key.match(/^[a-zA-Z0-9]$/) && (ur(() => {
         m();
-      }), b.current && (b.current.focus(), b.current.setSelectionRange(0, b.current.value.length)));
+      }), f.current && (f.current.focus(), f.current.setSelectionRange(0, f.current.value.length)));
     },
-    [m, b]
-  ), j = T(
-    (n) => {
-      N && a(
-        N.filter((S) => {
-          const w = t(S);
-          return !n.has(w);
+    [m, f]
+  ), h = E(
+    (e) => {
+      v && a(
+        v.filter((w) => {
+          const b = s(w);
+          return !e.has(b);
         })
       );
     },
-    [t, a, N]
+    [s, a, v]
   );
   return /* @__PURE__ */ r.jsx(
-    dr,
+    vr,
     {
-      className: ({ isFocusWithin: n, isHovered: S }) => d({
-        isHovered: S,
-        isFocused: n,
-        className: br(
-          S && !f && !l && !n ? "border-hover" : "",
+      className: ({ isFocusWithin: e, isHovered: w }) => j({
+        isHovered: w,
+        isFocused: e,
+        className: Sr(
+          w && !x && !u && !e ? "border-hover" : "",
           "has:[data-focused]:border has:[data-focused]:border-focus",
           "py-[0.4375rem]"
         )
       }),
       children: /* @__PURE__ */ r.jsxs(
-        K,
+        tr,
         {
           onPress: m,
           onKeyDown: c,
-          isDisabled: l,
+          isDisabled: u,
           className: "flex w-full outline-none",
           children: [
-            /* @__PURE__ */ r.jsx("div", { className: "grow text-left", children: N && N.length ? /* @__PURE__ */ r.jsx(
-              yr,
+            /* @__PURE__ */ r.jsx("div", { className: "grow text-left", children: v && v.length ? /* @__PURE__ */ r.jsx(
+              $r,
               {
-                label: p ?? "Selected items",
+                label: l ?? "Selected items",
                 className: "-m-1.5 -mt-[0.3125rem] items-center",
-                onRemove: l ? void 0 : j,
-                children: N.map((n) => /* @__PURE__ */ r.jsx(kr, { id: t(n), isDisabled: l, children: s(n) }, t(n)))
+                onRemove: u ? void 0 : h,
+                children: v.map((e) => /* @__PURE__ */ r.jsx(Br, { id: s(e), isDisabled: u, children: o(e) }, s(e)))
               }
-            ) : /* @__PURE__ */ r.jsx(ir, { color: "secondary", children: h }) }),
-            /* @__PURE__ */ r.jsx(I, { name: "chevron-up-down", className: "h-4 w-4 min-w-[16px]" })
+            ) : /* @__PURE__ */ r.jsx(pr, { color: "secondary", children: N }) }),
+            /* @__PURE__ */ r.jsx(or, { name: "chevron-up-down", className: "h-4 w-4 min-w-[16px]" })
           ]
         }
       )
     }
   );
-}, Tr = ({
-  endSlot: e,
-  isLoading: t,
-  onKeyDown: s,
-  onQueryChange: l,
-  query: f,
-  searchInputRef: p,
+}, zr = ({
+  endSlot: n,
+  isLoading: s,
+  onKeyDown: o,
+  onQueryChange: u,
+  query: x,
+  searchInputRef: l,
   setQuery: a
 }) => {
-  const m = xr(), { clear: h, search: b } = ur(), N = Dr(t ?? !1, { delay: 500, minDuration: 200 }), { buttonExcludedFromTabOrder: d } = Q({ fullWidth: !0 });
-  return J(() => {
+  const m = Nr(), { clear: N, search: f } = xr(), v = Er(s ?? !1, { delay: 500, minDuration: 200 }), { buttonExcludedFromTabOrder: j } = q({ fullWidth: !0 });
+  return X(() => {
     var c;
-    (c = p.current) == null || c.focus();
+    (c = l.current) == null || c.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(
-      jr,
+      wr,
       {
-        ref: p,
+        ref: l,
         id: m,
         className: "w-full bg-transparent text-base outline-none placeholder:text-tertiary",
         onChange: (c) => {
-          var j, n;
-          a(((j = c.target) == null ? void 0 : j.value) ?? ""), l == null || l((n = c.target) == null ? void 0 : n.value);
+          var h, e;
+          a(((h = c.target) == null ? void 0 : h.value) ?? ""), u == null || u((e = c.target) == null ? void 0 : e.value);
         },
-        placeholder: b,
-        value: f ?? "",
+        placeholder: f,
+        value: x ?? "",
         onKeyDown: (c) => {
-          c.code === "Tab" && c.preventDefault(), s == null || s(c);
+          c.code === "Tab" && c.preventDefault(), o == null || o(c);
         }
       }
     ),
-    f && f.length ? /* @__PURE__ */ r.jsx(
-      K,
+    x && x.length ? /* @__PURE__ */ r.jsx(
+      tr,
       {
-        "aria-label": h,
-        className: d(),
+        "aria-label": N,
+        className: j(),
         excludeFromTabOrder: !0,
         onPress: () => {
           var c;
-          a(""), (c = p.current) == null || c.focus();
+          a(""), (c = l.current) == null || c.focus();
         },
-        children: /* @__PURE__ */ r.jsx(I, { name: "clear" })
+        children: /* @__PURE__ */ r.jsx(or, { name: "clear" })
       }
     ) : null,
-    e,
-    N ? /* @__PURE__ */ r.jsx(Br, { className: "mx-2", size: "small" }) : null
+    n,
+    v ? /* @__PURE__ */ r.jsx(Tr, { className: "mx-2", size: "small" }) : null
   ] }) });
-}, Er = (e) => {
-  const t = F(null), [s, l] = M(!1);
-  return J(() => l(!1), [e]), { loadMoreButtonRef: t, isLoadMoreButtonFocused: s, setIsLoadMoreButtonFocused: l };
-}, zr = ({
-  disabledItemIdKeys: e,
-  filteredItems: t,
-  getItemId: s,
-  onMultiChange: l,
-  onSingleChange: f,
-  value: p
+}, Gr = (n) => {
+  const s = B(null), [o, u] = z(!1);
+  return X(() => u(!1), [n]), { loadMoreButtonRef: s, isLoadMoreButtonFocused: o, setIsLoadMoreButtonFocused: u };
+}, Ur = ({
+  disabledItemIdKeys: n,
+  filteredItems: s,
+  getItemId: o,
+  onMultiChange: u,
+  onSingleChange: x,
+  value: l
 }) => {
-  const a = fr(() => {
-    if (Array.isArray(p))
-      return p.length ? t == null ? void 0 : t.findIndex((o) => s(o) === s(p[0])) : 0;
-    if (p)
-      return (t == null ? void 0 : t.findIndex((o) => s(o) === s(p))) ?? 0;
-  }, [t, s, p]), m = T(
-    (o) => {
-      if (Number.isInteger(o)) {
-        for (let u = o - 1; u >= 0; u--)
-          if (!(e != null && e.includes(s(t[u]))))
-            return Math.max(u, 0);
+  const a = sr(() => {
+    if (Array.isArray(l))
+      return l.length ? s == null ? void 0 : s.findIndex((t) => o(t) === o(l[0])) : 0;
+    if (l)
+      return (s == null ? void 0 : s.findIndex((t) => o(t) === o(l))) ?? 0;
+  }, [s, o, l]), m = E(
+    (t) => {
+      if (Number.isInteger(t)) {
+        for (let p = t - 1; p >= 0; p--)
+          if (!(n != null && n.includes(o(s[p]))))
+            return Math.max(p, 0);
       }
       return -1;
     },
-    [e, t, s]
-  ), h = T(
-    (o) => {
-      if (Number.isInteger(o)) {
-        for (let u = o + 1; u < t.length; u++)
-          if (!(e != null && e.includes(s(t[u]))))
-            return Math.min(t.length - 1, u);
+    [n, s, o]
+  ), N = E(
+    (t) => {
+      if (Number.isInteger(t)) {
+        for (let p = t + 1; p < s.length; p++)
+          if (!(n != null && n.includes(o(s[p]))))
+            return Math.min(s.length - 1, p);
       }
       return -1;
     },
-    [e, t, s]
-  ), b = T(
-    (o) => {
-      if (l) {
-        const u = p ? [...p] : [], i = u.map(s), x = i != null && i.includes(s(o)) ? u.filter((B) => s(B) !== s(o)) : [...u, o];
-        l == null || l(x);
+    [n, s, o]
+  ), f = E(
+    (t) => {
+      if (u) {
+        const p = l ? [...l] : [], i = p.map(o), d = i != null && i.includes(o(t)) ? p.filter((D) => o(D) !== o(t)) : [...p, t];
+        u == null || u(d);
       } else
-        f && (f == null || f(o));
+        x && (x == null || x(t));
     },
-    [s, l, f, p]
-  ), N = T(
-    (o) => Array.isArray(p) ? p.some((u) => s(u) === s(o)) : p ? s(p) === s(o) : !1,
-    [s, p]
-  ), [d, c] = M(a ?? 0), j = Or(), n = F(void 0), S = T(
-    (o) => {
-      const u = d;
-      if (o.key === "ArrowDown") {
-        o.preventDefault();
-        const i = h(u);
-        i >= 0 && (c(i), n.current = j);
-      } else if (o.key === "ArrowUp") {
-        o.preventDefault();
-        const i = m(u);
-        i >= 0 && (c(i), n.current = j);
+    [o, u, x, l]
+  ), v = E(
+    (t) => Array.isArray(l) ? l.some((p) => o(p) === o(t)) : l ? o(l) === o(t) : !1,
+    [o, l]
+  ), [j, c] = z(a ?? 0), h = Pr(), e = B(void 0), w = E(
+    (t) => {
+      const p = j;
+      if (t.key === "ArrowDown") {
+        t.preventDefault();
+        const i = N(p);
+        i >= 0 && (c(i), e.current = h);
+      } else if (t.key === "ArrowUp") {
+        t.preventDefault();
+        const i = m(p);
+        i >= 0 && (c(i), e.current = h);
       } else
-        o.key === "Enter" && b(t[d]);
+        t.key === "Enter" && f(s[j]);
     },
     [
-      d,
-      t,
-      h,
-      m,
       j,
-      b
+      s,
+      N,
+      m,
+      h,
+      f
     ]
-  ), w = T(
-    (o, u) => {
-      o && n.current !== j && (c(u), n.current = j);
+  ), b = E(
+    (t, p) => {
+      t && e.current !== h && (c(p), e.current = h);
     },
-    [j]
+    [h]
   );
   return {
-    activeItem: d,
+    activeItem: j,
     setActiveItem: c,
-    getItemIsSelected: N,
-    onKeyDown: S,
-    onHoverChange: w,
+    getItemIsSelected: v,
+    onKeyDown: w,
+    onHoverChange: b,
     selectedItemIndex: a,
-    toggleSelection: b
+    toggleSelection: f
   };
 }, Mr = ({
-  selectedItemIndex: e,
-  setActiveItem: t
-}) => (J(() => {
-  if (e !== void 0 && e >= 0)
-    return t(e), () => {
-      t(0);
+  selectedItemIndex: n,
+  setActiveItem: s
+}) => (X(() => {
+  if (n !== void 0 && n >= 0)
+    return s(n), () => {
+      s(0);
     };
-}, [e, t]), null), or = ({
-  direction: e,
-  disabledItemIdKeys: t,
-  getItemId: s,
-  getLabel: l,
-  isLoading: f,
-  items: p,
+}, [n, s]), null), ir = ({
+  direction: n,
+  disabledItemIdKeys: s,
+  getItemId: o,
+  getLabel: u,
+  isLoading: x,
+  items: l,
   label: a,
   onLoadMore: m,
-  onMultiChange: h,
-  onQueryChange: b,
-  onSingleChange: N,
-  open: d,
+  onMultiChange: N,
+  onQueryChange: f,
+  onSingleChange: v,
+  open: j,
   placement: c,
-  searchInputRef: j,
-  selectRenderElements: n,
-  setOpenPopover: S,
-  triggerRef: w,
-  value: o
+  searchInputRef: h,
+  selectRenderElements: e,
+  setOpenPopover: w,
+  triggerRef: b,
+  value: t
 }) => {
-  var V, Y, cr;
-  const { loadMore: u, noResultsFound: i } = ur(), { filteredItems: x, query: B, setQuery: W } = Fr({
-    getLabel: l,
-    items: p,
-    onQueryChange: b
-  }), { item: R } = wr(), { isLoadMoreButtonFocused: E, loadMoreButtonRef: D, setIsLoadMoreButtonFocused: G } = Er(d), {
-    activeItem: v,
-    getItemIsSelected: U,
-    onHoverChange: P,
-    onKeyDown: A,
-    selectedItemIndex: y,
-    setActiveItem: L,
-    toggleSelection: X
-  } = zr({
-    disabledItemIdKeys: t,
-    filteredItems: x,
-    getItemId: s,
-    loadMoreButtonRef: D,
-    onMultiChange: h,
-    onSingleChange: N,
-    value: o
-  }), [_, q] = M(
-    (V = w.current) == null ? void 0 : V.offsetWidth
+  var K, J, C;
+  const { loadMore: p, noResultsFound: i } = xr(), { filteredItems: d, query: D, setQuery: G } = Dr({
+    getLabel: u,
+    items: l,
+    onQueryChange: f
+  }), { item: P } = Fr(), { isLoadMoreButtonFocused: U, loadMoreButtonRef: A, setIsLoadMoreButtonFocused: M } = Gr(j), {
+    activeItem: O,
+    getItemIsSelected: H,
+    onHoverChange: $,
+    onKeyDown: V,
+    selectedItemIndex: F,
+    setActiveItem: k,
+    toggleSelection: Q
+  } = Ur({
+    disabledItemIdKeys: s,
+    filteredItems: d,
+    getItemId: o,
+    loadMoreButtonRef: A,
+    onMultiChange: N,
+    onSingleChange: v,
+    value: t
+  }), [g, _] = z(
+    (K = b.current) == null ? void 0 : K.offsetWidth
   );
-  Nr("resize", () => {
-    var O;
-    q((O = w.current) == null ? void 0 : O.offsetWidth);
+  yr("resize", () => {
+    var S;
+    _((S = b.current) == null ? void 0 : S.offsetWidth);
   });
-  const Z = _ ?? ((Y = w.current) == null ? void 0 : Y.offsetWidth), g = F(null), z = m ? ((x == null ? void 0 : x.length) ?? 0) + 1 : (x == null ? void 0 : x.length) ?? 0, k = hr({
-    count: z,
+  const Z = g ?? ((J = b.current) == null ? void 0 : J.offsetWidth), Y = B(null), R = m ? ((d == null ? void 0 : d.length) ?? 0) + 1 : (d == null ? void 0 : d.length) ?? 0, T = br({
+    count: R,
     estimateSize: () => 40,
-    getScrollElement: () => g.current,
+    getScrollElement: () => Y.current,
     overscan: 6
   });
-  J(() => {
-    v !== void 0 && v >= 0 && (x != null && x.length) && (v === x.length - 1 && m ? k.scrollToIndex(z) : k.scrollToIndex(Math.min(v, z - 1)));
-  }, [v, z, x.length, m, k]);
-  const H = k.getVirtualItems();
+  X(() => {
+    O !== void 0 && O >= 0 && (d != null && d.length) && (O === d.length - 1 && m ? T.scrollToIndex(R) : T.scrollToIndex(Math.min(O, R - 1)));
+  }, [O, R, d.length, m, T]);
+  const L = T.getVirtualItems();
   return /* @__PURE__ */ r.jsx(
-    Sr,
+    Or,
     {
       className: "p-1",
-      isOpen: d,
+      isOpen: j,
       disablePadding: !0,
-      triggerRef: w,
-      onOpenChange: S,
+      triggerRef: b,
+      onOpenChange: w,
       "aria-label": a,
       shouldUpdatePosition: !0,
       placement: c,
       style: {
         width: Z && Z > 280 ? Z + "px" : "280px",
-        direction: e
+        direction: n
       },
-      children: d ? /* @__PURE__ */ r.jsxs("div", { className: "gap-1", children: [
+      children: j ? /* @__PURE__ */ r.jsxs("div", { className: "gap-1", children: [
         /* @__PURE__ */ r.jsx(
-          Tr,
+          zr,
           {
-            onQueryChange: b,
-            isLoading: f,
-            query: B,
-            setQuery: (O) => {
-              nr(() => {
-                W(O), L(0);
-              }), k.scrollToOffset(0);
+            onQueryChange: f,
+            isLoading: x,
+            query: D,
+            setQuery: (S) => {
+              ur(() => {
+                G(S), k(0);
+              }), T.scrollToOffset(0);
             },
-            searchInputRef: j,
-            onKeyDown: A
+            searchInputRef: h,
+            onKeyDown: V
           }
         ),
-        /* @__PURE__ */ r.jsx(Mr, { selectedItemIndex: y, setActiveItem: L }),
+        /* @__PURE__ */ r.jsx(Mr, { selectedItemIndex: F, setActiveItem: k }),
         /* @__PURE__ */ r.jsx(
           "div",
           {
-            ref: g,
+            ref: Y,
             className: "w-full overflow-y-auto",
             style: {
               contain: "strict",
-              height: Math.min(288, k.getTotalSize() + (m ? 4 : 0))
+              height: Math.min(288, T.getTotalSize() + (m ? 4 : 0))
             },
             children: /* @__PURE__ */ r.jsx(
               "div",
               {
                 className: "relative w-full",
                 style: {
-                  height: k.getTotalSize()
+                  height: T.getTotalSize()
                 },
                 children: /* @__PURE__ */ r.jsx(
                   "div",
                   {
                     className: "absolute start-0 top-0 w-full",
                     style: {
-                      transform: `translateY(${((cr = H == null ? void 0 : H[0]) == null ? void 0 : cr.start) ?? 0}px)`
+                      transform: `translateY(${((C = L == null ? void 0 : L[0]) == null ? void 0 : C.start) ?? 0}px)`
                     },
-                    children: H.map((O) => {
-                      if (O.index === z - 1 && m)
+                    children: L.map((S) => {
+                      if (S.index === R - 1 && m)
                         return /* @__PURE__ */ r.jsx(
                           "div",
                           {
-                            "data-index": O.index,
-                            ref: k.measureElement,
+                            "data-index": S.index,
+                            ref: T.measureElement,
                             children: /* @__PURE__ */ r.jsxs("div", { children: [
-                              /* @__PURE__ */ r.jsx($r, { className: "my-1" }),
+                              /* @__PURE__ */ r.jsx(Ar, { className: "my-1" }),
                               /* @__PURE__ */ r.jsx(
-                                K,
+                                tr,
                                 {
-                                  isDisabled: f,
-                                  onFocusChange: G,
-                                  onHoverChange: G,
-                                  ref: D,
-                                  className: R({
+                                  isDisabled: x,
+                                  onFocusChange: M,
+                                  onHoverChange: M,
+                                  ref: A,
+                                  className: P({
                                     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 $;
-                                    m(), ($ = j.current) == null || $.focus();
+                                    var y;
+                                    m(), (y = h.current) == null || y.focus();
                                   },
-                                  onKeyDown: ($) => {
-                                    var C;
-                                    $.key === "ArrowUp" && ($.preventDefault(), (C = j.current) == null || C.focus());
+                                  onKeyDown: (y) => {
+                                    var W;
+                                    y.key === "ArrowUp" && (y.preventDefault(), (W = h.current) == null || W.focus());
                                   },
-                                  children: u
+                                  children: p
                                 }
                               )
                             ] })
                           },
-                          O.key
+                          S.key
                         );
                       {
-                        const $ = x[O.index];
+                        const y = d[S.index];
                         return /* @__PURE__ */ r.jsx(
                           "div",
                           {
-                            "data-index": O.index,
-                            ref: k.measureElement,
+                            "data-index": S.index,
+                            ref: T.measureElement,
                             children: /* @__PURE__ */ r.jsx(
-                              K,
+                              tr,
                               {
                                 className: "w-full text-start outline-none",
-                                onHoverChange: (C) => {
-                                  P(C, O.index);
+                                onHoverChange: (W) => {
+                                  $(W, S.index);
                                 },
-                                onPress: () => X($),
-                                isDisabled: (t == null ? void 0 : t.includes(s($))) ?? !1,
+                                onPress: () => Q(y),
+                                isDisabled: (s == null ? void 0 : s.includes(o(y))) ?? !1,
                                 excludeFromTabOrder: !0,
                                 children: /* @__PURE__ */ r.jsx(
-                                  vr,
+                                  kr,
                                   {
                                     hasSelection: !0,
-                                    item: $,
+                                    item: y,
                                     state: {
-                                      active: v === O.index && !E,
-                                      disabled: (t == null ? void 0 : t.includes(s($))) ?? !1,
-                                      selected: U($)
+                                      active: O === S.index && !U,
+                                      disabled: (s == null ? void 0 : s.includes(o(y))) ?? !1,
+                                      selected: H(y)
                                     },
-                                    selectRenderElements: n
+                                    selectRenderElements: e
                                   },
-                                  s($)
+                                  o(y)
                                 )
                               },
-                              s($)
+                              o(y)
                             )
                           },
-                          O.key
+                          S.key
                         );
                       }
                     })
@@ -562,383 +563,390 @@ const Pr = ({
             )
           }
         ),
-        z ? null : /* @__PURE__ */ r.jsx(ir, { variant: "body-medium", color: "secondary", className: "px-2.5", children: i })
+        R ? null : /* @__PURE__ */ r.jsx(pr, { variant: "body-medium", color: "secondary", className: "px-2.5", children: i })
       ] }) : null
     }
   );
-}, er = ({
-  getItemId: e,
-  name: t,
-  value: s
-}) => t ? Array.isArray(s) ? s.map((l) => /* @__PURE__ */ r.jsx("input", { type: "hidden", name: t, value: e(l) }, e(l))) : s ? /* @__PURE__ */ r.jsx("input", { type: "hidden", name: t, value: e(s) }) : null : null, ws = ({
-  defaultValue: e,
-  description: t,
-  disableClearLogic: s,
-  disabledItemIdKeys: l,
-  endSlot: f,
-  errorMessage: p,
+}, lr = ({
+  getItemId: n,
+  name: s,
+  value: o
+}) => s ? Array.isArray(o) ? o.map((u) => /* @__PURE__ */ r.jsx("input", { type: "hidden", name: s, value: n(u) }, n(u))) : o ? /* @__PURE__ */ r.jsx("input", { type: "hidden", name: s, value: n(o) }) : null : null, Ft = ({
+  defaultValue: n,
+  description: s,
+  disableClearLogic: o,
+  disabledItemIdKeys: u,
+  endSlot: x,
+  errorMessage: l,
   fullWidth: a = !0,
   getItemId: m,
-  getLabel: h,
-  hideHintLabel: b,
-  hideInputFooter: N,
-  hideInputHeader: d,
+  getLabel: N,
+  hideHintLabel: f,
+  hideInputFooter: v,
+  hideInputHeader: j,
   isDisabled: c,
-  isInvalid: j,
-  isLoading: n,
-  isRequired: S,
-  items: w,
-  label: o,
-  name: u,
+  isInvalid: h,
+  isLoading: e,
+  isRequired: w,
+  items: b,
+  label: t,
+  name: p,
   onChange: i,
-  onLoadMore: x,
-  onQueryChange: B,
-  placeholder: W,
-  placement: R = "bottom start",
-  renderCustomElementInValueButton: E,
-  selectRenderElements: D,
-  startSlot: G,
-  value: v
+  onLoadMore: d,
+  onQueryChange: D,
+  outerEndSlot: G,
+  outerStartSlot: P,
+  placeholder: U,
+  placement: A = "bottom start",
+  renderCustomElementInValueButton: M,
+  selectRenderElements: O,
+  startSlot: H,
+  value: $
 }) => {
-  const { isDisabled: U } = rr(tr), P = F(null), A = F(null), y = F(null), [L, X] = M(v ?? e), [_, q] = M(!1), Z = () => {
-    var Y;
-    q(!0), (Y = A.current) == null || Y.click();
-  }, g = () => q(!1), z = T(
-    (Y) => {
-      X(Y), i == null || i(Y), g();
+  const { isDisabled: V } = nr(cr), F = B(null), k = B(null), Q = B(null), [g, _] = z($ ?? n), [Z, Y] = z(!1), R = () => {
+    var rr;
+    Y(!0), (rr = k.current) == null || rr.click();
+  }, T = () => Y(!1), L = E(
+    (rr) => {
+      _(rr), i == null || i(rr), T();
     },
     [i]
-  ), { direction: k } = sr(), { wrapper: H } = Q({
+  ), { direction: K } = er(), J = sr(
+    () => jr({ hideHintLabel: f, hideInputHeader: j, label: t }),
+    [f, j, t]
+  ), C = sr(
+    () => hr({ description: s, errorMessage: l, hideInputFooter: v }),
+    [s, l, v]
+  ), { outerSlot: S, outerSlotsWrapper: I, wrapper: y } = q({
     fullWidth: a,
-    isInvalid: j,
-    isDisabled: c || U
+    isInvalid: h,
+    isDisabled: c || V,
+    hasInputHeader: J,
+    hasLabel: !!t
   });
-  J(() => {
-    X(v ?? e);
-  }, [e, v]);
-  const V = v ?? L;
+  X(() => {
+    _($ ?? n);
+  }, [n, $]);
+  const W = $ ?? g;
   return /* @__PURE__ */ r.jsxs("div", { children: [
-    /* @__PURE__ */ r.jsx(er, { name: u, value: V, getItemId: m }),
-    /* @__PURE__ */ r.jsxs("div", { className: H(), children: [
-      /* @__PURE__ */ r.jsx(
-        ar,
-        {
-          label: o,
-          hideHintLabel: b,
-          hideInputHeader: d,
-          isRequired: S
-        }
-      ),
-      /* @__PURE__ */ r.jsx("div", { ref: y, children: /* @__PURE__ */ r.jsx(
-        Pr,
-        {
-          disableClearLogic: s,
-          endSlot: f,
-          fullWidth: a,
-          getLabel: h,
-          getItemId: m,
-          isDisabled: c,
-          isInvalid: j,
-          open: _,
-          openPopover: Z,
-          onChange: z,
-          placeholder: W,
-          searchInputRef: P,
-          startSlot: G,
-          value: V,
-          renderCustomElementInValueButton: E,
-          selectRenderElements: D
-        }
-      ) }),
-      /* @__PURE__ */ r.jsx(
-        mr,
-        {
-          description: t,
-          errorMessage: p,
-          hideInputFooter: N
-        }
-      )
+    /* @__PURE__ */ r.jsx(lr, { name: p, value: W, getItemId: m }),
+    /* @__PURE__ */ r.jsxs("div", { className: I(), children: [
+      P ? /* @__PURE__ */ r.jsx("div", { className: S(), children: P }) : null,
+      /* @__PURE__ */ r.jsxs("div", { className: y(), children: [
+        J ? /* @__PURE__ */ r.jsx(fr, { label: t, hideHintLabel: f, isRequired: w }) : null,
+        /* @__PURE__ */ r.jsx("div", { ref: Q, children: /* @__PURE__ */ r.jsx(
+          Rr,
+          {
+            disableClearLogic: o,
+            endSlot: x,
+            fullWidth: a,
+            getLabel: N,
+            getItemId: m,
+            isDisabled: c,
+            isInvalid: h,
+            open: Z,
+            openPopover: R,
+            onChange: L,
+            placeholder: U,
+            searchInputRef: F,
+            startSlot: H,
+            value: W,
+            renderCustomElementInValueButton: M,
+            selectRenderElements: O
+          }
+        ) }),
+        C ? /* @__PURE__ */ r.jsx(dr, { description: s, errorMessage: l }) : null
+      ] }),
+      G ? /* @__PURE__ */ r.jsx("div", { className: S(), children: G }) : null
     ] }),
     /* @__PURE__ */ r.jsx(
-      or,
+      ir,
       {
-        triggerRef: y,
-        label: o,
+        triggerRef: Q,
+        label: t,
         getItemId: m,
-        getLabel: h,
-        items: w,
-        open: _,
-        setOpenPopover: q,
-        selectRenderElements: D,
-        disabledItemIdKeys: l,
-        direction: k,
-        onQueryChange: B,
-        isLoading: n,
-        searchInputRef: P,
-        onLoadMore: x,
-        placement: R,
-        value: V,
-        onSingleChange: z
+        getLabel: N,
+        items: b,
+        open: Z,
+        setOpenPopover: Y,
+        selectRenderElements: O,
+        disabledItemIdKeys: u,
+        direction: K,
+        onQueryChange: D,
+        isLoading: e,
+        searchInputRef: F,
+        onLoadMore: d,
+        placement: A,
+        value: W,
+        onSingleChange: L
       }
     )
   ] });
-}, vs = ({
-  defaultValue: e,
-  description: t,
-  disableClearLogic: s,
-  disabledItemIdKeys: l,
-  endSlot: f,
-  errorMessage: p,
+}, kt = ({
+  defaultValue: n,
+  description: s,
+  disableClearLogic: o,
+  disabledItemIdKeys: u,
+  endSlot: x,
+  errorMessage: l,
   fullWidth: a = !0,
   getItemId: m,
-  getLabel: h,
-  hideHintLabel: b,
-  hideInputFooter: N,
-  hideInputHeader: d,
+  getLabel: N,
+  hideHintLabel: f,
+  hideInputFooter: v,
+  hideInputHeader: j,
   isDisabled: c,
-  isInvalid: j,
-  isLoading: n,
-  isRequired: S,
-  items: w,
-  label: o,
-  labelId: u,
+  isInvalid: h,
+  isLoading: e,
+  isRequired: w,
+  items: b,
+  label: t,
+  labelId: p,
   name: i,
-  onChange: x,
-  onLoadMore: B,
-  onQueryChange: W,
-  placeholder: R,
-  placement: E = "bottom start",
-  selectRenderElements: D,
-  startSlot: G,
-  value: v
+  onChange: d,
+  onLoadMore: D,
+  onQueryChange: G,
+  outerEndSlot: P,
+  outerStartSlot: U,
+  placeholder: A,
+  placement: M = "bottom start",
+  selectRenderElements: O,
+  startSlot: H,
+  value: $
 }) => {
-  const { isDisabled: U } = rr(tr), P = F(null), A = F(null), [y, L] = M(v ?? e), [X, _] = M(!1), q = () => {
-    _(!0);
-  }, Z = T(
-    (H) => {
-      var V;
-      L(H), x == null || x(H), (V = P.current) == null || V.focus();
+  const { isDisabled: V } = nr(cr), F = B(null), k = B(null), [Q, g] = z($ ?? n), [_, Z] = z(!1), Y = () => {
+    Z(!0);
+  }, R = E(
+    (y) => {
+      var W;
+      g(y), d == null || d(y), (W = F.current) == null || W.focus();
     },
-    [x]
-  ), { direction: g } = sr(), { wrapper: z } = Q({
+    [d]
+  ), { direction: T } = er(), L = sr(
+    () => jr({ hideHintLabel: f, hideInputHeader: j, label: t }),
+    [f, j, t]
+  ), K = sr(
+    () => hr({ description: s, errorMessage: l, hideInputFooter: v }),
+    [s, l, v]
+  ), { outerSlot: J, outerSlotsWrapper: C, wrapper: S } = q({
     fullWidth: a,
-    isInvalid: j,
-    isDisabled: c || U
+    isInvalid: h,
+    isDisabled: c || V,
+    hasInputHeader: L,
+    hasLabel: !!t
   });
-  J(() => {
-    L(v ?? e);
-  }, [e, v]);
-  const k = v ?? y;
+  X(() => {
+    g($ ?? n);
+  }, [n, $]);
+  const I = $ ?? Q;
   return /* @__PURE__ */ r.jsxs("div", { children: [
-    /* @__PURE__ */ r.jsx(er, { name: i, value: k, getItemId: m }),
-    /* @__PURE__ */ r.jsxs("div", { className: z(), children: [
-      /* @__PURE__ */ r.jsx(
-        ar,
-        {
-          label: o,
-          isRequired: S,
-          hideHintLabel: b,
-          hideInputHeader: d,
-          labelId: u
-        }
-      ),
-      /* @__PURE__ */ r.jsx("div", { ref: A, children: /* @__PURE__ */ r.jsx(
-        Ar,
-        {
-          disableClearLogic: s,
-          endSlot: f,
-          fullWidth: a,
-          getLabel: h,
-          getItemId: m,
-          isDisabled: c,
-          isInvalid: j,
-          onChange: Z,
-          open: X,
-          openPopover: q,
-          placeholder: R,
-          searchInputRef: P,
-          startSlot: G,
-          value: k
-        }
-      ) }),
-      /* @__PURE__ */ r.jsx(
-        mr,
-        {
-          description: t,
-          errorMessage: p,
-          hideInputFooter: N
-        }
-      )
+    /* @__PURE__ */ r.jsx(lr, { name: i, value: I, getItemId: m }),
+    /* @__PURE__ */ r.jsxs("div", { className: C(), children: [
+      U ? /* @__PURE__ */ r.jsx("div", { className: J(), children: U }) : null,
+      /* @__PURE__ */ r.jsxs("div", { className: S(), children: [
+        L ? /* @__PURE__ */ r.jsx(
+          fr,
+          {
+            label: t,
+            isRequired: w,
+            hideHintLabel: f,
+            labelId: p
+          }
+        ) : null,
+        /* @__PURE__ */ r.jsx("div", { ref: k, children: /* @__PURE__ */ r.jsx(
+          Wr,
+          {
+            disableClearLogic: o,
+            endSlot: x,
+            fullWidth: a,
+            getLabel: N,
+            getItemId: m,
+            isDisabled: c,
+            isInvalid: h,
+            onChange: R,
+            open: _,
+            openPopover: Y,
+            placeholder: A,
+            searchInputRef: F,
+            startSlot: H,
+            value: I
+          }
+        ) }),
+        K ? /* @__PURE__ */ r.jsx(dr, { description: s, errorMessage: l }) : null
+      ] }),
+      P ? /* @__PURE__ */ r.jsx("div", { className: J(), children: P }) : null
     ] }),
     /* @__PURE__ */ r.jsx(
-      or,
+      ir,
       {
-        label: o,
-        searchInputRef: P,
-        triggerRef: A,
+        label: t,
+        searchInputRef: F,
+        triggerRef: k,
         getItemId: m,
-        getLabel: h,
-        items: w,
-        onMultiChange: Z,
-        value: k,
-        placement: E,
-        open: X,
-        setOpenPopover: _,
-        selectRenderElements: D,
-        disabledItemIdKeys: l,
-        direction: g,
-        onQueryChange: W,
-        isLoading: n,
-        onLoadMore: B
+        getLabel: N,
+        items: b,
+        onMultiChange: R,
+        value: I,
+        placement: M,
+        open: _,
+        setOpenPopover: Z,
+        selectRenderElements: O,
+        disabledItemIdKeys: u,
+        direction: T,
+        onQueryChange: G,
+        isLoading: e,
+        onLoadMore: D
       }
     )
   ] });
-}, Ss = ({
-  children: e,
-  defaultValue: t,
-  disabledItemIdKeys: s,
-  getItemId: l,
-  getLabel: f,
-  isDisabled: p,
-  isInvalid: a,
-  isLoading: m,
-  items: h,
-  label: b,
-  name: N,
-  onChange: d,
-  onLoadMore: c,
-  onQueryChange: j,
-  placement: n = "bottom start",
-  selectRenderElements: S,
-  value: w
+}, Ot = ({
+  children: n,
+  defaultValue: s,
+  disabledItemIdKeys: o,
+  fullWidth: u = !1,
+  // TODO: ask about it
+  getItemId: x,
+  getLabel: l,
+  isDisabled: a,
+  isInvalid: m,
+  isLoading: N,
+  items: f,
+  label: v,
+  name: j,
+  onChange: c,
+  onLoadMore: h,
+  onQueryChange: e,
+  placement: w = "bottom start",
+  selectRenderElements: b,
+  value: t
 }) => {
-  const { isDisabled: o } = rr(tr), u = F(null), i = F(null), x = F(null), [B, W] = M(w ?? t), [R, E] = M(!1), D = () => {
-    var y;
-    E(!0), (y = i.current) == null || y.click();
-  }, G = () => E(!1), v = T(
-    (y) => {
-      W(y), d == null || d(y), G();
+  const { isDisabled: p } = nr(cr), i = B(null), d = B(null), D = B(null), [G, P] = z(t ?? s), [U, A] = z(!1), M = () => {
+    var k;
+    A(!0), (k = d.current) == null || k.click();
+  }, O = () => A(!1), H = E(
+    (k) => {
+      P(k), c == null || c(k), O();
     },
-    [d]
-  ), { direction: U } = sr(), { wrapper: P } = Q({
-    fullWidth: !1,
-    isInvalid: a,
-    isDisabled: p
+    [c]
+  ), { direction: $ } = er(), { wrapper: V } = q({
+    fullWidth: u,
+    isInvalid: m,
+    isDisabled: a
   });
-  J(() => {
-    W(w ?? t);
-  }, [t, w]);
-  const A = w ?? B;
+  X(() => {
+    P(t ?? s);
+  }, [s, t]);
+  const F = t ?? G;
   return /* @__PURE__ */ r.jsx(
-    lr,
+    ar,
     {
       values: [
         [
-          pr,
+          mr,
           {
-            onPress: () => D(),
-            isDisabled: p || o
+            onPress: () => M(),
+            isDisabled: a || p
           }
         ]
       ],
       children: /* @__PURE__ */ r.jsxs("div", { children: [
-        /* @__PURE__ */ r.jsx(er, { name: N, value: A, getItemId: l }),
-        /* @__PURE__ */ r.jsx("div", { className: P(), children: /* @__PURE__ */ r.jsx("div", { ref: x, children: e }) }),
+        /* @__PURE__ */ r.jsx(lr, { name: j, value: F, getItemId: x }),
+        /* @__PURE__ */ r.jsx("div", { className: V(), children: /* @__PURE__ */ r.jsx("div", { ref: D, children: n }) }),
         /* @__PURE__ */ r.jsx(
-          or,
+          ir,
           {
-            triggerRef: x,
-            label: b,
-            getItemId: l,
-            getLabel: f,
-            items: h,
-            open: R,
-            setOpenPopover: E,
-            selectRenderElements: S,
-            disabledItemIdKeys: s,
-            direction: U,
-            onLoadMore: c,
-            onQueryChange: j,
-            isLoading: m,
-            searchInputRef: u,
-            placement: n,
-            value: A,
-            onSingleChange: v
+            triggerRef: D,
+            label: v,
+            getItemId: x,
+            getLabel: l,
+            items: f,
+            open: U,
+            setOpenPopover: A,
+            selectRenderElements: b,
+            disabledItemIdKeys: o,
+            direction: $,
+            onLoadMore: h,
+            onQueryChange: e,
+            isLoading: N,
+            searchInputRef: i,
+            placement: w,
+            value: F,
+            onSingleChange: H
           }
         )
       ] })
     }
   );
-}, ys = ({
-  children: e,
-  defaultValue: t,
-  disabledItemIdKeys: s,
-  fullWidth: l = !0,
-  getItemId: f,
-  getLabel: p,
+}, $t = ({
+  children: n,
+  defaultValue: s,
+  disabledItemIdKeys: o,
+  fullWidth: u = !0,
+  getItemId: x,
+  getLabel: l,
   isDisabled: a,
   isInvalid: m,
-  isLoading: h,
-  items: b,
-  label: N,
-  name: d,
+  isLoading: N,
+  items: f,
+  label: v,
+  name: j,
   onChange: c,
-  onLoadMore: j,
-  onQueryChange: n,
-  placement: S = "bottom start",
-  selectRenderElements: w,
-  value: o
+  onLoadMore: h,
+  onQueryChange: e,
+  placement: w = "bottom start",
+  selectRenderElements: b,
+  value: t
 }) => {
-  const { isDisabled: u } = rr(tr), i = F(null), x = F(null), B = F(null), [W, R] = M(o ?? t), [E, D] = M(!1), G = () => {
-    var y;
-    D(!0), (y = x.current) == null || y.click();
-  }, v = T(
-    (y) => {
-      var L;
-      R(y), c == null || c(y), (L = i.current) == null || L.focus();
+  const { isDisabled: p } = nr(cr), i = B(null), d = B(null), D = B(null), [G, P] = z(t ?? s), [U, A] = z(!1), M = () => {
+    var F;
+    A(!0), (F = d.current) == null || F.click();
+  }, O = E(
+    (F) => {
+      var k;
+      P(F), c == null || c(F), (k = i.current) == null || k.focus();
     },
     [c]
-  ), { direction: U } = sr(), { wrapper: P } = Q({
-    fullWidth: l,
+  ), { direction: H } = er(), { wrapper: $ } = q({
+    fullWidth: u,
     isInvalid: m,
     isDisabled: a
   });
-  J(() => {
-    R(o ?? t);
-  }, [t, o]);
-  const A = o ?? W;
+  X(() => {
+    P(t ?? s);
+  }, [s, t]);
+  const V = t ?? G;
   return /* @__PURE__ */ r.jsx(
-    lr,
+    ar,
     {
       values: [
         [
-          pr,
-          { onPress: () => G(), isDisabled: a || u }
+          mr,
+          { onPress: () => M(), isDisabled: a || p }
         ]
       ],
       children: /* @__PURE__ */ r.jsxs("div", { children: [
-        /* @__PURE__ */ r.jsx(er, { name: d, value: A, getItemId: f }),
-        /* @__PURE__ */ r.jsx("div", { className: P(), children: /* @__PURE__ */ r.jsx("div", { ref: B, children: e }) }),
+        /* @__PURE__ */ r.jsx(lr, { name: j, value: V, getItemId: x }),
+        /* @__PURE__ */ r.jsx("div", { className: $(), children: /* @__PURE__ */ r.jsx("div", { ref: D, children: n }) }),
         /* @__PURE__ */ r.jsx(
-          or,
+          ir,
           {
-            label: N,
+            label: v,
             searchInputRef: i,
-            triggerRef: B,
-            getItemId: f,
-            getLabel: p,
-            items: b,
-            onLoadMore: j,
-            open: E,
-            setOpenPopover: D,
-            selectRenderElements: w,
-            disabledItemIdKeys: s,
-            direction: U,
-            onQueryChange: n,
-            isLoading: h,
-            value: A,
-            onMultiChange: v,
-            placement: S
+            triggerRef: D,
+            getItemId: x,
+            getLabel: l,
+            items: f,
+            onLoadMore: h,
+            open: U,
+            setOpenPopover: A,
+            selectRenderElements: b,
+            disabledItemIdKeys: o,
+            direction: H,
+            onQueryChange: e,
+            isLoading: N,
+            value: V,
+            onMultiChange: O,
+            placement: w
           }
         )
       ] })
@@ -946,8 +954,8 @@ const Pr = ({
   );
 };
 export {
-  vs as MultiSearchListField,
-  ys as MultiSearchListFieldWithCustomTrigger,
-  ws as SearchListField,
-  Ss as SearchListFieldWithCustomTrigger
+  kt as MultiSearchListField,
+  $t as MultiSearchListFieldWithCustomTrigger,
+  Ft as SearchListField,
+  Ot as SearchListFieldWithCustomTrigger
 };