@new-black/lyra 1.0.17 → 1.0.18

package/dist/lyra36.js

@@ -1,5 +1,5 @@
-import { j as e } from "./lyra90.js";
-import { useContext as Q, useState as S, useRef as T, useCallback as v, useEffect as z, useMemo as g } from "react";
+import { j as r } from "./lyra90.js";
+import { useContext as Q, useState as F, useRef as M, useCallback as y, useEffect as d, useMemo as g } from "react";
 import { Button as q, Group as I } from "./lyra89.js";
 import { clsx as X } from "./lyra450.js";
 import "./lyra2.js";
@@ -7,7 +7,7 @@ import "./lyra3.js";
 import "./lyra4.js";
 import "./lyra5.js";
 import "./lyra6.js";
-import { SvgIcon as H } from "./lyra65.js";
+import { SvgIcon as z } from "./lyra65.js";
 import "./lyra8.js";
 import "./lyra9.js";
 import "./lyra10.js";
@@ -32,29 +32,29 @@ import "./lyra28.js";
 import "./lyra29.js";
 import "./lyra95.js";
 import "./lyra80.js";
-import "./lyra490.js";
+import "./lyra452.js";
 import { InputHeader as Z } from "./lyra38.js";
 import { InputFooter as _ } from "./lyra39.js";
-import { sharedInputStyles as W } from "./lyra40.js";
+import { sharedInputStyles as O } from "./lyra40.js";
 import "./lyra44.js";
 import "./lyra31.js";
 import "./lyra32.js";
 import "./lyra33.js";
 import "./lyra34.js";
 import "./lyra35.js";
-import ee from "./lyra596.js";
-import { sharedListStyles as se } from "./lyra491.js";
-import { SharedListItem as te } from "./lyra492.js";
-import { Popover as re } from "./lyra53.js";
+import rr from "./lyra596.js";
+import { sharedListStyles as or } from "./lyra453.js";
+import { SharedListItem as tr } from "./lyra454.js";
+import { Popover as sr } from "./lyra53.js";
 import "./lyra54.js";
 import "./lyra55.js";
 import "./lyra56.js";
 import { Text as R } from "./lyra73.js";
 import "./lyra74.js";
-import { InputTagGroup as ne, InputTag as ie } from "./lyra493.js";
-import "./lyra494.js";
+import { InputTagGroup as nr, InputTag as ir } from "./lyra455.js";
+import "./lyra456.js";
 import "react-dom";
-import { useMousePosition as oe } from "./lyra84.js";
+import { useMousePosition as cr } from "./lyra84.js";
 import "./lyra41.js";
 import "./lyra42.js";
 import "./lyra43.js";
@@ -84,741 +84,514 @@ import "./lyra79.js";
 import "./lyra81.js";
 import "./lyra98.js";
 import { useLocale as B } from "./lyra88.js";
-const ce = ({
-  closePopover: l,
+const pr = ({
+  closePopover: e,
   disabledItemIdKeys: i,
   filteredItems: m,
-  getItemId: s,
-  onMultiChange: N,
-  onSingleChange: p,
-  value: r
+  getItemId: o,
+  onMultiChange: a,
+  onSingleChange: l,
+  value: s
 }) => {
-  const E = g(() => {
-    if (Array.isArray(r))
-      return r.length ? m.findIndex((t) => s(t) === s(r[0])) : 0;
-    if (r)
-      return m.findIndex((t) => s(t) === s(r));
-  }, [m, s, r]), [b, a] = S(E ?? 0), d = v(
+  const A = g(() => {
+    if (Array.isArray(s))
+      return s.length ? m.findIndex((t) => o(t) === o(s[0])) : 0;
+    if (s)
+      return m.findIndex((t) => o(t) === o(s));
+  }, [m, o, s]), [w, u] = F(A ?? 0), j = y(
     (t) => {
       if (Number.isInteger(t)) {
         for (let n = t - 1; n >= 0; n--)
-          if (!(i != null && i.includes(s(m[n]))))
+          if (!(i != null && i.includes(o(m[n]))))
             return Math.max(n, 0);
       }
       return -1;
     },
-    [i, m, s]
-  ), k = v(
+    [i, m, o]
+  ), k = y(
     (t) => {
       if (Number.isInteger(t)) {
         for (let n = t + 1; n < m.length; n++)
-          if (!(i != null && i.includes(s(m[n]))))
+          if (!(i != null && i.includes(o(m[n]))))
             return Math.min(m.length - 1, n);
       }
       return -1;
     },
-    [i, m, s]
-  ), y = T([]), f = v((t, n) => {
-    n && (y.current[t] = n);
-  }, []), o = v(
+    [i, m, o]
+  ), D = M([]), x = y((t, n) => {
+    n && (D.current[t] = n);
+  }, []), c = y(
     (t) => {
-      if (N) {
-        const n = r ? [...r] : [], D = n.map(s), x = D != null && D.includes(s(t)) ? n.filter((P) => s(P) !== s(t)) : [...n, t];
-        N == null || N(x);
+      if (a) {
+        const n = s ? [...s] : [], S = n.map(o), h = S != null && S.includes(o(t)) ? n.filter((V) => o(V) !== o(t)) : [...n, t];
+        a == null || a(h);
       } else
-        p && (p == null || p(t));
+        l && (l == null || l(t));
     },
-    [s, N, p, r]
-  ), c = v(
-    (t) => Array.isArray(r) ? r.some((n) => s(n) === s(t)) : r ? s(r) === s(t) : !1,
-    [s, r]
-  ), j = oe(), u = T(void 0), V = v(
+    [o, a, l, s]
+  ), p = y(
+    (t) => Array.isArray(s) ? s.some((n) => o(n) === o(t)) : s ? o(s) === o(t) : !1,
+    [o, s]
+  ), N = cr(), f = M(void 0), P = y(
     (t) => {
-      const n = b;
+      const n = w;
       if (t.key === "ArrowDown") {
         t.preventDefault();
-        const D = k(n);
-        if (D >= 0) {
-          a(D), u.current = j;
-          const x = y.current[D];
-          x == null || x.scrollIntoView({ block: "nearest" }), x == null || x.focus();
+        const S = k(n);
+        if (S >= 0) {
+          u(S), f.current = N;
+          const h = D.current[S];
+          h == null || h.scrollIntoView({ block: "nearest" }), h == null || h.focus();
         }
       } else if (t.key === "ArrowUp") {
         t.preventDefault();
-        const D = d(n);
-        if (D >= 0) {
-          a(D);
-          const x = y.current[D];
-          x == null || x.scrollIntoView({ block: "nearest" }), x == null || x.focus(), u.current = j;
+        const S = j(n);
+        if (S >= 0) {
+          u(S);
+          const h = D.current[S];
+          h == null || h.scrollIntoView({ block: "nearest" }), h == null || h.focus(), f.current = N;
         }
       } else
-        t.key === "Escape" && l();
+        t.key === "Escape" && e();
     },
-    [b, l, k, d, j]
-  ), A = v(
+    [w, e, k, j, N]
+  ), G = y(
     (t, n) => {
-      t && u.current !== j && (a(n), u.current = j);
+      t && f.current !== N && (u(n), f.current = N);
     },
-    [j]
+    [N]
   );
-  return z(() => {
+  return d(() => {
     var t;
-    (t = y.current) != null && t[b] && y.current[b].focus();
+    (t = D.current) != null && t[w] && D.current[w].focus();
   }, [open]), {
-    activeItem: b,
-    assignRefOnIndex: f,
-    getItemIsSelected: c,
-    onKeyDown: V,
-    onHoverChange: A,
-    selectedItemIndex: E,
-    toggleSelection: o
+    activeItem: w,
+    assignRefOnIndex: x,
+    getItemIsSelected: p,
+    onKeyDown: P,
+    onHoverChange: G,
+    selectedItemIndex: A,
+    toggleSelection: c
   };
-}, le = ({
-  disabledItemIdKeys: l,
+}, er = ({
+  disabledItemIdKeys: e,
   getItemId: i,
   items: m,
-  onMultiChange: s,
-  onSingleChange: N,
-  selectRenderElements: p,
-  setOpenPopover: r,
-  value: E
+  onMultiChange: o,
+  onSingleChange: a,
+  selectRenderElements: l,
+  setOpenPopover: s,
+  value: A
 }) => {
   const {
-    activeItem: b,
-    assignRefOnIndex: a,
-    getItemIsSelected: d,
+    activeItem: w,
+    assignRefOnIndex: u,
+    getItemIsSelected: j,
     onHoverChange: k,
-    onKeyDown: y,
-    toggleSelection: f
-  } = ce({
-    closePopover: () => r(!1),
-    disabledItemIdKeys: l,
+    onKeyDown: D,
+    toggleSelection: x
+  } = pr({
+    closePopover: () => s(!1),
+    disabledItemIdKeys: e,
     filteredItems: m,
     getItemId: i,
-    onMultiChange: s,
-    onSingleChange: N,
-    value: E
-  }), o = (c) => (l == null ? void 0 : l.includes(i(c))) ?? !1;
-  return /* @__PURE__ */ e.jsxDEV(
+    onMultiChange: o,
+    onSingleChange: a,
+    value: A
+  }), c = (p) => (e == null ? void 0 : e.includes(i(p))) ?? !1;
+  return /* @__PURE__ */ r.jsx(
     "div",
     {
-      className: se({
+      className: or({
         className: "h-full max-h-72 overflow-auto"
       }),
-      children: m.map((c, j) => /* @__PURE__ */ e.jsxDEV(
+      children: m.map((p, N) => /* @__PURE__ */ r.jsx(
         q,
         {
-          "data-index": j,
-          ref: (u) => a(j, u),
+          "data-index": N,
+          ref: (f) => u(N, f),
           className: "w-full text-start outline-none",
-          onHoverChange: (u) => {
-            k(u, j);
+          onHoverChange: (f) => {
+            k(f, N);
           },
-          onPress: () => f(c),
-          onKeyDown: (u) => y(u),
-          isDisabled: o(c),
-          children: /* @__PURE__ */ e.jsxDEV(
-            te,
+          onPress: () => x(p),
+          onKeyDown: (f) => D(f),
+          isDisabled: c(p),
+          children: /* @__PURE__ */ r.jsx(
+            tr,
             {
-              item: c,
+              item: p,
               state: {
-                active: b === j,
-                disabled: (l == null ? void 0 : l.includes(i(c))) ?? !1,
-                selected: d(c)
+                active: w === N,
+                disabled: (e == null ? void 0 : e.includes(i(p))) ?? !1,
+                selected: j(p)
               },
-              selectRenderElements: p,
+              selectRenderElements: l,
               hasSelection: !0
-            },
-            void 0,
-            !1,
-            {
-              fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
-              lineNumber: 253,
-              columnNumber: 11
-            },
-            void 0
+            }
           )
         },
-        i(c),
-        !1,
-        {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
-          lineNumber: 241,
-          columnNumber: 9
-        },
-        void 0
+        i(p)
       ))
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
-      lineNumber: 235,
-      columnNumber: 5
-    },
-    void 0
+    }
   );
 }, K = ({
-  direction: l,
+  direction: e,
   disabledItemIdKeys: i,
   getItemId: m,
-  items: s,
-  label: N,
-  onMultiChange: p,
-  onSingleChange: r,
-  open: E,
-  placement: b = "bottom start",
-  selectRenderElements: a,
-  setOpenPopover: d,
+  items: o,
+  label: a,
+  onMultiChange: l,
+  onSingleChange: s,
+  open: A,
+  placement: w = "bottom start",
+  selectRenderElements: u,
+  setOpenPopover: j,
   triggerRef: k,
-  value: y
+  value: D
 }) => {
-  var j, u;
-  const [f, o] = S(
-    (j = k.current) == null ? void 0 : j.offsetWidth
-  ), c = f ?? ((u = k.current) == null ? void 0 : u.offsetWidth);
-  return ee("resize", () => {
-    var V;
-    o((V = k.current) == null ? void 0 : V.offsetWidth);
-  }), /* @__PURE__ */ e.jsxDEV(
-    re,
+  var N, f;
+  const [x, c] = F(
+    (N = k.current) == null ? void 0 : N.offsetWidth
+  ), p = x ?? ((f = k.current) == null ? void 0 : f.offsetWidth);
+  return rr("resize", () => {
+    var P;
+    c((P = k.current) == null ? void 0 : P.offsetWidth);
+  }), /* @__PURE__ */ r.jsx(
+    sr,
     {
       className: "p-1",
-      isOpen: E,
+      isOpen: A,
       triggerRef: k,
-      onOpenChange: d,
+      onOpenChange: j,
       shouldUpdatePosition: !0,
-      "aria-label": N,
+      "aria-label": a,
       disablePadding: !0,
-      placement: b,
+      placement: w,
       style: {
-        width: c && c > 280 ? c + "px" : "280px",
-        direction: l
+        width: p && p > 280 ? p + "px" : "280px",
+        direction: e
       },
-      children: E ? /* @__PURE__ */ e.jsxDEV(
-        le,
+      children: A ? /* @__PURE__ */ r.jsx(
+        er,
         {
           getItemId: m,
-          items: s,
-          onMultiChange: p,
-          onSingleChange: r,
-          selectRenderElements: a,
-          setOpenPopover: d,
-          value: y,
+          items: o,
+          onMultiChange: l,
+          onSingleChange: s,
+          selectRenderElements: u,
+          setOpenPopover: j,
+          value: D,
           disabledItemIdKeys: i
-        },
-        void 0,
-        !1,
-        {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
-          lineNumber: 315,
-          columnNumber: 9
-        },
-        void 0
+        }
       ) : null
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
-      lineNumber: 298,
-      columnNumber: 5
-    },
-    void 0
+    }
   );
-}, me = ({
-  disableClearLogic: l,
+}, mr = ({
+  disableClearLogic: e,
   fullWidth: i,
   getLabel: m,
-  isDisabled: s,
-  isInvalid: N,
-  onChange: p,
-  placeholder: r,
-  renderCustomElementInValueButton: E,
-  selectRenderElements: b,
-  setOpenPopover: a,
-  value: d
+  isDisabled: o,
+  isInvalid: a,
+  onChange: l,
+  placeholder: s,
+  renderCustomElementInValueButton: A,
+  selectRenderElements: w,
+  setOpenPopover: u,
+  value: j
 }) => {
-  var f;
-  const { inputField: k } = W({}), y = (o) => {
-    (o.key === "Escape" || o.key === "Backspace") && !l ? p == null || p(void 0) : o.key === "ArrowDown" && (o.preventDefault(), a(!0));
+  var x;
+  const { inputField: k } = O({}), D = (c) => {
+    (c.key === "Escape" || c.key === "Backspace") && !e ? l == null || l(void 0) : c.key === "ArrowDown" && (c.preventDefault(), u(!0));
   };
-  return /* @__PURE__ */ e.jsxDEV(
+  return /* @__PURE__ */ r.jsxs(
     q,
     {
-      className: ({ isFocused: o, isHovered: c }) => k({
+      className: ({ isFocused: c, isHovered: p }) => k({
         fullWidth: i,
-        isDisabled: s,
-        isHovered: c,
-        isFocused: o,
-        isInvalid: N,
+        isDisabled: o,
+        isHovered: p,
+        isFocused: c,
+        isInvalid: a,
         hasEndSlot: !0,
         className: X(
-          c && !N && !s && !o ? "border-hover" : "",
+          p && !a && !o && !c ? "border-hover" : "",
           "min-h-8"
         )
       }),
-      isDisabled: s,
-      onKeyDown: y,
+      isDisabled: o,
+      onKeyDown: D,
       onPress: () => {
-        a(!0);
+        u(!0);
       },
       children: [
-        /* @__PURE__ */ e.jsxDEV("div", { className: "flex grow text-start", children: [
-          E && d ? (f = b(d)) == null ? void 0 : f.customElement : null,
-          d ? /* @__PURE__ */ e.jsxDEV(e.Fragment, { children: m(d) }, void 0, !1, {
-            fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
-            lineNumber: 386,
-            columnNumber: 18
-          }, void 0) : /* @__PURE__ */ e.jsxDEV(R, { color: "secondary", children: r }, void 0, !1, {
-            fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
-            lineNumber: 386,
-            columnNumber: 43
-          }, void 0)
-        ] }, void 0, !0, {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
-          lineNumber: 382,
-          columnNumber: 7
-        }, void 0),
-        /* @__PURE__ */ e.jsxDEV("div", { className: "flex items-center gap-2", children: [
-          d && !l && !s ? /* @__PURE__ */ e.jsxDEV(e.Fragment, { children: /* @__PURE__ */ e.jsxDEV(
+        /* @__PURE__ */ r.jsxs("div", { className: "flex grow text-start", children: [
+          A && j ? (x = w(j)) == null ? void 0 : x.customElement : null,
+          j ? /* @__PURE__ */ r.jsx(r.Fragment, { children: m(j) }) : /* @__PURE__ */ r.jsx(R, { color: "secondary", children: s })
+        ] }),
+        /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2", children: [
+          j && !e && !o ? /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsx(
             "div",
             {
               className: "text-secondary",
               role: "button",
-              onClick: (o) => {
-                o.stopPropagation(), p == null || p(void 0);
+              onClick: (c) => {
+                c.stopPropagation(), l == null || l(void 0);
               },
-              children: /* @__PURE__ */ e.jsxDEV(H, { name: "clear" }, void 0, !1, {
-                fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
-                lineNumber: 399,
-                columnNumber: 15
-              }, void 0)
-            },
-            void 0,
-            !1,
-            {
-              fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
-              lineNumber: 391,
-              columnNumber: 13
-            },
-            void 0
-          ) }, void 0, !1, {
-            fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
-            lineNumber: 390,
-            columnNumber: 11
-          }, void 0) : null,
-          /* @__PURE__ */ e.jsxDEV(H, { name: "chevron-up-down" }, void 0, !1, {
-            fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
-            lineNumber: 403,
-            columnNumber: 9
-          }, void 0)
-        ] }, void 0, !0, {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
-          lineNumber: 388,
-          columnNumber: 7
-        }, void 0)
+              children: /* @__PURE__ */ r.jsx(z, { name: "clear" })
+            }
+          ) }) : null,
+          /* @__PURE__ */ r.jsx(z, { name: "chevron-up-down" })
+        ] })
       ]
-    },
-    void 0,
-    !0,
-    {
-      fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
-      lineNumber: 361,
-      columnNumber: 5
-    },
-    void 0
+    }
   );
-}, pe = ({
-  fullWidth: l,
+}, lr = ({
+  fullWidth: e,
   getItemId: i,
   getLabel: m,
-  isDisabled: s,
-  isInvalid: N,
-  label: p,
-  onChange: r,
-  placeholder: E,
-  setOpenPopover: b,
-  value: a
+  isDisabled: o,
+  isInvalid: a,
+  label: l,
+  onChange: s,
+  placeholder: A,
+  setOpenPopover: w,
+  value: u
 }) => {
-  const { inputField: d } = W({}), k = v(
-    (f) => {
-      a && r(
-        a.filter((o) => {
-          const c = i(o);
-          return !f.has(c);
+  const { inputField: j } = O({}), k = y(
+    (x) => {
+      u && s(
+        u.filter((c) => {
+          const p = i(c);
+          return !x.has(p);
         })
       );
     },
-    [i, r, a]
-  ), y = (f) => {
-    (f.key === "ArrowDown" || f.key === "Enter" || f.key === " ") && (f.preventDefault(), b(!0));
+    [i, s, u]
+  ), D = (x) => {
+    (x.key === "ArrowDown" || x.key === "Enter" || x.key === " ") && (x.preventDefault(), w(!0));
   };
-  return /* @__PURE__ */ e.jsxDEV(I, { children: ({ isFocusWithin: f }) => /* @__PURE__ */ e.jsxDEV(
+  return /* @__PURE__ */ r.jsx(I, { children: ({ isFocusWithin: x }) => /* @__PURE__ */ r.jsx(
     q,
     {
-      className: ({ isFocused: o, isHovered: c }) => d({
-        fullWidth: l,
-        isDisabled: s,
-        isHovered: c,
-        isFocused: o || f,
-        isInvalid: N,
+      className: ({ isFocused: c, isHovered: p }) => j({
+        fullWidth: e,
+        isDisabled: o,
+        isHovered: p,
+        isFocused: c || x,
+        isInvalid: a,
         hasEndSlot: !0,
         className: X(
-          c && !N && !s && !o ? "border-hover" : "",
+          p && !a && !o && !c ? "border-hover" : "",
           "items-start",
           "py-[0.4375rem]"
         )
       }),
-      onKeyDown: (o) => y(o),
-      onPress: () => b(!0),
-      isDisabled: s,
-      children: /* @__PURE__ */ e.jsxDEV("div", { className: "flex w-full outline-none", children: [
-        /* @__PURE__ */ e.jsxDEV("div", { className: "grow text-left", children: a && a.length ? /* @__PURE__ */ e.jsxDEV(
-          ne,
+      onKeyDown: (c) => D(c),
+      onPress: () => w(!0),
+      isDisabled: o,
+      children: /* @__PURE__ */ r.jsxs("div", { className: "flex w-full outline-none", children: [
+        /* @__PURE__ */ r.jsx("div", { className: "grow text-left", children: u && u.length ? /* @__PURE__ */ r.jsx(
+          nr,
           {
-            label: p ?? "Selected items",
+            label: l ?? "Selected items",
             className: "-m-1.5 -mt-[0.3125rem]",
-            onRemove: s ? void 0 : k,
-            children: a.map((o) => /* @__PURE__ */ e.jsxDEV(ie, { id: i(o), isDisabled: s, children: m(o) }, i(o), !1, {
-              fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
-              lineNumber: 482,
-              columnNumber: 21
-            }, void 0))
-          },
-          void 0,
-          !1,
-          {
-            fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
-            lineNumber: 476,
-            columnNumber: 17
-          },
-          void 0
-        ) : /* @__PURE__ */ e.jsxDEV(R, { color: "secondary", children: E }, void 0, !1, {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
-          lineNumber: 488,
-          columnNumber: 17
-        }, void 0) }, void 0, !1, {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
-          lineNumber: 474,
-          columnNumber: 13
-        }, void 0),
-        /* @__PURE__ */ e.jsxDEV(H, { name: "chevron-up-down", className: "h-4 w-4 min-w-4" }, void 0, !1, {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
-          lineNumber: 491,
-          columnNumber: 13
-        }, void 0)
-      ] }, void 0, !0, {
-        fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
-        lineNumber: 473,
-        columnNumber: 11
-      }, void 0)
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
-      lineNumber: 453,
-      columnNumber: 9
-    },
-    void 0
-  ) }, void 0, !1, {
-    fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
-    lineNumber: 451,
-    columnNumber: 5
-  }, void 0);
+            onRemove: o ? void 0 : k,
+            children: u.map((c) => /* @__PURE__ */ r.jsx(ir, { id: i(c), isDisabled: o, children: m(c) }, i(c)))
+          }
+        ) : /* @__PURE__ */ r.jsx(R, { color: "secondary", children: A }) }),
+        /* @__PURE__ */ r.jsx(z, { name: "chevron-up-down", className: "h-4 w-4 min-w-4" })
+      ] })
+    }
+  ) });
 }, C = ({
-  getItemId: l,
+  getItemId: e,
   name: i,
   value: m
-}) => i ? Array.isArray(m) ? m.map((s) => /* @__PURE__ */ e.jsxDEV("input", { type: "hidden", name: i, value: l(s) }, l(s), !1, {
-  fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
-  lineNumber: 511,
-  columnNumber: 9
-}, void 0)) : m ? /* @__PURE__ */ e.jsxDEV("input", { type: "hidden", name: i, value: l(m) }, void 0, !1, {
-  fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
-  lineNumber: 514,
-  columnNumber: 14
-}, void 0) : null : null, Qs = ({
-  defaultValue: l,
+}) => i ? Array.isArray(m) ? m.map((o) => /* @__PURE__ */ r.jsx("input", { type: "hidden", name: i, value: e(o) }, e(o))) : m ? /* @__PURE__ */ r.jsx("input", { type: "hidden", name: i, value: e(m) }) : null : null, Xo = ({
+  defaultValue: e,
   description: i,
   disableClearLogic: m,
-  disabledItemIdKeys: s,
-  errorMessage: N,
-  fullWidth: p = !0,
-  getItemId: r,
-  getLabel: E,
-  hideHintLabel: b,
-  hideInputFooter: a,
-  hideInputHeader: d,
+  disabledItemIdKeys: o,
+  errorMessage: a,
+  fullWidth: l = !0,
+  getItemId: s,
+  getLabel: A,
+  hideHintLabel: w,
+  hideInputFooter: u,
+  hideInputHeader: j,
   isDisabled: k,
-  isInvalid: y,
-  isRequired: f,
-  items: o,
-  label: c,
-  name: j,
-  onChange: u,
-  placeholder: V,
-  placement: A,
+  isInvalid: D,
+  isRequired: x,
+  items: c,
+  label: p,
+  name: N,
+  onChange: f,
+  placeholder: P,
+  placement: G,
   renderCustomElementInValueButton: t,
   selectRenderElements: n,
-  value: D
+  value: S
 }) => {
-  const { isDisabled: x } = Q(Y), [P, U] = S(!1), M = k || x, [F, $] = S(D ?? l), { wrapper: O } = W({}), G = T(null), { direction: L } = B(), h = v(
+  const { isDisabled: h } = Q(Y), [V, $] = F(!1), U = k || h, [L, b] = F(S ?? e), { wrapper: H } = O({}), T = M(null), { direction: W } = B(), v = y(
     (J) => {
-      $(J), u == null || u(J), U(!1);
+      b(J), f == null || f(J), $(!1);
     },
-    [u]
+    [f]
   );
-  z(() => {
-    $(D ?? l);
-  }, [l, D]);
-  const w = D ?? F;
-  return /* @__PURE__ */ e.jsxDEV("div", { children: [
-    /* @__PURE__ */ e.jsxDEV(C, { name: j, value: w, getItemId: r }, void 0, !1, {
-      fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
-      lineNumber: 578,
-      columnNumber: 7
-    }, void 0),
-    /* @__PURE__ */ e.jsxDEV("div", { className: O({ fullWidth: p }), children: [
-      /* @__PURE__ */ e.jsxDEV(
+  d(() => {
+    b(S ?? e);
+  }, [e, S]);
+  const E = S ?? L;
+  return /* @__PURE__ */ r.jsxs("div", { children: [
+    /* @__PURE__ */ r.jsx(C, { name: N, value: E, getItemId: s }),
+    /* @__PURE__ */ r.jsxs("div", { className: H({ fullWidth: l }), children: [
+      /* @__PURE__ */ r.jsx(
         Z,
         {
-          label: c,
-          hideHintLabel: b,
-          hideInputHeader: d,
-          isRequired: f
-        },
-        void 0,
-        !1,
-        {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
-          lineNumber: 580,
-          columnNumber: 9
-        },
-        void 0
+          label: p,
+          hideHintLabel: w,
+          hideInputHeader: j,
+          isRequired: x
+        }
       ),
-      /* @__PURE__ */ e.jsxDEV("div", { ref: G, children: /* @__PURE__ */ e.jsxDEV(
-        me,
+      /* @__PURE__ */ r.jsx("div", { ref: T, children: /* @__PURE__ */ r.jsx(
+        mr,
         {
-          fullWidth: p,
-          isDisabled: M,
+          fullWidth: l,
+          isDisabled: U,
           disableClearLogic: m,
-          isInvalid: y,
-          placeholder: V,
-          value: w,
-          getLabel: E,
-          getItemId: r,
-          label: c,
-          onChange: h,
-          setOpenPopover: U,
+          isInvalid: D,
+          placeholder: P,
+          value: E,
+          getLabel: A,
+          getItemId: s,
+          label: p,
+          onChange: v,
+          setOpenPopover: $,
           renderCustomElementInValueButton: t,
           selectRenderElements: n
-        },
-        void 0,
-        !1,
-        {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
-          lineNumber: 587,
-          columnNumber: 11
-        },
-        void 0
-      ) }, void 0, !1, {
-        fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
-        lineNumber: 586,
-        columnNumber: 9
-      }, void 0),
-      /* @__PURE__ */ e.jsxDEV(
+        }
+      ) }),
+      /* @__PURE__ */ r.jsx(
         _,
         {
           description: i,
-          errorMessage: N,
-          hideInputFooter: a
-        },
-        void 0,
-        !1,
-        {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
-          lineNumber: 603,
-          columnNumber: 9
-        },
-        void 0
+          errorMessage: a,
+          hideInputFooter: u
+        }
       )
-    ] }, void 0, !0, {
-      fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
-      lineNumber: 579,
-      columnNumber: 7
-    }, void 0),
-    /* @__PURE__ */ e.jsxDEV(
+    ] }),
+    /* @__PURE__ */ r.jsx(
       K,
       {
-        triggerRef: G,
-        label: `${c} options`,
-        getItemId: r,
+        triggerRef: T,
+        label: `${p} options`,
+        getItemId: s,
         selectRenderElements: n,
-        items: o,
-        open: P,
-        disabledItemIdKeys: s,
-        direction: L,
-        setOpenPopover: U,
-        onSingleChange: h,
-        value: w,
-        placement: A
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
-        lineNumber: 609,
-        columnNumber: 7
-      },
-      void 0
+        items: c,
+        open: V,
+        disabledItemIdKeys: o,
+        direction: W,
+        setOpenPopover: $,
+        onSingleChange: v,
+        value: E,
+        placement: G
+      }
     )
-  ] }, void 0, !0, {
-    fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
-    lineNumber: 577,
-    columnNumber: 5
-  }, void 0);
-}, Xs = ({
-  defaultValue: l,
+  ] });
+}, Yo = ({
+  defaultValue: e,
   description: i,
   disableClearLogic: m,
-  disabledItemIdKeys: s,
-  errorMessage: N,
-  fullWidth: p = !0,
-  getItemId: r,
-  getLabel: E,
-  hideHintLabel: b,
-  hideInputFooter: a,
-  hideInputHeader: d,
+  disabledItemIdKeys: o,
+  errorMessage: a,
+  fullWidth: l = !0,
+  getItemId: s,
+  getLabel: A,
+  hideHintLabel: w,
+  hideInputFooter: u,
+  hideInputHeader: j,
   isDisabled: k,
-  isInvalid: y,
-  isRequired: f,
-  items: o,
-  label: c,
-  name: j,
-  onChange: u,
-  placeholder: V,
-  placement: A,
+  isInvalid: D,
+  isRequired: x,
+  items: c,
+  label: p,
+  name: N,
+  onChange: f,
+  placeholder: P,
+  placement: G,
   selectRenderElements: t,
   value: n
 }) => {
-  const { isDisabled: D } = Q(Y), x = k || D, [P, U] = S(!1), [M, F] = S(n ?? l), $ = T(null), { direction: O } = B(), { wrapper: G } = W({}), L = v(
-    (w) => {
-      F(w), u == null || u(w);
+  const { isDisabled: S } = Q(Y), h = k || S, [V, $] = F(!1), [U, L] = F(n ?? e), b = M(null), { direction: H } = B(), { wrapper: T } = O({}), W = y(
+    (E) => {
+      L(E), f == null || f(E);
     },
-    [u]
+    [f]
   );
-  z(() => {
-    F(n ?? l);
-  }, [l, n]);
-  const h = n ?? M;
-  return /* @__PURE__ */ e.jsxDEV("div", { children: [
-    /* @__PURE__ */ e.jsxDEV(C, { name: j, value: h, getItemId: r }, void 0, !1, {
-      fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
-      lineNumber: 677,
-      columnNumber: 7
-    }, void 0),
-    /* @__PURE__ */ e.jsxDEV("div", { className: G({ fullWidth: p }), children: [
-      /* @__PURE__ */ e.jsxDEV(
+  d(() => {
+    L(n ?? e);
+  }, [e, n]);
+  const v = n ?? U;
+  return /* @__PURE__ */ r.jsxs("div", { children: [
+    /* @__PURE__ */ r.jsx(C, { name: N, value: v, getItemId: s }),
+    /* @__PURE__ */ r.jsxs("div", { className: T({ fullWidth: l }), children: [
+      /* @__PURE__ */ r.jsx(
         Z,
         {
-          label: c,
-          hideHintLabel: b,
-          hideInputHeader: d,
-          isRequired: f
-        },
-        void 0,
-        !1,
-        {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
-          lineNumber: 679,
-          columnNumber: 9
-        },
-        void 0
+          label: p,
+          hideHintLabel: w,
+          hideInputHeader: j,
+          isRequired: x
+        }
       ),
-      /* @__PURE__ */ e.jsxDEV("div", { ref: $, children: /* @__PURE__ */ e.jsxDEV(
-        pe,
+      /* @__PURE__ */ r.jsx("div", { ref: b, children: /* @__PURE__ */ r.jsx(
+        lr,
         {
-          fullWidth: p,
-          isDisabled: x,
-          isInvalid: y,
-          placeholder: V,
-          value: h,
-          onChange: L,
-          getItemId: r,
-          getLabel: E,
-          label: c,
+          fullWidth: l,
+          isDisabled: h,
+          isInvalid: D,
+          placeholder: P,
+          value: v,
+          onChange: W,
+          getItemId: s,
+          getLabel: A,
+          label: p,
           disableClearLogic: m,
-          setOpenPopover: U,
+          setOpenPopover: $,
           selectRenderElements: t
-        },
-        void 0,
-        !1,
-        {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
-          lineNumber: 686,
-          columnNumber: 11
-        },
-        void 0
-      ) }, void 0, !1, {
-        fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
-        lineNumber: 685,
-        columnNumber: 9
-      }, void 0),
-      /* @__PURE__ */ e.jsxDEV(
+        }
+      ) }),
+      /* @__PURE__ */ r.jsx(
         _,
         {
           description: i,
-          errorMessage: N,
-          hideInputFooter: a
-        },
-        void 0,
-        !1,
-        {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
-          lineNumber: 701,
-          columnNumber: 9
-        },
-        void 0
+          errorMessage: a,
+          hideInputFooter: u
+        }
       )
-    ] }, void 0, !0, {
-      fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
-      lineNumber: 678,
-      columnNumber: 7
-    }, void 0),
-    /* @__PURE__ */ e.jsxDEV(
+    ] }),
+    /* @__PURE__ */ r.jsx(
       K,
       {
-        label: `${c} options`,
-        triggerRef: $,
-        items: o,
-        open: P,
-        getItemId: r,
+        label: `${p} options`,
+        triggerRef: b,
+        items: c,
+        open: V,
+        getItemId: s,
         selectRenderElements: t,
-        disabledItemIdKeys: s,
-        direction: O,
-        setOpenPopover: U,
-        onMultiChange: L,
-        placement: A,
-        value: h
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
-        lineNumber: 707,
-        columnNumber: 7
-      },
-      void 0
+        disabledItemIdKeys: o,
+        direction: H,
+        setOpenPopover: $,
+        onMultiChange: W,
+        placement: G,
+        value: v
+      }
     )
-  ] }, void 0, !0, {
-    fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
-    lineNumber: 676,
-    columnNumber: 5
-  }, void 0);
+  ] });
 };
 export {
-  Xs as MultiSelect,
-  Qs as Select
+  Yo as MultiSelect,
+  Xo as Select
 };