@new-black/lyra 1.0.15 → 1.0.16

package/dist/lyra36.js

@@ -1,13 +1,13 @@
-import { j as r } from "./lyra89.js";
-import { useContext as Q, useState as F, useRef as M, useCallback as P, useEffect as d, useMemo as C } from "react";
-import { Button as q, Group as g } from "./lyra88.js";
-import { clsx as I } from "./lyra449.js";
+import { j as e } from "./lyra89.js";
+import { useContext as Q, useState as S, useRef as T, useCallback as v, useEffect as z, useMemo as g } from "react";
+import { Button as q, Group as I } from "./lyra88.js";
+import { clsx as X } from "./lyra449.js";
 import "./lyra2.js";
 import "./lyra3.js";
 import "./lyra4.js";
 import "./lyra5.js";
 import "./lyra6.js";
-import { SvgIcon as z } from "./lyra64.js";
+import { SvgIcon as H } from "./lyra64.js";
 import "./lyra8.js";
 import "./lyra9.js";
 import "./lyra10.js";
@@ -26,35 +26,35 @@ import "./lyra22.js";
 import "./lyra23.js";
 import "./lyra24.js";
 import "./lyra25.js";
-import { FieldGroupContext as X } from "./lyra26.js";
+import { FieldGroupContext as Y } from "./lyra26.js";
 import "./lyra27.js";
 import "./lyra28.js";
 import "./lyra29.js";
 import "./lyra94.js";
 import "./lyra79.js";
-import "./lyra456.js";
-import { InputHeader as Y } from "./lyra38.js";
-import { InputFooter as Z } from "./lyra39.js";
-import { sharedInputStyles as O } from "./lyra40.js";
+import "./lyra455.js";
+import { InputHeader as Z } from "./lyra38.js";
+import { InputFooter as _ } from "./lyra39.js";
+import { sharedInputStyles as W } from "./lyra40.js";
 import "./lyra44.js";
 import "./lyra31.js";
 import "./lyra32.js";
 import "./lyra33.js";
 import "./lyra34.js";
 import "./lyra35.js";
-import rr from "./lyra596.js";
-import { sharedListStyles as or } from "./lyra454.js";
-import { SharedListItem as tr } from "./lyra455.js";
-import { Popover as sr } from "./lyra53.js";
+import ee from "./lyra595.js";
+import { sharedListStyles as se } from "./lyra453.js";
+import { SharedListItem as te } from "./lyra454.js";
+import { Popover as re } from "./lyra53.js";
 import "./lyra54.js";
 import "./lyra55.js";
 import "./lyra56.js";
-import { Text as _ } from "./lyra72.js";
+import { Text as R } from "./lyra72.js";
 import "./lyra73.js";
-import { InputTagGroup as nr, InputTag as ir } from "./lyra457.js";
-import "./lyra458.js";
+import { InputTagGroup as ne, InputTag as ie } from "./lyra456.js";
+import "./lyra457.js";
 import "react-dom";
-import { useMousePosition as cr } from "./lyra83.js";
+import { useMousePosition as oe } from "./lyra83.js";
 import "./lyra41.js";
 import "./lyra42.js";
 import "./lyra43.js";
@@ -82,511 +82,742 @@ import "./lyra77.js";
 import "./lyra78.js";
 import "./lyra80.js";
 import "./lyra97.js";
-import { useLocale as R } from "./lyra87.js";
-const pr = ({
-  closePopover: e,
+import { useLocale as B } from "./lyra87.js";
+const ce = ({
+  closePopover: l,
   disabledItemIdKeys: i,
-  filteredItems: l,
-  getItemId: o,
-  onMultiChange: a,
-  onSingleChange: m,
-  value: s
+  filteredItems: m,
+  getItemId: s,
+  onMultiChange: N,
+  onSingleChange: p,
+  value: r
 }) => {
-  const A = C(() => {
-    if (Array.isArray(s))
-      return s.length ? l.findIndex((t) => o(t) === o(s[0])) : 0;
-    if (s)
-      return l.findIndex((t) => o(t) === o(s));
-  }, [l, o, s]), [w, u] = F(A ?? 0), j = P(
+  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(
     (t) => {
       if (Number.isInteger(t)) {
         for (let n = t - 1; n >= 0; n--)
-          if (!(i != null && i.includes(o(l[n]))))
+          if (!(i != null && i.includes(s(m[n]))))
             return Math.max(n, 0);
       }
       return -1;
     },
-    [i, l, o]
-  ), k = P(
+    [i, m, s]
+  ), k = v(
     (t) => {
       if (Number.isInteger(t)) {
-        for (let n = t + 1; n < l.length; n++)
-          if (!(i != null && i.includes(o(l[n]))))
-            return Math.min(l.length - 1, n);
+        for (let n = t + 1; n < m.length; n++)
+          if (!(i != null && i.includes(s(m[n]))))
+            return Math.min(m.length - 1, n);
       }
       return -1;
     },
-    [i, l, o]
-  ), D = M([]), x = P((t, n) => {
-    n && (D.current[t] = n);
-  }, []), c = P(
+    [i, m, s]
+  ), y = T([]), f = v((t, n) => {
+    n && (y.current[t] = n);
+  }, []), o = v(
     (t) => {
-      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);
+      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);
       } else
-        m && (m == null || m(t));
+        p && (p == null || p(t));
     },
-    [o, a, m, s]
-  ), p = P(
-    (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(
+    [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(
     (t) => {
-      const n = w;
+      const n = b;
       if (t.key === "ArrowDown") {
         t.preventDefault();
-        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();
+        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();
         }
       } else if (t.key === "ArrowUp") {
         t.preventDefault();
-        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;
+        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;
         }
       } else
-        t.key === "Escape" && e();
+        t.key === "Escape" && l();
     },
-    [w, e, k, j, N]
-  ), G = P(
+    [b, l, k, d, j]
+  ), A = v(
     (t, n) => {
-      t && f.current !== N && (u(n), f.current = N);
+      t && u.current !== j && (a(n), u.current = j);
     },
-    [N]
+    [j]
   );
-  return d(() => {
+  return z(() => {
     var t;
-    (t = D.current) != null && t[w] && D.current[w].focus();
+    (t = y.current) != null && t[b] && y.current[b].focus();
   }, [open]), {
-    activeItem: w,
-    assignRefOnIndex: x,
-    getItemIsSelected: p,
-    onKeyDown: $,
-    onHoverChange: G,
-    selectedItemIndex: A,
-    toggleSelection: c
+    activeItem: b,
+    assignRefOnIndex: f,
+    getItemIsSelected: c,
+    onKeyDown: V,
+    onHoverChange: A,
+    selectedItemIndex: E,
+    toggleSelection: o
   };
-}, er = ({
-  disabledItemIdKeys: e,
+}, le = ({
+  disabledItemIdKeys: l,
   getItemId: i,
-  items: l,
-  onMultiChange: o,
-  onSingleChange: a,
-  selectRenderElements: m,
-  setOpenPopover: s,
-  value: A
+  items: m,
+  onMultiChange: s,
+  onSingleChange: N,
+  selectRenderElements: p,
+  setOpenPopover: r,
+  value: E
 }) => {
   const {
-    activeItem: w,
-    assignRefOnIndex: u,
-    getItemIsSelected: j,
+    activeItem: b,
+    assignRefOnIndex: a,
+    getItemIsSelected: d,
     onHoverChange: k,
-    onKeyDown: D,
-    toggleSelection: x
-  } = pr({
-    closePopover: () => s(!1),
-    disabledItemIdKeys: e,
-    filteredItems: l,
+    onKeyDown: y,
+    toggleSelection: f
+  } = ce({
+    closePopover: () => r(!1),
+    disabledItemIdKeys: l,
+    filteredItems: m,
     getItemId: i,
-    onMultiChange: o,
-    onSingleChange: a,
-    value: A
-  }), c = (p) => (e == null ? void 0 : e.includes(i(p))) ?? !1;
-  return /* @__PURE__ */ r.jsx(
+    onMultiChange: s,
+    onSingleChange: N,
+    value: E
+  }), o = (c) => (l == null ? void 0 : l.includes(i(c))) ?? !1;
+  return /* @__PURE__ */ e.jsxDEV(
     "div",
     {
-      className: or({
+      className: se({
         className: "h-full max-h-72 overflow-auto"
       }),
-      children: l.map((p, N) => /* @__PURE__ */ r.jsx(
+      children: m.map((c, j) => /* @__PURE__ */ e.jsxDEV(
         q,
         {
-          "data-index": N,
-          ref: (f) => u(N, f),
+          "data-index": j,
+          ref: (u) => a(j, u),
           className: "w-full text-start outline-none",
-          onHoverChange: (f) => {
-            k(f, N);
+          onHoverChange: (u) => {
+            k(u, j);
           },
-          onPress: () => x(p),
-          onKeyDown: (f) => D(f),
-          isDisabled: c(p),
-          children: /* @__PURE__ */ r.jsx(
-            tr,
+          onPress: () => f(c),
+          onKeyDown: (u) => y(u),
+          isDisabled: o(c),
+          children: /* @__PURE__ */ e.jsxDEV(
+            te,
             {
-              item: p,
+              item: c,
               state: {
-                active: w === N,
-                disabled: (e == null ? void 0 : e.includes(i(p))) ?? !1,
-                selected: j(p)
+                active: b === j,
+                disabled: (l == null ? void 0 : l.includes(i(c))) ?? !1,
+                selected: d(c)
               },
-              selectRenderElements: m,
+              selectRenderElements: p,
               hasSelection: !0
-            }
+            },
+            void 0,
+            !1,
+            {
+              fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
+              lineNumber: 253,
+              columnNumber: 11
+            },
+            void 0
           )
         },
-        i(p)
+        i(c),
+        !1,
+        {
+          fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
+          lineNumber: 241,
+          columnNumber: 9
+        },
+        void 0
       ))
-    }
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
+      lineNumber: 235,
+      columnNumber: 5
+    },
+    void 0
   );
-}, B = ({
-  direction: e,
+}, K = ({
+  direction: l,
   disabledItemIdKeys: i,
-  getItemId: l,
-  items: o,
-  label: a,
-  onMultiChange: m,
-  onSingleChange: s,
-  open: A,
-  placement: w = "bottom start",
-  selectRenderElements: u,
-  setOpenPopover: j,
+  getItemId: m,
+  items: s,
+  label: N,
+  onMultiChange: p,
+  onSingleChange: r,
+  open: E,
+  placement: b = "bottom start",
+  selectRenderElements: a,
+  setOpenPopover: d,
   triggerRef: k,
-  value: D
+  value: y
 }) => {
-  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 $;
-    c(($ = k.current) == null ? void 0 : $.offsetWidth);
-  }), /* @__PURE__ */ r.jsx(
-    sr,
+  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,
     {
       className: "p-1",
-      isOpen: A,
+      isOpen: E,
       triggerRef: k,
-      onOpenChange: j,
+      onOpenChange: d,
       shouldUpdatePosition: !0,
-      "aria-label": a,
+      "aria-label": N,
       disablePadding: !0,
-      placement: w,
+      placement: b,
       style: {
-        width: p && p > 280 ? p + "px" : "280px",
-        direction: e
+        width: c && c > 280 ? c + "px" : "280px",
+        direction: l
       },
-      children: A ? /* @__PURE__ */ r.jsx(
-        er,
+      children: E ? /* @__PURE__ */ e.jsxDEV(
+        le,
         {
-          getItemId: l,
-          items: o,
-          onMultiChange: m,
-          onSingleChange: s,
-          selectRenderElements: u,
-          setOpenPopover: j,
-          value: D,
+          getItemId: m,
+          items: s,
+          onMultiChange: p,
+          onSingleChange: r,
+          selectRenderElements: a,
+          setOpenPopover: d,
+          value: y,
           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
   );
-}, lr = ({
-  disableClearLogic: e,
+}, me = ({
+  disableClearLogic: l,
   fullWidth: i,
-  getLabel: l,
-  isDisabled: o,
-  isInvalid: a,
-  onChange: m,
-  placeholder: s,
-  renderCustomElementInValueButton: A,
-  selectRenderElements: w,
-  setOpenPopover: u,
-  value: j
+  getLabel: m,
+  isDisabled: s,
+  isInvalid: N,
+  onChange: p,
+  placeholder: r,
+  renderCustomElementInValueButton: E,
+  selectRenderElements: b,
+  setOpenPopover: a,
+  value: d
 }) => {
-  var x;
-  const { inputField: k } = O({}), D = (c) => {
-    (c.key === "Escape" || c.key === "Backspace") && !e ? m == null || m(void 0) : c.key === "ArrowDown" && (c.preventDefault(), u(!0));
+  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));
   };
-  return /* @__PURE__ */ r.jsxs(
+  return /* @__PURE__ */ e.jsxDEV(
     q,
     {
-      className: ({ isFocused: c, isHovered: p }) => k({
+      className: ({ isFocused: o, isHovered: c }) => k({
         fullWidth: i,
-        isDisabled: o,
-        isHovered: p,
-        isFocused: c,
-        isInvalid: a,
+        isDisabled: s,
+        isHovered: c,
+        isFocused: o,
+        isInvalid: N,
         hasEndSlot: !0,
-        className: p && !a && !o && !c ? "border-hover" : ""
+        className: X(
+          c && !N && !s && !o ? "border-hover" : "",
+          "min-h-8"
+        )
       }),
-      isDisabled: o,
-      onKeyDown: D,
+      isDisabled: s,
+      onKeyDown: y,
       onPress: () => {
-        u(!0);
+        a(!0);
       },
       children: [
-        /* @__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: l(j) }) : /* @__PURE__ */ r.jsx(_, { 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(
+        /* @__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(
             "div",
             {
               className: "text-secondary",
               role: "button",
-              onClick: (c) => {
-                c.stopPropagation(), m == null || m(void 0);
+              onClick: (o) => {
+                o.stopPropagation(), p == null || p(void 0);
               },
-              children: /* @__PURE__ */ r.jsx(z, { name: "clear" })
-            }
-          ) }) : null,
-          /* @__PURE__ */ r.jsx(z, { name: "chevron-up-down" })
-        ] })
+              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)
       ]
-    }
+    },
+    void 0,
+    !0,
+    {
+      fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
+      lineNumber: 361,
+      columnNumber: 5
+    },
+    void 0
   );
-}, mr = ({
-  fullWidth: e,
+}, pe = ({
+  fullWidth: l,
   getItemId: i,
-  getLabel: l,
-  isDisabled: o,
-  isInvalid: a,
-  label: m,
-  onChange: s,
-  placeholder: A,
-  setOpenPopover: w,
-  value: u
+  getLabel: m,
+  isDisabled: s,
+  isInvalid: N,
+  label: p,
+  onChange: r,
+  placeholder: E,
+  setOpenPopover: b,
+  value: a
 }) => {
-  const { inputField: j } = O({}), k = P(
-    (x) => {
-      u && s(
-        u.filter((c) => {
-          const p = i(c);
-          return !x.has(p);
+  const { inputField: d } = W({}), k = v(
+    (f) => {
+      a && r(
+        a.filter((o) => {
+          const c = i(o);
+          return !f.has(c);
         })
       );
     },
-    [i, s, u]
-  ), D = (x) => {
-    (x.key === "ArrowDown" || x.key === "Enter" || x.key === " ") && (x.preventDefault(), w(!0));
+    [i, r, a]
+  ), y = (f) => {
+    (f.key === "ArrowDown" || f.key === "Enter" || f.key === " ") && (f.preventDefault(), b(!0));
   };
-  return /* @__PURE__ */ r.jsx(g, { children: ({ isFocusWithin: x }) => /* @__PURE__ */ r.jsx(
+  return /* @__PURE__ */ e.jsxDEV(I, { children: ({ isFocusWithin: f }) => /* @__PURE__ */ e.jsxDEV(
     q,
     {
-      className: ({ isFocused: c, isHovered: p }) => j({
-        fullWidth: e,
-        isDisabled: o,
-        isHovered: p,
-        isFocused: c || x,
-        isInvalid: a,
+      className: ({ isFocused: o, isHovered: c }) => d({
+        fullWidth: l,
+        isDisabled: s,
+        isHovered: c,
+        isFocused: o || f,
+        isInvalid: N,
         hasEndSlot: !0,
-        className: I(
-          p && !a && !o && !c ? "border-hover" : "",
-          "items-start"
+        className: X(
+          c && !N && !s && !o ? "border-hover" : "",
+          "items-start",
+          "py-[0.4375rem]"
         )
       }),
-      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,
+      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,
           {
-            label: m ?? "Selected items",
+            label: p ?? "Selected items",
             className: "-m-1.5 -mt-[0.3125rem]",
-            onRemove: o ? void 0 : k,
-            children: u.map((c) => /* @__PURE__ */ r.jsx(ir, { id: i(c), isDisabled: o, children: l(c) }, i(c)))
-          }
-        ) : /* @__PURE__ */ r.jsx(_, { color: "secondary", children: A }) }),
-        /* @__PURE__ */ r.jsx(z, { name: "chevron-up-down", className: "h-4 w-4 min-w-4" })
-      ] })
-    }
-  ) });
-}, K = ({
-  getItemId: e,
+            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);
+}, C = ({
+  getItemId: l,
   name: i,
-  value: l
-}) => i ? Array.isArray(l) ? l.map((o) => /* @__PURE__ */ r.jsx("input", { type: "hidden", name: i, value: e(o) }, e(o))) : l ? /* @__PURE__ */ r.jsx("input", { type: "hidden", name: i, value: e(l) }) : null : null, Qo = ({
-  defaultValue: e,
+  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, Js = ({
+  defaultValue: l,
   description: i,
-  disableClearLogic: l,
-  disabledItemIdKeys: o,
-  errorMessage: a,
-  fullWidth: m = !0,
-  getItemId: s,
-  getLabel: A,
-  hideHintLabel: w,
-  hideInputFooter: u,
-  hideInputHeader: j,
+  disableClearLogic: m,
+  disabledItemIdKeys: s,
+  errorMessage: N,
+  fullWidth: p = !0,
+  getItemId: r,
+  getLabel: E,
+  hideHintLabel: b,
+  hideInputFooter: a,
+  hideInputHeader: d,
   isDisabled: k,
-  isInvalid: D,
-  isRequired: x,
-  items: c,
-  label: p,
-  name: N,
-  onChange: f,
-  placeholder: $,
-  placement: G,
+  isInvalid: y,
+  isRequired: f,
+  items: o,
+  label: c,
+  name: j,
+  onChange: u,
+  placeholder: V,
+  placement: A,
   renderCustomElementInValueButton: t,
   selectRenderElements: n,
-  value: S
+  value: D
 }) => {
-  const { isDisabled: h } = Q(X), [V, y] = F(!1), U = k || h, [L, b] = F(S ?? e), { wrapper: H } = O({}), T = M(null), { direction: W } = R(), v = P(
+  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(
     (J) => {
-      b(J), f == null || f(J), y(!1);
+      $(J), u == null || u(J), U(!1);
     },
-    [f]
+    [u]
   );
-  d(() => {
-    b(S ?? e);
-  }, [e, S]);
-  const E = S ?? L;
-  return /* @__PURE__ */ r.jsxs("div", { children: [
-    /* @__PURE__ */ r.jsx(K, { name: N, value: E, getItemId: s }),
-    /* @__PURE__ */ r.jsxs("div", { className: H({ fullWidth: m }), children: [
-      /* @__PURE__ */ r.jsx(
-        Y,
+  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(
+        Z,
         {
-          label: p,
-          hideHintLabel: w,
-          hideInputHeader: j,
-          isRequired: x
-        }
+          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
       ),
-      /* @__PURE__ */ r.jsx("div", { ref: T, children: /* @__PURE__ */ r.jsx(
-        lr,
+      /* @__PURE__ */ e.jsxDEV("div", { ref: G, children: /* @__PURE__ */ e.jsxDEV(
+        me,
         {
-          fullWidth: m,
-          isDisabled: U,
-          disableClearLogic: l,
-          isInvalid: D,
-          placeholder: $,
-          value: E,
-          getLabel: A,
-          getItemId: s,
-          label: p,
-          onChange: v,
-          setOpenPopover: y,
+          fullWidth: p,
+          isDisabled: M,
+          disableClearLogic: m,
+          isInvalid: y,
+          placeholder: V,
+          value: w,
+          getLabel: E,
+          getItemId: r,
+          label: c,
+          onChange: h,
+          setOpenPopover: U,
           renderCustomElementInValueButton: t,
           selectRenderElements: n
-        }
-      ) }),
-      /* @__PURE__ */ r.jsx(
-        Z,
+        },
+        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(
+        _,
         {
           description: i,
-          errorMessage: a,
-          hideInputFooter: u
-        }
+          errorMessage: N,
+          hideInputFooter: a
+        },
+        void 0,
+        !1,
+        {
+          fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
+          lineNumber: 603,
+          columnNumber: 9
+        },
+        void 0
       )
-    ] }),
-    /* @__PURE__ */ r.jsx(
-      B,
+    ] }, void 0, !0, {
+      fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
+      lineNumber: 579,
+      columnNumber: 7
+    }, void 0),
+    /* @__PURE__ */ e.jsxDEV(
+      K,
       {
-        triggerRef: T,
-        label: `${p} options`,
-        getItemId: s,
+        triggerRef: G,
+        label: `${c} options`,
+        getItemId: r,
         selectRenderElements: n,
-        items: c,
-        open: V,
-        disabledItemIdKeys: o,
-        direction: W,
-        setOpenPopover: y,
-        onSingleChange: v,
-        value: E,
-        placement: G
-      }
+        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
     )
-  ] });
-}, Xo = ({
-  defaultValue: e,
+  ] }, void 0, !0, {
+    fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
+    lineNumber: 577,
+    columnNumber: 5
+  }, void 0);
+}, Qs = ({
+  defaultValue: l,
   description: i,
-  disableClearLogic: l,
-  disabledItemIdKeys: o,
-  errorMessage: a,
-  fullWidth: m = !0,
-  getItemId: s,
-  getLabel: A,
-  hideHintLabel: w,
-  hideInputFooter: u,
-  hideInputHeader: j,
+  disableClearLogic: m,
+  disabledItemIdKeys: s,
+  errorMessage: N,
+  fullWidth: p = !0,
+  getItemId: r,
+  getLabel: E,
+  hideHintLabel: b,
+  hideInputFooter: a,
+  hideInputHeader: d,
   isDisabled: k,
-  isInvalid: D,
-  isRequired: x,
-  items: c,
-  label: p,
-  name: N,
-  onChange: f,
-  placeholder: $,
-  placement: G,
+  isInvalid: y,
+  isRequired: f,
+  items: o,
+  label: c,
+  name: j,
+  onChange: u,
+  placeholder: V,
+  placement: A,
   selectRenderElements: t,
   value: n
 }) => {
-  const { isDisabled: S } = Q(X), h = k || S, [V, y] = F(!1), [U, L] = F(n ?? e), b = M(null), { direction: H } = R(), { wrapper: T } = O({}), W = P(
-    (E) => {
-      L(E), f == null || f(E);
+  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);
     },
-    [f]
+    [u]
   );
-  d(() => {
-    L(n ?? e);
-  }, [e, n]);
-  const v = n ?? U;
-  return /* @__PURE__ */ r.jsxs("div", { children: [
-    /* @__PURE__ */ r.jsx(K, { name: N, value: v, getItemId: s }),
-    /* @__PURE__ */ r.jsxs("div", { className: T({ fullWidth: m }), children: [
-      /* @__PURE__ */ r.jsx(
-        Y,
+  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(
+        Z,
         {
-          label: p,
-          hideHintLabel: w,
-          hideInputHeader: j,
-          isRequired: x
-        }
+          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
       ),
-      /* @__PURE__ */ r.jsx("div", { ref: b, children: /* @__PURE__ */ r.jsx(
-        mr,
+      /* @__PURE__ */ e.jsxDEV("div", { ref: $, children: /* @__PURE__ */ e.jsxDEV(
+        pe,
         {
-          fullWidth: m,
-          isDisabled: h,
-          isInvalid: D,
-          placeholder: $,
-          value: v,
-          onChange: W,
-          getItemId: s,
-          getLabel: A,
-          label: p,
-          disableClearLogic: l,
-          setOpenPopover: y,
+          fullWidth: p,
+          isDisabled: x,
+          isInvalid: y,
+          placeholder: V,
+          value: h,
+          onChange: L,
+          getItemId: r,
+          getLabel: E,
+          label: c,
+          disableClearLogic: m,
+          setOpenPopover: U,
           selectRenderElements: t
-        }
-      ) }),
-      /* @__PURE__ */ r.jsx(
-        Z,
+        },
+        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(
+        _,
         {
           description: i,
-          errorMessage: a,
-          hideInputFooter: u
-        }
+          errorMessage: N,
+          hideInputFooter: a
+        },
+        void 0,
+        !1,
+        {
+          fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
+          lineNumber: 701,
+          columnNumber: 9
+        },
+        void 0
       )
-    ] }),
-    /* @__PURE__ */ r.jsx(
-      B,
+    ] }, void 0, !0, {
+      fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
+      lineNumber: 678,
+      columnNumber: 7
+    }, void 0),
+    /* @__PURE__ */ e.jsxDEV(
+      K,
       {
-        label: `${p} options`,
-        triggerRef: b,
-        items: c,
-        open: V,
-        getItemId: s,
+        label: `${c} options`,
+        triggerRef: $,
+        items: o,
+        open: P,
+        getItemId: r,
         selectRenderElements: t,
-        disabledItemIdKeys: o,
-        direction: H,
-        setOpenPopover: y,
-        onMultiChange: W,
-        placement: G,
-        value: v
-      }
+        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
     )
-  ] });
+  ] }, void 0, !0, {
+    fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",
+    lineNumber: 676,
+    columnNumber: 5
+  }, void 0);
 };
 export {
-  Xo as MultiSelect,
-  Qo as Select
+  Qs as MultiSelect,
+  Js as Select
 };