@new-black/lyra 1.0.17 → 1.0.19

package/dist/lyra37.js

@@ -1,15 +1,15 @@
-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 rr, useRef as O, useState as z, useCallback as P, useEffect as Y, useId as xr, useMemo as fr } from "react";
+import { Provider as lr, ButtonContext as pr, Button as K, Group as dr, Input as jr } from "./lyra89.js";
+import { flushSync as nr } from "react-dom";
+import { useVirtualizer as hr } from "./lyra610.js";
+import { clsx as br } from "./lyra450.js";
 import "./lyra2.js";
 import "./lyra3.js";
 import "./lyra4.js";
 import "./lyra5.js";
 import "./lyra6.js";
-import { SvgIcon as C } from "./lyra65.js";
+import { SvgIcon as I } from "./lyra65.js";
 import "./lyra8.js";
 import "./lyra9.js";
 import "./lyra10.js";
@@ -28,35 +28,35 @@ import "./lyra22.js";
 import "./lyra23.js";
 import "./lyra24.js";
 import "./lyra25.js";
-import { FieldGroupContext as ee } from "./lyra26.js";
+import { FieldGroupContext as tr } 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 { sharedInputStyles as q } from "./lyra40.js";
+import "./lyra458.js";
+import { InputHeader as ar } from "./lyra38.js";
+import { InputFooter as mr } from "./lyra39.js";
+import { sharedInputStyles as Q } from "./lyra40.js";
 import "./lyra44.js";
 import "./lyra31.js";
 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 wr } from "./lyra453.js";
+import { SharedListItem as vr } 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 ir } 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 "./lyra459.js";
+import "./lyra460.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,863 @@ 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,
+import { useSpinDelay as Dr } from "./lyra87.js";
+import { useLocale as sr } from "./lyra88.js";
+const Pr = ({
+  disableClearLogic: o,
+  endSlot: t,
+  fullWidth: s,
   getLabel: l,
   isDisabled: f,
-  isInvalid: o,
-  onChange: m,
-  open: p,
-  openPopover: x,
-  placeholder: j,
-  searchInputRef: h,
-  startSlot: b,
-  value: t
+  isInvalid: u,
+  onChange: a,
+  open: m,
+  openPopover: h,
+  placeholder: b,
+  renderCustomElementInValueButton: N,
+  searchInputRef: d,
+  selectRenderElements: c,
+  startSlot: j,
+  value: n
 }) => {
-  const { buttonExcludedFromTabOrder: d, inputField: c } = q({
-    isInvalid: o,
+  var p;
+  const { buttonExcludedFromTabOrder: w, inputField: v } = Q({
+    isInvalid: u,
     hasEndSlot: !0,
-    fullWidth: i,
+    fullWidth: s,
     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)));
+  }), e = (i) => {
+    (i.key === "Escape" || i.key === "Backspace") && !o ? (i.stopPropagation(), a == null || a(void 0)) : i.key === "ArrowDown" || i.key === "ArrowUp" ? h == null || h() : i.key && i.key.match(/^[a-zA-Z0-9]$/) && (nr(() => {
+      h == null || h();
+    }), d.current && (d.current.focus(), d.current.setSelectionRange(0, d.current.value.length)));
   };
-  return /* @__PURE__ */ e.jsxDEV("div", { className: "flex items-center gap-2", children: [
-    b,
-    /* @__PURE__ */ e.jsxDEV(
-      g,
+  return /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2", children: [
+    j,
+    /* @__PURE__ */ r.jsxs(
+      K,
       {
         "aria-haspopup": "listbox",
-        "aria-expanded": p,
-        className: ({ isFocused: a, isHovered: n }) => c({
-          isHovered: n,
-          isFocused: a,
+        "aria-expanded": m,
+        className: ({ isFocused: i, isHovered: x }) => v({
+          isHovered: x,
+          isFocused: i,
           className: "min-h-8 grow"
         }),
         isDisabled: f,
-        onKeyDown: y,
-        onPress: x,
+        onKeyDown: e,
+        onPress: h,
         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.jsxs("div", { className: "flex grow truncate text-start", children: [
+            N && n ? (p = c(n)) == null ? void 0 : p.customElement : null,
+            n && l(n) ? /* @__PURE__ */ r.jsx(r.Fragment, { children: l(n) }) : /* @__PURE__ */ r.jsx(ir, { variant: "body-medium", color: "secondary", children: b })
+          ] }),
+          /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2", children: [
+            n && !f && !o ? /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsx(
               "div",
               {
-                className: d(),
+                className: w(),
                 role: "button",
-                onPointerDown: (a) => {
-                  a.stopPropagation(), m == null || m(void 0);
+                onPointerDown: (i) => {
+                  i.stopPropagation(), a == null || a(void 0);
                 },
-                onClick: (a) => {
-                  a.stopPropagation(), m == null || m(void 0);
+                onClick: (i) => {
+                  i.stopPropagation(), a == null || a(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(I, { name: "clear" })
+              }
+            ) }) : null,
+            /* @__PURE__ */ r.jsx(I, { 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,
+    t
+  ] });
+}, Ar = ({
+  fullWidth: o,
+  getItemId: t,
+  getLabel: s,
   isDisabled: l,
   isInvalid: f,
-  label: o,
-  onChange: m,
-  openPopover: p,
-  placeholder: x,
-  searchInputRef: j,
-  value: h
+  label: u,
+  onChange: a,
+  openPopover: m,
+  placeholder: h,
+  searchInputRef: b,
+  value: N
 }) => {
-  const { inputField: b } = q({
+  const { inputField: d } = Q({
     isInvalid: f,
     hasEndSlot: !0,
-    fullWidth: r,
+    fullWidth: o,
     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)));
+  }), c = P(
+    (n) => {
+      n.key === "ArrowDown" || n.key === "ArrowUp" ? m() : n.key && n.key.match(/^[a-zA-Z0-9]$/) && (nr(() => {
+        m();
+      }), b.current && (b.current.focus(), b.current.setSelectionRange(0, b.current.value.length)));
     },
-    [p, j]
-  ), d = $(
-    (c) => {
-      h && m(
-        h.filter((y) => {
-          const a = s(y);
-          return !c.has(a);
+    [m, b]
+  ), j = P(
+    (n) => {
+      N && a(
+        N.filter((w) => {
+          const v = t(w);
+          return !n.has(v);
         })
       );
     },
-    [s, m, h]
+    [t, a, N]
   );
-  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: n, isHovered: w }) => d({
+        isHovered: w,
+        isFocused: n,
+        className: br(
+          w && !f && !l && !n ? "border-hover" : "",
           "has:[data-focused]:border has:[data-focused]:border-focus",
           "py-[0.4375rem]"
         )
       }),
-      children: /* @__PURE__ */ e.jsxDEV(
-        g,
+      children: /* @__PURE__ */ r.jsxs(
+        K,
         {
-          onPress: p,
-          onKeyDown: t,
+          onPress: m,
+          onKeyDown: c,
           isDisabled: l,
           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: N && N.length ? /* @__PURE__ */ r.jsx(
+              yr,
               {
-                label: o ?? "Selected items",
+                label: u ?? "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: l ? void 0 : j,
+                children: N.map((n) => /* @__PURE__ */ r.jsx(kr, { id: t(n), isDisabled: l, children: s(n) }, t(n)))
+              }
+            ) : /* @__PURE__ */ r.jsx(ir, { color: "secondary", children: h }) }),
+            /* @__PURE__ */ r.jsx(I, { 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,
+}, Tr = ({
+  endSlot: o,
+  isLoading: t,
+  onKeyDown: s,
   onQueryChange: l,
   query: f,
-  searchInputRef: o,
-  setQuery: m
+  searchInputRef: u,
+  setQuery: a
 }) => {
-  const p = fe(), { clear: x, search: j } = me(), h = Fe(s ?? !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,
+  const m = xr(), { clear: h, search: b } = ur(), N = Dr(t ?? !1, { delay: 500, minDuration: 200 }), { buttonExcludedFromTabOrder: d } = Q({ fullWidth: !0 });
+  return Y(() => {
+    var c;
+    (c = u.current) == null || c.focus();
+  }, []), /* @__PURE__ */ r.jsx("div", { className: "pb-1", children: /* @__PURE__ */ r.jsxs("div", { className: "flex h-6 w-full items-center gap-2 rounded-xs border border-solid border-default bg-overlay-subtle py-1 pe-1 ps-1.5", children: [
+    /* @__PURE__ */ r.jsx(
+      jr,
       {
-        ref: o,
-        id: p,
+        ref: u,
+        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: (c) => {
+          var j, n;
+          a(((j = c.target) == null ? void 0 : j.value) ?? ""), l == null || l((n = c.target) == null ? void 0 : n.value);
         },
-        placeholder: j,
+        placeholder: b,
         value: f ?? "",
-        onKeyDown: (t) => {
-          t.code === "Tab" && t.preventDefault(), i == null || i(t);
+        onKeyDown: (c) => {
+          c.code === "Tab" && c.preventDefault(), s == null || s(c);
         }
-      },
-      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(
-      g,
+    f && f.length ? /* @__PURE__ */ r.jsx(
+      K,
       {
-        "aria-label": x,
-        className: b(),
+        "aria-label": h,
+        className: d(),
         excludeFromTabOrder: !0,
         onPress: () => {
-          var t;
-          m(""), (t = o.current) == null || t.focus();
+          var c;
+          a(""), (c = u.current) == null || c.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(I, { 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,
+    o,
+    N ? /* @__PURE__ */ r.jsx(Br, { className: "mx-2", size: "small" }) : null
+  ] }) });
+}, Er = (o) => {
+  const t = O(null), [s, l] = z(!1);
+  return Y(() => l(!1), [o]), { loadMoreButtonRef: t, isLoadMoreButtonFocused: s, setIsLoadMoreButtonFocused: l };
+}, zr = ({
+  disabledItemIdKeys: o,
+  filteredItems: t,
+  getItemId: s,
   onMultiChange: l,
   onSingleChange: f,
-  value: o
+  value: u
 }) => {
-  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 u = n - 1; u >= 0; u--)
-          if (!(r != null && r.includes(i(s[u]))))
-            return Math.max(u, 0);
+  const a = fr(() => {
+    if (Array.isArray(u))
+      return u.length ? t == null ? void 0 : t.findIndex((e) => s(e) === s(u[0])) : 0;
+    if (u)
+      return (t == null ? void 0 : t.findIndex((e) => s(e) === s(u))) ?? 0;
+  }, [t, s, u]), m = P(
+    (e) => {
+      if (Number.isInteger(e)) {
+        for (let p = e - 1; p >= 0; p--)
+          if (!(o != null && o.includes(s(t[p]))))
+            return Math.max(p, 0);
       }
       return -1;
     },
-    [r, s, i]
-  ), x = $(
-    (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);
+    [o, t, s]
+  ), h = P(
+    (e) => {
+      if (Number.isInteger(e)) {
+        for (let p = e + 1; p < t.length; p++)
+          if (!(o != null && o.includes(s(t[p]))))
+            return Math.min(t.length - 1, p);
       }
       return -1;
     },
-    [r, s, i]
-  ), j = $(
-    (n) => {
+    [o, t, s]
+  ), b = P(
+    (e) => {
       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);
+        const p = u ? [...u] : [], i = p.map(s), x = i != null && i.includes(s(e)) ? p.filter((D) => s(D) !== s(e)) : [...p, e];
+        l == null || l(x);
       } else
-        f && (f == null || f(n));
+        f && (f == null || f(e));
     },
-    [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 u = b;
-      if (n.key === "ArrowDown") {
-        n.preventDefault();
-        const v = x(u);
-        v >= 0 && (t(v), c.current = d);
-      } else if (n.key === "ArrowUp") {
-        n.preventDefault();
-        const v = p(u);
-        v >= 0 && (t(v), c.current = d);
+    [s, l, f, u]
+  ), N = P(
+    (e) => Array.isArray(u) ? u.some((p) => s(p) === s(e)) : u ? s(u) === s(e) : !1,
+    [s, u]
+  ), [d, c] = z(a ?? 0), j = Or(), n = O(void 0), w = P(
+    (e) => {
+      const p = d;
+      if (e.key === "ArrowDown") {
+        e.preventDefault();
+        const i = h(p);
+        i >= 0 && (c(i), n.current = j);
+      } else if (e.key === "ArrowUp") {
+        e.preventDefault();
+        const i = m(p);
+        i >= 0 && (c(i), n.current = j);
       } else
-        n.key === "Enter" && j(s[b]);
+        e.key === "Enter" && b(t[d]);
     },
     [
-      b,
-      s,
-      x,
-      p,
       d,
-      j
+      t,
+      h,
+      m,
+      j,
+      b
     ]
-  ), a = $(
-    (n, u) => {
-      n && c.current !== d && (t(u), c.current = d);
+  ), v = P(
+    (e, p) => {
+      e && n.current !== j && (c(p), n.current = j);
     },
-    [d]
+    [j]
   );
   return {
-    activeItem: b,
-    setActiveItem: t,
-    getItemIsSelected: h,
-    onKeyDown: y,
-    onHoverChange: a,
-    selectedItemIndex: m,
-    toggleSelection: j
+    activeItem: d,
+    setActiveItem: c,
+    getItemIsSelected: N,
+    onKeyDown: w,
+    onHoverChange: v,
+    selectedItemIndex: a,
+    toggleSelection: b
   };
-}, Te = ({
-  selectedItemIndex: r,
-  setActiveItem: s
-}) => (J(() => {
-  if (r !== void 0 && r >= 0)
-    return s(r), () => {
-      s(0);
+}, Mr = ({
+  selectedItemIndex: o,
+  setActiveItem: t
+}) => (Y(() => {
+  if (o !== void 0 && o >= 0)
+    return t(o), () => {
+      t(0);
     };
-}, [r, s]), null), ie = ({
-  direction: r,
-  disabledItemIdKeys: s,
-  getItemId: i,
+}, [o, t]), null), or = ({
+  direction: o,
+  disabledItemIdKeys: t,
+  getItemId: s,
   getLabel: l,
   isLoading: f,
-  items: o,
-  label: m,
-  onLoadMore: p,
-  onMultiChange: x,
-  onQueryChange: j,
-  onSingleChange: h,
-  open: b,
-  placement: t,
-  searchInputRef: d,
-  selectRenderElements: c,
-  setOpenPopover: y,
-  triggerRef: a,
-  value: n
+  items: u,
+  label: a,
+  onLoadMore: m,
+  onMultiChange: h,
+  onQueryChange: b,
+  onSingleChange: N,
+  open: d,
+  placement: c,
+  searchInputRef: j,
+  selectRenderElements: n,
+  setOpenPopover: w,
+  triggerRef: v,
+  value: e
 }) => {
-  var A, le, oe;
-  const { loadMore: u, noResultsFound: v } = me(), { filteredItems: N, query: O, setQuery: z } = Ue({
+  var H, Z, cr;
+  const { loadMore: p, noResultsFound: i } = ur(), { filteredItems: x, query: D, setQuery: M } = Fr({
     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,
+    items: u,
+    onQueryChange: b
+  }), { item: A } = wr(), { isLoadMoreButtonFocused: W, loadMoreButtonRef: T, setIsLoadMoreButtonFocused: R } = Er(d), {
+    activeItem: S,
+    getItemIsSelected: G,
+    onHoverChange: F,
+    onKeyDown: y,
     selectedItemIndex: L,
-    setActiveItem: H,
+    setActiveItem: J,
     toggleSelection: X
-  } = Ae({
-    disabledItemIdKeys: s,
-    filteredItems: N,
-    getItemId: i,
-    loadMoreButtonRef: R,
-    onMultiChange: x,
-    onSingleChange: h,
-    value: n
-  }), [Z, Q] = T(
-    (A = a.current) == null ? void 0 : A.offsetWidth
+  } = zr({
+    disabledItemIdKeys: t,
+    filteredItems: x,
+    getItemId: s,
+    loadMoreButtonRef: T,
+    onMultiChange: h,
+    onSingleChange: N,
+    value: e
+  }), [_, q] = z(
+    (H = v.current) == null ? void 0 : H.offsetWidth
   );
-  je("resize", () => {
-    var S;
-    Q((S = a.current) == null ? void 0 : S.offsetWidth);
+  Nr("resize", () => {
+    var $;
+    q(($ = v.current) == null ? void 0 : $.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 V = _ ?? ((Z = v.current) == null ? void 0 : Z.offsetWidth), g = O(null), E = m ? ((x == null ? void 0 : x.length) ?? 0) + 1 : (x == null ? void 0 : x.length) ?? 0, k = hr({
+    count: E,
     estimateSize: () => 40,
-    getScrollElement: () => _.current,
+    getScrollElement: () => g.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(() => {
+    S !== void 0 && S >= 0 && (x != null && x.length) && (S === x.length - 1 && m ? k.scrollToIndex(E) : k.scrollToIndex(Math.min(S, E - 1)));
+  }, [S, E, x.length, m, k]);
+  const U = k.getVirtualItems();
+  return /* @__PURE__ */ r.jsx(
+    Sr,
     {
       className: "p-1",
-      isOpen: b,
+      isOpen: d,
       disablePadding: !0,
-      triggerRef: a,
-      onOpenChange: y,
-      "aria-label": m,
+      triggerRef: v,
+      onOpenChange: w,
+      "aria-label": a,
       shouldUpdatePosition: !0,
-      placement: t,
+      placement: c,
       style: {
-        width: Y && Y > 280 ? Y + "px" : "280px",
-        direction: r
+        width: V && V > 280 ? V + "px" : "280px",
+        direction: o
       },
-      children: b ? /* @__PURE__ */ e.jsxDEV("div", { className: "gap-1", children: [
-        /* @__PURE__ */ e.jsxDEV(
-          Be,
+      children: d ? /* @__PURE__ */ r.jsxs("div", { className: "gap-1", children: [
+        /* @__PURE__ */ r.jsx(
+          Tr,
           {
-            onQueryChange: j,
+            onQueryChange: b,
             isLoading: f,
-            query: O,
-            setQuery: (S) => {
-              te(() => {
-                z(S), H(0);
-              }), E.scrollToOffset(0);
+            query: D,
+            setQuery: ($) => {
+              nr(() => {
+                M($), J(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: j,
+            onKeyDown: y
+          }
         ),
-        /* @__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: L, setActiveItem: J }),
+        /* @__PURE__ */ r.jsx(
           "div",
           {
-            ref: _,
+            ref: g,
             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 = U == null ? void 0 : U[0]) == null ? void 0 : cr.start) ?? 0}px)`
                     },
-                    children: P.map((S) => {
-                      if (S.index === G - 1 && p)
-                        return /* @__PURE__ */ e.jsxDEV(
+                    children: U.map(($) => {
+                      if ($.index === E - 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(
-                                g,
+                            "data-index": $.index,
+                            ref: k.measureElement,
+                            children: /* @__PURE__ */ r.jsxs("div", { children: [
+                              /* @__PURE__ */ r.jsx($r, { className: "my-1" }),
+                              /* @__PURE__ */ r.jsx(
+                                K,
                                 {
                                   isDisabled: f,
-                                  onFocusChange: V,
-                                  onHoverChange: V,
-                                  ref: R,
-                                  className: B({
+                                  onFocusChange: R,
+                                  onHoverChange: R,
+                                  ref: T,
+                                  className: A({
                                     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 B;
+                                    m(), (B = j.current) == null || B.focus();
                                   },
-                                  onKeyDown: (F) => {
-                                    var K;
-                                    F.key === "ArrowUp" && (F.preventDefault(), (K = d.current) == null || K.focus());
+                                  onKeyDown: (B) => {
+                                    var C;
+                                    B.key === "ArrowUp" && (B.preventDefault(), (C = j.current) == null || C.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: p
+                                }
                               )
-                            ] }, 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
+                          $.key
                         );
                       {
-                        const F = N[S.index];
-                        return /* @__PURE__ */ e.jsxDEV(
+                        const B = x[$.index];
+                        return /* @__PURE__ */ r.jsx(
                           "div",
                           {
-                            "data-index": S.index,
-                            ref: E.measureElement,
-                            children: /* @__PURE__ */ e.jsxDEV(
-                              g,
+                            "data-index": $.index,
+                            ref: k.measureElement,
+                            children: /* @__PURE__ */ r.jsx(
+                              K,
                               {
                                 className: "w-full text-start outline-none",
-                                onHoverChange: (K) => {
-                                  w(K, S.index);
+                                onHoverChange: (C) => {
+                                  F(C, $.index);
                                 },
-                                onPress: () => X(F),
-                                isDisabled: (s == null ? void 0 : s.includes(i(F))) ?? !1,
+                                onPress: () => X(B),
+                                isDisabled: (t == null ? void 0 : t.includes(s(B))) ?? !1,
                                 excludeFromTabOrder: !0,
-                                children: /* @__PURE__ */ e.jsxDEV(
-                                  ye,
+                                children: /* @__PURE__ */ r.jsx(
+                                  vr,
                                   {
                                     hasSelection: !0,
-                                    item: F,
+                                    item: B,
                                     state: {
-                                      active: D === S.index && !M,
-                                      disabled: (s == null ? void 0 : s.includes(i(F))) ?? !1,
-                                      selected: W(F)
+                                      active: S === $.index && !W,
+                                      disabled: (t == null ? void 0 : t.includes(s(B))) ?? !1,
+                                      selected: G(B)
                                     },
-                                    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: n
                                   },
-                                  void 0
+                                  s(B)
                                 )
                               },
-                              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(B)
                             )
                           },
-                          S.key,
-                          !1,
-                          {
-                            fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-                            lineNumber: 677,
-                            columnNumber: 23
-                          },
-                          void 0
+                          $.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
+        E ? null : /* @__PURE__ */ r.jsx(ir, { variant: "body-medium", color: "secondary", className: "px-2.5", children: i })
+      ] }) : 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,
+}, er = ({
+  getItemId: o,
+  name: t,
+  value: s
+}) => t ? Array.isArray(s) ? s.map((l) => /* @__PURE__ */ r.jsx("input", { type: "hidden", name: t, value: o(l) }, o(l))) : s ? /* @__PURE__ */ r.jsx("input", { type: "hidden", name: t, value: o(s) }) : null : null, ws = ({
+  defaultValue: o,
+  description: t,
+  disableClearLogic: s,
   disabledItemIdKeys: l,
   endSlot: f,
-  errorMessage: o,
-  fullWidth: m = !0,
-  getItemId: p,
-  getLabel: x,
-  hideHintLabel: j,
-  hideInputFooter: h,
-  hideInputHeader: b,
-  isDisabled: t,
-  isInvalid: d,
-  isLoading: c,
-  isRequired: y,
-  items: a,
-  label: n,
-  name: u,
-  onChange: v,
-  onLoadMore: N,
-  onQueryChange: O,
-  placeholder: z,
-  placement: B = "bottom start",
-  selectRenderElements: M,
+  errorMessage: u,
+  fullWidth: a = !0,
+  getItemId: m,
+  getLabel: h,
+  hideHintLabel: b,
+  hideInputFooter: N,
+  hideInputHeader: d,
+  isDisabled: c,
+  isInvalid: j,
+  isLoading: n,
+  isRequired: w,
+  items: v,
+  label: e,
+  name: p,
+  onChange: i,
+  onLoadMore: x,
+  onQueryChange: D,
+  placeholder: M,
+  placement: A = "bottom start",
+  renderCustomElementInValueButton: W,
+  selectRenderElements: T,
   startSlot: R,
-  value: V
+  value: S
 }) => {
-  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: G } = rr(tr), F = O(null), y = O(null), L = O(null), [J, X] = z(S ?? o), [_, q] = z(!1), V = () => {
+    var Z;
+    q(!0), (Z = y.current) == null || Z.click();
+  }, g = () => q(!1), E = P(
+    (Z) => {
+      X(Z), i == null || i(Z), g();
     },
-    [v]
-  ), { direction: G } = se(), { wrapper: E } = q({
-    fullWidth: m,
-    isInvalid: d,
-    isDisabled: t || D
+    [i]
+  ), { direction: k } = sr(), { wrapper: U } = Q({
+    fullWidth: a,
+    isInvalid: j,
+    isDisabled: c || G
   });
-  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,
+  Y(() => {
+    X(S ?? o);
+  }, [o, S]);
+  const H = S ?? J;
+  return /* @__PURE__ */ r.jsxs("div", { children: [
+    /* @__PURE__ */ r.jsx(er, { name: p, value: H, getItemId: m }),
+    /* @__PURE__ */ r.jsxs("div", { className: U(), children: [
+      /* @__PURE__ */ r.jsx(
+        ar,
         {
-          label: n,
-          hideHintLabel: j,
-          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
+          label: e,
+          hideHintLabel: b,
+          hideInputHeader: d,
+          isRequired: w
+        }
       ),
-      /* @__PURE__ */ e.jsxDEV("div", { ref: k, children: /* @__PURE__ */ e.jsxDEV(
-        Oe,
+      /* @__PURE__ */ r.jsx("div", { ref: L, children: /* @__PURE__ */ r.jsx(
+        Pr,
         {
-          disableClearLogic: i,
+          disableClearLogic: s,
           endSlot: f,
-          fullWidth: m,
-          getLabel: x,
-          getItemId: p,
-          isDisabled: t,
-          isInvalid: d,
-          open: X,
-          openPopover: Q,
-          onChange: _,
-          placeholder: z,
-          searchInputRef: W,
+          fullWidth: a,
+          getLabel: h,
+          getItemId: m,
+          isDisabled: c,
+          isInvalid: j,
+          open: _,
+          openPopover: V,
+          onChange: E,
+          placeholder: M,
+          searchInputRef: F,
           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: s,
-          errorMessage: o,
-          hideInputFooter: h
-        },
-        void 0,
-        !1,
+          value: H,
+          renderCustomElementInValueButton: W,
+          selectRenderElements: T
+        }
+      ) }),
+      /* @__PURE__ */ r.jsx(
+        mr,
         {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-          lineNumber: 840,
-          columnNumber: 9
-        },
-        void 0
+          description: t,
+          errorMessage: u,
+          hideInputFooter: N
+        }
       )
-    ] }, 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(
+      or,
       {
-        triggerRef: k,
-        label: n,
-        getItemId: p,
-        getLabel: x,
-        items: a,
-        open: X,
-        setOpenPopover: Z,
-        selectRenderElements: M,
+        triggerRef: L,
+        label: e,
+        getItemId: m,
+        getLabel: h,
+        items: v,
+        open: _,
+        setOpenPopover: q,
+        selectRenderElements: T,
         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
+        direction: k,
+        onQueryChange: D,
+        isLoading: n,
+        searchInputRef: F,
+        onLoadMore: x,
+        placement: A,
+        value: H,
+        onSingleChange: E
+      }
     )
-  ] }, 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,
+  ] });
+}, vs = ({
+  defaultValue: o,
+  description: t,
+  disableClearLogic: s,
   disabledItemIdKeys: l,
   endSlot: f,
-  errorMessage: o,
-  fullWidth: m = !0,
-  getItemId: p,
-  getLabel: x,
-  hideHintLabel: j,
-  hideInputFooter: h,
-  hideInputHeader: b,
-  isDisabled: t,
-  isInvalid: d,
-  isLoading: c,
-  isRequired: y,
-  items: a,
-  label: n,
-  labelId: u,
-  name: v,
-  onChange: N,
-  onLoadMore: O,
-  onQueryChange: z,
-  placeholder: B,
-  placement: M = "bottom start",
-  selectRenderElements: R,
-  startSlot: V,
-  value: D
+  errorMessage: u,
+  fullWidth: a = !0,
+  getItemId: m,
+  getLabel: h,
+  hideHintLabel: b,
+  hideInputFooter: N,
+  hideInputHeader: d,
+  isDisabled: c,
+  isInvalid: j,
+  isLoading: n,
+  isRequired: w,
+  items: v,
+  label: e,
+  labelId: p,
+  name: i,
+  onChange: x,
+  onLoadMore: D,
+  onQueryChange: M,
+  placeholder: A,
+  placement: W = "bottom start",
+  selectRenderElements: T,
+  startSlot: R,
+  value: S
 }) => {
-  const { isDisabled: W } = I(ee), w = U(null), k = U(null), [L, H] = T(D ?? r), [X, Z] = T(!1), Q = () => {
-    Z(!0);
-  }, Y = $(
-    (P) => {
-      var A;
-      H(P), N == null || N(P), (A = w.current) == null || A.focus();
+  const { isDisabled: G } = rr(tr), F = O(null), y = O(null), [L, J] = z(S ?? o), [X, _] = z(!1), q = () => {
+    _(!0);
+  }, V = P(
+    (U) => {
+      var H;
+      J(U), x == null || x(U), (H = F.current) == null || H.focus();
     },
-    [N]
-  ), { direction: _ } = se(), { wrapper: G } = q({
-    fullWidth: m,
-    isInvalid: d,
-    isDisabled: t || W
+    [x]
+  ), { direction: g } = sr(), { wrapper: E } = Q({
+    fullWidth: a,
+    isInvalid: j,
+    isDisabled: c || G
   });
-  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,
+  Y(() => {
+    J(S ?? o);
+  }, [o, S]);
+  const k = S ?? L;
+  return /* @__PURE__ */ r.jsxs("div", { children: [
+    /* @__PURE__ */ r.jsx(er, { name: i, value: k, getItemId: m }),
+    /* @__PURE__ */ r.jsxs("div", { className: E(), children: [
+      /* @__PURE__ */ r.jsx(
+        ar,
         {
-          label: n,
-          isRequired: y,
-          hideHintLabel: j,
-          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
+          label: e,
+          isRequired: w,
+          hideHintLabel: b,
+          hideInputHeader: d,
+          labelId: p
+        }
       ),
-      /* @__PURE__ */ e.jsxDEV("div", { ref: k, children: /* @__PURE__ */ e.jsxDEV(
-        $e,
+      /* @__PURE__ */ r.jsx("div", { ref: y, children: /* @__PURE__ */ r.jsx(
+        Ar,
         {
-          disableClearLogic: i,
+          disableClearLogic: s,
           endSlot: f,
-          fullWidth: m,
-          getLabel: x,
-          getItemId: p,
-          isDisabled: t,
-          isInvalid: d,
-          onChange: Y,
+          fullWidth: a,
+          getLabel: h,
+          getItemId: m,
+          isDisabled: c,
+          isInvalid: j,
+          onChange: V,
           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,
-        {
-          description: s,
-          errorMessage: o,
-          hideInputFooter: h
-        },
-        void 0,
-        !1,
+          openPopover: q,
+          placeholder: A,
+          searchInputRef: F,
+          startSlot: R,
+          value: k
+        }
+      ) }),
+      /* @__PURE__ */ r.jsx(
+        mr,
         {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/search-list-field/search-list-field.tsx",
-          lineNumber: 960,
-          columnNumber: 9
-        },
-        void 0
+          description: t,
+          errorMessage: u,
+          hideInputFooter: N
+        }
       )
-    ] }, 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(
+      or,
       {
-        label: n,
-        searchInputRef: w,
-        triggerRef: k,
-        getItemId: p,
-        getLabel: x,
-        items: a,
-        onMultiChange: Y,
-        value: E,
-        placement: M,
+        label: e,
+        searchInputRef: F,
+        triggerRef: y,
+        getItemId: m,
+        getLabel: h,
+        items: v,
+        onMultiChange: V,
+        value: k,
+        placement: W,
         open: X,
-        setOpenPopover: Z,
-        selectRenderElements: R,
+        setOpenPopover: _,
+        selectRenderElements: T,
         disabledItemIdKeys: l,
-        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
+        direction: g,
+        onQueryChange: M,
+        isLoading: n,
+        onLoadMore: D
+      }
     )
-  ] }, 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,
+  ] });
+}, Ss = ({
+  children: o,
+  defaultValue: t,
+  disabledItemIdKeys: s,
   getItemId: l,
   getLabel: f,
-  isDisabled: o,
-  isInvalid: m,
-  isLoading: p,
-  items: x,
-  label: j,
-  name: h,
-  onChange: b,
-  onQueryChange: t,
-  placement: d = "bottom start",
-  selectRenderElements: c,
-  value: y
+  isDisabled: u,
+  isInvalid: a,
+  isLoading: m,
+  items: h,
+  label: b,
+  name: N,
+  onChange: d,
+  onQueryChange: c,
+  placement: j = "bottom start",
+  selectRenderElements: n,
+  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: v } = rr(tr), e = O(null), p = O(null), i = O(null), [x, D] = z(w ?? t), [M, A] = z(!1), W = () => {
+    var y;
+    A(!0), (y = p.current) == null || y.click();
+  }, T = () => A(!1), R = P(
+    (y) => {
+      D(y), d == null || d(y), T();
     },
-    [b]
-  ), { direction: D } = se(), { wrapper: W } = q({
+    [d]
+  ), { direction: S } = sr(), { wrapper: G } = Q({
     fullWidth: !1,
-    isInvalid: m,
-    isDisabled: o
+    isInvalid: a,
+    isDisabled: u
   });
-  J(() => {
-    O(y ?? s);
-  }, [s, y]);
-  const w = y ?? N;
-  return /* @__PURE__ */ e.jsxDEV(
-    ce,
+  Y(() => {
+    D(w ?? t);
+  }, [t, w]);
+  const F = w ?? x;
+  return /* @__PURE__ */ r.jsx(
+    lr,
     {
       values: [
         [
-          ae,
+          pr,
           {
-            onPress: () => M(),
-            isDisabled: o || a
+            onPress: () => W(),
+            isDisabled: u || v
           }
         ]
       ],
-      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(er, { name: N, value: F, getItemId: l }),
+        /* @__PURE__ */ r.jsx("div", { className: G(), children: /* @__PURE__ */ r.jsx("div", { ref: i, children: o }) }),
+        /* @__PURE__ */ r.jsx(
+          or,
           {
-            triggerRef: v,
-            label: j,
+            triggerRef: i,
+            label: b,
             getItemId: l,
             getLabel: f,
-            items: x,
-            open: z,
-            setOpenPopover: B,
-            selectRenderElements: c,
-            disabledItemIdKeys: i,
-            direction: D,
-            onQueryChange: t,
-            isLoading: p,
-            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
+            items: h,
+            open: M,
+            setOpenPopover: A,
+            selectRenderElements: n,
+            disabledItemIdKeys: s,
+            direction: S,
+            onQueryChange: c,
+            isLoading: m,
+            searchInputRef: e,
+            placement: j,
+            value: F,
+            onSingleChange: R
+          }
         )
-      ] }, 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,
+}, ys = ({
+  children: o,
+  defaultValue: t,
+  disabledItemIdKeys: s,
   fullWidth: l = !0,
   getItemId: f,
-  getLabel: o,
-  isDisabled: m,
-  isInvalid: p,
-  isLoading: x,
-  items: j,
-  label: h,
-  name: b,
-  onChange: t,
-  onQueryChange: d,
-  placement: c = "bottom start",
-  selectRenderElements: y,
-  value: a
+  getLabel: u,
+  isDisabled: a,
+  isInvalid: m,
+  isLoading: h,
+  items: b,
+  label: N,
+  name: d,
+  onChange: c,
+  onQueryChange: j,
+  placement: n = "bottom start",
+  selectRenderElements: w,
+  value: v
 }) => {
-  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) => {
+  const { isDisabled: e } = rr(tr), p = O(null), i = O(null), x = O(null), [D, M] = z(v ?? t), [A, W] = z(!1), T = () => {
+    var y;
+    W(!0), (y = i.current) == null || y.click();
+  }, R = P(
+    (y) => {
       var L;
-      z(k), t == null || t(k), (L = u.current) == null || L.focus();
+      M(y), c == null || c(y), (L = p.current) == null || L.focus();
     },
-    [t]
-  ), { direction: D } = se(), { wrapper: W } = q({
+    [c]
+  ), { direction: S } = sr(), { wrapper: G } = Q({
     fullWidth: l,
-    isInvalid: p,
-    isDisabled: m
+    isInvalid: m,
+    isDisabled: a
   });
-  J(() => {
-    z(a ?? s);
-  }, [s, a]);
-  const w = a ?? O;
-  return /* @__PURE__ */ e.jsxDEV(
-    ce,
+  Y(() => {
+    M(v ?? t);
+  }, [t, v]);
+  const F = v ?? D;
+  return /* @__PURE__ */ r.jsx(
+    lr,
     {
       values: [
         [
-          ae,
-          { onPress: () => R(), isDisabled: m || n }
+          pr,
+          { onPress: () => T(), isDisabled: a || e }
         ]
       ],
-      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(er, { name: d, value: F, getItemId: f }),
+        /* @__PURE__ */ r.jsx("div", { className: G(), children: /* @__PURE__ */ r.jsx("div", { ref: x, children: o }) }),
+        /* @__PURE__ */ r.jsx(
+          or,
           {
-            label: h,
-            searchInputRef: u,
-            triggerRef: N,
+            label: N,
+            searchInputRef: p,
+            triggerRef: x,
             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
+            getLabel: u,
+            items: b,
+            open: A,
+            setOpenPopover: W,
+            selectRenderElements: w,
+            disabledItemIdKeys: s,
+            direction: S,
+            onQueryChange: j,
+            isLoading: h,
+            value: F,
+            onMultiChange: R,
+            placement: n
+          }
         )
-      ] }, 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
+  vs as MultiSearchListField,
+  ys as MultiSearchListFieldWithCustomTrigger,
+  ws as SearchListField,
+  Ss as SearchListFieldWithCustomTrigger
 };