@new-black/lyra 1.0.15 → 1.0.16

package/dist/lyra37.js

@@ -1,9 +1,9 @@
-import { j as r } from "./lyra89.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 "./lyra88.js";
-import { flushSync as er } from "react-dom";
-import { useVirtualizer as hr } from "./lyra606.js";
-import { clsx as br } from "./lyra449.js";
+import { j as e } from "./lyra89.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 "./lyra88.js";
+import { flushSync as te } from "react-dom";
+import { useVirtualizer as he } from "./lyra621.js";
+import { clsx as be } from "./lyra449.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 rr } from "./lyra26.js";
+import { FieldGroupContext as ee } from "./lyra26.js";
 import "./lyra27.js";
 import "./lyra28.js";
 import "./lyra29.js";
-import { useDictionary as ur } from "./lyra94.js";
+import { useDictionary as me } from "./lyra94.js";
 import "./lyra79.js";
-import "./lyra456.js";
-import { InputHeader as ar } from "./lyra38.js";
-import { InputFooter as mr } from "./lyra39.js";
+import "./lyra455.js";
+import { InputHeader as ue } from "./lyra38.js";
+import { InputFooter as pe } 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 Nr from "./lyra596.js";
-import { sharedListItemStyles as vr } from "./lyra454.js";
-import { SharedListItem as wr } from "./lyra455.js";
-import { Popover as Sr } from "./lyra53.js";
+import je from "./lyra595.js";
+import { sharedListItemStyles as ve } from "./lyra453.js";
+import { SharedListItem as ye } from "./lyra454.js";
+import { Popover as ke } from "./lyra53.js";
 import "./lyra54.js";
 import "./lyra55.js";
 import "./lyra56.js";
-import { Text as nr } from "./lyra72.js";
+import { Text as ne } from "./lyra72.js";
 import "./lyra73.js";
-import { InputTagGroup as yr, InputTag as kr } from "./lyra457.js";
-import "./lyra458.js";
-import { useFilterItemsByQuery as Fr } from "./lyra84.js";
-import { useMousePosition as Or } from "./lyra83.js";
+import { InputTagGroup as De, InputTag as Ee } from "./lyra456.js";
+import "./lyra457.js";
+import { useFilterItemsByQuery as Ue } from "./lyra84.js";
+import { useMousePosition as Ve } from "./lyra83.js";
 import "./lyra41.js";
 import "./lyra42.js";
 import "./lyra43.js";
@@ -68,12 +68,12 @@ import "./lyra49.js";
 import "./lyra50.js";
 import "./lyra51.js";
 import "./lyra52.js";
-import { Separator as $r } from "./lyra57.js";
+import { Separator as we } from "./lyra57.js";
 import "./lyra58.js";
 import "./lyra59.js";
 import "./lyra60.js";
 import "./lyra61.js";
-import { Spinner as Br } from "./lyra62.js";
+import { Spinner as Se } from "./lyra62.js";
 import "./lyra63.js";
 import "./lyra66.js";
 import "./lyra67.js";
@@ -86,853 +86,1238 @@ import "./lyra77.js";
 import "./lyra78.js";
 import "./lyra80.js";
 import "./lyra97.js";
-import { useSpinDelay as Dr } from "./lyra86.js";
-import { useLocale as tr } from "./lyra87.js";
-const Pr = ({
-  disableClearLogic: o,
-  endSlot: t,
-  fullWidth: s,
-  getLabel: c,
-  isDisabled: x,
-  isInvalid: i,
-  onChange: u,
-  open: m,
-  openPopover: j,
-  placeholder: N,
+import { useSpinDelay as Fe } from "./lyra86.js";
+import { useLocale as se } from "./lyra87.js";
+const Oe = ({
+  disableClearLogic: r,
+  endSlot: s,
+  fullWidth: i,
+  getLabel: l,
+  isDisabled: f,
+  isInvalid: o,
+  onChange: m,
+  open: p,
+  openPopover: x,
+  placeholder: j,
   searchInputRef: h,
   startSlot: b,
-  value: e
+  value: t
 }) => {
-  const { buttonExcludedFromTabOrder: f, inputField: l } = q({
-    isInvalid: i,
+  const { buttonExcludedFromTabOrder: d, inputField: c } = q({
+    isInvalid: o,
     hasEndSlot: !0,
-    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();
+    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();
     }), h.current && (h.current.focus(), h.current.setSelectionRange(0, h.current.value.length)));
   };
-  return /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2", children: [
+  return /* @__PURE__ */ e.jsxDEV("div", { className: "flex items-center gap-2", children: [
     b,
-    /* @__PURE__ */ r.jsxs(
+    /* @__PURE__ */ e.jsxDEV(
       g,
       {
         "aria-haspopup": "listbox",
-        "aria-expanded": m,
-        className: ({ isFocused: p, isHovered: n }) => l({
+        "aria-expanded": p,
+        className: ({ isFocused: a, isHovered: n }) => c({
           isHovered: n,
-          isFocused: p,
-          className: "grow"
+          isFocused: a,
+          className: "min-h-8 grow"
         }),
-        isDisabled: x,
-        onKeyDown: w,
-        onPress: j,
+        isDisabled: f,
+        onKeyDown: y,
+        onPress: x,
         children: [
-          /* @__PURE__ */ r.jsx("div", { className: "grow truncate text-start", children: e && c(e) ? /* @__PURE__ */ r.jsx(r.Fragment, { children: c(e) }) : /* @__PURE__ */ r.jsx(nr, { variant: "body-medium", color: "secondary", children: N }) }),
-          /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2", children: [
-            e && !x && !o ? /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsx(
+          /* @__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(
               "div",
               {
-                className: f(),
+                className: d(),
                 role: "button",
-                onPointerDown: (p) => {
-                  p.stopPropagation(), u == null || u(void 0);
+                onPointerDown: (a) => {
+                  a.stopPropagation(), m == null || m(void 0);
                 },
-                onClick: (p) => {
-                  p.stopPropagation(), u == null || u(void 0);
+                onClick: (a) => {
+                  a.stopPropagation(), m == null || m(void 0);
                 },
-                children: /* @__PURE__ */ r.jsx(C, { name: "clear" })
-              }
-            ) }) : null,
-            /* @__PURE__ */ r.jsx(C, { name: "chevron-up-down", className: "h-4 w-4" })
-          ] })
+                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)
         ]
-      }
+      },
+      void 0,
+      !0,
+      {
+        fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
+        lineNumber: 101,
+        columnNumber: 7
+      },
+      void 0
     ),
-    t
-  ] });
-}, Ar = ({
-  fullWidth: o,
-  getItemId: t,
-  getLabel: s,
-  isDisabled: c,
-  isInvalid: x,
-  label: i,
-  onChange: u,
-  openPopover: m,
-  placeholder: j,
-  searchInputRef: N,
+    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,
   value: h
 }) => {
   const { inputField: b } = q({
-    isInvalid: x,
+    isInvalid: f,
     hasEndSlot: !0,
-    fullWidth: o,
-    isDisabled: c
-  }), 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)));
+    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)));
     },
-    [m, N]
-  ), f = A(
-    (l) => {
-      h && u(
-        h.filter((w) => {
-          const p = t(w);
-          return !l.has(p);
+    [p, j]
+  ), d = $(
+    (c) => {
+      h && m(
+        h.filter((y) => {
+          const a = s(y);
+          return !c.has(a);
         })
       );
     },
-    [t, u, h]
+    [s, m, h]
   );
-  return /* @__PURE__ */ r.jsx(
-    dr,
+  return /* @__PURE__ */ e.jsxDEV(
+    Ne,
     {
-      className: ({ isFocusWithin: l, isHovered: w }) => b({
-        isHovered: w,
-        isFocused: l,
-        className: br(
-          w && !x && !c && !l ? "border-hover" : "",
-          "has:[data-focused]:border has:[data-focused]:border-focus"
+      className: ({ isFocusWithin: c, isHovered: y }) => b({
+        isHovered: y,
+        isFocused: c,
+        className: be(
+          y && !f && !l && !c ? "border-hover" : "",
+          "has:[data-focused]:border has:[data-focused]:border-focus",
+          "py-[0.4375rem]"
         )
       }),
-      children: /* @__PURE__ */ r.jsxs(
+      children: /* @__PURE__ */ e.jsxDEV(
         g,
         {
-          onPress: m,
-          onKeyDown: e,
-          isDisabled: c,
+          onPress: p,
+          onKeyDown: t,
+          isDisabled: l,
           className: "flex w-full outline-none",
           children: [
-            /* @__PURE__ */ r.jsx("div", { className: "grow text-left", children: h && h.length ? /* @__PURE__ */ r.jsx(
-              yr,
+            /* @__PURE__ */ e.jsxDEV("div", { className: "grow text-left", children: h && h.length ? /* @__PURE__ */ e.jsxDEV(
+              De,
               {
-                label: i ?? "Selected items",
+                label: o ?? "Selected items",
                 className: "-m-1.5 -mt-[0.3125rem] items-center",
-                onRemove: c ? void 0 : f,
-                children: h.map((l) => /* @__PURE__ */ r.jsx(kr, { id: t(l), isDisabled: c, children: s(l) }, t(l)))
-              }
-            ) : /* @__PURE__ */ r.jsx(nr, { color: "secondary", children: j }) }),
-            /* @__PURE__ */ r.jsx(C, { name: "chevron-up-down", className: "h-4 w-4 min-w-[16px]" })
+                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)
           ]
-        }
+        },
+        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
   );
-}, Tr = ({
-  endSlot: o,
-  isLoading: t,
-  onKeyDown: s,
-  onQueryChange: c,
-  query: x,
-  searchInputRef: i,
-  setQuery: u
+}, Be = ({
+  endSlot: r,
+  isLoading: s,
+  onKeyDown: i,
+  onQueryChange: l,
+  query: f,
+  searchInputRef: o,
+  setQuery: m
 }) => {
-  const m = xr(), { clear: j, search: N } = ur(), h = Dr(t ?? !1, { delay: 500, minDuration: 200 }), { buttonExcludedFromTabOrder: b } = q({ fullWidth: !0 });
+  const p = fe(), { clear: x, search: j } = me(), h = Fe(s ?? !1, { delay: 500, minDuration: 200 }), { buttonExcludedFromTabOrder: b } = q({ fullWidth: !0 });
   return J(() => {
-    var e;
-    (e = i.current) == null || e.focus();
-  }, []), /* @__PURE__ */ r.jsx("div", { className: "pb-1", children: /* @__PURE__ */ r.jsxs("div", { className: "flex h-6 w-full items-center gap-2 rounded-xs border border-solid border-default bg-overlay-subtle py-1 pe-1 ps-1.5", children: [
-    /* @__PURE__ */ r.jsx(
-      jr,
+    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,
       {
-        ref: i,
-        id: m,
+        ref: o,
+        id: p,
         className: "w-full bg-transparent text-base outline-none placeholder:text-tertiary",
-        onChange: (e) => {
-          var f, l;
-          u(((f = e.target) == null ? void 0 : f.value) ?? ""), c == null || c((l = e.target) == null ? void 0 : l.value);
+        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);
         },
-        placeholder: N,
-        value: x ?? "",
-        onKeyDown: (e) => {
-          e.code === "Tab" && e.preventDefault(), s == null || s(e);
+        placeholder: j,
+        value: f ?? "",
+        onKeyDown: (t) => {
+          t.code === "Tab" && t.preventDefault(), i == null || i(t);
         }
-      }
+      },
+      void 0,
+      !1,
+      {
+        fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
+        lineNumber: 277,
+        columnNumber: 9
+      },
+      void 0
     ),
-    x && x.length ? /* @__PURE__ */ r.jsx(
+    f && f.length ? /* @__PURE__ */ e.jsxDEV(
       g,
       {
-        "aria-label": j,
+        "aria-label": x,
         className: b(),
         excludeFromTabOrder: !0,
         onPress: () => {
-          var e;
-          u(""), (e = i.current) == null || e.focus();
+          var t;
+          m(""), (t = o.current) == null || t.focus();
         },
-        children: /* @__PURE__ */ r.jsx(C, { name: "clear" })
-      }
+        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
     ) : null,
-    o,
-    h ? /* @__PURE__ */ r.jsx(Br, { className: "mx-2", size: "small" }) : null
-  ] }) });
-}, Er = (o) => {
-  const t = F(null), [s, c] = M(!1);
-  return J(() => c(!1), [o]), { loadMoreButtonRef: t, isLoadMoreButtonFocused: s, setIsLoadMoreButtonFocused: c };
-}, zr = ({
-  disabledItemIdKeys: o,
-  filteredItems: t,
-  getItemId: s,
-  onMultiChange: c,
-  onSingleChange: x,
-  value: i
+    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
 }) => {
-  const u = fr(() => {
-    if (Array.isArray(i))
-      return i.length ? t == null ? void 0 : t.findIndex((n) => s(n) === s(i[0])) : 0;
-    if (i)
-      return (t == null ? void 0 : t.findIndex((n) => s(n) === s(i))) ?? 0;
-  }, [t, s, i]), m = A(
+  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 = $(
     (n) => {
       if (Number.isInteger(n)) {
-        for (let a = n - 1; a >= 0; a--)
-          if (!(o != null && o.includes(s(t[a]))))
-            return Math.max(a, 0);
+        for (let u = n - 1; u >= 0; u--)
+          if (!(r != null && r.includes(i(s[u]))))
+            return Math.max(u, 0);
       }
       return -1;
     },
-    [o, t, s]
-  ), j = A(
+    [r, s, i]
+  ), x = $(
     (n) => {
       if (Number.isInteger(n)) {
-        for (let a = n + 1; a < t.length; a++)
-          if (!(o != null && o.includes(s(t[a]))))
-            return Math.min(t.length - 1, a);
+        for (let u = n + 1; u < s.length; u++)
+          if (!(r != null && r.includes(i(s[u]))))
+            return Math.min(s.length - 1, u);
       }
       return -1;
     },
-    [o, t, s]
-  ), N = A(
+    [r, s, i]
+  ), j = $(
     (n) => {
-      if (c) {
-        const a = i ? [...i] : [], v = a.map(s), d = v != null && v.includes(s(n)) ? a.filter((P) => s(P) !== s(n)) : [...a, n];
-        c == null || c(d);
+      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);
       } else
-        x && (x == null || x(n));
+        f && (f == null || f(n));
     },
-    [s, c, x, i]
-  ), h = A(
-    (n) => Array.isArray(i) ? i.some((a) => s(a) === s(n)) : i ? s(i) === s(n) : !1,
-    [s, i]
-  ), [b, e] = M(u ?? 0), f = Or(), l = F(void 0), w = A(
+    [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 = $(
     (n) => {
-      const a = b;
+      const u = b;
       if (n.key === "ArrowDown") {
         n.preventDefault();
-        const v = j(a);
-        v >= 0 && (e(v), l.current = f);
+        const v = x(u);
+        v >= 0 && (t(v), c.current = d);
       } else if (n.key === "ArrowUp") {
         n.preventDefault();
-        const v = m(a);
-        v >= 0 && (e(v), l.current = f);
+        const v = p(u);
+        v >= 0 && (t(v), c.current = d);
       } else
-        n.key === "Enter" && N(t[b]);
+        n.key === "Enter" && j(s[b]);
     },
     [
       b,
-      t,
-      j,
-      m,
-      f,
-      N
+      s,
+      x,
+      p,
+      d,
+      j
     ]
-  ), p = A(
-    (n, a) => {
-      n && l.current !== f && (e(a), l.current = f);
+  ), a = $(
+    (n, u) => {
+      n && c.current !== d && (t(u), c.current = d);
     },
-    [f]
+    [d]
   );
   return {
     activeItem: b,
-    setActiveItem: e,
+    setActiveItem: t,
     getItemIsSelected: h,
-    onKeyDown: w,
-    onHoverChange: p,
-    selectedItemIndex: u,
-    toggleSelection: N
+    onKeyDown: y,
+    onHoverChange: a,
+    selectedItemIndex: m,
+    toggleSelection: j
   };
-}, Mr = ({
-  selectedItemIndex: o,
-  setActiveItem: t
+}, Te = ({
+  selectedItemIndex: r,
+  setActiveItem: s
 }) => (J(() => {
-  if (o !== void 0 && o >= 0)
-    return t(o), () => {
-      t(0);
+  if (r !== void 0 && r >= 0)
+    return s(r), () => {
+      s(0);
     };
-}, [o, t]), null), sr = ({
-  direction: o,
-  disabledItemIdKeys: t,
-  getItemId: s,
-  getLabel: c,
-  isLoading: x,
-  items: i,
-  label: u,
-  onLoadMore: m,
-  onMultiChange: j,
-  onQueryChange: N,
+}, [r, s]), null), ie = ({
+  direction: r,
+  disabledItemIdKeys: s,
+  getItemId: i,
+  getLabel: l,
+  isLoading: f,
+  items: o,
+  label: m,
+  onLoadMore: p,
+  onMultiChange: x,
+  onQueryChange: j,
   onSingleChange: h,
   open: b,
-  placement: e,
-  searchInputRef: f,
-  selectRenderElements: l,
-  setOpenPopover: w,
-  triggerRef: p,
+  placement: t,
+  searchInputRef: d,
+  selectRenderElements: c,
+  setOpenPopover: y,
+  triggerRef: a,
   value: n
 }) => {
-  var z, cr, ir;
-  const { loadMore: a, noResultsFound: v } = ur(), { filteredItems: d, query: P, setQuery: R } = Fr({
-    getLabel: c,
-    items: i,
-    onQueryChange: N
-  }), { item: T } = vr(), { isLoadMoreButtonFocused: W, loadMoreButtonRef: G, setIsLoadMoreButtonFocused: O } = Er(b), {
-    activeItem: y,
-    getItemIsSelected: L,
-    onHoverChange: $,
-    onKeyDown: S,
-    selectedItemIndex: H,
-    setActiveItem: V,
+  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,
     toggleSelection: X
-  } = zr({
-    disabledItemIdKeys: t,
-    filteredItems: d,
-    getItemId: s,
-    loadMoreButtonRef: G,
-    onMultiChange: j,
+  } = Ae({
+    disabledItemIdKeys: s,
+    filteredItems: N,
+    getItemId: i,
+    loadMoreButtonRef: R,
+    onMultiChange: x,
     onSingleChange: h,
     value: n
-  }), [Z, Q] = M(
-    (z = p.current) == null ? void 0 : z.offsetWidth
+  }), [Z, Q] = T(
+    (A = a.current) == null ? void 0 : A.offsetWidth
   );
-  Nr("resize", () => {
-    var B;
-    Q((B = p.current) == null ? void 0 : B.offsetWidth);
+  je("resize", () => {
+    var S;
+    Q((S = a.current) == null ? void 0 : S.offsetWidth);
   });
-  const Y = Z ?? ((cr = p.current) == null ? void 0 : cr.offsetWidth), _ = F(null), U = m ? ((d == null ? void 0 : d.length) ?? 0) + 1 : (d == null ? void 0 : d.length) ?? 0, k = hr({
-    count: U,
+  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,
     estimateSize: () => 40,
     getScrollElement: () => _.current,
     overscan: 6
   });
   J(() => {
-    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,
+    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,
     {
       className: "p-1",
       isOpen: b,
       disablePadding: !0,
-      triggerRef: p,
-      onOpenChange: w,
-      "aria-label": u,
+      triggerRef: a,
+      onOpenChange: y,
+      "aria-label": m,
       shouldUpdatePosition: !0,
-      placement: e,
+      placement: t,
       style: {
         width: Y && Y > 280 ? Y + "px" : "280px",
-        direction: o
+        direction: r
       },
-      children: b ? /* @__PURE__ */ r.jsxs("div", { className: "gap-1", children: [
-        /* @__PURE__ */ r.jsx(
-          Tr,
+      children: b ? /* @__PURE__ */ e.jsxDEV("div", { className: "gap-1", children: [
+        /* @__PURE__ */ e.jsxDEV(
+          Be,
           {
-            onQueryChange: N,
-            isLoading: x,
-            query: P,
-            setQuery: (B) => {
-              er(() => {
-                R(B), V(0);
-              }), k.scrollToOffset(0);
+            onQueryChange: j,
+            isLoading: f,
+            query: O,
+            setQuery: (S) => {
+              te(() => {
+                z(S), H(0);
+              }), E.scrollToOffset(0);
             },
-            searchInputRef: f,
-            onKeyDown: S
-          }
+            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
         ),
-        /* @__PURE__ */ r.jsx(Mr, { selectedItemIndex: H, setActiveItem: V }),
-        /* @__PURE__ */ r.jsx(
+        /* @__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(
           "div",
           {
             ref: _,
             className: "w-full overflow-y-auto",
             style: {
               contain: "strict",
-              height: Math.min(288, k.getTotalSize() + (m ? 4 : 0))
+              height: Math.min(288, E.getTotalSize() + (p ? 4 : 0))
             },
-            children: /* @__PURE__ */ r.jsx(
+            children: /* @__PURE__ */ e.jsxDEV(
               "div",
               {
                 className: "relative w-full",
                 style: {
-                  height: k.getTotalSize()
+                  height: E.getTotalSize()
                 },
-                children: /* @__PURE__ */ r.jsx(
+                children: /* @__PURE__ */ e.jsxDEV(
                   "div",
                   {
                     className: "absolute start-0 top-0 w-full",
                     style: {
-                      transform: `translateY(${((ir = E == null ? void 0 : E[0]) == null ? void 0 : ir.start) ?? 0}px)`
+                      transform: `translateY(${((oe = P == null ? void 0 : P[0]) == null ? void 0 : oe.start) ?? 0}px)`
                     },
-                    children: E.map((B) => {
-                      if (B.index === U - 1 && m)
-                        return /* @__PURE__ */ r.jsx(
+                    children: P.map((S) => {
+                      if (S.index === G - 1 && p)
+                        return /* @__PURE__ */ e.jsxDEV(
                           "div",
                           {
-                            "data-index": B.index,
-                            ref: k.measureElement,
-                            children: /* @__PURE__ */ r.jsxs("div", { children: [
-                              /* @__PURE__ */ r.jsx($r, { className: "my-1" }),
-                              /* @__PURE__ */ r.jsx(
+                            "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(
                                 g,
                                 {
-                                  isDisabled: x,
-                                  onFocusChange: O,
-                                  onHoverChange: O,
-                                  ref: G,
-                                  className: T({
+                                  isDisabled: f,
+                                  onFocusChange: V,
+                                  onHoverChange: V,
+                                  ref: R,
+                                  className: B({
                                     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 D;
-                                    m(), (D = f.current) == null || D.focus();
+                                    var F;
+                                    p(), (F = d.current) == null || F.focus();
                                   },
-                                  onKeyDown: (D) => {
+                                  onKeyDown: (F) => {
                                     var K;
-                                    D.key === "ArrowUp" && (D.preventDefault(), (K = f.current) == null || K.focus());
+                                    F.key === "ArrowUp" && (F.preventDefault(), (K = d.current) == null || K.focus());
                                   },
-                                  children: a
-                                }
+                                  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
                               )
-                            ] })
+                            ] }, void 0, !0, {
+                              fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
+                              lineNumber: 645,
+                              columnNumber: 25
+                            }, void 0)
                           },
-                          B.key
+                          S.key,
+                          !1,
+                          {
+                            fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
+                            lineNumber: 640,
+                            columnNumber: 23
+                          },
+                          void 0
                         );
                       {
-                        const D = d[B.index];
-                        return /* @__PURE__ */ r.jsx(
+                        const F = N[S.index];
+                        return /* @__PURE__ */ e.jsxDEV(
                           "div",
                           {
-                            "data-index": B.index,
-                            ref: k.measureElement,
-                            children: /* @__PURE__ */ r.jsx(
+                            "data-index": S.index,
+                            ref: E.measureElement,
+                            children: /* @__PURE__ */ e.jsxDEV(
                               g,
                               {
                                 className: "w-full text-start outline-none",
                                 onHoverChange: (K) => {
-                                  $(K, B.index);
+                                  w(K, S.index);
                                 },
-                                onPress: () => X(D),
-                                isDisabled: (t == null ? void 0 : t.includes(s(D))) ?? !1,
+                                onPress: () => X(F),
+                                isDisabled: (s == null ? void 0 : s.includes(i(F))) ?? !1,
                                 excludeFromTabOrder: !0,
-                                children: /* @__PURE__ */ r.jsx(
-                                  wr,
+                                children: /* @__PURE__ */ e.jsxDEV(
+                                  ye,
                                   {
                                     hasSelection: !0,
-                                    item: D,
+                                    item: F,
                                     state: {
-                                      active: y === B.index && !W,
-                                      disabled: (t == null ? void 0 : t.includes(s(D))) ?? !1,
-                                      selected: L(D)
+                                      active: D === S.index && !M,
+                                      disabled: (s == null ? void 0 : s.includes(i(F))) ?? !1,
+                                      selected: W(F)
                                     },
-                                    selectRenderElements: l
+                                    selectRenderElements: c
+                                  },
+                                  i(F),
+                                  !1,
+                                  {
+                                    fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
+                                    lineNumber: 694,
+                                    columnNumber: 27
                                   },
-                                  s(D)
+                                  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
                             )
                           },
-                          B.key
+                          S.key,
+                          !1,
+                          {
+                            fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
+                            lineNumber: 677,
+                            columnNumber: 23
+                          },
+                          void 0
                         );
                       }
                     })
-                  }
+                  },
+                  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
         ),
-        U ? null : /* @__PURE__ */ r.jsx(nr, { variant: "body-medium", color: "secondary", className: "px-2.5", children: v })
-      ] }) : null
-    }
+        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
   );
-}, or = ({
-  getItemId: o,
-  name: t,
-  value: s
-}) => t ? Array.isArray(s) ? s.map((c) => /* @__PURE__ */ r.jsx("input", { type: "hidden", name: t, value: o(c) }, o(c))) : s ? /* @__PURE__ */ r.jsx("input", { type: "hidden", name: t, value: o(s) }) : null : null, Ns = ({
-  defaultValue: o,
-  description: t,
-  disableClearLogic: s,
-  disabledItemIdKeys: c,
-  endSlot: x,
-  errorMessage: i,
-  fullWidth: u = !0,
-  getItemId: m,
-  getLabel: j,
-  hideHintLabel: N,
+}, 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, ji = ({
+  defaultValue: r,
+  description: s,
+  disableClearLogic: i,
+  disabledItemIdKeys: l,
+  endSlot: f,
+  errorMessage: o,
+  fullWidth: m = !0,
+  getItemId: p,
+  getLabel: x,
+  hideHintLabel: j,
   hideInputFooter: h,
   hideInputHeader: b,
-  isDisabled: e,
-  isInvalid: f,
-  isLoading: l,
-  isRequired: w,
-  items: p,
+  isDisabled: t,
+  isInvalid: d,
+  isLoading: c,
+  isRequired: y,
+  items: a,
   label: n,
-  name: a,
+  name: u,
   onChange: v,
-  onLoadMore: d,
-  onQueryChange: P,
-  placeholder: R,
-  placement: T = "bottom start",
-  selectRenderElements: W,
-  startSlot: G,
-  value: O
+  onLoadMore: N,
+  onQueryChange: O,
+  placeholder: z,
+  placement: B = "bottom start",
+  selectRenderElements: M,
+  startSlot: R,
+  value: V
 }) => {
-  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();
+  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();
     },
     [v]
-  ), { direction: U } = tr(), { wrapper: k } = q({
-    fullWidth: u,
-    isInvalid: f,
-    isDisabled: e || y
+  ), { direction: G } = se(), { wrapper: E } = q({
+    fullWidth: m,
+    isInvalid: d,
+    isDisabled: t || D
   });
   J(() => {
-    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,
+    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,
         {
           label: n,
-          hideHintLabel: N,
+          hideHintLabel: j,
           hideInputHeader: b,
-          isRequired: w
-        }
+          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
       ),
-      /* @__PURE__ */ r.jsx("div", { ref: S, children: /* @__PURE__ */ r.jsx(
-        Pr,
+      /* @__PURE__ */ e.jsxDEV("div", { ref: k, children: /* @__PURE__ */ e.jsxDEV(
+        Oe,
         {
-          disableClearLogic: s,
-          endSlot: x,
-          fullWidth: u,
-          getLabel: j,
-          getItemId: m,
-          isDisabled: e,
-          isInvalid: f,
+          disableClearLogic: i,
+          endSlot: f,
+          fullWidth: m,
+          getLabel: x,
+          getItemId: p,
+          isDisabled: t,
+          isInvalid: d,
           open: X,
           openPopover: Q,
           onChange: _,
-          placeholder: R,
-          searchInputRef: L,
-          startSlot: G,
-          value: E
-        }
-      ) }),
-      /* @__PURE__ */ r.jsx(
-        mr,
+          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,
         {
-          description: t,
-          errorMessage: i,
+          description: s,
+          errorMessage: o,
           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
       )
-    ] }),
-    /* @__PURE__ */ r.jsx(
-      sr,
+    ] }, 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,
       {
-        triggerRef: S,
+        triggerRef: k,
         label: n,
-        getItemId: m,
-        getLabel: j,
-        items: p,
+        getItemId: p,
+        getLabel: x,
+        items: a,
         open: X,
         setOpenPopover: Z,
-        selectRenderElements: W,
-        disabledItemIdKeys: c,
-        direction: U,
-        onQueryChange: P,
-        isLoading: l,
-        searchInputRef: L,
-        onLoadMore: d,
-        placement: T,
-        value: E,
+        selectRenderElements: M,
+        disabledItemIdKeys: l,
+        direction: G,
+        onQueryChange: O,
+        isLoading: c,
+        searchInputRef: W,
+        onLoadMore: N,
+        placement: B,
+        value: P,
         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
     )
-  ] });
-}, vs = ({
-  defaultValue: o,
-  description: t,
-  disableClearLogic: s,
-  disabledItemIdKeys: c,
-  endSlot: x,
-  errorMessage: i,
-  fullWidth: u = !0,
-  getItemId: m,
-  getLabel: j,
-  hideHintLabel: N,
+  ] }, void 0, !0, {
+    fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
+    lineNumber: 813,
+    columnNumber: 5
+  }, void 0);
+}, vi = ({
+  defaultValue: r,
+  description: s,
+  disableClearLogic: i,
+  disabledItemIdKeys: l,
+  endSlot: f,
+  errorMessage: o,
+  fullWidth: m = !0,
+  getItemId: p,
+  getLabel: x,
+  hideHintLabel: j,
   hideInputFooter: h,
   hideInputHeader: b,
-  isDisabled: e,
-  isInvalid: f,
-  isLoading: l,
-  isRequired: w,
-  items: p,
+  isDisabled: t,
+  isInvalid: d,
+  isLoading: c,
+  isRequired: y,
+  items: a,
   label: n,
-  labelId: a,
+  labelId: u,
   name: v,
-  onChange: d,
-  onLoadMore: P,
-  onQueryChange: R,
-  placeholder: T,
-  placement: W = "bottom start",
-  selectRenderElements: G,
-  startSlot: O,
-  value: y
+  onChange: N,
+  onLoadMore: O,
+  onQueryChange: z,
+  placeholder: B,
+  placement: M = "bottom start",
+  selectRenderElements: R,
+  startSlot: V,
+  value: D
 }) => {
-  const { isDisabled: L } = I(rr), $ = F(null), S = F(null), [H, V] = M(y ?? o), [X, Z] = M(!1), Q = () => {
+  const { isDisabled: W } = I(ee), w = U(null), k = U(null), [L, H] = T(D ?? r), [X, Z] = T(!1), Q = () => {
     Z(!0);
-  }, Y = A(
-    (E) => {
-      var z;
-      V(E), d == null || d(E), (z = $.current) == null || z.focus();
+  }, Y = $(
+    (P) => {
+      var A;
+      H(P), N == null || N(P), (A = w.current) == null || A.focus();
     },
-    [d]
-  ), { direction: _ } = tr(), { wrapper: U } = q({
-    fullWidth: u,
-    isInvalid: f,
-    isDisabled: e || L
+    [N]
+  ), { direction: _ } = se(), { wrapper: G } = q({
+    fullWidth: m,
+    isInvalid: d,
+    isDisabled: t || W
   });
   J(() => {
-    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,
+    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,
         {
           label: n,
-          isRequired: w,
-          hideHintLabel: N,
+          isRequired: y,
+          hideHintLabel: j,
           hideInputHeader: b,
-          labelId: a
-        }
+          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
       ),
-      /* @__PURE__ */ r.jsx("div", { ref: S, children: /* @__PURE__ */ r.jsx(
-        Ar,
+      /* @__PURE__ */ e.jsxDEV("div", { ref: k, children: /* @__PURE__ */ e.jsxDEV(
+        $e,
         {
-          disableClearLogic: s,
-          endSlot: x,
-          fullWidth: u,
-          getLabel: j,
-          getItemId: m,
-          isDisabled: e,
-          isInvalid: f,
+          disableClearLogic: i,
+          endSlot: f,
+          fullWidth: m,
+          getLabel: x,
+          getItemId: p,
+          isDisabled: t,
+          isInvalid: d,
           onChange: Y,
           open: X,
           openPopover: Q,
-          placeholder: T,
-          searchInputRef: $,
-          startSlot: O,
-          value: k
-        }
-      ) }),
-      /* @__PURE__ */ r.jsx(
-        mr,
+          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,
         {
-          description: t,
-          errorMessage: i,
+          description: s,
+          errorMessage: o,
           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
       )
-    ] }),
-    /* @__PURE__ */ r.jsx(
-      sr,
+    ] }, 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,
       {
         label: n,
-        searchInputRef: $,
-        triggerRef: S,
-        getItemId: m,
-        getLabel: j,
-        items: p,
+        searchInputRef: w,
+        triggerRef: k,
+        getItemId: p,
+        getLabel: x,
+        items: a,
         onMultiChange: Y,
-        value: k,
-        placement: W,
+        value: E,
+        placement: M,
         open: X,
         setOpenPopover: Z,
-        selectRenderElements: G,
-        disabledItemIdKeys: c,
+        selectRenderElements: R,
+        disabledItemIdKeys: l,
         direction: _,
-        onQueryChange: R,
-        isLoading: l,
-        onLoadMore: P
-      }
+        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
     )
-  ] });
-}, ws = ({
-  children: o,
-  defaultValue: t,
-  disabledItemIdKeys: s,
-  getItemId: c,
-  getLabel: x,
-  isDisabled: i,
-  isInvalid: u,
-  isLoading: m,
-  items: j,
-  label: N,
+  ] }, void 0, !0, {
+    fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
+    lineNumber: 932,
+    columnNumber: 5
+  }, void 0);
+}, yi = ({
+  children: r,
+  defaultValue: s,
+  disabledItemIdKeys: i,
+  getItemId: l,
+  getLabel: f,
+  isDisabled: o,
+  isInvalid: m,
+  isLoading: p,
+  items: x,
+  label: j,
   name: h,
   onChange: b,
-  onQueryChange: e,
-  placement: f = "bottom start",
-  selectRenderElements: l,
-  value: w
+  onQueryChange: t,
+  placement: d = "bottom start",
+  selectRenderElements: c,
+  value: y
 }) => {
-  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();
+  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();
     },
     [b]
-  ), { direction: y } = tr(), { wrapper: L } = q({
+  ), { direction: D } = se(), { wrapper: W } = q({
     fullWidth: !1,
-    isInvalid: u,
-    isDisabled: i
+    isInvalid: m,
+    isDisabled: o
   });
   J(() => {
-    P(w ?? t);
-  }, [t, w]);
-  const $ = w ?? d;
-  return /* @__PURE__ */ r.jsx(
-    lr,
+    O(y ?? s);
+  }, [s, y]);
+  const w = y ?? N;
+  return /* @__PURE__ */ e.jsxDEV(
+    ce,
     {
       values: [
         [
-          pr,
+          ae,
           {
-            onPress: () => W(),
-            isDisabled: i || p
+            onPress: () => M(),
+            isDisabled: o || a
           }
         ]
       ],
-      children: /* @__PURE__ */ r.jsxs("div", { children: [
-        /* @__PURE__ */ r.jsx(or, { name: h, value: $, getItemId: c }),
-        /* @__PURE__ */ r.jsx("div", { className: L(), children: /* @__PURE__ */ r.jsx("div", { ref: v, children: o }) }),
-        /* @__PURE__ */ r.jsx(
-          sr,
+      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,
           {
             triggerRef: v,
-            label: N,
-            getItemId: c,
-            getLabel: x,
-            items: j,
-            open: R,
-            setOpenPopover: T,
-            selectRenderElements: l,
-            disabledItemIdKeys: s,
-            direction: y,
-            onQueryChange: e,
-            isLoading: m,
+            label: j,
+            getItemId: l,
+            getLabel: f,
+            items: x,
+            open: z,
+            setOpenPopover: B,
+            selectRenderElements: c,
+            disabledItemIdKeys: i,
+            direction: D,
+            onQueryChange: t,
+            isLoading: p,
             searchInputRef: n,
-            placement: f,
-            value: $,
-            onSingleChange: O
-          }
+            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
         )
-      ] })
-    }
+      ] }, 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
   );
-}, Ss = ({
-  children: o,
-  defaultValue: t,
-  disabledItemIdKeys: s,
-  fullWidth: c = !0,
-  getItemId: x,
-  getLabel: i,
-  isDisabled: u,
-  isInvalid: m,
-  isLoading: j,
-  items: N,
+}, ki = ({
+  children: r,
+  defaultValue: s,
+  disabledItemIdKeys: i,
+  fullWidth: l = !0,
+  getItemId: f,
+  getLabel: o,
+  isDisabled: m,
+  isInvalid: p,
+  isLoading: x,
+  items: j,
   label: h,
   name: b,
-  onChange: e,
-  onQueryChange: f,
-  placement: l = "bottom start",
-  selectRenderElements: w,
-  value: p
+  onChange: t,
+  onQueryChange: d,
+  placement: c = "bottom start",
+  selectRenderElements: y,
+  value: a
 }) => {
-  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();
+  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();
     },
-    [e]
-  ), { direction: y } = tr(), { wrapper: L } = q({
-    fullWidth: c,
-    isInvalid: m,
-    isDisabled: u
+    [t]
+  ), { direction: D } = se(), { wrapper: W } = q({
+    fullWidth: l,
+    isInvalid: p,
+    isDisabled: m
   });
   J(() => {
-    R(p ?? t);
-  }, [t, p]);
-  const $ = p ?? P;
-  return /* @__PURE__ */ r.jsx(
-    lr,
+    z(a ?? s);
+  }, [s, a]);
+  const w = a ?? O;
+  return /* @__PURE__ */ e.jsxDEV(
+    ce,
     {
       values: [
         [
-          pr,
-          { onPress: () => G(), isDisabled: u || n }
+          ae,
+          { onPress: () => R(), isDisabled: m || n }
         ]
       ],
-      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,
+      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,
           {
             label: h,
-            searchInputRef: a,
-            triggerRef: d,
-            getItemId: x,
-            getLabel: i,
-            items: N,
-            open: T,
-            setOpenPopover: W,
-            selectRenderElements: w,
-            disabledItemIdKeys: s,
-            direction: y,
-            onQueryChange: f,
-            isLoading: j,
-            value: $,
-            onMultiChange: O,
-            placement: l
-          }
+            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
         )
-      ] })
-    }
+      ] }, 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 {
-  vs as MultiSearchListField,
-  Ss as MultiSearchListFieldWithCustomTrigger,
-  Ns as SearchListField,
-  ws as SearchListFieldWithCustomTrigger
+  vi as MultiSearchListField,
+  ki as MultiSearchListFieldWithCustomTrigger,
+  ji as SearchListField,
+  yi as SearchListFieldWithCustomTrigger
 };