@new-black/lyra 1.0.17 → 1.0.18

package/dist/lyra37.js

@@ -1,9 +1,9 @@
-import { j as e } from "./lyra90.js";
-import { useContext as I, useRef as U, useState as T, useCallback as $, useEffect as J, useId as fe, useMemo as de } from "react";
-import { Provider as ce, ButtonContext as ae, Button as g, Group as Ne, Input as xe } from "./lyra89.js";
-import { flushSync as te } from "react-dom";
-import { useVirtualizer as he } from "./lyra618.js";
-import { clsx as be } from "./lyra450.js";
+import { j as r } from "./lyra90.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 "./lyra89.js";
+import { flushSync as er } from "react-dom";
+import { useVirtualizer as hr } from "./lyra611.js";
+import { clsx as br } from "./lyra450.js";
 import "./lyra2.js";
 import "./lyra3.js";
 import "./lyra4.js";
@@ -28,15 +28,15 @@ import "./lyra22.js";
 import "./lyra23.js";
 import "./lyra24.js";
 import "./lyra25.js";
-import { FieldGroupContext as ee } from "./lyra26.js";
+import { FieldGroupContext as rr } from "./lyra26.js";
 import "./lyra27.js";
 import "./lyra28.js";
 import "./lyra29.js";
-import { useDictionary as me } from "./lyra95.js";
+import { useDictionary as ur } from "./lyra95.js";
 import "./lyra80.js";
-import "./lyra490.js";
-import { InputHeader as ue } from "./lyra38.js";
-import { InputFooter as pe } from "./lyra39.js";
+import "./lyra452.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";
@@ -44,19 +44,19 @@ import "./lyra32.js";
 import "./lyra33.js";
 import "./lyra34.js";
 import "./lyra35.js";
-import je from "./lyra596.js";
-import { sharedListItemStyles as ve } from "./lyra491.js";
-import { SharedListItem as ye } from "./lyra492.js";
-import { Popover as ke } from "./lyra53.js";
+import Nr from "./lyra596.js";
+import { sharedListItemStyles as vr } from "./lyra453.js";
+import { SharedListItem as wr } from "./lyra454.js";
+import { Popover as Sr } from "./lyra53.js";
 import "./lyra54.js";
 import "./lyra55.js";
 import "./lyra56.js";
-import { Text as ne } from "./lyra73.js";
+import { Text as nr } from "./lyra73.js";
 import "./lyra74.js";
-import { InputTagGroup as De, InputTag as Ee } from "./lyra493.js";
-import "./lyra494.js";
-import { useFilterItemsByQuery as Ue } from "./lyra85.js";
-import { useMousePosition as Ve } from "./lyra84.js";
+import { InputTagGroup as yr, InputTag as kr } from "./lyra455.js";
+import "./lyra456.js";
+import { useFilterItemsByQuery as Fr } from "./lyra85.js";
+import { useMousePosition as Or } from "./lyra84.js";
 import "./lyra41.js";
 import "./lyra42.js";
 import "./lyra43.js";
@@ -68,13 +68,13 @@ import "./lyra49.js";
 import "./lyra50.js";
 import "./lyra51.js";
 import "./lyra52.js";
-import { Separator as we } from "./lyra57.js";
+import { Separator as $r } from "./lyra57.js";
 import "./lyra58.js";
 import "./lyra59.js";
 import "./lyra60.js";
 import "./lyra61.js";
 import "./lyra62.js";
-import { Spinner as Se } from "./lyra63.js";
+import { Spinner as Br } from "./lyra63.js";
 import "./lyra64.js";
 import "./lyra67.js";
 import "./lyra68.js";
@@ -87,1238 +87,854 @@ import "./lyra78.js";
 import "./lyra79.js";
 import "./lyra81.js";
 import "./lyra98.js";
-import { useSpinDelay as Fe } from "./lyra87.js";
-import { useLocale as se } from "./lyra88.js";
-const Oe = ({
-  disableClearLogic: r,
-  endSlot: s,
-  fullWidth: i,
-  getLabel: l,
-  isDisabled: f,
-  isInvalid: o,
-  onChange: m,
-  open: p,
-  openPopover: x,
-  placeholder: j,
+import { useSpinDelay as Dr } from "./lyra87.js";
+import { useLocale as tr } from "./lyra88.js";
+const Pr = ({
+  disableClearLogic: o,
+  endSlot: t,
+  fullWidth: s,
+  getLabel: i,
+  isDisabled: x,
+  isInvalid: c,
+  onChange: u,
+  open: m,
+  openPopover: j,
+  placeholder: N,
   searchInputRef: h,
   startSlot: b,
-  value: t
+  value: e
 }) => {
-  const { buttonExcludedFromTabOrder: d, inputField: c } = q({
-    isInvalid: o,
+  const { buttonExcludedFromTabOrder: f, inputField: l } = q({
+    isInvalid: c,
     hasEndSlot: !0,
-    fullWidth: i,
-    isDisabled: f
-  }), y = (a) => {
-    (a.key === "Escape" || a.key === "Backspace") && !r ? (a.stopPropagation(), m == null || m(void 0)) : a.key === "ArrowDown" || a.key === "ArrowUp" ? x == null || x() : a.key && a.key.match(/^[a-zA-Z0-9]$/) && (te(() => {
-      x == null || x();
+    fullWidth: s,
+    isDisabled: x
+  }), 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)));
   };
-  return /* @__PURE__ */ e.jsxDEV("div", { className: "flex items-center gap-2", children: [
+  return /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2", children: [
     b,
-    /* @__PURE__ */ e.jsxDEV(
+    /* @__PURE__ */ r.jsxs(
       g,
       {
         "aria-haspopup": "listbox",
-        "aria-expanded": p,
-        className: ({ isFocused: a, isHovered: n }) => c({
+        "aria-expanded": m,
+        className: ({ isFocused: p, isHovered: n }) => l({
           isHovered: n,
-          isFocused: a,
+          isFocused: p,
           className: "min-h-8 grow"
         }),
-        isDisabled: f,
-        onKeyDown: y,
-        onPress: x,
+        isDisabled: x,
+        onKeyDown: w,
+        onPress: j,
         children: [
-          /* @__PURE__ */ e.jsxDEV("div", { className: "grow truncate text-start", children: t && l(t) ? /* @__PURE__ */ e.jsxDEV(e.Fragment, { children: l(t) }, void 0, !1, {
-            fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-            lineNumber: 117,
-            columnNumber: 13
-          }, void 0) : /* @__PURE__ */ e.jsxDEV(ne, { variant: "body-medium", color: "secondary", children: j }, void 0, !1, {
-            fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-            lineNumber: 119,
-            columnNumber: 13
-          }, void 0) }, void 0, !1, {
-            fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-            lineNumber: 115,
-            columnNumber: 9
-          }, void 0),
-          /* @__PURE__ */ e.jsxDEV("div", { className: "flex items-center gap-2", children: [
-            t && !f && !r ? /* @__PURE__ */ e.jsxDEV(e.Fragment, { children: /* @__PURE__ */ e.jsxDEV(
+          /* @__PURE__ */ r.jsx("div", { className: "grow truncate text-start", children: e && i(e) ? /* @__PURE__ */ r.jsx(r.Fragment, { children: i(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: d(),
+                className: f(),
                 role: "button",
-                onPointerDown: (a) => {
-                  a.stopPropagation(), m == null || m(void 0);
+                onPointerDown: (p) => {
+                  p.stopPropagation(), u == null || u(void 0);
                 },
-                onClick: (a) => {
-                  a.stopPropagation(), m == null || m(void 0);
+                onClick: (p) => {
+                  p.stopPropagation(), u == null || u(void 0);
                 },
-                children: /* @__PURE__ */ e.jsxDEV(C, { name: "clear" }, void 0, !1, {
-                  fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-                  lineNumber: 139,
-                  columnNumber: 17
-                }, void 0)
-              },
-              void 0,
-              !1,
-              {
-                fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-                lineNumber: 127,
-                columnNumber: 15
-              },
-              void 0
-            ) }, void 0, !1, {
-              fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-              lineNumber: 126,
-              columnNumber: 13
-            }, void 0) : null,
-            /* @__PURE__ */ e.jsxDEV(C, { name: "chevron-up-down", className: "h-4 w-4" }, void 0, !1, {
-              fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-              lineNumber: 143,
-              columnNumber: 11
-            }, void 0)
-          ] }, void 0, !0, {
-            fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-            lineNumber: 124,
-            columnNumber: 9
-          }, void 0)
+                children: /* @__PURE__ */ r.jsx(C, { name: "clear" })
+              }
+            ) }) : null,
+            /* @__PURE__ */ r.jsx(C, { name: "chevron-up-down", className: "h-4 w-4" })
+          ] })
         ]
-      },
-      void 0,
-      !0,
-      {
-        fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-        lineNumber: 101,
-        columnNumber: 7
-      },
-      void 0
+      }
     ),
-    s
-  ] }, void 0, !0, {
-    fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-    lineNumber: 99,
-    columnNumber: 5
-  }, void 0);
-}, $e = ({
-  fullWidth: r,
-  getItemId: s,
-  getLabel: i,
-  isDisabled: l,
-  isInvalid: f,
-  label: o,
-  onChange: m,
-  openPopover: p,
-  placeholder: x,
-  searchInputRef: j,
+    t
+  ] });
+}, Ar = ({
+  fullWidth: o,
+  getItemId: t,
+  getLabel: s,
+  isDisabled: i,
+  isInvalid: x,
+  label: c,
+  onChange: u,
+  openPopover: m,
+  placeholder: j,
+  searchInputRef: N,
   value: h
 }) => {
   const { inputField: b } = q({
-    isInvalid: f,
+    isInvalid: x,
     hasEndSlot: !0,
-    fullWidth: r,
-    isDisabled: l
-  }), t = $(
-    (c) => {
-      c.key === "ArrowDown" || c.key === "ArrowUp" ? p() : c.key && c.key.match(/^[a-zA-Z0-9]$/) && (te(() => {
-        p();
-      }), j.current && (j.current.focus(), j.current.setSelectionRange(0, j.current.value.length)));
+    fullWidth: o,
+    isDisabled: i
+  }), e = A(
+    (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)));
     },
-    [p, j]
-  ), d = $(
-    (c) => {
-      h && m(
-        h.filter((y) => {
-          const a = s(y);
-          return !c.has(a);
+    [m, N]
+  ), f = A(
+    (l) => {
+      h && u(
+        h.filter((w) => {
+          const p = t(w);
+          return !l.has(p);
         })
       );
     },
-    [s, m, h]
+    [t, u, h]
   );
-  return /* @__PURE__ */ e.jsxDEV(
-    Ne,
+  return /* @__PURE__ */ r.jsx(
+    dr,
     {
-      className: ({ isFocusWithin: c, isHovered: y }) => b({
-        isHovered: y,
-        isFocused: c,
-        className: be(
-          y && !f && !l && !c ? "border-hover" : "",
+      className: ({ isFocusWithin: l, isHovered: w }) => b({
+        isHovered: w,
+        isFocused: l,
+        className: br(
+          w && !x && !i && !l ? "border-hover" : "",
           "has:[data-focused]:border has:[data-focused]:border-focus",
           "py-[0.4375rem]"
         )
       }),
-      children: /* @__PURE__ */ e.jsxDEV(
+      children: /* @__PURE__ */ r.jsxs(
         g,
         {
-          onPress: p,
-          onKeyDown: t,
-          isDisabled: l,
+          onPress: m,
+          onKeyDown: e,
+          isDisabled: i,
           className: "flex w-full outline-none",
           children: [
-            /* @__PURE__ */ e.jsxDEV("div", { className: "grow text-left", children: h && h.length ? /* @__PURE__ */ e.jsxDEV(
-              De,
+            /* @__PURE__ */ r.jsx("div", { className: "grow text-left", children: h && h.length ? /* @__PURE__ */ r.jsx(
+              yr,
               {
-                label: o ?? "Selected items",
+                label: c ?? "Selected items",
                 className: "-m-1.5 -mt-[0.3125rem] items-center",
-                onRemove: l ? void 0 : d,
-                children: h.map((c) => /* @__PURE__ */ e.jsxDEV(Ee, { id: s(c), isDisabled: l, children: i(c) }, s(c), !1, {
-                  fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-                  lineNumber: 240,
-                  columnNumber: 17
-                }, void 0))
-              },
-              void 0,
-              !1,
-              {
-                fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-                lineNumber: 234,
-                columnNumber: 13
-              },
-              void 0
-            ) : /* @__PURE__ */ e.jsxDEV(ne, { color: "secondary", children: x }, void 0, !1, {
-              fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-              lineNumber: 246,
-              columnNumber: 13
-            }, void 0) }, void 0, !1, {
-              fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-              lineNumber: 232,
-              columnNumber: 9
-            }, void 0),
-            /* @__PURE__ */ e.jsxDEV(C, { name: "chevron-up-down", className: "h-4 w-4 min-w-[16px]" }, void 0, !1, {
-              fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-              lineNumber: 249,
-              columnNumber: 9
-            }, void 0)
+                onRemove: i ? void 0 : f,
+                children: h.map((l) => /* @__PURE__ */ r.jsx(kr, { id: t(l), isDisabled: i, 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]" })
           ]
-        },
-        void 0,
-        !0,
-        {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-          lineNumber: 226,
-          columnNumber: 7
-        },
-        void 0
+        }
       )
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-      lineNumber: 213,
-      columnNumber: 5
-    },
-    void 0
+    }
   );
-}, Be = ({
-  endSlot: r,
-  isLoading: s,
-  onKeyDown: i,
-  onQueryChange: l,
-  query: f,
-  searchInputRef: o,
-  setQuery: m
+}, Tr = ({
+  endSlot: o,
+  isLoading: t,
+  onKeyDown: s,
+  onQueryChange: i,
+  query: x,
+  searchInputRef: c,
+  setQuery: u
 }) => {
-  const p = fe(), { clear: x, search: j } = me(), h = Fe(s ?? !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 t;
-    (t = o.current) == null || t.focus();
-  }, []), /* @__PURE__ */ e.jsxDEV("div", { className: "pb-1", children: /* @__PURE__ */ e.jsxDEV("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__ */ e.jsxDEV(
-      xe,
+    var e;
+    (e = c.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: o,
-        id: p,
+        ref: c,
+        id: m,
         className: "w-full bg-transparent text-base outline-none placeholder:text-tertiary",
-        onChange: (t) => {
-          var d, c;
-          m(((d = t.target) == null ? void 0 : d.value) ?? ""), l == null || l((c = t.target) == null ? void 0 : c.value);
+        onChange: (e) => {
+          var f, l;
+          u(((f = e.target) == null ? void 0 : f.value) ?? ""), i == null || i((l = e.target) == null ? void 0 : l.value);
         },
-        placeholder: j,
-        value: f ?? "",
-        onKeyDown: (t) => {
-          t.code === "Tab" && t.preventDefault(), i == null || i(t);
+        placeholder: N,
+        value: x ?? "",
+        onKeyDown: (e) => {
+          e.code === "Tab" && e.preventDefault(), s == null || s(e);
         }
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-        lineNumber: 277,
-        columnNumber: 9
-      },
-      void 0
+      }
     ),
-    f && f.length ? /* @__PURE__ */ e.jsxDEV(
+    x && x.length ? /* @__PURE__ */ r.jsx(
       g,
       {
-        "aria-label": x,
+        "aria-label": j,
         className: b(),
         excludeFromTabOrder: !0,
         onPress: () => {
-          var t;
-          m(""), (t = o.current) == null || t.focus();
+          var e;
+          u(""), (e = c.current) == null || e.focus();
         },
-        children: /* @__PURE__ */ e.jsxDEV(C, { name: "clear" }, void 0, !1, {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-          lineNumber: 306,
-          columnNumber: 13
-        }, void 0)
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-        lineNumber: 297,
-        columnNumber: 11
-      },
-      void 0
+        children: /* @__PURE__ */ r.jsx(C, { name: "clear" })
+      }
     ) : null,
-    r,
-    h ? /* @__PURE__ */ e.jsxDEV(Se, { className: "mx-2", size: "small" }, void 0, !1, {
-      fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-      lineNumber: 310,
-      columnNumber: 24
-    }, void 0) : null
-  ] }, void 0, !0, {
-    fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-    lineNumber: 276,
-    columnNumber: 7
-  }, void 0) }, void 0, !1, {
-    fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-    lineNumber: 275,
-    columnNumber: 5
-  }, void 0);
-}, Pe = (r) => {
-  const s = U(null), [i, l] = T(!1);
-  return J(() => l(!1), [r]), { loadMoreButtonRef: s, isLoadMoreButtonFocused: i, setIsLoadMoreButtonFocused: l };
-}, Ae = ({
-  disabledItemIdKeys: r,
-  filteredItems: s,
-  getItemId: i,
-  onMultiChange: l,
-  onSingleChange: f,
-  value: o
+    o,
+    h ? /* @__PURE__ */ r.jsx(Br, { className: "mx-2", size: "small" }) : null
+  ] }) });
+}, Er = (o) => {
+  const t = F(null), [s, i] = M(!1);
+  return J(() => i(!1), [o]), { loadMoreButtonRef: t, isLoadMoreButtonFocused: s, setIsLoadMoreButtonFocused: i };
+}, zr = ({
+  disabledItemIdKeys: o,
+  filteredItems: t,
+  getItemId: s,
+  onMultiChange: i,
+  onSingleChange: x,
+  value: c
 }) => {
-  const m = de(() => {
-    if (Array.isArray(o))
-      return o.length ? s == null ? void 0 : s.findIndex((n) => i(n) === i(o[0])) : 0;
-    if (o)
-      return (s == null ? void 0 : s.findIndex((n) => i(n) === i(o))) ?? 0;
-  }, [s, i, o]), p = $(
+  const u = fr(() => {
+    if (Array.isArray(c))
+      return c.length ? t == null ? void 0 : t.findIndex((n) => s(n) === s(c[0])) : 0;
+    if (c)
+      return (t == null ? void 0 : t.findIndex((n) => s(n) === s(c))) ?? 0;
+  }, [t, s, c]), m = A(
     (n) => {
       if (Number.isInteger(n)) {
-        for (let u = n - 1; u >= 0; u--)
-          if (!(r != null && r.includes(i(s[u]))))
-            return Math.max(u, 0);
+        for (let a = n - 1; a >= 0; a--)
+          if (!(o != null && o.includes(s(t[a]))))
+            return Math.max(a, 0);
       }
       return -1;
     },
-    [r, s, i]
-  ), x = $(
+    [o, t, s]
+  ), j = A(
     (n) => {
       if (Number.isInteger(n)) {
-        for (let u = n + 1; u < s.length; u++)
-          if (!(r != null && r.includes(i(s[u]))))
-            return Math.min(s.length - 1, u);
+        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;
     },
-    [r, s, i]
-  ), j = $(
+    [o, t, s]
+  ), N = A(
     (n) => {
-      if (l) {
-        const u = o ? [...o] : [], v = u.map(i), N = v != null && v.includes(i(n)) ? u.filter((O) => i(O) !== i(n)) : [...u, n];
-        l == null || l(N);
+      if (i) {
+        const a = c ? [...c] : [], v = a.map(s), d = v != null && v.includes(s(n)) ? a.filter((P) => s(P) !== s(n)) : [...a, n];
+        i == null || i(d);
       } else
-        f && (f == null || f(n));
+        x && (x == null || x(n));
     },
-    [i, l, f, o]
-  ), h = $(
-    (n) => Array.isArray(o) ? o.some((u) => i(u) === i(n)) : o ? i(o) === i(n) : !1,
-    [i, o]
-  ), [b, t] = T(m ?? 0), d = Ve(), c = U(void 0), y = $(
+    [s, i, x, c]
+  ), h = A(
+    (n) => Array.isArray(c) ? c.some((a) => s(a) === s(n)) : c ? s(c) === s(n) : !1,
+    [s, c]
+  ), [b, e] = M(u ?? 0), f = Or(), l = F(void 0), w = A(
     (n) => {
-      const u = b;
+      const a = b;
       if (n.key === "ArrowDown") {
         n.preventDefault();
-        const v = x(u);
-        v >= 0 && (t(v), c.current = d);
+        const v = j(a);
+        v >= 0 && (e(v), l.current = f);
       } else if (n.key === "ArrowUp") {
         n.preventDefault();
-        const v = p(u);
-        v >= 0 && (t(v), c.current = d);
+        const v = m(a);
+        v >= 0 && (e(v), l.current = f);
       } else
-        n.key === "Enter" && j(s[b]);
+        n.key === "Enter" && N(t[b]);
     },
     [
       b,
-      s,
-      x,
-      p,
-      d,
-      j
+      t,
+      j,
+      m,
+      f,
+      N
     ]
-  ), a = $(
-    (n, u) => {
-      n && c.current !== d && (t(u), c.current = d);
+  ), p = A(
+    (n, a) => {
+      n && l.current !== f && (e(a), l.current = f);
     },
-    [d]
+    [f]
   );
   return {
     activeItem: b,
-    setActiveItem: t,
+    setActiveItem: e,
     getItemIsSelected: h,
-    onKeyDown: y,
-    onHoverChange: a,
-    selectedItemIndex: m,
-    toggleSelection: j
+    onKeyDown: w,
+    onHoverChange: p,
+    selectedItemIndex: u,
+    toggleSelection: N
   };
-}, Te = ({
-  selectedItemIndex: r,
-  setActiveItem: s
+}, Mr = ({
+  selectedItemIndex: o,
+  setActiveItem: t
 }) => (J(() => {
-  if (r !== void 0 && r >= 0)
-    return s(r), () => {
-      s(0);
+  if (o !== void 0 && o >= 0)
+    return t(o), () => {
+      t(0);
     };
-}, [r, s]), null), ie = ({
-  direction: r,
-  disabledItemIdKeys: s,
-  getItemId: i,
-  getLabel: l,
-  isLoading: f,
-  items: o,
-  label: m,
-  onLoadMore: p,
-  onMultiChange: x,
-  onQueryChange: j,
+}, [o, t]), null), sr = ({
+  direction: o,
+  disabledItemIdKeys: t,
+  getItemId: s,
+  getLabel: i,
+  isLoading: x,
+  items: c,
+  label: u,
+  onLoadMore: m,
+  onMultiChange: j,
+  onQueryChange: N,
   onSingleChange: h,
   open: b,
-  placement: t,
-  searchInputRef: d,
-  selectRenderElements: c,
-  setOpenPopover: y,
-  triggerRef: a,
+  placement: e,
+  searchInputRef: f,
+  selectRenderElements: l,
+  setOpenPopover: w,
+  triggerRef: p,
   value: n
 }) => {
-  var A, le, oe;
-  const { loadMore: u, noResultsFound: v } = me(), { filteredItems: N, query: O, setQuery: z } = Ue({
-    getLabel: l,
-    items: o,
-    onQueryChange: j
-  }), { item: B } = ve(), { isLoadMoreButtonFocused: M, loadMoreButtonRef: R, setIsLoadMoreButtonFocused: V } = Pe(b), {
-    activeItem: D,
-    getItemIsSelected: W,
-    onHoverChange: w,
-    onKeyDown: k,
-    selectedItemIndex: L,
-    setActiveItem: H,
+  var z, ir, cr;
+  const { loadMore: a, noResultsFound: v } = ur(), { filteredItems: d, query: P, setQuery: R } = Fr({
+    getLabel: i,
+    items: c,
+    onQueryChange: N
+  }), { item: T } = vr(), { isLoadMoreButtonFocused: W, loadMoreButtonRef: G, setIsLoadMoreButtonFocused: O } = Er(b), {
+    activeItem: y,
+    getItemIsSelected: L,
+    onHoverChange: $,
+    onKeyDown: S,
+    selectedItemIndex: H,
+    setActiveItem: V,
     toggleSelection: X
-  } = Ae({
-    disabledItemIdKeys: s,
-    filteredItems: N,
-    getItemId: i,
-    loadMoreButtonRef: R,
-    onMultiChange: x,
+  } = zr({
+    disabledItemIdKeys: t,
+    filteredItems: d,
+    getItemId: s,
+    loadMoreButtonRef: G,
+    onMultiChange: j,
     onSingleChange: h,
     value: n
-  }), [Z, Q] = T(
-    (A = a.current) == null ? void 0 : A.offsetWidth
+  }), [Z, Q] = M(
+    (z = p.current) == null ? void 0 : z.offsetWidth
   );
-  je("resize", () => {
-    var S;
-    Q((S = a.current) == null ? void 0 : S.offsetWidth);
+  Nr("resize", () => {
+    var B;
+    Q((B = p.current) == null ? void 0 : B.offsetWidth);
   });
-  const Y = Z ?? ((le = a.current) == null ? void 0 : le.offsetWidth), _ = U(null), G = p ? ((N == null ? void 0 : N.length) ?? 0) + 1 : (N == null ? void 0 : N.length) ?? 0, E = he({
-    count: G,
+  const Y = Z ?? ((ir = p.current) == null ? void 0 : ir.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(() => {
-    D !== void 0 && D >= 0 && (N != null && N.length) && (D === N.length - 1 && p ? E.scrollToIndex(G) : E.scrollToIndex(Math.min(D, G - 1)));
-  }, [D, G, N.length, p, E]);
-  const P = E.getVirtualItems();
-  return /* @__PURE__ */ e.jsxDEV(
-    ke,
+    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,
     {
       className: "p-1",
       isOpen: b,
       disablePadding: !0,
-      triggerRef: a,
-      onOpenChange: y,
-      "aria-label": m,
+      triggerRef: p,
+      onOpenChange: w,
+      "aria-label": u,
       shouldUpdatePosition: !0,
-      placement: t,
+      placement: e,
       style: {
         width: Y && Y > 280 ? Y + "px" : "280px",
-        direction: r
+        direction: o
       },
-      children: b ? /* @__PURE__ */ e.jsxDEV("div", { className: "gap-1", children: [
-        /* @__PURE__ */ e.jsxDEV(
-          Be,
+      children: b ? /* @__PURE__ */ r.jsxs("div", { className: "gap-1", children: [
+        /* @__PURE__ */ r.jsx(
+          Tr,
           {
-            onQueryChange: j,
-            isLoading: f,
-            query: O,
-            setQuery: (S) => {
-              te(() => {
-                z(S), H(0);
-              }), E.scrollToOffset(0);
+            onQueryChange: N,
+            isLoading: x,
+            query: P,
+            setQuery: (B) => {
+              er(() => {
+                R(B), V(0);
+              }), k.scrollToOffset(0);
             },
-            searchInputRef: d,
-            onKeyDown: k
-          },
-          void 0,
-          !1,
-          {
-            fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-            lineNumber: 597,
-            columnNumber: 11
-          },
-          void 0
+            searchInputRef: f,
+            onKeyDown: S
+          }
         ),
-        /* @__PURE__ */ e.jsxDEV(Te, { selectedItemIndex: L, setActiveItem: H }, void 0, !1, {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-          lineNumber: 614,
-          columnNumber: 11
-        }, void 0),
-        /* @__PURE__ */ e.jsxDEV(
+        /* @__PURE__ */ r.jsx(Mr, { selectedItemIndex: H, setActiveItem: V }),
+        /* @__PURE__ */ r.jsx(
           "div",
           {
             ref: _,
             className: "w-full overflow-y-auto",
             style: {
               contain: "strict",
-              height: Math.min(288, E.getTotalSize() + (p ? 4 : 0))
+              height: Math.min(288, k.getTotalSize() + (m ? 4 : 0))
             },
-            children: /* @__PURE__ */ e.jsxDEV(
+            children: /* @__PURE__ */ r.jsx(
               "div",
               {
                 className: "relative w-full",
                 style: {
-                  height: E.getTotalSize()
+                  height: k.getTotalSize()
                 },
-                children: /* @__PURE__ */ e.jsxDEV(
+                children: /* @__PURE__ */ r.jsx(
                   "div",
                   {
                     className: "absolute start-0 top-0 w-full",
                     style: {
-                      transform: `translateY(${((oe = P == null ? void 0 : P[0]) == null ? void 0 : oe.start) ?? 0}px)`
+                      transform: `translateY(${((cr = E == null ? void 0 : E[0]) == null ? void 0 : cr.start) ?? 0}px)`
                     },
-                    children: P.map((S) => {
-                      if (S.index === G - 1 && p)
-                        return /* @__PURE__ */ e.jsxDEV(
+                    children: E.map((B) => {
+                      if (B.index === U - 1 && m)
+                        return /* @__PURE__ */ r.jsx(
                           "div",
                           {
-                            "data-index": S.index,
-                            ref: E.measureElement,
-                            children: /* @__PURE__ */ e.jsxDEV("div", { children: [
-                              /* @__PURE__ */ e.jsxDEV(we, { className: "my-1" }, void 0, !1, {
-                                fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-                                lineNumber: 646,
-                                columnNumber: 27
-                              }, void 0),
-                              /* @__PURE__ */ e.jsxDEV(
+                            "data-index": B.index,
+                            ref: k.measureElement,
+                            children: /* @__PURE__ */ r.jsxs("div", { children: [
+                              /* @__PURE__ */ r.jsx($r, { className: "my-1" }),
+                              /* @__PURE__ */ r.jsx(
                                 g,
                                 {
-                                  isDisabled: f,
-                                  onFocusChange: V,
-                                  onHoverChange: V,
-                                  ref: R,
-                                  className: B({
+                                  isDisabled: x,
+                                  onFocusChange: O,
+                                  onHoverChange: O,
+                                  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 F;
-                                    p(), (F = d.current) == null || F.focus();
+                                    var D;
+                                    m(), (D = f.current) == null || D.focus();
                                   },
-                                  onKeyDown: (F) => {
+                                  onKeyDown: (D) => {
                                     var K;
-                                    F.key === "ArrowUp" && (F.preventDefault(), (K = d.current) == null || K.focus());
+                                    D.key === "ArrowUp" && (D.preventDefault(), (K = f.current) == null || K.focus());
                                   },
-                                  children: u
-                                },
-                                void 0,
-                                !1,
-                                {
-                                  fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-                                  lineNumber: 647,
-                                  columnNumber: 27
-                                },
-                                void 0
+                                  children: a
+                                }
                               )
-                            ] }, void 0, !0, {
-                              fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-                              lineNumber: 645,
-                              columnNumber: 25
-                            }, void 0)
-                          },
-                          S.key,
-                          !1,
-                          {
-                            fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-                            lineNumber: 640,
-                            columnNumber: 23
+                            ] })
                           },
-                          void 0
+                          B.key
                         );
                       {
-                        const F = N[S.index];
-                        return /* @__PURE__ */ e.jsxDEV(
+                        const D = d[B.index];
+                        return /* @__PURE__ */ r.jsx(
                           "div",
                           {
-                            "data-index": S.index,
-                            ref: E.measureElement,
-                            children: /* @__PURE__ */ e.jsxDEV(
+                            "data-index": B.index,
+                            ref: k.measureElement,
+                            children: /* @__PURE__ */ r.jsx(
                               g,
                               {
                                 className: "w-full text-start outline-none",
                                 onHoverChange: (K) => {
-                                  w(K, S.index);
+                                  $(K, B.index);
                                 },
-                                onPress: () => X(F),
-                                isDisabled: (s == null ? void 0 : s.includes(i(F))) ?? !1,
+                                onPress: () => X(D),
+                                isDisabled: (t == null ? void 0 : t.includes(s(D))) ?? !1,
                                 excludeFromTabOrder: !0,
-                                children: /* @__PURE__ */ e.jsxDEV(
-                                  ye,
+                                children: /* @__PURE__ */ r.jsx(
+                                  wr,
                                   {
                                     hasSelection: !0,
-                                    item: F,
+                                    item: D,
                                     state: {
-                                      active: D === S.index && !M,
-                                      disabled: (s == null ? void 0 : s.includes(i(F))) ?? !1,
-                                      selected: W(F)
+                                      active: y === B.index && !W,
+                                      disabled: (t == null ? void 0 : t.includes(s(D))) ?? !1,
+                                      selected: L(D)
                                     },
-                                    selectRenderElements: c
-                                  },
-                                  i(F),
-                                  !1,
-                                  {
-                                    fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-                                    lineNumber: 694,
-                                    columnNumber: 27
+                                    selectRenderElements: l
                                   },
-                                  void 0
+                                  s(D)
                                 )
                               },
-                              i(F),
-                              !1,
-                              {
-                                fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-                                lineNumber: 682,
-                                columnNumber: 25
-                              },
-                              void 0
+                              s(D)
                             )
                           },
-                          S.key,
-                          !1,
-                          {
-                            fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-                            lineNumber: 677,
-                            columnNumber: 23
-                          },
-                          void 0
+                          B.key
                         );
                       }
                     })
-                  },
-                  void 0,
-                  !1,
-                  {
-                    fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-                    lineNumber: 629,
-                    columnNumber: 15
-                  },
-                  void 0
+                  }
                 )
-              },
-              void 0,
-              !1,
-              {
-                fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-                lineNumber: 623,
-                columnNumber: 13
-              },
-              void 0
+              }
             )
-          },
-          void 0,
-          !1,
-          {
-            fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-            lineNumber: 615,
-            columnNumber: 11
-          },
-          void 0
+          }
         ),
-        G ? null : /* @__PURE__ */ e.jsxDEV(ne, { variant: "body-medium", color: "secondary", className: "px-2.5", children: v }, void 0, !1, {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-          lineNumber: 715,
-          columnNumber: 13
-        }, void 0)
-      ] }, void 0, !0, {
-        fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-        lineNumber: 596,
-        columnNumber: 9
-      }, void 0) : null
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-      lineNumber: 579,
-      columnNumber: 5
-    },
-    void 0
+        U ? null : /* @__PURE__ */ r.jsx(nr, { variant: "body-medium", color: "secondary", className: "px-2.5", children: v })
+      ] }) : null
+    }
   );
-}, re = ({
-  getItemId: r,
-  name: s,
-  value: i
-}) => s ? Array.isArray(i) ? i.map((l) => /* @__PURE__ */ e.jsxDEV("input", { type: "hidden", name: s, value: r(l) }, r(l), !1, {
-  fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-  lineNumber: 737,
-  columnNumber: 9
-}, void 0)) : i ? /* @__PURE__ */ e.jsxDEV("input", { type: "hidden", name: s, value: r(i) }, void 0, !1, {
-  fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-  lineNumber: 740,
-  columnNumber: 14
-}, void 0) : null : null, vi = ({
-  defaultValue: r,
-  description: s,
-  disableClearLogic: i,
-  disabledItemIdKeys: l,
-  endSlot: f,
-  errorMessage: o,
-  fullWidth: m = !0,
-  getItemId: p,
-  getLabel: x,
-  hideHintLabel: j,
+}, or = ({
+  getItemId: o,
+  name: t,
+  value: s
+}) => t ? Array.isArray(s) ? s.map((i) => /* @__PURE__ */ r.jsx("input", { type: "hidden", name: t, value: o(i) }, o(i))) : s ? /* @__PURE__ */ r.jsx("input", { type: "hidden", name: t, value: o(s) }) : null : null, vs = ({
+  defaultValue: o,
+  description: t,
+  disableClearLogic: s,
+  disabledItemIdKeys: i,
+  endSlot: x,
+  errorMessage: c,
+  fullWidth: u = !0,
+  getItemId: m,
+  getLabel: j,
+  hideHintLabel: N,
   hideInputFooter: h,
   hideInputHeader: b,
-  isDisabled: t,
-  isInvalid: d,
-  isLoading: c,
-  isRequired: y,
-  items: a,
+  isDisabled: e,
+  isInvalid: f,
+  isLoading: l,
+  isRequired: w,
+  items: p,
   label: n,
-  name: u,
+  name: a,
   onChange: v,
-  onLoadMore: N,
-  onQueryChange: O,
-  placeholder: z,
-  placement: B = "bottom start",
-  selectRenderElements: M,
-  startSlot: R,
-  value: V
+  onLoadMore: d,
+  onQueryChange: P,
+  placeholder: R,
+  placement: T = "bottom start",
+  selectRenderElements: W,
+  startSlot: G,
+  value: O
 }) => {
-  const { isDisabled: D } = I(ee), W = U(null), w = U(null), k = U(null), [L, H] = T(V ?? r), [X, Z] = T(!1), Q = () => {
-    var A;
-    Z(!0), (A = w.current) == null || A.click();
-  }, Y = () => Z(!1), _ = $(
-    (A) => {
-      H(A), v == null || v(A), Y();
+  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), v == null || v(z), Y();
     },
     [v]
-  ), { direction: G } = se(), { wrapper: E } = q({
-    fullWidth: m,
-    isInvalid: d,
-    isDisabled: t || D
+  ), { direction: U } = tr(), { wrapper: k } = q({
+    fullWidth: u,
+    isInvalid: f,
+    isDisabled: e || y
   });
   J(() => {
-    H(V ?? r);
-  }, [r, V]);
-  const P = V ?? L;
-  return /* @__PURE__ */ e.jsxDEV("div", { children: [
-    /* @__PURE__ */ e.jsxDEV(re, { name: u, value: P, getItemId: p }, void 0, !1, {
-      fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-      lineNumber: 814,
-      columnNumber: 7
-    }, void 0),
-    /* @__PURE__ */ e.jsxDEV("div", { className: E(), children: [
-      /* @__PURE__ */ e.jsxDEV(
-        ue,
+    V(O ?? o);
+  }, [o, O]);
+  const E = O ?? H;
+  return /* @__PURE__ */ r.jsxs("div", { children: [
+    /* @__PURE__ */ r.jsx(or, { name: a, value: E, getItemId: m }),
+    /* @__PURE__ */ r.jsxs("div", { className: k(), children: [
+      /* @__PURE__ */ r.jsx(
+        ar,
         {
           label: n,
-          hideHintLabel: j,
+          hideHintLabel: N,
           hideInputHeader: b,
-          isRequired: y
-        },
-        void 0,
-        !1,
-        {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-          lineNumber: 816,
-          columnNumber: 9
-        },
-        void 0
+          isRequired: w
+        }
       ),
-      /* @__PURE__ */ e.jsxDEV("div", { ref: k, children: /* @__PURE__ */ e.jsxDEV(
-        Oe,
+      /* @__PURE__ */ r.jsx("div", { ref: S, children: /* @__PURE__ */ r.jsx(
+        Pr,
         {
-          disableClearLogic: i,
-          endSlot: f,
-          fullWidth: m,
-          getLabel: x,
-          getItemId: p,
-          isDisabled: t,
-          isInvalid: d,
+          disableClearLogic: s,
+          endSlot: x,
+          fullWidth: u,
+          getLabel: j,
+          getItemId: m,
+          isDisabled: e,
+          isInvalid: f,
           open: X,
           openPopover: Q,
           onChange: _,
-          placeholder: z,
-          searchInputRef: W,
-          startSlot: R,
-          value: P
-        },
-        void 0,
-        !1,
-        {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-          lineNumber: 823,
-          columnNumber: 11
-        },
-        void 0
-      ) }, void 0, !1, {
-        fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-        lineNumber: 822,
-        columnNumber: 9
-      }, void 0),
-      /* @__PURE__ */ e.jsxDEV(
-        pe,
+          placeholder: R,
+          searchInputRef: L,
+          startSlot: G,
+          value: E
+        }
+      ) }),
+      /* @__PURE__ */ r.jsx(
+        mr,
         {
-          description: s,
-          errorMessage: o,
+          description: t,
+          errorMessage: c,
           hideInputFooter: h
-        },
-        void 0,
-        !1,
-        {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-          lineNumber: 840,
-          columnNumber: 9
-        },
-        void 0
+        }
       )
-    ] }, void 0, !0, {
-      fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-      lineNumber: 815,
-      columnNumber: 7
-    }, void 0),
-    /* @__PURE__ */ e.jsxDEV(
-      ie,
+    ] }),
+    /* @__PURE__ */ r.jsx(
+      sr,
       {
-        triggerRef: k,
+        triggerRef: S,
         label: n,
-        getItemId: p,
-        getLabel: x,
-        items: a,
+        getItemId: m,
+        getLabel: j,
+        items: p,
         open: X,
         setOpenPopover: Z,
-        selectRenderElements: M,
-        disabledItemIdKeys: l,
-        direction: G,
-        onQueryChange: O,
-        isLoading: c,
-        searchInputRef: W,
-        onLoadMore: N,
-        placement: B,
-        value: P,
+        selectRenderElements: W,
+        disabledItemIdKeys: i,
+        direction: U,
+        onQueryChange: P,
+        isLoading: l,
+        searchInputRef: L,
+        onLoadMore: d,
+        placement: T,
+        value: E,
         onSingleChange: _
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-        lineNumber: 846,
-        columnNumber: 7
-      },
-      void 0
+      }
     )
-  ] }, void 0, !0, {
-    fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-    lineNumber: 813,
-    columnNumber: 5
-  }, void 0);
-}, yi = ({
-  defaultValue: r,
-  description: s,
-  disableClearLogic: i,
-  disabledItemIdKeys: l,
-  endSlot: f,
-  errorMessage: o,
-  fullWidth: m = !0,
-  getItemId: p,
-  getLabel: x,
-  hideHintLabel: j,
+  ] });
+}, ws = ({
+  defaultValue: o,
+  description: t,
+  disableClearLogic: s,
+  disabledItemIdKeys: i,
+  endSlot: x,
+  errorMessage: c,
+  fullWidth: u = !0,
+  getItemId: m,
+  getLabel: j,
+  hideHintLabel: N,
   hideInputFooter: h,
   hideInputHeader: b,
-  isDisabled: t,
-  isInvalid: d,
-  isLoading: c,
-  isRequired: y,
-  items: a,
+  isDisabled: e,
+  isInvalid: f,
+  isLoading: l,
+  isRequired: w,
+  items: p,
   label: n,
-  labelId: u,
+  labelId: a,
   name: v,
-  onChange: N,
-  onLoadMore: O,
-  onQueryChange: z,
-  placeholder: B,
-  placement: M = "bottom start",
-  selectRenderElements: R,
-  startSlot: V,
-  value: D
+  onChange: d,
+  onLoadMore: P,
+  onQueryChange: R,
+  placeholder: T,
+  placement: W = "bottom start",
+  selectRenderElements: G,
+  startSlot: O,
+  value: y
 }) => {
-  const { isDisabled: W } = I(ee), w = U(null), k = U(null), [L, H] = T(D ?? r), [X, Z] = T(!1), Q = () => {
+  const { isDisabled: L } = I(rr), $ = F(null), S = F(null), [H, V] = M(y ?? o), [X, Z] = M(!1), Q = () => {
     Z(!0);
-  }, Y = $(
-    (P) => {
-      var A;
-      H(P), N == null || N(P), (A = w.current) == null || A.focus();
+  }, Y = A(
+    (E) => {
+      var z;
+      V(E), d == null || d(E), (z = $.current) == null || z.focus();
     },
-    [N]
-  ), { direction: _ } = se(), { wrapper: G } = q({
-    fullWidth: m,
-    isInvalid: d,
-    isDisabled: t || W
+    [d]
+  ), { direction: _ } = tr(), { wrapper: U } = q({
+    fullWidth: u,
+    isInvalid: f,
+    isDisabled: e || L
   });
   J(() => {
-    H(D ?? r);
-  }, [r, D]);
-  const E = D ?? L;
-  return /* @__PURE__ */ e.jsxDEV("div", { children: [
-    /* @__PURE__ */ e.jsxDEV(re, { name: v, value: E, getItemId: p }, void 0, !1, {
-      fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-      lineNumber: 933,
-      columnNumber: 7
-    }, void 0),
-    /* @__PURE__ */ e.jsxDEV("div", { className: G(), children: [
-      /* @__PURE__ */ e.jsxDEV(
-        ue,
+    V(y ?? o);
+  }, [o, y]);
+  const k = y ?? H;
+  return /* @__PURE__ */ r.jsxs("div", { children: [
+    /* @__PURE__ */ r.jsx(or, { name: v, value: k, getItemId: m }),
+    /* @__PURE__ */ r.jsxs("div", { className: U(), children: [
+      /* @__PURE__ */ r.jsx(
+        ar,
         {
           label: n,
-          isRequired: y,
-          hideHintLabel: j,
+          isRequired: w,
+          hideHintLabel: N,
           hideInputHeader: b,
-          labelId: u
-        },
-        void 0,
-        !1,
-        {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-          lineNumber: 935,
-          columnNumber: 9
-        },
-        void 0
+          labelId: a
+        }
       ),
-      /* @__PURE__ */ e.jsxDEV("div", { ref: k, children: /* @__PURE__ */ e.jsxDEV(
-        $e,
+      /* @__PURE__ */ r.jsx("div", { ref: S, children: /* @__PURE__ */ r.jsx(
+        Ar,
         {
-          disableClearLogic: i,
-          endSlot: f,
-          fullWidth: m,
-          getLabel: x,
-          getItemId: p,
-          isDisabled: t,
-          isInvalid: d,
+          disableClearLogic: s,
+          endSlot: x,
+          fullWidth: u,
+          getLabel: j,
+          getItemId: m,
+          isDisabled: e,
+          isInvalid: f,
           onChange: Y,
           open: X,
           openPopover: Q,
-          placeholder: B,
-          searchInputRef: w,
-          startSlot: V,
-          value: E
-        },
-        void 0,
-        !1,
-        {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-          lineNumber: 943,
-          columnNumber: 11
-        },
-        void 0
-      ) }, void 0, !1, {
-        fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-        lineNumber: 942,
-        columnNumber: 9
-      }, void 0),
-      /* @__PURE__ */ e.jsxDEV(
-        pe,
+          placeholder: T,
+          searchInputRef: $,
+          startSlot: O,
+          value: k
+        }
+      ) }),
+      /* @__PURE__ */ r.jsx(
+        mr,
         {
-          description: s,
-          errorMessage: o,
+          description: t,
+          errorMessage: c,
           hideInputFooter: h
-        },
-        void 0,
-        !1,
-        {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-          lineNumber: 960,
-          columnNumber: 9
-        },
-        void 0
+        }
       )
-    ] }, void 0, !0, {
-      fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-      lineNumber: 934,
-      columnNumber: 7
-    }, void 0),
-    /* @__PURE__ */ e.jsxDEV(
-      ie,
+    ] }),
+    /* @__PURE__ */ r.jsx(
+      sr,
       {
         label: n,
-        searchInputRef: w,
-        triggerRef: k,
-        getItemId: p,
-        getLabel: x,
-        items: a,
+        searchInputRef: $,
+        triggerRef: S,
+        getItemId: m,
+        getLabel: j,
+        items: p,
         onMultiChange: Y,
-        value: E,
-        placement: M,
+        value: k,
+        placement: W,
         open: X,
         setOpenPopover: Z,
-        selectRenderElements: R,
-        disabledItemIdKeys: l,
+        selectRenderElements: G,
+        disabledItemIdKeys: i,
         direction: _,
-        onQueryChange: z,
-        isLoading: c,
-        onLoadMore: O
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-        lineNumber: 966,
-        columnNumber: 7
-      },
-      void 0
+        onQueryChange: R,
+        isLoading: l,
+        onLoadMore: P
+      }
     )
-  ] }, void 0, !0, {
-    fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-    lineNumber: 932,
-    columnNumber: 5
-  }, void 0);
-}, ki = ({
-  children: r,
-  defaultValue: s,
-  disabledItemIdKeys: i,
-  getItemId: l,
-  getLabel: f,
-  isDisabled: o,
-  isInvalid: m,
-  isLoading: p,
-  items: x,
-  label: j,
+  ] });
+}, Ss = ({
+  children: o,
+  defaultValue: t,
+  disabledItemIdKeys: s,
+  getItemId: i,
+  getLabel: x,
+  isDisabled: c,
+  isInvalid: u,
+  isLoading: m,
+  items: j,
+  label: N,
   name: h,
   onChange: b,
-  onQueryChange: t,
-  placement: d = "bottom start",
-  selectRenderElements: c,
-  value: y
+  onQueryChange: e,
+  placement: f = "bottom start",
+  selectRenderElements: l,
+  value: w
 }) => {
-  const { isDisabled: a } = I(ee), n = U(null), u = U(null), v = U(null), [N, O] = T(y ?? s), [z, B] = T(!1), M = () => {
-    var k;
-    B(!0), (k = u.current) == null || k.click();
-  }, R = () => B(!1), V = $(
-    (k) => {
-      O(k), b == null || b(k), R();
+  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 = a.current) == null || S.click();
+  }, G = () => T(!1), O = A(
+    (S) => {
+      P(S), b == null || b(S), G();
     },
     [b]
-  ), { direction: D } = se(), { wrapper: W } = q({
+  ), { direction: y } = tr(), { wrapper: L } = q({
     fullWidth: !1,
-    isInvalid: m,
-    isDisabled: o
+    isInvalid: u,
+    isDisabled: c
   });
   J(() => {
-    O(y ?? s);
-  }, [s, y]);
-  const w = y ?? N;
-  return /* @__PURE__ */ e.jsxDEV(
-    ce,
+    P(w ?? t);
+  }, [t, w]);
+  const $ = w ?? d;
+  return /* @__PURE__ */ r.jsx(
+    lr,
     {
       values: [
         [
-          ae,
+          pr,
           {
-            onPress: () => M(),
-            isDisabled: o || a
+            onPress: () => W(),
+            isDisabled: c || p
           }
         ]
       ],
-      children: /* @__PURE__ */ e.jsxDEV("div", { children: [
-        /* @__PURE__ */ e.jsxDEV(re, { name: h, value: w, getItemId: l }, void 0, !1, {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-          lineNumber: 1054,
-          columnNumber: 9
-        }, void 0),
-        /* @__PURE__ */ e.jsxDEV("div", { className: W(), children: /* @__PURE__ */ e.jsxDEV("div", { ref: v, children: r }, void 0, !1, {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-          lineNumber: 1056,
-          columnNumber: 11
-        }, void 0) }, void 0, !1, {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-          lineNumber: 1055,
-          columnNumber: 9
-        }, void 0),
-        /* @__PURE__ */ e.jsxDEV(
-          ie,
+      children: /* @__PURE__ */ r.jsxs("div", { children: [
+        /* @__PURE__ */ r.jsx(or, { name: h, value: $, getItemId: i }),
+        /* @__PURE__ */ r.jsx("div", { className: L(), children: /* @__PURE__ */ r.jsx("div", { ref: v, children: o }) }),
+        /* @__PURE__ */ r.jsx(
+          sr,
           {
             triggerRef: v,
-            label: j,
-            getItemId: l,
-            getLabel: f,
-            items: x,
-            open: z,
-            setOpenPopover: B,
-            selectRenderElements: c,
-            disabledItemIdKeys: i,
-            direction: D,
-            onQueryChange: t,
-            isLoading: p,
+            label: N,
+            getItemId: i,
+            getLabel: x,
+            items: j,
+            open: R,
+            setOpenPopover: T,
+            selectRenderElements: l,
+            disabledItemIdKeys: s,
+            direction: y,
+            onQueryChange: e,
+            isLoading: m,
             searchInputRef: n,
-            placement: d,
-            value: w,
-            onSingleChange: V
-          },
-          void 0,
-          !1,
-          {
-            fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-            lineNumber: 1058,
-            columnNumber: 9
-          },
-          void 0
+            placement: f,
+            value: $,
+            onSingleChange: O
+          }
         )
-      ] }, void 0, !0, {
-        fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-        lineNumber: 1053,
-        columnNumber: 7
-      }, void 0)
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-      lineNumber: 1042,
-      columnNumber: 5
-    },
-    void 0
+      ] })
+    }
   );
-}, Di = ({
-  children: r,
-  defaultValue: s,
-  disabledItemIdKeys: i,
-  fullWidth: l = !0,
-  getItemId: f,
-  getLabel: o,
-  isDisabled: m,
-  isInvalid: p,
-  isLoading: x,
-  items: j,
+}, ys = ({
+  children: o,
+  defaultValue: t,
+  disabledItemIdKeys: s,
+  fullWidth: i = !0,
+  getItemId: x,
+  getLabel: c,
+  isDisabled: u,
+  isInvalid: m,
+  isLoading: j,
+  items: N,
   label: h,
   name: b,
-  onChange: t,
-  onQueryChange: d,
-  placement: c = "bottom start",
-  selectRenderElements: y,
-  value: a
+  onChange: e,
+  onQueryChange: f,
+  placement: l = "bottom start",
+  selectRenderElements: w,
+  value: p
 }) => {
-  const { isDisabled: n } = I(ee), u = U(null), v = U(null), N = U(null), [O, z] = T(a ?? s), [B, M] = T(!1), R = () => {
-    var k;
-    M(!0), (k = v.current) == null || k.click();
-  }, V = $(
-    (k) => {
-      var L;
-      z(k), t == null || t(k), (L = u.current) == null || L.focus();
+  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 = v.current) == null || S.click();
+  }, O = A(
+    (S) => {
+      var H;
+      R(S), e == null || e(S), (H = a.current) == null || H.focus();
     },
-    [t]
-  ), { direction: D } = se(), { wrapper: W } = q({
-    fullWidth: l,
-    isInvalid: p,
-    isDisabled: m
+    [e]
+  ), { direction: y } = tr(), { wrapper: L } = q({
+    fullWidth: i,
+    isInvalid: m,
+    isDisabled: u
   });
   J(() => {
-    z(a ?? s);
-  }, [s, a]);
-  const w = a ?? O;
-  return /* @__PURE__ */ e.jsxDEV(
-    ce,
+    R(p ?? t);
+  }, [t, p]);
+  const $ = p ?? P;
+  return /* @__PURE__ */ r.jsx(
+    lr,
     {
       values: [
         [
-          ae,
-          { onPress: () => R(), isDisabled: m || n }
+          pr,
+          { onPress: () => G(), isDisabled: u || n }
         ]
       ],
-      children: /* @__PURE__ */ e.jsxDEV("div", { children: [
-        /* @__PURE__ */ e.jsxDEV(re, { name: b, value: w, getItemId: f }, void 0, !1, {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-          lineNumber: 1145,
-          columnNumber: 9
-        }, void 0),
-        /* @__PURE__ */ e.jsxDEV("div", { className: W(), children: /* @__PURE__ */ e.jsxDEV("div", { ref: N, children: r }, void 0, !1, {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-          lineNumber: 1147,
-          columnNumber: 11
-        }, void 0) }, void 0, !1, {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-          lineNumber: 1146,
-          columnNumber: 9
-        }, void 0),
-        /* @__PURE__ */ e.jsxDEV(
-          ie,
+      children: /* @__PURE__ */ r.jsxs("div", { children: [
+        /* @__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: h,
-            searchInputRef: u,
-            triggerRef: N,
-            getItemId: f,
-            getLabel: o,
-            items: j,
-            open: B,
-            setOpenPopover: M,
-            selectRenderElements: y,
-            disabledItemIdKeys: i,
-            direction: D,
-            onQueryChange: d,
-            isLoading: x,
-            value: w,
-            onMultiChange: V,
-            placement: c
-          },
-          void 0,
-          !1,
-          {
-            fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-            lineNumber: 1149,
-            columnNumber: 9
-          },
-          void 0
+            searchInputRef: a,
+            triggerRef: d,
+            getItemId: x,
+            getLabel: c,
+            items: N,
+            open: T,
+            setOpenPopover: W,
+            selectRenderElements: w,
+            disabledItemIdKeys: s,
+            direction: y,
+            onQueryChange: f,
+            isLoading: j,
+            value: $,
+            onMultiChange: O,
+            placement: l
+          }
         )
-      ] }, void 0, !0, {
-        fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-        lineNumber: 1144,
-        columnNumber: 7
-      }, void 0)
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-      lineNumber: 1136,
-      columnNumber: 5
-    },
-    void 0
+      ] })
+    }
   );
 };
 export {
-  yi as MultiSearchListField,
-  Di as MultiSearchListFieldWithCustomTrigger,
-  vi as SearchListField,
-  ki as SearchListFieldWithCustomTrigger
+  ws as MultiSearchListField,
+  ys as MultiSearchListFieldWithCustomTrigger,
+  vs as SearchListField,
+  Ss as SearchListFieldWithCustomTrigger
 };