@new-black/lyra 1.0.11 → 1.0.13

package/dist/lyra37.js

@@ -2,7 +2,7 @@ import { j as r } from "./lyra88.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 { useVirtualizer as hr } from "./lyra616.js";
 import { clsx as br } from "./lyra448.js";
 import "./lyra2.js";
 import "./lyra3.js";
@@ -44,9 +44,9 @@ import "./lyra32.js";
 import "./lyra33.js";
 import "./lyra34.js";
 import "./lyra35.js";
-import vr from "./lyra594.js";
-import { sharedListItemStyles as Nr } from "./lyra451.js";
-import { SharedListItem as wr } from "./lyra452.js";
+import Nr from "./lyra595.js";
+import { sharedListItemStyles as vr } from "./lyra454.js";
+import { SharedListItem as wr } from "./lyra455.js";
 import { Popover as Sr } from "./lyra52.js";
 import "./lyra53.js";
 import "./lyra54.js";
@@ -93,22 +93,22 @@ const Pr = ({
   fullWidth: s,
   getLabel: c,
   isDisabled: x,
-  isInvalid: p,
+  isInvalid: i,
   onChange: u,
-  open: a,
+  open: m,
   openPopover: j,
-  placeholder: v,
+  placeholder: N,
   searchInputRef: h,
   startSlot: b,
   value: e
 }) => {
-  const { buttonExcludedFromTabOrder: f, inputField: i } = q({
-    isInvalid: p,
+  const { buttonExcludedFromTabOrder: f, inputField: l } = q({
+    isInvalid: i,
     hasEndSlot: !0,
     fullWidth: s,
     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(() => {
+  }), w = (p) => {
+    (p.key === "Escape" || p.key === "Backspace") && !o ? (p.stopPropagation(), u == null || u(void 0)) : p.key === "ArrowDown" || p.key === "ArrowUp" ? j == null || j() : p.key && p.key.match(/^[a-zA-Z0-9]$/) && (er(() => {
       j == null || j();
     }), h.current && (h.current.focus(), h.current.setSelectionRange(0, h.current.value.length)));
   };
@@ -118,28 +118,28 @@ const Pr = ({
       g,
       {
         "aria-haspopup": "listbox",
-        "aria-expanded": a,
-        className: ({ isFocused: l, isHovered: n }) => i({
+        "aria-expanded": m,
+        className: ({ isFocused: p, isHovered: n }) => l({
           isHovered: n,
-          isFocused: l,
+          isFocused: p,
           className: "grow"
         }),
         isDisabled: x,
         onKeyDown: w,
         onPress: j,
         children: [
-          /* @__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.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: N }) }),
           /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2", children: [
             e && !x && !o ? /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsx(
               "div",
               {
                 className: f(),
                 role: "button",
-                onPointerDown: (l) => {
-                  l.stopPropagation(), u == null || u(void 0);
+                onPointerDown: (p) => {
+                  p.stopPropagation(), u == null || u(void 0);
                 },
-                onClick: (l) => {
-                  l.stopPropagation(), u == null || u(void 0);
+                onClick: (p) => {
+                  p.stopPropagation(), u == null || u(void 0);
                 },
                 children: /* @__PURE__ */ r.jsx(C, { name: "clear" })
               }
@@ -157,11 +157,11 @@ const Pr = ({
   getLabel: s,
   isDisabled: c,
   isInvalid: x,
-  label: p,
+  label: i,
   onChange: u,
-  openPopover: a,
+  openPopover: m,
   placeholder: j,
-  searchInputRef: v,
+  searchInputRef: N,
   value: h
 }) => {
   const { inputField: b } = q({
@@ -170,18 +170,18 @@ const Pr = ({
     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();
-      }), v.current && (v.current.focus(), v.current.setSelectionRange(0, v.current.value.length)));
+    (l) => {
+      l.key === "ArrowDown" || l.key === "ArrowUp" ? m() : l.key && l.key.match(/^[a-zA-Z0-9]$/) && (er(() => {
+        m();
+      }), N.current && (N.current.focus(), N.current.setSelectionRange(0, N.current.value.length)));
     },
-    [a, v]
+    [m, N]
   ), f = A(
-    (i) => {
+    (l) => {
       h && u(
         h.filter((w) => {
-          const l = t(w);
-          return !i.has(l);
+          const p = t(w);
+          return !l.has(p);
         })
       );
     },
@@ -190,18 +190,18 @@ const Pr = ({
   return /* @__PURE__ */ r.jsx(
     dr,
     {
-      className: ({ isFocusWithin: i, isHovered: w }) => b({
+      className: ({ isFocusWithin: l, isHovered: w }) => b({
         isHovered: w,
-        isFocused: i,
+        isFocused: l,
         className: br(
-          w && !x && !c && !i ? "border-hover" : "",
+          w && !x && !c && !l ? "border-hover" : "",
           "has:[data-focused]:border has:[data-focused]:border-focus"
         )
       }),
       children: /* @__PURE__ */ r.jsxs(
         g,
         {
-          onPress: a,
+          onPress: m,
           onKeyDown: e,
           isDisabled: c,
           className: "flex w-full outline-none",
@@ -209,10 +209,10 @@ const Pr = ({
             /* @__PURE__ */ r.jsx("div", { className: "grow text-left", children: h && h.length ? /* @__PURE__ */ r.jsx(
               yr,
               {
-                label: p ?? "Selected items",
+                label: i ?? "Selected items",
                 className: "-m-1.5 -mt-[0.3125rem] items-center",
                 onRemove: c ? void 0 : f,
-                children: h.map((i) => /* @__PURE__ */ r.jsx(kr, { id: t(i), isDisabled: c, children: s(i) }, t(i)))
+                children: h.map((l) => /* @__PURE__ */ r.jsx(kr, { id: t(l), isDisabled: c, children: s(l) }, t(l)))
               }
             ) : /* @__PURE__ */ r.jsx(nr, { color: "secondary", children: j }) }),
             /* @__PURE__ */ r.jsx(C, { name: "chevron-up-down", className: "h-4 w-4 min-w-[16px]" })
@@ -227,25 +227,25 @@ const Pr = ({
   onKeyDown: s,
   onQueryChange: c,
   query: x,
-  searchInputRef: p,
+  searchInputRef: i,
   setQuery: u
 }) => {
-  const a = xr(), { clear: j, search: v } = ur(), h = Dr(t ?? !1, { delay: 500, minDuration: 200 }), { buttonExcludedFromTabOrder: b } = q({ fullWidth: !0 });
+  const m = xr(), { clear: j, search: N } = ur(), h = Dr(t ?? !1, { delay: 500, minDuration: 200 }), { buttonExcludedFromTabOrder: b } = q({ fullWidth: !0 });
   return J(() => {
     var e;
-    (e = p.current) == null || e.focus();
+    (e = i.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: p,
-        id: a,
+        ref: i,
+        id: m,
         className: "w-full bg-transparent text-base outline-none placeholder:text-tertiary",
         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);
+          var f, l;
+          u(((f = e.target) == null ? void 0 : f.value) ?? ""), c == null || c((l = e.target) == null ? void 0 : l.value);
         },
-        placeholder: v,
+        placeholder: N,
         value: x ?? "",
         onKeyDown: (e) => {
           e.code === "Tab" && e.preventDefault(), s == null || s(e);
@@ -260,7 +260,7 @@ const Pr = ({
         excludeFromTabOrder: !0,
         onPress: () => {
           var e;
-          u(""), (e = p.current) == null || e.focus();
+          u(""), (e = i.current) == null || e.focus();
         },
         children: /* @__PURE__ */ r.jsx(C, { name: "clear" })
       }
@@ -277,19 +277,19 @@ const Pr = ({
   getItemId: s,
   onMultiChange: c,
   onSingleChange: x,
-  value: p
+  value: i
 }) => {
   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(
+    if (Array.isArray(i))
+      return i.length ? t == null ? void 0 : t.findIndex((n) => s(n) === s(i[0])) : 0;
+    if (i)
+      return (t == null ? void 0 : t.findIndex((n) => s(n) === s(i))) ?? 0;
+  }, [t, s, i]), m = 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);
+        for (let a = n - 1; a >= 0; a--)
+          if (!(o != null && o.includes(s(t[a]))))
+            return Math.max(a, 0);
       }
       return -1;
     },
@@ -297,50 +297,50 @@ const Pr = ({
   ), 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);
+        for (let a = n + 1; a < t.length; a++)
+          if (!(o != null && o.includes(s(t[a]))))
+            return Math.min(t.length - 1, a);
       }
       return -1;
     },
     [o, t, s]
-  ), v = A(
+  ), N = 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];
+        const a = i ? [...i] : [], v = a.map(s), d = v != null && v.includes(s(n)) ? a.filter((P) => s(P) !== s(n)) : [...a, n];
         c == null || c(d);
       } else
         x && (x == null || x(n));
     },
-    [s, c, x, p]
+    [s, c, x, i]
   ), 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) => Array.isArray(i) ? i.some((a) => s(a) === s(n)) : i ? s(i) === s(n) : !1,
+    [s, i]
+  ), [b, e] = M(u ?? 0), f = Or(), l = F(void 0), w = A(
     (n) => {
-      const m = b;
+      const a = b;
       if (n.key === "ArrowDown") {
         n.preventDefault();
-        const N = j(m);
-        N >= 0 && (e(N), i.current = f);
+        const v = j(a);
+        v >= 0 && (e(v), l.current = f);
       } else if (n.key === "ArrowUp") {
         n.preventDefault();
-        const N = a(m);
-        N >= 0 && (e(N), i.current = f);
+        const v = m(a);
+        v >= 0 && (e(v), l.current = f);
       } else
-        n.key === "Enter" && v(t[b]);
+        n.key === "Enter" && N(t[b]);
     },
     [
       b,
       t,
       j,
-      a,
+      m,
       f,
-      v
+      N
     ]
-  ), l = A(
-    (n, m) => {
-      n && i.current !== f && (e(m), i.current = f);
+  ), p = A(
+    (n, a) => {
+      n && l.current !== f && (e(a), l.current = f);
     },
     [f]
   );
@@ -349,9 +349,9 @@ const Pr = ({
     setActiveItem: e,
     getItemIsSelected: h,
     onKeyDown: w,
-    onHoverChange: l,
+    onHoverChange: p,
     selectedItemIndex: u,
-    toggleSelection: v
+    toggleSelection: N
   };
 }, Mr = ({
   selectedItemIndex: o,
@@ -367,26 +367,26 @@ const Pr = ({
   getItemId: s,
   getLabel: c,
   isLoading: x,
-  items: p,
+  items: i,
   label: u,
-  onLoadMore: a,
+  onLoadMore: m,
   onMultiChange: j,
-  onQueryChange: v,
+  onQueryChange: N,
   onSingleChange: h,
   open: b,
   placement: e,
   searchInputRef: f,
-  selectRenderElements: i,
+  selectRenderElements: l,
   setOpenPopover: w,
-  triggerRef: l,
+  triggerRef: p,
   value: n
 }) => {
   var z, cr, ir;
-  const { loadMore: m, noResultsFound: N } = ur(), { filteredItems: d, query: P, setQuery: R } = Fr({
+  const { loadMore: a, noResultsFound: v } = 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), {
+    items: i,
+    onQueryChange: N
+  }), { item: T } = vr(), { isLoadMoreButtonFocused: W, loadMoreButtonRef: G, setIsLoadMoreButtonFocused: O } = Er(b), {
     activeItem: y,
     getItemIsSelected: L,
     onHoverChange: $,
@@ -403,21 +403,21 @@ const Pr = ({
     onSingleChange: h,
     value: n
   }), [Z, Q] = M(
-    (z = l.current) == null ? void 0 : z.offsetWidth
+    (z = p.current) == null ? void 0 : z.offsetWidth
   );
-  vr("resize", () => {
+  Nr("resize", () => {
     var B;
-    Q((B = l.current) == null ? void 0 : B.offsetWidth);
+    Q((B = p.current) == null ? void 0 : B.offsetWidth);
   });
-  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({
+  const Y = Z ?? ((cr = p.current) == null ? void 0 : cr.offsetWidth), _ = F(null), U = m ? ((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
   });
   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]);
+    y !== void 0 && y >= 0 && (d != null && d.length) && (y === d.length - 1 && m ? k.scrollToIndex(U) : k.scrollToIndex(Math.min(y, U - 1)));
+  }, [y, U, d.length, m, k]);
   const E = k.getVirtualItems();
   return /* @__PURE__ */ r.jsx(
     Sr,
@@ -425,7 +425,7 @@ const Pr = ({
       className: "p-1",
       isOpen: b,
       disablePadding: !0,
-      triggerRef: l,
+      triggerRef: p,
       onOpenChange: w,
       "aria-label": u,
       shouldUpdatePosition: !0,
@@ -438,7 +438,7 @@ const Pr = ({
         /* @__PURE__ */ r.jsx(
           Tr,
           {
-            onQueryChange: v,
+            onQueryChange: N,
             isLoading: x,
             query: P,
             setQuery: (B) => {
@@ -458,7 +458,7 @@ const Pr = ({
             className: "w-full overflow-y-auto",
             style: {
               contain: "strict",
-              height: Math.min(288, k.getTotalSize() + (a ? 4 : 0))
+              height: Math.min(288, k.getTotalSize() + (m ? 4 : 0))
             },
             children: /* @__PURE__ */ r.jsx(
               "div",
@@ -475,7 +475,7 @@ const Pr = ({
                       transform: `translateY(${((ir = E == null ? void 0 : E[0]) == null ? void 0 : ir.start) ?? 0}px)`
                     },
                     children: E.map((B) => {
-                      if (B.index === U - 1 && a)
+                      if (B.index === U - 1 && m)
                         return /* @__PURE__ */ r.jsx(
                           "div",
                           {
@@ -495,13 +495,13 @@ const Pr = ({
                                   }),
                                   onPress: () => {
                                     var D;
-                                    a(), (D = f.current) == null || D.focus();
+                                    m(), (D = f.current) == null || D.focus();
                                   },
                                   onKeyDown: (D) => {
                                     var K;
                                     D.key === "ArrowUp" && (D.preventDefault(), (K = f.current) == null || K.focus());
                                   },
-                                  children: m
+                                  children: a
                                 }
                               )
                             ] })
@@ -535,7 +535,7 @@ const Pr = ({
                                       disabled: (t == null ? void 0 : t.includes(s(D))) ?? !1,
                                       selected: L(D)
                                     },
-                                    selectRenderElements: i
+                                    selectRenderElements: l
                                   },
                                   s(D)
                                 )
@@ -553,7 +553,7 @@ const Pr = ({
             )
           }
         ),
-        U ? null : /* @__PURE__ */ r.jsx(nr, { variant: "body-medium", color: "secondary", className: "px-2.5", children: N })
+        U ? null : /* @__PURE__ */ r.jsx(nr, { variant: "body-medium", color: "secondary", className: "px-2.5", children: v })
       ] }) : null
     }
   );
@@ -567,21 +567,21 @@ const Pr = ({
   disableClearLogic: s,
   disabledItemIdKeys: c,
   endSlot: x,
-  errorMessage: p,
+  errorMessage: i,
   fullWidth: u = !0,
-  getItemId: a,
+  getItemId: m,
   getLabel: j,
-  hideHintLabel: v,
+  hideHintLabel: N,
   hideInputFooter: h,
   hideInputHeader: b,
   isDisabled: e,
   isInvalid: f,
-  isLoading: i,
+  isLoading: l,
   isRequired: w,
-  items: l,
+  items: p,
   label: n,
-  name: m,
-  onChange: N,
+  name: a,
+  onChange: v,
   onLoadMore: d,
   onQueryChange: P,
   placeholder: R,
@@ -595,9 +595,9 @@ const Pr = ({
     Z(!0), (z = $.current) == null || z.click();
   }, Y = () => Z(!1), _ = A(
     (z) => {
-      V(z), N == null || N(z), Y();
+      V(z), v == null || v(z), Y();
     },
-    [N]
+    [v]
   ), { direction: U } = tr(), { wrapper: k } = q({
     fullWidth: u,
     isInvalid: f,
@@ -608,13 +608,13 @@ const Pr = ({
   }, [o, O]);
   const E = O ?? H;
   return /* @__PURE__ */ r.jsxs("div", { children: [
-    /* @__PURE__ */ r.jsx(or, { name: m, value: E, getItemId: a }),
+    /* @__PURE__ */ r.jsx(or, { name: a, value: E, getItemId: m }),
     /* @__PURE__ */ r.jsxs("div", { className: k(), children: [
       /* @__PURE__ */ r.jsx(
         ar,
         {
           label: n,
-          hideHintLabel: v,
+          hideHintLabel: N,
           hideInputHeader: b,
           isRequired: w
         }
@@ -626,7 +626,7 @@ const Pr = ({
           endSlot: x,
           fullWidth: u,
           getLabel: j,
-          getItemId: a,
+          getItemId: m,
           isDisabled: e,
           isInvalid: f,
           open: X,
@@ -642,7 +642,7 @@ const Pr = ({
         mr,
         {
           description: t,
-          errorMessage: p,
+          errorMessage: i,
           hideInputFooter: h
         }
       )
@@ -652,16 +652,16 @@ const Pr = ({
       {
         triggerRef: S,
         label: n,
-        getItemId: a,
+        getItemId: m,
         getLabel: j,
-        items: l,
+        items: p,
         open: X,
         setOpenPopover: Z,
         selectRenderElements: W,
         disabledItemIdKeys: c,
         direction: U,
         onQueryChange: P,
-        isLoading: i,
+        isLoading: l,
         searchInputRef: L,
         onLoadMore: d,
         placement: T,
@@ -670,27 +670,27 @@ const Pr = ({
       }
     )
   ] });
-}, vs = ({
+}, Ns = ({
   defaultValue: o,
   description: t,
   disableClearLogic: s,
   disabledItemIdKeys: c,
   endSlot: x,
-  errorMessage: p,
+  errorMessage: i,
   fullWidth: u = !0,
-  getItemId: a,
+  getItemId: m,
   getLabel: j,
-  hideHintLabel: v,
+  hideHintLabel: N,
   hideInputFooter: h,
   hideInputHeader: b,
   isDisabled: e,
   isInvalid: f,
-  isLoading: i,
+  isLoading: l,
   isRequired: w,
-  items: l,
+  items: p,
   label: n,
-  labelId: m,
-  name: N,
+  labelId: a,
+  name: v,
   onChange: d,
   onLoadMore: P,
   onQueryChange: R,
@@ -718,16 +718,16 @@ const Pr = ({
   }, [o, y]);
   const k = y ?? H;
   return /* @__PURE__ */ r.jsxs("div", { children: [
-    /* @__PURE__ */ r.jsx(or, { name: N, value: k, getItemId: a }),
+    /* @__PURE__ */ r.jsx(or, { name: v, value: k, getItemId: m }),
     /* @__PURE__ */ r.jsxs("div", { className: U(), children: [
       /* @__PURE__ */ r.jsx(
         ar,
         {
           label: n,
           isRequired: w,
-          hideHintLabel: v,
+          hideHintLabel: N,
           hideInputHeader: b,
-          labelId: m
+          labelId: a
         }
       ),
       /* @__PURE__ */ r.jsx("div", { ref: S, children: /* @__PURE__ */ r.jsx(
@@ -737,7 +737,7 @@ const Pr = ({
           endSlot: x,
           fullWidth: u,
           getLabel: j,
-          getItemId: a,
+          getItemId: m,
           isDisabled: e,
           isInvalid: f,
           onChange: Y,
@@ -753,7 +753,7 @@ const Pr = ({
         mr,
         {
           description: t,
-          errorMessage: p,
+          errorMessage: i,
           hideInputFooter: h
         }
       )
@@ -764,9 +764,9 @@ const Pr = ({
         label: n,
         searchInputRef: $,
         triggerRef: S,
-        getItemId: a,
+        getItemId: m,
         getLabel: j,
-        items: l,
+        items: p,
         onMultiChange: Y,
         value: k,
         placement: W,
@@ -776,32 +776,32 @@ const Pr = ({
         disabledItemIdKeys: c,
         direction: _,
         onQueryChange: R,
-        isLoading: i,
+        isLoading: l,
         onLoadMore: P
       }
     )
   ] });
-}, Ns = ({
+}, vs = ({
   children: o,
   defaultValue: t,
   disabledItemIdKeys: s,
   getItemId: c,
   getLabel: x,
-  isDisabled: p,
+  isDisabled: i,
   isInvalid: u,
-  isLoading: a,
+  isLoading: m,
   items: j,
-  label: v,
+  label: N,
   name: h,
   onChange: b,
   onQueryChange: e,
   placement: f = "bottom start",
-  selectRenderElements: i,
+  selectRenderElements: l,
   value: w
 }) => {
-  const { isDisabled: l } = I(rr), n = F(null), m = F(null), N = F(null), [d, P] = M(w ?? t), [R, T] = M(!1), W = () => {
+  const { isDisabled: p } = I(rr), n = F(null), a = F(null), v = F(null), [d, P] = M(w ?? t), [R, T] = M(!1), W = () => {
     var S;
-    T(!0), (S = m.current) == null || S.click();
+    T(!0), (S = a.current) == null || S.click();
   }, G = () => T(!1), O = A(
     (S) => {
       P(S), b == null || b(S), G();
@@ -810,7 +810,7 @@ const Pr = ({
   ), { direction: y } = tr(), { wrapper: L } = q({
     fullWidth: !1,
     isInvalid: u,
-    isDisabled: p
+    isDisabled: i
   });
   J(() => {
     P(w ?? t);
@@ -824,28 +824,28 @@ const Pr = ({
           pr,
           {
             onPress: () => W(),
-            isDisabled: p || l
+            isDisabled: i || p
           }
         ]
       ],
       children: /* @__PURE__ */ r.jsxs("div", { children: [
         /* @__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("div", { className: L(), children: /* @__PURE__ */ r.jsx("div", { ref: v, children: o }) }),
         /* @__PURE__ */ r.jsx(
           sr,
           {
-            triggerRef: N,
-            label: v,
+            triggerRef: v,
+            label: N,
             getItemId: c,
             getLabel: x,
             items: j,
             open: R,
             setOpenPopover: T,
-            selectRenderElements: i,
+            selectRenderElements: l,
             disabledItemIdKeys: s,
             direction: y,
             onQueryChange: e,
-            isLoading: a,
+            isLoading: m,
             searchInputRef: n,
             placement: f,
             value: $,
@@ -861,37 +861,37 @@ const Pr = ({
   disabledItemIdKeys: s,
   fullWidth: c = !0,
   getItemId: x,
-  getLabel: p,
+  getLabel: i,
   isDisabled: u,
-  isInvalid: a,
+  isInvalid: m,
   isLoading: j,
-  items: v,
+  items: N,
   label: h,
   name: b,
   onChange: e,
   onQueryChange: f,
-  placement: i = "bottom start",
+  placement: l = "bottom start",
   selectRenderElements: w,
-  value: l
+  value: p
 }) => {
-  const { isDisabled: n } = I(rr), m = F(null), N = F(null), d = F(null), [P, R] = M(l ?? t), [T, W] = M(!1), G = () => {
+  const { isDisabled: n } = I(rr), a = F(null), v = F(null), d = F(null), [P, R] = M(p ?? t), [T, W] = M(!1), G = () => {
     var S;
-    W(!0), (S = N.current) == null || S.click();
+    W(!0), (S = v.current) == null || S.click();
   }, O = A(
     (S) => {
       var H;
-      R(S), e == null || e(S), (H = m.current) == null || H.focus();
+      R(S), e == null || e(S), (H = a.current) == null || H.focus();
     },
     [e]
   ), { direction: y } = tr(), { wrapper: L } = q({
     fullWidth: c,
-    isInvalid: a,
+    isInvalid: m,
     isDisabled: u
   });
   J(() => {
-    R(l ?? t);
-  }, [t, l]);
-  const $ = l ?? P;
+    R(p ?? t);
+  }, [t, p]);
+  const $ = p ?? P;
   return /* @__PURE__ */ r.jsx(
     lr,
     {
@@ -908,11 +908,11 @@ const Pr = ({
           sr,
           {
             label: h,
-            searchInputRef: m,
+            searchInputRef: a,
             triggerRef: d,
             getItemId: x,
-            getLabel: p,
-            items: v,
+            getLabel: i,
+            items: N,
             open: T,
             setOpenPopover: W,
             selectRenderElements: w,
@@ -922,7 +922,7 @@ const Pr = ({
             isLoading: j,
             value: $,
             onMultiChange: O,
-            placement: i
+            placement: l
           }
         )
       ] })
@@ -930,8 +930,8 @@ const Pr = ({
   );
 };
 export {
-  vs as MultiSearchListField,
+  Ns as MultiSearchListField,
   ws as MultiSearchListFieldWithCustomTrigger,
   bs as SearchListField,
-  Ns as SearchListFieldWithCustomTrigger
+  vs as SearchListFieldWithCustomTrigger
 };