@new-black/lyra 1.0.21 → 1.0.23

package/dist/lyra37.js

@@ -1,8 +1,8 @@
 import { j as r } from "./lyra90.js";
-import { useContext as rr, useRef as O, useState as z, useCallback as P, useEffect as Y, useId as xr, useMemo as fr } from "react";
+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 "./lyra623.js";
+import { useVirtualizer as hr } from "./lyra613.js";
 import { clsx as br } from "./lyra450.js";
 import "./lyra2.js";
 import "./lyra3.js";
@@ -34,7 +34,7 @@ import "./lyra28.js";
 import "./lyra29.js";
 import { useDictionary as ur } from "./lyra95.js";
 import "./lyra80.js";
-import "./lyra457.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";
@@ -44,17 +44,17 @@ import "./lyra32.js";
 import "./lyra33.js";
 import "./lyra34.js";
 import "./lyra35.js";
-import Nr from "./lyra597.js";
-import { sharedListItemStyles as wr } from "./lyra455.js";
-import { SharedListItem as vr } from "./lyra456.js";
+import Nr from "./lyra596.js";
+import { sharedListItemStyles as wr } from "./lyra456.js";
+import { SharedListItem as vr } from "./lyra457.js";
 import { Popover as Sr } from "./lyra53.js";
 import "./lyra54.js";
 import "./lyra55.js";
 import "./lyra56.js";
 import { Text as ir } from "./lyra73.js";
 import "./lyra74.js";
-import { InputTagGroup as yr, InputTag as kr } from "./lyra458.js";
-import "./lyra459.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 "./lyra41.js";
@@ -90,12 +90,12 @@ import "./lyra98.js";
 import { useSpinDelay as Dr } from "./lyra87.js";
 import { useLocale as sr } from "./lyra88.js";
 const Pr = ({
-  disableClearLogic: o,
+  disableClearLogic: e,
   endSlot: t,
   fullWidth: s,
   getLabel: l,
   isDisabled: f,
-  isInvalid: u,
+  isInvalid: p,
   onChange: a,
   open: m,
   openPopover: h,
@@ -106,14 +106,14 @@ const Pr = ({
   startSlot: j,
   value: n
 }) => {
-  var p;
-  const { buttonExcludedFromTabOrder: w, inputField: v } = Q({
-    isInvalid: u,
+  var u;
+  const { buttonExcludedFromTabOrder: S, inputField: w } = Q({
+    isInvalid: p,
     hasEndSlot: !0,
     fullWidth: s,
     isDisabled: f
-  }), e = (i) => {
-    (i.key === "Escape" || i.key === "Backspace") && !o ? (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(() => {
+  }), 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)));
   };
@@ -124,24 +124,24 @@ const Pr = ({
       {
         "aria-haspopup": "listbox",
         "aria-expanded": m,
-        className: ({ isFocused: i, isHovered: x }) => v({
+        className: ({ isFocused: i, isHovered: x }) => w({
           isHovered: x,
           isFocused: i,
           className: "min-h-8 grow"
         }),
         isDisabled: f,
-        onKeyDown: e,
+        onKeyDown: o,
         onPress: h,
         children: [
           /* @__PURE__ */ r.jsxs("div", { className: "flex grow truncate text-start", children: [
-            N && n ? (p = c(n)) == null ? void 0 : p.customElement : null,
+            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 })
           ] }),
           /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2", children: [
-            n && !f && !o ? /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsx(
+            n && !f && !e ? /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsx(
               "div",
               {
-                className: w(),
+                className: S(),
                 role: "button",
                 onPointerDown: (i) => {
                   i.stopPropagation(), a == null || a(void 0);
@@ -160,12 +160,12 @@ const Pr = ({
     t
   ] });
 }, Ar = ({
-  fullWidth: o,
+  fullWidth: e,
   getItemId: t,
   getLabel: s,
   isDisabled: l,
   isInvalid: f,
-  label: u,
+  label: p,
   onChange: a,
   openPopover: m,
   placeholder: h,
@@ -175,21 +175,21 @@ const Pr = ({
   const { inputField: d } = Q({
     isInvalid: f,
     hasEndSlot: !0,
-    fullWidth: o,
+    fullWidth: e,
     isDisabled: l
-  }), c = P(
+  }), c = T(
     (n) => {
       n.key === "ArrowDown" || n.key === "ArrowUp" ? m() : n.key && n.key.match(/^[a-zA-Z0-9]$/) && (nr(() => {
         m();
       }), b.current && (b.current.focus(), b.current.setSelectionRange(0, b.current.value.length)));
     },
     [m, b]
-  ), j = P(
+  ), j = T(
     (n) => {
       N && a(
-        N.filter((w) => {
-          const v = t(w);
-          return !n.has(v);
+        N.filter((S) => {
+          const w = t(S);
+          return !n.has(w);
         })
       );
     },
@@ -198,11 +198,11 @@ const Pr = ({
   return /* @__PURE__ */ r.jsx(
     dr,
     {
-      className: ({ isFocusWithin: n, isHovered: w }) => d({
-        isHovered: w,
+      className: ({ isFocusWithin: n, isHovered: S }) => d({
+        isHovered: S,
         isFocused: n,
         className: br(
-          w && !f && !l && !n ? "border-hover" : "",
+          S && !f && !l && !n ? "border-hover" : "",
           "has:[data-focused]:border has:[data-focused]:border-focus",
           "py-[0.4375rem]"
         )
@@ -218,7 +218,7 @@ const Pr = ({
             /* @__PURE__ */ r.jsx("div", { className: "grow text-left", children: N && N.length ? /* @__PURE__ */ r.jsx(
               yr,
               {
-                label: u ?? "Selected items",
+                label: p ?? "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)))
@@ -231,23 +231,23 @@ const Pr = ({
     }
   );
 }, Tr = ({
-  endSlot: o,
+  endSlot: e,
   isLoading: t,
   onKeyDown: s,
   onQueryChange: l,
   query: f,
-  searchInputRef: u,
+  searchInputRef: p,
   setQuery: a
 }) => {
   const m = xr(), { clear: h, search: b } = ur(), N = Dr(t ?? !1, { delay: 500, minDuration: 200 }), { buttonExcludedFromTabOrder: d } = Q({ fullWidth: !0 });
-  return Y(() => {
+  return J(() => {
     var c;
-    (c = u.current) == null || c.focus();
+    (c = p.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,
       {
-        ref: u,
+        ref: p,
         id: m,
         className: "w-full bg-transparent text-base outline-none placeholder:text-tertiary",
         onChange: (c) => {
@@ -269,75 +269,75 @@ const Pr = ({
         excludeFromTabOrder: !0,
         onPress: () => {
           var c;
-          a(""), (c = u.current) == null || c.focus();
+          a(""), (c = p.current) == null || c.focus();
         },
         children: /* @__PURE__ */ r.jsx(I, { name: "clear" })
       }
     ) : null,
-    o,
+    e,
     N ? /* @__PURE__ */ r.jsx(Br, { className: "mx-2", size: "small" }) : null
   ] }) });
-}, Er = (o) => {
-  const t = O(null), [s, l] = z(!1);
-  return Y(() => l(!1), [o]), { loadMoreButtonRef: t, isLoadMoreButtonFocused: s, setIsLoadMoreButtonFocused: l };
+}, Er = (e) => {
+  const t = F(null), [s, l] = M(!1);
+  return J(() => l(!1), [e]), { loadMoreButtonRef: t, isLoadMoreButtonFocused: s, setIsLoadMoreButtonFocused: l };
 }, zr = ({
-  disabledItemIdKeys: o,
+  disabledItemIdKeys: e,
   filteredItems: t,
   getItemId: s,
   onMultiChange: l,
   onSingleChange: f,
-  value: u
+  value: p
 }) => {
   const a = fr(() => {
-    if (Array.isArray(u))
-      return u.length ? t == null ? void 0 : t.findIndex((e) => s(e) === s(u[0])) : 0;
-    if (u)
-      return (t == null ? void 0 : t.findIndex((e) => s(e) === s(u))) ?? 0;
-  }, [t, s, u]), m = P(
-    (e) => {
-      if (Number.isInteger(e)) {
-        for (let p = e - 1; p >= 0; p--)
-          if (!(o != null && o.includes(s(t[p]))))
-            return Math.max(p, 0);
+    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);
       }
       return -1;
     },
-    [o, t, s]
-  ), h = P(
-    (e) => {
-      if (Number.isInteger(e)) {
-        for (let p = e + 1; p < t.length; p++)
-          if (!(o != null && o.includes(s(t[p]))))
-            return Math.min(t.length - 1, p);
+    [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);
       }
       return -1;
     },
-    [o, t, s]
-  ), b = P(
-    (e) => {
+    [e, t, s]
+  ), b = T(
+    (o) => {
       if (l) {
-        const p = u ? [...u] : [], i = p.map(s), x = i != null && i.includes(s(e)) ? p.filter((D) => s(D) !== s(e)) : [...p, e];
+        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);
       } else
-        f && (f == null || f(e));
+        f && (f == null || f(o));
     },
-    [s, l, f, u]
-  ), N = P(
-    (e) => Array.isArray(u) ? u.some((p) => s(p) === s(e)) : u ? s(u) === s(e) : !1,
-    [s, u]
-  ), [d, c] = z(a ?? 0), j = Or(), n = O(void 0), w = P(
-    (e) => {
-      const p = d;
-      if (e.key === "ArrowDown") {
-        e.preventDefault();
-        const i = h(p);
+    [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 (e.key === "ArrowUp") {
-        e.preventDefault();
-        const i = m(p);
+      } else if (o.key === "ArrowUp") {
+        o.preventDefault();
+        const i = m(u);
         i >= 0 && (c(i), n.current = j);
       } else
-        e.key === "Enter" && b(t[d]);
+        o.key === "Enter" && b(t[d]);
     },
     [
       d,
@@ -347,9 +347,9 @@ const Pr = ({
       j,
       b
     ]
-  ), v = P(
-    (e, p) => {
-      e && n.current !== j && (c(p), n.current = j);
+  ), w = T(
+    (o, u) => {
+      o && n.current !== j && (c(u), n.current = j);
     },
     [j]
   );
@@ -357,26 +357,26 @@ const Pr = ({
     activeItem: d,
     setActiveItem: c,
     getItemIsSelected: N,
-    onKeyDown: w,
-    onHoverChange: v,
+    onKeyDown: S,
+    onHoverChange: w,
     selectedItemIndex: a,
     toggleSelection: b
   };
 }, Mr = ({
-  selectedItemIndex: o,
+  selectedItemIndex: e,
   setActiveItem: t
-}) => (Y(() => {
-  if (o !== void 0 && o >= 0)
-    return t(o), () => {
+}) => (J(() => {
+  if (e !== void 0 && e >= 0)
+    return t(e), () => {
       t(0);
     };
-}, [o, t]), null), or = ({
-  direction: o,
+}, [e, t]), null), or = ({
+  direction: e,
   disabledItemIdKeys: t,
   getItemId: s,
   getLabel: l,
   isLoading: f,
-  items: u,
+  items: p,
   label: a,
   onLoadMore: m,
   onMultiChange: h,
@@ -386,62 +386,62 @@ const Pr = ({
   placement: c,
   searchInputRef: j,
   selectRenderElements: n,
-  setOpenPopover: w,
-  triggerRef: v,
-  value: e
+  setOpenPopover: S,
+  triggerRef: w,
+  value: o
 }) => {
-  var H, Z, cr;
-  const { loadMore: p, noResultsFound: i } = ur(), { filteredItems: x, query: D, setQuery: M } = Fr({
+  var V, Y, cr;
+  const { loadMore: u, noResultsFound: i } = ur(), { filteredItems: x, query: B, setQuery: W } = Fr({
     getLabel: l,
-    items: u,
+    items: p,
     onQueryChange: b
-  }), { item: A } = wr(), { isLoadMoreButtonFocused: W, loadMoreButtonRef: T, setIsLoadMoreButtonFocused: R } = Er(d), {
-    activeItem: S,
-    getItemIsSelected: G,
-    onHoverChange: F,
-    onKeyDown: y,
-    selectedItemIndex: L,
-    setActiveItem: J,
+  }), { 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: T,
+    loadMoreButtonRef: D,
     onMultiChange: h,
     onSingleChange: N,
-    value: e
-  }), [_, q] = z(
-    (H = v.current) == null ? void 0 : H.offsetWidth
+    value: o
+  }), [_, q] = M(
+    (V = w.current) == null ? void 0 : V.offsetWidth
   );
   Nr("resize", () => {
-    var $;
-    q(($ = v.current) == null ? void 0 : $.offsetWidth);
+    var O;
+    q((O = w.current) == null ? void 0 : O.offsetWidth);
   });
-  const V = _ ?? ((Z = v.current) == null ? void 0 : Z.offsetWidth), g = O(null), E = m ? ((x == null ? void 0 : x.length) ?? 0) + 1 : (x == null ? void 0 : x.length) ?? 0, k = hr({
-    count: E,
+  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,
     estimateSize: () => 40,
     getScrollElement: () => g.current,
     overscan: 6
   });
-  Y(() => {
-    S !== void 0 && S >= 0 && (x != null && x.length) && (S === x.length - 1 && m ? k.scrollToIndex(E) : k.scrollToIndex(Math.min(S, E - 1)));
-  }, [S, E, x.length, m, k]);
-  const U = k.getVirtualItems();
+  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();
   return /* @__PURE__ */ r.jsx(
     Sr,
     {
       className: "p-1",
       isOpen: d,
       disablePadding: !0,
-      triggerRef: v,
-      onOpenChange: w,
+      triggerRef: w,
+      onOpenChange: S,
       "aria-label": a,
       shouldUpdatePosition: !0,
       placement: c,
       style: {
-        width: V && V > 280 ? V + "px" : "280px",
-        direction: o
+        width: Z && Z > 280 ? Z + "px" : "280px",
+        direction: e
       },
       children: d ? /* @__PURE__ */ r.jsxs("div", { className: "gap-1", children: [
         /* @__PURE__ */ r.jsx(
@@ -449,17 +449,17 @@ const Pr = ({
           {
             onQueryChange: b,
             isLoading: f,
-            query: D,
-            setQuery: ($) => {
+            query: B,
+            setQuery: (O) => {
               nr(() => {
-                M($), J(0);
+                W(O), L(0);
               }), k.scrollToOffset(0);
             },
             searchInputRef: j,
-            onKeyDown: y
+            onKeyDown: A
           }
         ),
-        /* @__PURE__ */ r.jsx(Mr, { selectedItemIndex: L, setActiveItem: J }),
+        /* @__PURE__ */ r.jsx(Mr, { selectedItemIndex: y, setActiveItem: L }),
         /* @__PURE__ */ r.jsx(
           "div",
           {
@@ -481,14 +481,14 @@ const Pr = ({
                   {
                     className: "absolute start-0 top-0 w-full",
                     style: {
-                      transform: `translateY(${((cr = U == null ? void 0 : U[0]) == null ? void 0 : cr.start) ?? 0}px)`
+                      transform: `translateY(${((cr = H == null ? void 0 : H[0]) == null ? void 0 : cr.start) ?? 0}px)`
                     },
-                    children: U.map(($) => {
-                      if ($.index === E - 1 && m)
+                    children: H.map((O) => {
+                      if (O.index === z - 1 && m)
                         return /* @__PURE__ */ r.jsx(
                           "div",
                           {
-                            "data-index": $.index,
+                            "data-index": O.index,
                             ref: k.measureElement,
                             children: /* @__PURE__ */ r.jsxs("div", { children: [
                               /* @__PURE__ */ r.jsx($r, { className: "my-1" }),
@@ -496,63 +496,63 @@ const Pr = ({
                                 K,
                                 {
                                   isDisabled: f,
-                                  onFocusChange: R,
-                                  onHoverChange: R,
-                                  ref: T,
-                                  className: A({
+                                  onFocusChange: G,
+                                  onHoverChange: G,
+                                  ref: D,
+                                  className: R({
                                     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;
-                                    m(), (B = j.current) == null || B.focus();
+                                    var $;
+                                    m(), ($ = j.current) == null || $.focus();
                                   },
-                                  onKeyDown: (B) => {
+                                  onKeyDown: ($) => {
                                     var C;
-                                    B.key === "ArrowUp" && (B.preventDefault(), (C = j.current) == null || C.focus());
+                                    $.key === "ArrowUp" && ($.preventDefault(), (C = j.current) == null || C.focus());
                                   },
-                                  children: p
+                                  children: u
                                 }
                               )
                             ] })
                           },
-                          $.key
+                          O.key
                         );
                       {
-                        const B = x[$.index];
+                        const $ = x[O.index];
                         return /* @__PURE__ */ r.jsx(
                           "div",
                           {
-                            "data-index": $.index,
+                            "data-index": O.index,
                             ref: k.measureElement,
                             children: /* @__PURE__ */ r.jsx(
                               K,
                               {
                                 className: "w-full text-start outline-none",
                                 onHoverChange: (C) => {
-                                  F(C, $.index);
+                                  P(C, O.index);
                                 },
-                                onPress: () => X(B),
-                                isDisabled: (t == null ? void 0 : t.includes(s(B))) ?? !1,
+                                onPress: () => X($),
+                                isDisabled: (t == null ? void 0 : t.includes(s($))) ?? !1,
                                 excludeFromTabOrder: !0,
                                 children: /* @__PURE__ */ r.jsx(
                                   vr,
                                   {
                                     hasSelection: !0,
-                                    item: B,
+                                    item: $,
                                     state: {
-                                      active: S === $.index && !W,
-                                      disabled: (t == null ? void 0 : t.includes(s(B))) ?? !1,
-                                      selected: G(B)
+                                      active: v === O.index && !E,
+                                      disabled: (t == null ? void 0 : t.includes(s($))) ?? !1,
+                                      selected: U($)
                                     },
                                     selectRenderElements: n
                                   },
-                                  s(B)
+                                  s($)
                                 )
                               },
-                              s(B)
+                              s($)
                             )
                           },
-                          $.key
+                          O.key
                         );
                       }
                     })
@@ -562,21 +562,21 @@ const Pr = ({
             )
           }
         ),
-        E ? null : /* @__PURE__ */ r.jsx(ir, { variant: "body-medium", color: "secondary", className: "px-2.5", children: i })
+        z ? null : /* @__PURE__ */ r.jsx(ir, { variant: "body-medium", color: "secondary", className: "px-2.5", children: i })
       ] }) : null
     }
   );
 }, er = ({
-  getItemId: o,
+  getItemId: e,
   name: t,
   value: s
-}) => t ? Array.isArray(s) ? s.map((l) => /* @__PURE__ */ r.jsx("input", { type: "hidden", name: t, value: o(l) }, o(l))) : s ? /* @__PURE__ */ r.jsx("input", { type: "hidden", name: t, value: o(s) }) : null : null, ws = ({
-  defaultValue: o,
+}) => 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: u,
+  errorMessage: p,
   fullWidth: a = !0,
   getItemId: m,
   getLabel: h,
@@ -586,50 +586,50 @@ const Pr = ({
   isDisabled: c,
   isInvalid: j,
   isLoading: n,
-  isRequired: w,
-  items: v,
-  label: e,
-  name: p,
+  isRequired: S,
+  items: w,
+  label: o,
+  name: u,
   onChange: i,
   onLoadMore: x,
-  onQueryChange: D,
-  placeholder: M,
-  placement: A = "bottom start",
-  renderCustomElementInValueButton: W,
-  selectRenderElements: T,
-  startSlot: R,
-  value: S
+  onQueryChange: B,
+  placeholder: W,
+  placement: R = "bottom start",
+  renderCustomElementInValueButton: E,
+  selectRenderElements: D,
+  startSlot: G,
+  value: v
 }) => {
-  const { isDisabled: G } = rr(tr), F = O(null), y = O(null), L = O(null), [J, X] = z(S ?? o), [_, q] = z(!1), V = () => {
-    var Z;
-    q(!0), (Z = y.current) == null || Z.click();
-  }, g = () => q(!1), E = P(
-    (Z) => {
-      X(Z), i == null || i(Z), g();
+  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();
     },
     [i]
-  ), { direction: k } = sr(), { wrapper: U } = Q({
+  ), { direction: k } = sr(), { wrapper: H } = Q({
     fullWidth: a,
     isInvalid: j,
-    isDisabled: c || G
+    isDisabled: c || U
   });
-  Y(() => {
-    X(S ?? o);
-  }, [o, S]);
-  const H = S ?? J;
+  J(() => {
+    X(v ?? e);
+  }, [e, v]);
+  const V = v ?? L;
   return /* @__PURE__ */ r.jsxs("div", { children: [
-    /* @__PURE__ */ r.jsx(er, { name: p, value: H, getItemId: m }),
-    /* @__PURE__ */ r.jsxs("div", { className: U(), children: [
+    /* @__PURE__ */ r.jsx(er, { name: u, value: V, getItemId: m }),
+    /* @__PURE__ */ r.jsxs("div", { className: H(), children: [
       /* @__PURE__ */ r.jsx(
         ar,
         {
-          label: e,
+          label: o,
           hideHintLabel: b,
           hideInputHeader: d,
-          isRequired: w
+          isRequired: S
         }
       ),
-      /* @__PURE__ */ r.jsx("div", { ref: L, children: /* @__PURE__ */ r.jsx(
+      /* @__PURE__ */ r.jsx("div", { ref: y, children: /* @__PURE__ */ r.jsx(
         Pr,
         {
           disableClearLogic: s,
@@ -640,21 +640,21 @@ const Pr = ({
           isDisabled: c,
           isInvalid: j,
           open: _,
-          openPopover: V,
-          onChange: E,
-          placeholder: M,
-          searchInputRef: F,
-          startSlot: R,
-          value: H,
-          renderCustomElementInValueButton: W,
-          selectRenderElements: T
+          openPopover: Z,
+          onChange: z,
+          placeholder: W,
+          searchInputRef: P,
+          startSlot: G,
+          value: V,
+          renderCustomElementInValueButton: E,
+          selectRenderElements: D
         }
       ) }),
       /* @__PURE__ */ r.jsx(
         mr,
         {
           description: t,
-          errorMessage: u,
+          errorMessage: p,
           hideInputFooter: N
         }
       )
@@ -662,33 +662,33 @@ const Pr = ({
     /* @__PURE__ */ r.jsx(
       or,
       {
-        triggerRef: L,
-        label: e,
+        triggerRef: y,
+        label: o,
         getItemId: m,
         getLabel: h,
-        items: v,
+        items: w,
         open: _,
         setOpenPopover: q,
-        selectRenderElements: T,
+        selectRenderElements: D,
         disabledItemIdKeys: l,
         direction: k,
-        onQueryChange: D,
+        onQueryChange: B,
         isLoading: n,
-        searchInputRef: F,
+        searchInputRef: P,
         onLoadMore: x,
-        placement: A,
-        value: H,
-        onSingleChange: E
+        placement: R,
+        value: V,
+        onSingleChange: z
       }
     )
   ] });
 }, vs = ({
-  defaultValue: o,
+  defaultValue: e,
   description: t,
   disableClearLogic: s,
   disabledItemIdKeys: l,
   endSlot: f,
-  errorMessage: u,
+  errorMessage: p,
   fullWidth: a = !0,
   getItemId: m,
   getLabel: h,
@@ -698,51 +698,51 @@ const Pr = ({
   isDisabled: c,
   isInvalid: j,
   isLoading: n,
-  isRequired: w,
-  items: v,
-  label: e,
-  labelId: p,
+  isRequired: S,
+  items: w,
+  label: o,
+  labelId: u,
   name: i,
   onChange: x,
-  onLoadMore: D,
-  onQueryChange: M,
-  placeholder: A,
-  placement: W = "bottom start",
-  selectRenderElements: T,
-  startSlot: R,
-  value: S
+  onLoadMore: B,
+  onQueryChange: W,
+  placeholder: R,
+  placement: E = "bottom start",
+  selectRenderElements: D,
+  startSlot: G,
+  value: v
 }) => {
-  const { isDisabled: G } = rr(tr), F = O(null), y = O(null), [L, J] = z(S ?? o), [X, _] = z(!1), q = () => {
+  const { isDisabled: U } = rr(tr), P = F(null), A = F(null), [y, L] = M(v ?? e), [X, _] = M(!1), q = () => {
     _(!0);
-  }, V = P(
-    (U) => {
-      var H;
-      J(U), x == null || x(U), (H = F.current) == null || H.focus();
+  }, Z = T(
+    (H) => {
+      var V;
+      L(H), x == null || x(H), (V = P.current) == null || V.focus();
     },
     [x]
-  ), { direction: g } = sr(), { wrapper: E } = Q({
+  ), { direction: g } = sr(), { wrapper: z } = Q({
     fullWidth: a,
     isInvalid: j,
-    isDisabled: c || G
+    isDisabled: c || U
   });
-  Y(() => {
-    J(S ?? o);
-  }, [o, S]);
-  const k = S ?? L;
+  J(() => {
+    L(v ?? e);
+  }, [e, v]);
+  const k = v ?? y;
   return /* @__PURE__ */ r.jsxs("div", { children: [
     /* @__PURE__ */ r.jsx(er, { name: i, value: k, getItemId: m }),
-    /* @__PURE__ */ r.jsxs("div", { className: E(), children: [
+    /* @__PURE__ */ r.jsxs("div", { className: z(), children: [
       /* @__PURE__ */ r.jsx(
         ar,
         {
-          label: e,
-          isRequired: w,
+          label: o,
+          isRequired: S,
           hideHintLabel: b,
           hideInputHeader: d,
-          labelId: p
+          labelId: u
         }
       ),
-      /* @__PURE__ */ r.jsx("div", { ref: y, children: /* @__PURE__ */ r.jsx(
+      /* @__PURE__ */ r.jsx("div", { ref: A, children: /* @__PURE__ */ r.jsx(
         Ar,
         {
           disableClearLogic: s,
@@ -752,12 +752,12 @@ const Pr = ({
           getItemId: m,
           isDisabled: c,
           isInvalid: j,
-          onChange: V,
+          onChange: Z,
           open: X,
           openPopover: q,
-          placeholder: A,
-          searchInputRef: F,
-          startSlot: R,
+          placeholder: R,
+          searchInputRef: P,
+          startSlot: G,
           value: k
         }
       ) }),
@@ -765,7 +765,7 @@ const Pr = ({
         mr,
         {
           description: t,
-          errorMessage: u,
+          errorMessage: p,
           hideInputFooter: N
         }
       )
@@ -773,61 +773,62 @@ const Pr = ({
     /* @__PURE__ */ r.jsx(
       or,
       {
-        label: e,
-        searchInputRef: F,
-        triggerRef: y,
+        label: o,
+        searchInputRef: P,
+        triggerRef: A,
         getItemId: m,
         getLabel: h,
-        items: v,
-        onMultiChange: V,
+        items: w,
+        onMultiChange: Z,
         value: k,
-        placement: W,
+        placement: E,
         open: X,
         setOpenPopover: _,
-        selectRenderElements: T,
+        selectRenderElements: D,
         disabledItemIdKeys: l,
         direction: g,
-        onQueryChange: M,
+        onQueryChange: W,
         isLoading: n,
-        onLoadMore: D
+        onLoadMore: B
       }
     )
   ] });
 }, Ss = ({
-  children: o,
+  children: e,
   defaultValue: t,
   disabledItemIdKeys: s,
   getItemId: l,
   getLabel: f,
-  isDisabled: u,
+  isDisabled: p,
   isInvalid: a,
   isLoading: m,
   items: h,
   label: b,
   name: N,
   onChange: d,
-  onQueryChange: c,
-  placement: j = "bottom start",
-  selectRenderElements: n,
+  onLoadMore: c,
+  onQueryChange: j,
+  placement: n = "bottom start",
+  selectRenderElements: S,
   value: w
 }) => {
-  const { isDisabled: v } = rr(tr), e = O(null), p = O(null), i = O(null), [x, D] = z(w ?? t), [M, A] = z(!1), W = () => {
+  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;
-    A(!0), (y = p.current) == null || y.click();
-  }, T = () => A(!1), R = P(
+    E(!0), (y = i.current) == null || y.click();
+  }, G = () => E(!1), v = T(
     (y) => {
-      D(y), d == null || d(y), T();
+      W(y), d == null || d(y), G();
     },
     [d]
-  ), { direction: S } = sr(), { wrapper: G } = Q({
+  ), { direction: U } = sr(), { wrapper: P } = Q({
     fullWidth: !1,
     isInvalid: a,
-    isDisabled: u
+    isDisabled: p
   });
-  Y(() => {
-    D(w ?? t);
+  J(() => {
+    W(w ?? t);
   }, [t, w]);
-  const F = w ?? x;
+  const A = w ?? B;
   return /* @__PURE__ */ r.jsx(
     lr,
     {
@@ -835,45 +836,46 @@ const Pr = ({
         [
           pr,
           {
-            onPress: () => W(),
-            isDisabled: u || v
+            onPress: () => D(),
+            isDisabled: p || o
           }
         ]
       ],
       children: /* @__PURE__ */ r.jsxs("div", { children: [
-        /* @__PURE__ */ r.jsx(er, { name: N, value: F, getItemId: l }),
-        /* @__PURE__ */ r.jsx("div", { className: G(), children: /* @__PURE__ */ r.jsx("div", { ref: i, children: o }) }),
+        /* @__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(
           or,
           {
-            triggerRef: i,
+            triggerRef: x,
             label: b,
             getItemId: l,
             getLabel: f,
             items: h,
-            open: M,
-            setOpenPopover: A,
-            selectRenderElements: n,
+            open: R,
+            setOpenPopover: E,
+            selectRenderElements: S,
             disabledItemIdKeys: s,
-            direction: S,
-            onQueryChange: c,
+            direction: U,
+            onLoadMore: c,
+            onQueryChange: j,
             isLoading: m,
-            searchInputRef: e,
-            placement: j,
-            value: F,
-            onSingleChange: R
+            searchInputRef: u,
+            placement: n,
+            value: A,
+            onSingleChange: v
           }
         )
       ] })
     }
   );
 }, ys = ({
-  children: o,
+  children: e,
   defaultValue: t,
   disabledItemIdKeys: s,
   fullWidth: l = !0,
   getItemId: f,
-  getLabel: u,
+  getLabel: p,
   isDisabled: a,
   isInvalid: m,
   isLoading: h,
@@ -881,60 +883,62 @@ const Pr = ({
   label: N,
   name: d,
   onChange: c,
-  onQueryChange: j,
-  placement: n = "bottom start",
+  onLoadMore: j,
+  onQueryChange: n,
+  placement: S = "bottom start",
   selectRenderElements: w,
-  value: v
+  value: o
 }) => {
-  const { isDisabled: e } = rr(tr), p = O(null), i = O(null), x = O(null), [D, M] = z(v ?? t), [A, W] = z(!1), 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;
-    W(!0), (y = i.current) == null || y.click();
-  }, R = P(
+    D(!0), (y = x.current) == null || y.click();
+  }, v = T(
     (y) => {
       var L;
-      M(y), c == null || c(y), (L = p.current) == null || L.focus();
+      R(y), c == null || c(y), (L = i.current) == null || L.focus();
     },
     [c]
-  ), { direction: S } = sr(), { wrapper: G } = Q({
+  ), { direction: U } = sr(), { wrapper: P } = Q({
     fullWidth: l,
     isInvalid: m,
     isDisabled: a
   });
-  Y(() => {
-    M(v ?? t);
-  }, [t, v]);
-  const F = v ?? D;
+  J(() => {
+    R(o ?? t);
+  }, [t, o]);
+  const A = o ?? W;
   return /* @__PURE__ */ r.jsx(
     lr,
     {
       values: [
         [
           pr,
-          { onPress: () => T(), isDisabled: a || e }
+          { onPress: () => G(), isDisabled: a || u }
         ]
       ],
       children: /* @__PURE__ */ r.jsxs("div", { children: [
-        /* @__PURE__ */ r.jsx(er, { name: d, value: F, getItemId: f }),
-        /* @__PURE__ */ r.jsx("div", { className: G(), children: /* @__PURE__ */ r.jsx("div", { ref: x, children: o }) }),
+        /* @__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(
           or,
           {
             label: N,
-            searchInputRef: p,
-            triggerRef: x,
+            searchInputRef: i,
+            triggerRef: B,
             getItemId: f,
-            getLabel: u,
+            getLabel: p,
             items: b,
-            open: A,
-            setOpenPopover: W,
+            onLoadMore: j,
+            open: E,
+            setOpenPopover: D,
             selectRenderElements: w,
             disabledItemIdKeys: s,
-            direction: S,
-            onQueryChange: j,
+            direction: U,
+            onQueryChange: n,
             isLoading: h,
-            value: F,
-            onMultiChange: R,
-            placement: n
+            value: A,
+            onMultiChange: v,
+            placement: S
           }
         )
       ] })