@new-black/lyra 1.0.9 → 1.0.11

package/dist/lyra37.js

@@ -1,8 +1,8 @@
 import { j as r } from "./lyra88.js";
-import { useContext as I, useRef as $, useState as W, useCallback as T, useEffect as H, useId as fr, useMemo as ir } from "react";
-import { Provider as lr, ButtonContext as pr, Button as K, Group as dr, Input as jr } from "./lyra87.js";
-import { flushSync as ur } from "react-dom";
-import { useVirtualizer as hr } from "./lyra611.js";
+import { useContext as I, useRef as F, useState as M, useCallback as A, useEffect as J, useId as xr, useMemo as fr } from "react";
+import { Provider as lr, ButtonContext as pr, Button as g, Group as dr, Input as jr } from "./lyra87.js";
+import { flushSync as er } from "react-dom";
+import { useVirtualizer as hr } from "./lyra610.js";
 import { clsx as br } from "./lyra448.js";
 import "./lyra2.js";
 import "./lyra3.js";
@@ -32,11 +32,11 @@ import { FieldGroupContext as rr } from "./lyra26.js";
 import "./lyra27.js";
 import "./lyra28.js";
 import "./lyra29.js";
-import { useDictionary as ar } from "./lyra93.js";
+import { useDictionary as ur } from "./lyra93.js";
 import "./lyra78.js";
-import "./lyra452.js";
-import { InputHeader as mr } from "./lyra38.js";
-import { InputFooter as xr } from "./lyra39.js";
+import "./lyra456.js";
+import { InputHeader as ar } from "./lyra38.js";
+import { InputFooter as mr } from "./lyra39.js";
 import { sharedInputStyles as q } from "./lyra40.js";
 import "./lyra44.js";
 import "./lyra31.js";
@@ -45,19 +45,18 @@ import "./lyra33.js";
 import "./lyra34.js";
 import "./lyra35.js";
 import vr from "./lyra594.js";
-import { sharedListItemStyles as wr } from "./lyra453.js";
-import { SharedListItem as Nr } from "./lyra454.js";
+import { sharedListItemStyles as Nr } from "./lyra451.js";
+import { SharedListItem as wr } from "./lyra452.js";
 import { Popover as Sr } from "./lyra52.js";
 import "./lyra53.js";
 import "./lyra54.js";
 import "./lyra55.js";
-import { Text as er } from "./lyra71.js";
+import { Text as nr } from "./lyra71.js";
 import "./lyra72.js";
-import { InputTagGroup as kr, InputTag as yr } from "./lyra455.js";
-import "./lyra456.js";
+import { InputTagGroup as yr, InputTag as kr } from "./lyra457.js";
+import "./lyra458.js";
 import { useFilterItemsByQuery as Fr } from "./lyra83.js";
 import { useMousePosition as Or } from "./lyra82.js";
-import $r from "./lyra596.js";
 import "./lyra41.js";
 import "./lyra42.js";
 import "./lyra43.js";
@@ -68,12 +67,12 @@ import "./lyra48.js";
 import "./lyra49.js";
 import "./lyra50.js";
 import "./lyra51.js";
-import { Separator as Pr } from "./lyra56.js";
+import { Separator as $r } from "./lyra56.js";
 import "./lyra57.js";
 import "./lyra58.js";
 import "./lyra59.js";
 import "./lyra60.js";
-import { Spinner as Ar } from "./lyra61.js";
+import { Spinner as Br } from "./lyra61.js";
 import "./lyra62.js";
 import "./lyra65.js";
 import "./lyra66.js";
@@ -88,59 +87,59 @@ import "./lyra79.js";
 import "./lyra96.js";
 import { useSpinDelay as Dr } from "./lyra85.js";
 import { useLocale as tr } from "./lyra86.js";
-const Br = ({
-  disableClearLogic: l,
+const Pr = ({
+  disableClearLogic: o,
   endSlot: t,
   fullWidth: s,
-  getLabel: u,
-  isDisabled: m,
-  isInvalid: d,
-  onChange: o,
+  getLabel: c,
+  isDisabled: x,
+  isInvalid: p,
+  onChange: u,
   open: a,
-  openPopover: x,
-  placeholder: b,
-  searchInputRef: f,
-  startSlot: v,
-  value: n
+  openPopover: j,
+  placeholder: v,
+  searchInputRef: h,
+  startSlot: b,
+  value: e
 }) => {
-  const { buttonExcludedFromTabOrder: N, inputField: p } = q({
-    isInvalid: d,
+  const { buttonExcludedFromTabOrder: f, inputField: i } = q({
+    isInvalid: p,
     hasEndSlot: !0,
     fullWidth: s,
-    isDisabled: m
-  }), j = (c) => {
-    (c.key === "Escape" || c.key === "Backspace") && !l ? (c.stopPropagation(), o == null || o(void 0)) : c.key === "ArrowDown" || c.key === "ArrowUp" ? x == null || x() : c.key && c.key.match(/^[a-zA-Z0-9]$/) && (ur(() => {
-      x == null || x();
-    }), f.current && (f.current.focus(), f.current.setSelectionRange(0, f.current.value.length)));
+    isDisabled: x
+  }), w = (l) => {
+    (l.key === "Escape" || l.key === "Backspace") && !o ? (l.stopPropagation(), u == null || u(void 0)) : l.key === "ArrowDown" || l.key === "ArrowUp" ? j == null || j() : l.key && l.key.match(/^[a-zA-Z0-9]$/) && (er(() => {
+      j == null || j();
+    }), h.current && (h.current.focus(), h.current.setSelectionRange(0, h.current.value.length)));
   };
   return /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2", children: [
-    v,
+    b,
     /* @__PURE__ */ r.jsxs(
-      K,
+      g,
       {
         "aria-haspopup": "listbox",
         "aria-expanded": a,
-        className: ({ isFocused: c, isHovered: y }) => p({
-          isHovered: y,
-          isFocused: c,
+        className: ({ isFocused: l, isHovered: n }) => i({
+          isHovered: n,
+          isFocused: l,
           className: "grow"
         }),
-        isDisabled: m,
-        onKeyDown: j,
-        onPress: x,
+        isDisabled: x,
+        onKeyDown: w,
+        onPress: j,
         children: [
-          /* @__PURE__ */ r.jsx("div", { className: "grow truncate text-start", children: n && u(n) ? /* @__PURE__ */ r.jsx(r.Fragment, { children: u(n) }) : /* @__PURE__ */ r.jsx(er, { variant: "body-medium", color: "secondary", children: b }) }),
+          /* @__PURE__ */ r.jsx("div", { className: "grow truncate text-start", children: e && c(e) ? /* @__PURE__ */ r.jsx(r.Fragment, { children: c(e) }) : /* @__PURE__ */ r.jsx(nr, { variant: "body-medium", color: "secondary", children: v }) }),
           /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2", children: [
-            n && !m && !l ? /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsx(
+            e && !x && !o ? /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsx(
               "div",
               {
-                className: N(),
+                className: f(),
                 role: "button",
-                onPointerDown: (c) => {
-                  c.stopPropagation(), o == null || o(void 0);
+                onPointerDown: (l) => {
+                  l.stopPropagation(), u == null || u(void 0);
                 },
-                onClick: (c) => {
-                  c.stopPropagation(), o == null || o(void 0);
+                onClick: (l) => {
+                  l.stopPropagation(), u == null || u(void 0);
                 },
                 children: /* @__PURE__ */ r.jsx(C, { name: "clear" })
               }
@@ -152,317 +151,306 @@ const Br = ({
     ),
     t
   ] });
-}, Tr = ({
-  fullWidth: l,
+}, Ar = ({
+  fullWidth: o,
   getItemId: t,
   getLabel: s,
-  isDisabled: u,
-  isInvalid: m,
-  label: d,
-  onChange: o,
+  isDisabled: c,
+  isInvalid: x,
+  label: p,
+  onChange: u,
   openPopover: a,
-  placeholder: x,
-  searchInputRef: b,
-  value: f
+  placeholder: j,
+  searchInputRef: v,
+  value: h
 }) => {
-  const { inputField: v } = q({
-    isInvalid: m,
+  const { inputField: b } = q({
+    isInvalid: x,
     hasEndSlot: !0,
-    fullWidth: l,
-    isDisabled: u
-  }), n = T(
-    (p) => {
-      p.key === "ArrowDown" || p.key === "ArrowUp" ? a() : p.key && p.key.match(/^[a-zA-Z0-9]$/) && (ur(() => {
+    fullWidth: o,
+    isDisabled: c
+  }), e = A(
+    (i) => {
+      i.key === "ArrowDown" || i.key === "ArrowUp" ? a() : i.key && i.key.match(/^[a-zA-Z0-9]$/) && (er(() => {
         a();
-      }), b.current && (b.current.focus(), b.current.setSelectionRange(0, b.current.value.length)));
+      }), v.current && (v.current.focus(), v.current.setSelectionRange(0, v.current.value.length)));
     },
-    [a, b]
-  ), N = T(
-    (p) => {
-      f && o(
-        f.filter((j) => {
-          const c = t(j);
-          return !p.has(c);
+    [a, v]
+  ), f = A(
+    (i) => {
+      h && u(
+        h.filter((w) => {
+          const l = t(w);
+          return !i.has(l);
         })
       );
     },
-    [t, o, f]
+    [t, u, h]
   );
   return /* @__PURE__ */ r.jsx(
     dr,
     {
-      className: ({ isFocusWithin: p, isHovered: j }) => v({
-        isHovered: j,
-        isFocused: p,
+      className: ({ isFocusWithin: i, isHovered: w }) => b({
+        isHovered: w,
+        isFocused: i,
         className: br(
-          j && !m && !u && !p ? "border-hover" : "",
+          w && !x && !c && !i ? "border-hover" : "",
           "has:[data-focused]:border has:[data-focused]:border-focus"
         )
       }),
       children: /* @__PURE__ */ r.jsxs(
-        K,
+        g,
         {
           onPress: a,
-          onKeyDown: n,
-          isDisabled: u,
+          onKeyDown: e,
+          isDisabled: c,
           className: "flex w-full outline-none",
           children: [
-            /* @__PURE__ */ r.jsx("div", { className: "grow text-left", children: f && f.length ? /* @__PURE__ */ r.jsx(
-              kr,
+            /* @__PURE__ */ r.jsx("div", { className: "grow text-left", children: h && h.length ? /* @__PURE__ */ r.jsx(
+              yr,
               {
-                label: d ?? "Selected items",
+                label: p ?? "Selected items",
                 className: "-m-1.5 -mt-[0.3125rem] items-center",
-                onRemove: u ? void 0 : N,
-                children: f.map((p) => /* @__PURE__ */ r.jsx(yr, { id: t(p), isDisabled: u, children: s(p) }, t(p)))
+                onRemove: c ? void 0 : f,
+                children: h.map((i) => /* @__PURE__ */ r.jsx(kr, { id: t(i), isDisabled: c, children: s(i) }, t(i)))
               }
-            ) : /* @__PURE__ */ r.jsx(er, { color: "secondary", children: x }) }),
+            ) : /* @__PURE__ */ r.jsx(nr, { color: "secondary", children: j }) }),
             /* @__PURE__ */ r.jsx(C, { name: "chevron-up-down", className: "h-4 w-4 min-w-[16px]" })
           ]
         }
       )
     }
   );
-}, Er = ({
-  endSlot: l,
+}, Tr = ({
+  endSlot: o,
   isLoading: t,
   onKeyDown: s,
-  onQueryChange: u,
-  query: m,
-  searchInputRef: d,
-  setQuery: o
+  onQueryChange: c,
+  query: x,
+  searchInputRef: p,
+  setQuery: u
 }) => {
-  const a = fr(), { clear: x, search: b } = ar(), f = Dr(t ?? !1, { delay: 500, minDuration: 200 }), { buttonExcludedFromTabOrder: v } = q({ fullWidth: !0 });
-  return H(() => {
-    var n;
-    (n = d.current) == null || n.focus();
+  const a = xr(), { clear: j, search: v } = ur(), h = Dr(t ?? !1, { delay: 500, minDuration: 200 }), { buttonExcludedFromTabOrder: b } = q({ fullWidth: !0 });
+  return J(() => {
+    var e;
+    (e = p.current) == null || e.focus();
   }, []), /* @__PURE__ */ r.jsx("div", { className: "pb-1", children: /* @__PURE__ */ r.jsxs("div", { className: "flex h-6 w-full items-center gap-2 rounded-xs border border-solid border-default bg-overlay-subtle py-1 pe-1 ps-1.5", children: [
     /* @__PURE__ */ r.jsx(
       jr,
       {
-        ref: d,
+        ref: p,
         id: a,
         className: "w-full bg-transparent text-base outline-none placeholder:text-tertiary",
-        onChange: (n) => {
-          var N, p;
-          o(((N = n.target) == null ? void 0 : N.value) ?? ""), u == null || u((p = n.target) == null ? void 0 : p.value);
+        onChange: (e) => {
+          var f, i;
+          u(((f = e.target) == null ? void 0 : f.value) ?? ""), c == null || c((i = e.target) == null ? void 0 : i.value);
         },
-        placeholder: b,
-        value: m ?? "",
-        onKeyDown: (n) => {
-          n.code === "Tab" && n.preventDefault(), s == null || s(n);
+        placeholder: v,
+        value: x ?? "",
+        onKeyDown: (e) => {
+          e.code === "Tab" && e.preventDefault(), s == null || s(e);
         }
       }
     ),
-    m && m.length ? /* @__PURE__ */ r.jsx(
-      K,
+    x && x.length ? /* @__PURE__ */ r.jsx(
+      g,
       {
-        "aria-label": x,
-        className: v(),
+        "aria-label": j,
+        className: b(),
         excludeFromTabOrder: !0,
         onPress: () => {
-          var n;
-          o(""), (n = d.current) == null || n.focus();
+          var e;
+          u(""), (e = p.current) == null || e.focus();
         },
         children: /* @__PURE__ */ r.jsx(C, { name: "clear" })
       }
     ) : null,
-    l,
-    f ? /* @__PURE__ */ r.jsx(Ar, { className: "mx-2", size: "small" }) : null
+    o,
+    h ? /* @__PURE__ */ r.jsx(Br, { className: "mx-2", size: "small" }) : null
   ] }) });
-}, zr = (l) => {
-  const t = $(null), [s, u] = W(!1);
-  return H(() => u(!1), [l]), { loadMoreButtonRef: t, isLoadMoreButtonFocused: s, setIsLoadMoreButtonFocused: u };
-}, Mr = ({
-  disabledItemIdKeys: l,
+}, Er = (o) => {
+  const t = F(null), [s, c] = M(!1);
+  return J(() => c(!1), [o]), { loadMoreButtonRef: t, isLoadMoreButtonFocused: s, setIsLoadMoreButtonFocused: c };
+}, zr = ({
+  disabledItemIdKeys: o,
   filteredItems: t,
   getItemId: s,
-  loadMoreButtonRef: u,
-  onMultiChange: m,
-  onSingleChange: d,
-  value: o
+  onMultiChange: c,
+  onSingleChange: x,
+  value: p
 }) => {
-  const a = $([]), x = ir(() => {
-    if (Array.isArray(o))
-      return o.length ? t.findIndex((e) => s(e) === s(o[0])) : 0;
-    if (o)
-      return t.findIndex((e) => s(e) === s(o)) ?? 0;
-  }, [t, s, o]), b = T(
-    (e) => {
-      if (Number.isInteger(e)) {
-        for (let i = e - 1; i >= 0; i--)
-          if (!(l != null && l.includes(s(t[i]))))
-            return Math.max(i, 0);
+  const u = fr(() => {
+    if (Array.isArray(p))
+      return p.length ? t == null ? void 0 : t.findIndex((n) => s(n) === s(p[0])) : 0;
+    if (p)
+      return (t == null ? void 0 : t.findIndex((n) => s(n) === s(p))) ?? 0;
+  }, [t, s, p]), a = A(
+    (n) => {
+      if (Number.isInteger(n)) {
+        for (let m = n - 1; m >= 0; m--)
+          if (!(o != null && o.includes(s(t[m]))))
+            return Math.max(m, 0);
       }
       return -1;
     },
-    [l, t, s]
-  ), f = T(
-    (e) => {
-      if (Number.isInteger(e)) {
-        for (let i = e + 1; i < t.length; i++)
-          if (!(l != null && l.includes(s(t[i]))))
-            return Math.min(t.length - 1, i);
+    [o, t, s]
+  ), j = A(
+    (n) => {
+      if (Number.isInteger(n)) {
+        for (let m = n + 1; m < t.length; m++)
+          if (!(o != null && o.includes(s(t[m]))))
+            return Math.min(t.length - 1, m);
       }
       return -1;
     },
-    [l, t, s]
-  ), v = T((e, i) => {
-    i && (a.current[e] = i);
-  }, []), n = T(
-    (e) => {
-      if (m) {
-        const i = o ? [...o] : [], w = i.map(s), S = w != null && w.includes(s(e)) ? i.filter((O) => s(O) !== s(e)) : [...i, e];
-        m == null || m(S);
+    [o, t, s]
+  ), v = A(
+    (n) => {
+      if (c) {
+        const m = p ? [...p] : [], N = m.map(s), d = N != null && N.includes(s(n)) ? m.filter((P) => s(P) !== s(n)) : [...m, n];
+        c == null || c(d);
       } else
-        d && (d == null || d(e));
+        x && (x == null || x(n));
     },
-    [s, m, d, o]
-  ), N = T(
-    (e) => Array.isArray(o) ? o.includes(e) : o === e,
-    [o]
-  ), [p, j] = W(x ?? 0), c = Or(), y = $(void 0), E = T(
-    (e) => {
-      const i = p;
-      if (e.key === "ArrowDown") {
-        e.preventDefault();
-        const w = f(i);
-        if (w >= 0)
-          if (j(w), y.current = c, w === t.length - 1 && u.current)
-            u.current.scrollIntoView({ block: "nearest" });
-          else {
-            const S = a.current[w];
-            S == null || S.scrollIntoView({ block: "nearest" });
-          }
-      } else if (e.key === "ArrowUp") {
-        e.preventDefault();
-        const w = b(i);
-        if (w >= 0) {
-          j(w), y.current = c;
-          const S = a.current[w];
-          S == null || S.scrollIntoView({ block: "nearest" });
-        }
+    [s, c, x, p]
+  ), h = A(
+    (n) => Array.isArray(p) ? p.includes(n) : p === n,
+    [p]
+  ), [b, e] = M(u ?? 0), f = Or(), i = F(void 0), w = A(
+    (n) => {
+      const m = b;
+      if (n.key === "ArrowDown") {
+        n.preventDefault();
+        const N = j(m);
+        N >= 0 && (e(N), i.current = f);
+      } else if (n.key === "ArrowUp") {
+        n.preventDefault();
+        const N = a(m);
+        N >= 0 && (e(N), i.current = f);
       } else
-        e.key === "Enter" && n(t[p]);
+        n.key === "Enter" && v(t[b]);
     },
     [
-      p,
+      b,
       t,
+      j,
+      a,
       f,
-      b,
-      u,
-      c,
-      n
+      v
     ]
-  ), F = T(
-    (e, i) => {
-      e && y.current !== c && (j(i), y.current = c);
+  ), l = A(
+    (n, m) => {
+      n && i.current !== f && (e(m), i.current = f);
     },
-    [c]
+    [f]
   );
-  H(() => {
-    var e, i;
-    (e = a.current) != null && e[p] && ((i = a.current) == null || i[p].scrollIntoView({ block: "nearest" }));
-  }, [open]);
-  const h = ir(
-    () => t == null ? void 0 : t.map(s).join("-"),
-    [t, s]
-  ), P = $r(h);
-  return H(() => {
-    P !== void 0 && h !== P && j(0);
-  }, [h, P]), {
-    activeItem: p,
-    assignRefOnIndex: v,
-    getItemIsSelected: N,
-    onKeyDown: E,
-    onHoverChange: F,
-    selectedItemIndex: x,
-    toggleSelection: n
+  return {
+    activeItem: b,
+    setActiveItem: e,
+    getItemIsSelected: h,
+    onKeyDown: w,
+    onHoverChange: l,
+    selectedItemIndex: u,
+    toggleSelection: v
   };
-}, sr = ({
-  direction: l,
+}, Mr = ({
+  selectedItemIndex: o,
+  setActiveItem: t
+}) => (J(() => {
+  if (o !== void 0 && o >= 0)
+    return t(o), () => {
+      t(0);
+    };
+}, [o, t]), null), sr = ({
+  direction: o,
   disabledItemIdKeys: t,
   getItemId: s,
-  getLabel: u,
-  isLoading: m,
-  items: d,
-  label: o,
+  getLabel: c,
+  isLoading: x,
+  items: p,
+  label: u,
   onLoadMore: a,
-  onMultiChange: x,
-  onQueryChange: b,
-  onSingleChange: f,
-  open: v,
-  placement: n,
-  searchInputRef: N,
-  selectRenderElements: p,
-  setOpenPopover: j,
-  triggerRef: c,
-  value: y
+  onMultiChange: j,
+  onQueryChange: v,
+  onSingleChange: h,
+  open: b,
+  placement: e,
+  searchInputRef: f,
+  selectRenderElements: i,
+  setOpenPopover: w,
+  triggerRef: l,
+  value: n
 }) => {
-  var V, nr, cr;
-  const { loadMore: E, noResultsFound: F } = ar(), { filteredItems: h, query: P, setQuery: e } = Fr({
-    getLabel: u,
-    items: d,
-    onQueryChange: b
-  }), { item: i } = wr(), { isLoadMoreButtonFocused: w, loadMoreButtonRef: S, setIsLoadMoreButtonFocused: O } = zr(v), {
-    activeItem: z,
-    assignRefOnIndex: L,
-    getItemIsSelected: A,
-    onHoverChange: k,
-    onKeyDown: Z,
-    selectedItemIndex: G,
+  var z, cr, ir;
+  const { loadMore: m, noResultsFound: N } = ur(), { filteredItems: d, query: P, setQuery: R } = Fr({
+    getLabel: c,
+    items: p,
+    onQueryChange: v
+  }), { item: T } = Nr(), { isLoadMoreButtonFocused: W, loadMoreButtonRef: G, setIsLoadMoreButtonFocused: O } = Er(b), {
+    activeItem: y,
+    getItemIsSelected: L,
+    onHoverChange: $,
+    onKeyDown: S,
+    selectedItemIndex: H,
+    setActiveItem: V,
     toggleSelection: X
-  } = Mr({
+  } = zr({
     disabledItemIdKeys: t,
-    filteredItems: h,
+    filteredItems: d,
     getItemId: s,
-    loadMoreButtonRef: S,
-    onMultiChange: x,
-    onSingleChange: f,
-    value: y
-  }), [Y, g] = W(
-    (V = c.current) == null ? void 0 : V.offsetWidth
+    loadMoreButtonRef: G,
+    onMultiChange: j,
+    onSingleChange: h,
+    value: n
+  }), [Z, Q] = M(
+    (z = l.current) == null ? void 0 : z.offsetWidth
   );
   vr("resize", () => {
-    var M;
-    g((M = c.current) == null ? void 0 : M.offsetWidth);
+    var B;
+    Q((B = l.current) == null ? void 0 : B.offsetWidth);
   });
-  const J = Y ?? ((nr = c.current) == null ? void 0 : nr.offsetWidth), _ = $(null), R = a ? ((h == null ? void 0 : h.length) ?? 0) + 1 : (h == null ? void 0 : h.length) ?? 0, D = hr({
-    count: R,
+  const Y = Z ?? ((cr = l.current) == null ? void 0 : cr.offsetWidth), _ = F(null), U = a ? ((d == null ? void 0 : d.length) ?? 0) + 1 : (d == null ? void 0 : d.length) ?? 0, k = hr({
+    count: U,
     estimateSize: () => 40,
     getScrollElement: () => _.current,
     overscan: 6
   });
-  H(() => {
-    G && D.scrollToIndex(Math.min(G - 1, R - 1));
-  }, [R, v, G, D]);
-  const U = D.getVirtualItems();
+  J(() => {
+    y !== void 0 && y >= 0 && (d != null && d.length) && (y === d.length - 1 && a ? k.scrollToIndex(U) : k.scrollToIndex(Math.min(y, U - 1)));
+  }, [y, U, d.length, a, k]);
+  const E = k.getVirtualItems();
   return /* @__PURE__ */ r.jsx(
     Sr,
     {
       className: "p-1",
-      isOpen: v,
+      isOpen: b,
       disablePadding: !0,
-      triggerRef: c,
-      onOpenChange: j,
-      "aria-label": o,
+      triggerRef: l,
+      onOpenChange: w,
+      "aria-label": u,
       shouldUpdatePosition: !0,
-      placement: n,
+      placement: e,
       style: {
-        width: J && J > 280 ? J + "px" : "280px",
-        direction: l
+        width: Y && Y > 280 ? Y + "px" : "280px",
+        direction: o
       },
-      children: v ? /* @__PURE__ */ r.jsxs("div", { className: "gap-1", children: [
+      children: b ? /* @__PURE__ */ r.jsxs("div", { className: "gap-1", children: [
         /* @__PURE__ */ r.jsx(
-          Er,
+          Tr,
           {
-            onQueryChange: b,
-            isLoading: m,
+            onQueryChange: v,
+            isLoading: x,
             query: P,
-            setQuery: e,
-            searchInputRef: N,
-            onKeyDown: Z
+            setQuery: (B) => {
+              er(() => {
+                R(B), V(0);
+              }), k.scrollToOffset(0);
+            },
+            searchInputRef: f,
+            onKeyDown: S
           }
         ),
+        /* @__PURE__ */ r.jsx(Mr, { selectedItemIndex: H, setActiveItem: V }),
         /* @__PURE__ */ r.jsx(
           "div",
           {
@@ -470,93 +458,92 @@ const Br = ({
             className: "w-full overflow-y-auto",
             style: {
               contain: "strict",
-              height: Math.min(288, D.getTotalSize() + (a ? 4 : 0))
+              height: Math.min(288, k.getTotalSize() + (a ? 4 : 0))
             },
             children: /* @__PURE__ */ r.jsx(
               "div",
               {
                 className: "relative w-full",
                 style: {
-                  height: D.getTotalSize()
+                  height: k.getTotalSize()
                 },
                 children: /* @__PURE__ */ r.jsx(
                   "div",
                   {
                     className: "absolute start-0 top-0 w-full",
                     style: {
-                      transform: `translateY(${((cr = U[0]) == null ? void 0 : cr.start) ?? 0}px)`
+                      transform: `translateY(${((ir = E == null ? void 0 : E[0]) == null ? void 0 : ir.start) ?? 0}px)`
                     },
-                    children: U.map((M) => {
-                      if (M.index === R - 1 && a)
+                    children: E.map((B) => {
+                      if (B.index === U - 1 && a)
                         return /* @__PURE__ */ r.jsx(
                           "div",
                           {
-                            "data-index": M.index,
-                            ref: D.measureElement,
+                            "data-index": B.index,
+                            ref: k.measureElement,
                             children: /* @__PURE__ */ r.jsxs("div", { children: [
-                              /* @__PURE__ */ r.jsx(Pr, { className: "my-1" }),
+                              /* @__PURE__ */ r.jsx($r, { className: "my-1" }),
                               /* @__PURE__ */ r.jsx(
-                                K,
+                                g,
                                 {
-                                  isDisabled: m,
+                                  isDisabled: x,
                                   onFocusChange: O,
                                   onHoverChange: O,
-                                  ref: S,
-                                  className: i({
+                                  ref: G,
+                                  className: T({
                                     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 B;
-                                    a(), (B = N.current) == null || B.focus();
+                                    var D;
+                                    a(), (D = f.current) == null || D.focus();
                                   },
-                                  onKeyDown: (B) => {
-                                    var Q;
-                                    B.key === "ArrowUp" && (B.preventDefault(), (Q = N.current) == null || Q.focus());
+                                  onKeyDown: (D) => {
+                                    var K;
+                                    D.key === "ArrowUp" && (D.preventDefault(), (K = f.current) == null || K.focus());
                                   },
-                                  children: E
+                                  children: m
                                 }
                               )
                             ] })
                           },
-                          M.key
+                          B.key
                         );
                       {
-                        const B = h[M.index];
+                        const D = d[B.index];
                         return /* @__PURE__ */ r.jsx(
                           "div",
                           {
-                            "data-index": M.index,
-                            ref: D.measureElement,
+                            "data-index": B.index,
+                            ref: k.measureElement,
                             children: /* @__PURE__ */ r.jsx(
-                              K,
+                              g,
                               {
-                                ref: (Q) => L(M.index, Q),
                                 className: "w-full text-start outline-none",
-                                onHoverChange: (Q) => {
-                                  k(Q, M.index);
+                                onHoverChange: (K) => {
+                                  $(K, B.index);
                                 },
-                                onPress: () => X(B),
-                                isDisabled: (t == null ? void 0 : t.includes(s(B))) ?? !1,
+                                onPress: () => X(D),
+                                isDisabled: (t == null ? void 0 : t.includes(s(D))) ?? !1,
                                 excludeFromTabOrder: !0,
                                 children: /* @__PURE__ */ r.jsx(
-                                  Nr,
+                                  wr,
                                   {
                                     hasSelection: !0,
-                                    item: B,
+                                    item: D,
                                     state: {
-                                      active: z === M.index && !w,
-                                      disabled: (t == null ? void 0 : t.includes(s(B))) ?? !1,
-                                      selected: A(B)
+                                      active: y === B.index && !W,
+                                      disabled: (t == null ? void 0 : t.includes(s(D))) ?? !1,
+                                      selected: L(D)
                                     },
-                                    selectRenderElements: p
+                                    selectRenderElements: i
                                   },
-                                  s(B)
+                                  s(D)
                                 )
                               },
-                              s(B)
+                              s(D)
                             )
                           },
-                          M.key
+                          B.key
                         );
                       }
                     })
@@ -566,269 +553,269 @@ const Br = ({
             )
           }
         ),
-        R ? null : /* @__PURE__ */ r.jsx(er, { variant: "body-medium", color: "secondary", className: "px-2.5", children: F })
+        U ? null : /* @__PURE__ */ r.jsx(nr, { variant: "body-medium", color: "secondary", className: "px-2.5", children: N })
       ] }) : null
     }
   );
 }, or = ({
-  getItemId: l,
+  getItemId: o,
   name: t,
   value: s
-}) => t ? Array.isArray(s) ? s.map((u) => /* @__PURE__ */ r.jsx("input", { type: "hidden", name: t, value: l(u) }, l(u))) : s ? /* @__PURE__ */ r.jsx("input", { type: "hidden", name: t, value: l(s) }) : null : null, vs = ({
-  defaultValue: l,
+}) => t ? Array.isArray(s) ? s.map((c) => /* @__PURE__ */ r.jsx("input", { type: "hidden", name: t, value: o(c) }, o(c))) : s ? /* @__PURE__ */ r.jsx("input", { type: "hidden", name: t, value: o(s) }) : null : null, bs = ({
+  defaultValue: o,
   description: t,
   disableClearLogic: s,
-  disabledItemIdKeys: u,
-  endSlot: m,
-  errorMessage: d,
-  fullWidth: o = !0,
+  disabledItemIdKeys: c,
+  endSlot: x,
+  errorMessage: p,
+  fullWidth: u = !0,
   getItemId: a,
-  getLabel: x,
-  hideHintLabel: b,
-  hideInputFooter: f,
-  hideInputHeader: v,
-  isDisabled: n,
-  isInvalid: N,
-  isLoading: p,
-  isRequired: j,
-  items: c,
-  label: y,
-  name: E,
-  onChange: F,
-  onLoadMore: h,
+  getLabel: j,
+  hideHintLabel: v,
+  hideInputFooter: h,
+  hideInputHeader: b,
+  isDisabled: e,
+  isInvalid: f,
+  isLoading: i,
+  isRequired: w,
+  items: l,
+  label: n,
+  name: m,
+  onChange: N,
+  onLoadMore: d,
   onQueryChange: P,
-  placeholder: e,
-  placement: i = "bottom start",
-  selectRenderElements: w,
-  startSlot: S,
+  placeholder: R,
+  placement: T = "bottom start",
+  selectRenderElements: W,
+  startSlot: G,
   value: O
 }) => {
-  const { isDisabled: z } = I(rr), L = $(null), A = $(null), k = $(null), [Z, G] = W(O ?? l), [X, Y] = W(!1), g = () => {
-    var V;
-    Y(!0), (V = A.current) == null || V.click();
-  }, J = () => Y(!1), _ = T(
-    (V) => {
-      G(V), F == null || F(V), J();
+  const { isDisabled: y } = I(rr), L = F(null), $ = F(null), S = F(null), [H, V] = M(O ?? o), [X, Z] = M(!1), Q = () => {
+    var z;
+    Z(!0), (z = $.current) == null || z.click();
+  }, Y = () => Z(!1), _ = A(
+    (z) => {
+      V(z), N == null || N(z), Y();
     },
-    [F]
-  ), { direction: R } = tr(), { wrapper: D } = q({
-    fullWidth: o,
-    isInvalid: N,
-    isDisabled: n || z
+    [N]
+  ), { direction: U } = tr(), { wrapper: k } = q({
+    fullWidth: u,
+    isInvalid: f,
+    isDisabled: e || y
   });
-  H(() => {
-    G(O ?? l);
-  }, [l, O]);
-  const U = O ?? Z;
+  J(() => {
+    V(O ?? o);
+  }, [o, O]);
+  const E = O ?? H;
   return /* @__PURE__ */ r.jsxs("div", { children: [
-    /* @__PURE__ */ r.jsx(or, { name: E, value: U, getItemId: a }),
-    /* @__PURE__ */ r.jsxs("div", { className: D(), children: [
+    /* @__PURE__ */ r.jsx(or, { name: m, value: E, getItemId: a }),
+    /* @__PURE__ */ r.jsxs("div", { className: k(), children: [
       /* @__PURE__ */ r.jsx(
-        mr,
+        ar,
         {
-          label: y,
-          hideHintLabel: b,
-          hideInputHeader: v,
-          isRequired: j
+          label: n,
+          hideHintLabel: v,
+          hideInputHeader: b,
+          isRequired: w
         }
       ),
-      /* @__PURE__ */ r.jsx("div", { ref: k, children: /* @__PURE__ */ r.jsx(
-        Br,
+      /* @__PURE__ */ r.jsx("div", { ref: S, children: /* @__PURE__ */ r.jsx(
+        Pr,
         {
           disableClearLogic: s,
-          endSlot: m,
-          fullWidth: o,
-          getLabel: x,
+          endSlot: x,
+          fullWidth: u,
+          getLabel: j,
           getItemId: a,
-          isDisabled: n,
-          isInvalid: N,
+          isDisabled: e,
+          isInvalid: f,
           open: X,
-          openPopover: g,
+          openPopover: Q,
           onChange: _,
-          placeholder: e,
+          placeholder: R,
           searchInputRef: L,
-          startSlot: S,
-          value: U
+          startSlot: G,
+          value: E
         }
       ) }),
       /* @__PURE__ */ r.jsx(
-        xr,
+        mr,
         {
           description: t,
-          errorMessage: d,
-          hideInputFooter: f
+          errorMessage: p,
+          hideInputFooter: h
         }
       )
     ] }),
     /* @__PURE__ */ r.jsx(
       sr,
       {
-        triggerRef: k,
-        label: y,
+        triggerRef: S,
+        label: n,
         getItemId: a,
-        getLabel: x,
-        items: c,
+        getLabel: j,
+        items: l,
         open: X,
-        setOpenPopover: Y,
-        selectRenderElements: w,
-        disabledItemIdKeys: u,
-        direction: R,
+        setOpenPopover: Z,
+        selectRenderElements: W,
+        disabledItemIdKeys: c,
+        direction: U,
         onQueryChange: P,
-        isLoading: p,
+        isLoading: i,
         searchInputRef: L,
-        onLoadMore: h,
-        placement: i,
-        value: U,
+        onLoadMore: d,
+        placement: T,
+        value: E,
         onSingleChange: _
       }
     )
   ] });
-}, ws = ({
-  defaultValue: l,
+}, vs = ({
+  defaultValue: o,
   description: t,
   disableClearLogic: s,
-  disabledItemIdKeys: u,
-  endSlot: m,
-  errorMessage: d,
-  fullWidth: o = !0,
+  disabledItemIdKeys: c,
+  endSlot: x,
+  errorMessage: p,
+  fullWidth: u = !0,
   getItemId: a,
-  getLabel: x,
-  hideHintLabel: b,
-  hideInputFooter: f,
-  hideInputHeader: v,
-  isDisabled: n,
-  isInvalid: N,
-  isLoading: p,
-  isRequired: j,
-  items: c,
-  label: y,
-  labelId: E,
-  name: F,
-  onChange: h,
+  getLabel: j,
+  hideHintLabel: v,
+  hideInputFooter: h,
+  hideInputHeader: b,
+  isDisabled: e,
+  isInvalid: f,
+  isLoading: i,
+  isRequired: w,
+  items: l,
+  label: n,
+  labelId: m,
+  name: N,
+  onChange: d,
   onLoadMore: P,
-  onQueryChange: e,
-  placeholder: i,
-  placement: w = "bottom start",
-  selectRenderElements: S,
+  onQueryChange: R,
+  placeholder: T,
+  placement: W = "bottom start",
+  selectRenderElements: G,
   startSlot: O,
-  value: z
+  value: y
 }) => {
-  const { isDisabled: L } = I(rr), A = $(null), k = $(null), [Z, G] = W(z ?? l), [X, Y] = W(!1), g = () => {
-    Y(!0);
-  }, J = T(
-    (U) => {
-      var V;
-      G(U), h == null || h(U), (V = A.current) == null || V.focus();
+  const { isDisabled: L } = I(rr), $ = F(null), S = F(null), [H, V] = M(y ?? o), [X, Z] = M(!1), Q = () => {
+    Z(!0);
+  }, Y = A(
+    (E) => {
+      var z;
+      V(E), d == null || d(E), (z = $.current) == null || z.focus();
     },
-    [h]
-  ), { direction: _ } = tr(), { wrapper: R } = q({
-    fullWidth: o,
-    isInvalid: N,
-    isDisabled: n || L
+    [d]
+  ), { direction: _ } = tr(), { wrapper: U } = q({
+    fullWidth: u,
+    isInvalid: f,
+    isDisabled: e || L
   });
-  H(() => {
-    G(z ?? l);
-  }, [l, z]);
-  const D = z ?? Z;
+  J(() => {
+    V(y ?? o);
+  }, [o, y]);
+  const k = y ?? H;
   return /* @__PURE__ */ r.jsxs("div", { children: [
-    /* @__PURE__ */ r.jsx(or, { name: F, value: D, getItemId: a }),
-    /* @__PURE__ */ r.jsxs("div", { className: R(), children: [
+    /* @__PURE__ */ r.jsx(or, { name: N, value: k, getItemId: a }),
+    /* @__PURE__ */ r.jsxs("div", { className: U(), children: [
       /* @__PURE__ */ r.jsx(
-        mr,
+        ar,
         {
-          label: y,
-          isRequired: j,
-          hideHintLabel: b,
-          hideInputHeader: v,
-          labelId: E
+          label: n,
+          isRequired: w,
+          hideHintLabel: v,
+          hideInputHeader: b,
+          labelId: m
         }
       ),
-      /* @__PURE__ */ r.jsx("div", { ref: k, children: /* @__PURE__ */ r.jsx(
-        Tr,
+      /* @__PURE__ */ r.jsx("div", { ref: S, children: /* @__PURE__ */ r.jsx(
+        Ar,
         {
           disableClearLogic: s,
-          endSlot: m,
-          fullWidth: o,
-          getLabel: x,
+          endSlot: x,
+          fullWidth: u,
+          getLabel: j,
           getItemId: a,
-          isDisabled: n,
-          isInvalid: N,
-          onChange: J,
+          isDisabled: e,
+          isInvalid: f,
+          onChange: Y,
           open: X,
-          openPopover: g,
-          placeholder: i,
-          searchInputRef: A,
+          openPopover: Q,
+          placeholder: T,
+          searchInputRef: $,
           startSlot: O,
-          value: D
+          value: k
         }
       ) }),
       /* @__PURE__ */ r.jsx(
-        xr,
+        mr,
         {
           description: t,
-          errorMessage: d,
-          hideInputFooter: f
+          errorMessage: p,
+          hideInputFooter: h
         }
       )
     ] }),
     /* @__PURE__ */ r.jsx(
       sr,
       {
-        label: y,
-        searchInputRef: A,
-        triggerRef: k,
+        label: n,
+        searchInputRef: $,
+        triggerRef: S,
         getItemId: a,
-        getLabel: x,
-        items: c,
-        onMultiChange: J,
-        value: D,
-        placement: w,
+        getLabel: j,
+        items: l,
+        onMultiChange: Y,
+        value: k,
+        placement: W,
         open: X,
-        setOpenPopover: Y,
-        selectRenderElements: S,
-        disabledItemIdKeys: u,
+        setOpenPopover: Z,
+        selectRenderElements: G,
+        disabledItemIdKeys: c,
         direction: _,
-        onQueryChange: e,
-        isLoading: p,
+        onQueryChange: R,
+        isLoading: i,
         onLoadMore: P
       }
     )
   ] });
 }, Ns = ({
-  children: l,
+  children: o,
   defaultValue: t,
   disabledItemIdKeys: s,
-  getItemId: u,
-  getLabel: m,
-  isDisabled: d,
-  isInvalid: o,
+  getItemId: c,
+  getLabel: x,
+  isDisabled: p,
+  isInvalid: u,
   isLoading: a,
-  items: x,
-  label: b,
-  name: f,
-  onChange: v,
-  onQueryChange: n,
-  placement: N = "bottom start",
-  selectRenderElements: p,
-  value: j
+  items: j,
+  label: v,
+  name: h,
+  onChange: b,
+  onQueryChange: e,
+  placement: f = "bottom start",
+  selectRenderElements: i,
+  value: w
 }) => {
-  const { isDisabled: c } = I(rr), y = $(null), E = $(null), F = $(null), [h, P] = W(j ?? t), [e, i] = W(!1), w = () => {
-    var k;
-    i(!0), (k = E.current) == null || k.click();
-  }, S = () => i(!1), O = T(
-    (k) => {
-      P(k), v == null || v(k), S();
+  const { isDisabled: l } = I(rr), n = F(null), m = F(null), N = F(null), [d, P] = M(w ?? t), [R, T] = M(!1), W = () => {
+    var S;
+    T(!0), (S = m.current) == null || S.click();
+  }, G = () => T(!1), O = A(
+    (S) => {
+      P(S), b == null || b(S), G();
     },
-    [v]
-  ), { direction: z } = tr(), { wrapper: L } = q({
+    [b]
+  ), { direction: y } = tr(), { wrapper: L } = q({
     fullWidth: !1,
-    isInvalid: o,
-    isDisabled: d
+    isInvalid: u,
+    isDisabled: p
   });
-  H(() => {
-    P(j ?? t);
-  }, [t, j]);
-  const A = j ?? h;
+  J(() => {
+    P(w ?? t);
+  }, [t, w]);
+  const $ = w ?? d;
   return /* @__PURE__ */ r.jsx(
     lr,
     {
@@ -836,106 +823,106 @@ const Br = ({
         [
           pr,
           {
-            onPress: () => w(),
-            isDisabled: d || c
+            onPress: () => W(),
+            isDisabled: p || l
           }
         ]
       ],
       children: /* @__PURE__ */ r.jsxs("div", { children: [
-        /* @__PURE__ */ r.jsx(or, { name: f, value: A, getItemId: u }),
-        /* @__PURE__ */ r.jsx("div", { className: L(), children: /* @__PURE__ */ r.jsx("div", { ref: F, children: l }) }),
+        /* @__PURE__ */ r.jsx(or, { name: h, value: $, getItemId: c }),
+        /* @__PURE__ */ r.jsx("div", { className: L(), children: /* @__PURE__ */ r.jsx("div", { ref: N, children: o }) }),
         /* @__PURE__ */ r.jsx(
           sr,
           {
-            triggerRef: F,
-            label: b,
-            getItemId: u,
-            getLabel: m,
-            items: x,
-            open: e,
-            setOpenPopover: i,
-            selectRenderElements: p,
+            triggerRef: N,
+            label: v,
+            getItemId: c,
+            getLabel: x,
+            items: j,
+            open: R,
+            setOpenPopover: T,
+            selectRenderElements: i,
             disabledItemIdKeys: s,
-            direction: z,
-            onQueryChange: n,
+            direction: y,
+            onQueryChange: e,
             isLoading: a,
-            searchInputRef: y,
-            placement: N,
-            value: A,
+            searchInputRef: n,
+            placement: f,
+            value: $,
             onSingleChange: O
           }
         )
       ] })
     }
   );
-}, Ss = ({
-  children: l,
+}, ws = ({
+  children: o,
   defaultValue: t,
   disabledItemIdKeys: s,
-  fullWidth: u = !0,
-  getItemId: m,
-  getLabel: d,
-  isDisabled: o,
+  fullWidth: c = !0,
+  getItemId: x,
+  getLabel: p,
+  isDisabled: u,
   isInvalid: a,
-  isLoading: x,
-  items: b,
-  label: f,
-  name: v,
-  onChange: n,
-  onQueryChange: N,
-  placement: p = "bottom start",
-  selectRenderElements: j,
-  value: c
+  isLoading: j,
+  items: v,
+  label: h,
+  name: b,
+  onChange: e,
+  onQueryChange: f,
+  placement: i = "bottom start",
+  selectRenderElements: w,
+  value: l
 }) => {
-  const { isDisabled: y } = I(rr), E = $(null), F = $(null), h = $(null), [P, e] = W(c ?? t), [i, w] = W(!1), S = () => {
-    var k;
-    w(!0), (k = F.current) == null || k.click();
-  }, O = T(
-    (k) => {
-      var Z;
-      e(k), n == null || n(k), (Z = E.current) == null || Z.focus();
+  const { isDisabled: n } = I(rr), m = F(null), N = F(null), d = F(null), [P, R] = M(l ?? t), [T, W] = M(!1), G = () => {
+    var S;
+    W(!0), (S = N.current) == null || S.click();
+  }, O = A(
+    (S) => {
+      var H;
+      R(S), e == null || e(S), (H = m.current) == null || H.focus();
     },
-    [n]
-  ), { direction: z } = tr(), { wrapper: L } = q({
-    fullWidth: u,
+    [e]
+  ), { direction: y } = tr(), { wrapper: L } = q({
+    fullWidth: c,
     isInvalid: a,
-    isDisabled: o
+    isDisabled: u
   });
-  H(() => {
-    e(c ?? t);
-  }, [t, c]);
-  const A = c ?? P;
+  J(() => {
+    R(l ?? t);
+  }, [t, l]);
+  const $ = l ?? P;
   return /* @__PURE__ */ r.jsx(
     lr,
     {
       values: [
         [
           pr,
-          { onPress: () => S(), isDisabled: o || y }
+          { onPress: () => G(), isDisabled: u || n }
         ]
       ],
       children: /* @__PURE__ */ r.jsxs("div", { children: [
-        /* @__PURE__ */ r.jsx(or, { name: v, value: A, getItemId: m }),
-        /* @__PURE__ */ r.jsx("div", { className: L(), children: /* @__PURE__ */ r.jsx("div", { ref: h, children: l }) }),
+        /* @__PURE__ */ r.jsx(or, { name: b, value: $, getItemId: x }),
+        /* @__PURE__ */ r.jsx("div", { className: L(), children: /* @__PURE__ */ r.jsx("div", { ref: d, children: o }) }),
         /* @__PURE__ */ r.jsx(
           sr,
           {
-            label: f,
-            searchInputRef: E,
-            triggerRef: h,
-            getItemId: m,
-            getLabel: d,
-            items: b,
-            open: i,
-            setOpenPopover: w,
-            selectRenderElements: j,
+            label: h,
+            searchInputRef: m,
+            triggerRef: d,
+            getItemId: x,
+            getLabel: p,
+            items: v,
+            open: T,
+            setOpenPopover: W,
+            selectRenderElements: w,
             disabledItemIdKeys: s,
-            direction: z,
-            onQueryChange: N,
-            isLoading: x,
-            value: A,
+            direction: y,
+            onQueryChange: f,
+            isLoading: j,
+            value: $,
             onMultiChange: O,
-            placement: p
+            placement: i
           }
         )
       ] })
@@ -943,8 +930,8 @@ const Br = ({
   );
 };
 export {
-  ws as MultiSearchListField,
-  Ss as MultiSearchListFieldWithCustomTrigger,
-  vs as SearchListField,
+  vs as MultiSearchListField,
+  ws as MultiSearchListFieldWithCustomTrigger,
+  bs as SearchListField,
   Ns as SearchListFieldWithCustomTrigger
 };