@still-forest/canopy 0.28.0 → 0.28.1

package/dist/SelectInput.js

@@ -1,4 +1,4 @@
-import { j as o } from "./jsx-runtime.js";
+import { j as n } from "./jsx-runtime.js";
 import { c as q, u as A, i as Pe, B as Be, j as no } from "./calendar.js";
 import * as i from "react";
 import oe, { useState as qe, useEffect as ro } from "react";
@@ -13,19 +13,19 @@ import * as Qe from "react-dom";
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const wo = [
+const Co = [
   ["path", { d: "M8 2v4", key: "1cmpym" }],
   ["path", { d: "M16 2v4", key: "4m81vk" }],
   ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
   ["path", { d: "M3 10h18", key: "8toen8" }]
-], yo = q("calendar", wo);
+], wo = q("calendar", Co);
 /**
  * @license lucide-react v0.525.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Co = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], et = q("check", Co);
+const yo = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], et = q("check", yo);
 /**
  * @license lucide-react v0.525.0 - ISC
  *
@@ -53,7 +53,7 @@ const No = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]], To = q(
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const jo = [
+const Eo = [
   ["path", { d: "M12 2v4", key: "3427ic" }],
   ["path", { d: "m16.2 7.8 2.9-2.9", key: "r700ao" }],
   ["path", { d: "M18 12h4", key: "wj9ykh" }],
@@ -62,7 +62,7 @@ const jo = [
   ["path", { d: "m4.9 19.1 2.9-2.9", key: "bwix9q" }],
   ["path", { d: "M2 12h4", key: "j09sii" }],
   ["path", { d: "m4.9 4.9 2.9 2.9", key: "giyufr" }]
-], Eo = q("loader", jo);
+], jo = q("loader", Eo);
 /**
  * @license lucide-react v0.525.0 - ISC
  *
@@ -95,7 +95,7 @@ const Mo = [
     }
   ],
   ["path", { d: "m21.854 2.147-10.94 10.939", key: "12cjpa" }]
-], Ee = q("send", Mo);
+], je = q("send", Mo);
 /**
  * @license lucide-react v0.525.0 - ISC
  *
@@ -110,25 +110,25 @@ const Ao = [
   ["line", { x1: "14", x2: "14", y1: "11", y2: "17", key: "xtxkd" }]
 ], Do = q("trash-2", Ao);
 function ot(e) {
-  const n = e + "CollectionProvider", [t, r] = ce(n), [s, a] = t(
-    n,
+  const o = e + "CollectionProvider", [t, r] = ce(o), [s, a] = t(
+    o,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
   ), c = (u) => {
     const { scope: f, children: x } = u, h = oe.useRef(null), g = oe.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ o.jsx(s, { scope: f, itemMap: g, collectionRef: h, children: x });
+    return /* @__PURE__ */ n.jsx(s, { scope: f, itemMap: g, collectionRef: h, children: x });
   };
-  c.displayName = n;
+  c.displayName = o;
   const l = e + "CollectionSlot", d = Pe(l), p = oe.forwardRef(
     (u, f) => {
-      const { scope: x, children: h } = u, g = a(l, x), C = A(f, g.collectionRef);
-      return /* @__PURE__ */ o.jsx(d, { ref: C, children: h });
+      const { scope: x, children: h } = u, g = a(l, x), y = A(f, g.collectionRef);
+      return /* @__PURE__ */ n.jsx(d, { ref: y, children: h });
     }
   );
   p.displayName = l;
-  const m = e + "CollectionItemSlot", v = "data-radix-collection-item", w = Pe(m), S = oe.forwardRef(
+  const m = e + "CollectionItemSlot", v = "data-radix-collection-item", C = Pe(m), S = oe.forwardRef(
     (u, f) => {
-      const { scope: x, children: h, ...g } = u, C = oe.useRef(null), E = A(f, C), O = a(m, x);
-      return oe.useEffect(() => (O.itemMap.set(C, { ref: C, ...g }), () => void O.itemMap.delete(C))), /* @__PURE__ */ o.jsx(w, { [v]: "", ref: E, children: h });
+      const { scope: x, children: h, ...g } = u, y = oe.useRef(null), j = A(f, y), O = a(m, x);
+      return oe.useEffect(() => (O.itemMap.set(y, { ref: y, ...g }), () => void O.itemMap.delete(y))), /* @__PURE__ */ n.jsx(C, { [v]: "", ref: j, children: h });
     }
   );
   S.displayName = m;
@@ -151,17 +151,17 @@ function ot(e) {
 }
 var Oo = i.createContext(void 0);
 function Ge(e) {
-  const n = i.useContext(Oo);
-  return e || n || "ltr";
+  const o = i.useContext(Oo);
+  return e || o || "ltr";
 }
 function $e(e) {
-  const n = i.useRef({ value: e, previous: e });
-  return i.useMemo(() => (n.current.value !== e && (n.current.previous = n.current.value, n.current.value = e), n.current.previous), [e]);
+  const o = i.useRef({ value: e, previous: e });
+  return i.useMemo(() => (o.current.value !== e && (o.current.previous = o.current.value, o.current.value = e), o.current.previous), [e]);
 }
 var ge = "Checkbox", [Lo, hr] = ce(ge), [Fo, He] = Lo(ge);
 function Bo(e) {
   const {
-    __scopeCheckbox: n,
+    __scopeCheckbox: o,
     checked: t,
     children: r,
     defaultChecked: s,
@@ -173,7 +173,7 @@ function Bo(e) {
     value: m = "on",
     // @ts-expect-error
     internal_do_not_use_render: v
-  } = e, [w, S] = ue({
+  } = e, [C, S] = ue({
     prop: t,
     defaultProp: s ?? !1,
     onChange: d,
@@ -181,8 +181,8 @@ function Bo(e) {
   }), [b, u] = i.useState(null), [f, x] = i.useState(null), h = i.useRef(!1), g = b ? !!c || !!b.closest("form") : (
     // We set this to true by default so that events bubble to forms without JS (SSR)
     !0
-  ), C = {
-    checked: w,
+  ), y = {
+    checked: C,
     disabled: a,
     setChecked: S,
     control: b,
@@ -197,17 +197,17 @@ function Bo(e) {
     bubbleInput: f,
     setBubbleInput: x
   };
-  return /* @__PURE__ */ o.jsx(
+  return /* @__PURE__ */ n.jsx(
     Fo,
     {
-      scope: n,
-      ...C,
-      children: Vo(v) ? v(C) : r
+      scope: o,
+      ...y,
+      children: Vo(v) ? v(y) : r
     }
   );
 }
 var nt = "CheckboxTrigger", rt = i.forwardRef(
-  ({ __scopeCheckbox: e, onKeyDown: n, onClick: t, ...r }, s) => {
+  ({ __scopeCheckbox: e, onKeyDown: o, onClick: t, ...r }, s) => {
     const {
       control: a,
       value: c,
@@ -216,7 +216,7 @@ var nt = "CheckboxTrigger", rt = i.forwardRef(
       required: p,
       setControl: m,
       setChecked: v,
-      hasConsumerStoppedPropagationRef: w,
+      hasConsumerStoppedPropagationRef: C,
       isFormControl: S,
       bubbleInput: b
     } = He(nt, e), u = A(s, m), f = i.useRef(d);
@@ -226,7 +226,7 @@ var nt = "CheckboxTrigger", rt = i.forwardRef(
         const h = () => v(f.current);
         return x.addEventListener("reset", h), () => x.removeEventListener("reset", h);
       }
-    }, [a, v]), /* @__PURE__ */ o.jsx(
+    }, [a, v]), /* @__PURE__ */ n.jsx(
       N.button,
       {
         type: "button",
@@ -239,11 +239,11 @@ var nt = "CheckboxTrigger", rt = i.forwardRef(
         value: c,
         ...r,
         ref: u,
-        onKeyDown: I(n, (x) => {
+        onKeyDown: I(o, (x) => {
           x.key === "Enter" && x.preventDefault();
         }),
         onClick: I(t, (x) => {
-          v((h) => X(h) ? !0 : !h), b && S && (w.current = x.isPropagationStopped(), w.current || x.stopPropagation());
+          v((h) => X(h) ? !0 : !h), b && S && (C.current = x.isPropagationStopped(), C.current || x.stopPropagation());
         })
       }
     );
@@ -251,7 +251,7 @@ var nt = "CheckboxTrigger", rt = i.forwardRef(
 );
 rt.displayName = nt;
 var st = i.forwardRef(
-  (e, n) => {
+  (e, o) => {
     const {
       __scopeCheckbox: t,
       name: r,
@@ -264,7 +264,7 @@ var st = i.forwardRef(
       form: m,
       ...v
     } = e;
-    return /* @__PURE__ */ o.jsx(
+    return /* @__PURE__ */ n.jsx(
       Bo,
       {
         __scopeCheckbox: t,
@@ -276,16 +276,16 @@ var st = i.forwardRef(
         name: r,
         form: m,
         value: d,
-        internal_do_not_use_render: ({ isFormControl: w }) => /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-          /* @__PURE__ */ o.jsx(
+        internal_do_not_use_render: ({ isFormControl: C }) => /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+          /* @__PURE__ */ n.jsx(
             rt,
             {
               ...v,
-              ref: n,
+              ref: o,
               __scopeCheckbox: t
             }
           ),
-          w && /* @__PURE__ */ o.jsx(
+          C && /* @__PURE__ */ n.jsx(
             lt,
             {
               __scopeCheckbox: t
@@ -298,19 +298,19 @@ var st = i.forwardRef(
 );
 st.displayName = ge;
 var at = "CheckboxIndicator", ct = i.forwardRef(
-  (e, n) => {
+  (e, o) => {
     const { __scopeCheckbox: t, forceMount: r, ...s } = e, a = He(at, t);
-    return /* @__PURE__ */ o.jsx(
+    return /* @__PURE__ */ n.jsx(
       Ye,
       {
         present: r || X(a.checked) || a.checked === !0,
-        children: /* @__PURE__ */ o.jsx(
+        children: /* @__PURE__ */ n.jsx(
           N.span,
           {
             "data-state": dt(a.checked),
             "data-disabled": a.disabled ? "" : void 0,
             ...s,
-            ref: n,
+            ref: o,
             style: { pointerEvents: "none", ...e.style }
           }
         )
@@ -320,7 +320,7 @@ var at = "CheckboxIndicator", ct = i.forwardRef(
 );
 ct.displayName = at;
 var it = "CheckboxBubbleInput", lt = i.forwardRef(
-  ({ __scopeCheckbox: e, ...n }, t) => {
+  ({ __scopeCheckbox: e, ...o }, t) => {
     const {
       control: r,
       hasConsumerStoppedPropagationRef: s,
@@ -331,23 +331,23 @@ var it = "CheckboxBubbleInput", lt = i.forwardRef(
       name: p,
       value: m,
       form: v,
-      bubbleInput: w,
+      bubbleInput: C,
       setBubbleInput: S
     } = He(it, e), b = A(t, S), u = $e(a), f = Xe(r);
     i.useEffect(() => {
-      const h = w;
+      const h = C;
       if (!h) return;
-      const g = window.HTMLInputElement.prototype, E = Object.getOwnPropertyDescriptor(
+      const g = window.HTMLInputElement.prototype, j = Object.getOwnPropertyDescriptor(
         g,
         "checked"
       ).set, O = !s.current;
-      if (u !== a && E) {
+      if (u !== a && j) {
         const k = new Event("click", { bubbles: O });
-        h.indeterminate = X(a), E.call(h, X(a) ? !1 : a), h.dispatchEvent(k);
+        h.indeterminate = X(a), j.call(h, X(a) ? !1 : a), h.dispatchEvent(k);
       }
-    }, [w, u, a, s]);
+    }, [C, u, a, s]);
     const x = i.useRef(X(a) ? !1 : a);
-    return /* @__PURE__ */ o.jsx(
+    return /* @__PURE__ */ n.jsx(
       N.input,
       {
         type: "checkbox",
@@ -358,11 +358,11 @@ var it = "CheckboxBubbleInput", lt = i.forwardRef(
         name: p,
         value: m,
         form: v,
-        ...n,
+        ...o,
         tabIndex: -1,
         ref: b,
         style: {
-          ...n.style,
+          ...o.style,
           ...f,
           position: "absolute",
           pointerEvents: "none",
@@ -391,10 +391,10 @@ var ke = "rovingFocusGroup.onEntryFocus", Go = { bubbles: !1, cancelable: !0 },
   pe,
   [$o]
 ), [Uo, zo] = Ho(pe), ft = i.forwardRef(
-  (e, n) => /* @__PURE__ */ o.jsx(Me.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ o.jsx(Me.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ o.jsx(Ko, { ...e, ref: n }) }) })
+  (e, o) => /* @__PURE__ */ n.jsx(Me.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ n.jsx(Me.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ n.jsx(Ko, { ...e, ref: o }) }) })
 );
 ft.displayName = pe;
-var Ko = i.forwardRef((e, n) => {
+var Ko = i.forwardRef((e, o) => {
   const {
     __scopeRovingFocusGroup: t,
     orientation: r,
@@ -406,17 +406,17 @@ var Ko = i.forwardRef((e, n) => {
     onEntryFocus: p,
     preventScrollOnEntryFocus: m = !1,
     ...v
-  } = e, w = i.useRef(null), S = A(n, w), b = Ge(a), [u, f] = ue({
+  } = e, C = i.useRef(null), S = A(o, C), b = Ge(a), [u, f] = ue({
     prop: c,
     defaultProp: l ?? null,
     onChange: d,
     caller: pe
-  }), [x, h] = i.useState(!1), g = Ze(p), C = ut(t), E = i.useRef(!1), [O, k] = i.useState(0);
+  }), [x, h] = i.useState(!1), g = Ze(p), y = ut(t), j = i.useRef(!1), [O, k] = i.useState(0);
   return i.useEffect(() => {
-    const R = w.current;
+    const R = C.current;
     if (R)
       return R.addEventListener(ke, g), () => R.removeEventListener(ke, g);
-  }, [g]), /* @__PURE__ */ o.jsx(
+  }, [g]), /* @__PURE__ */ n.jsx(
     Uo,
     {
       scope: t,
@@ -437,7 +437,7 @@ var Ko = i.forwardRef((e, n) => {
         () => k((R) => R - 1),
         []
       ),
-      children: /* @__PURE__ */ o.jsx(
+      children: /* @__PURE__ */ n.jsx(
         N.div,
         {
           tabIndex: x || O === 0 ? -1 : 0,
@@ -446,20 +446,20 @@ var Ko = i.forwardRef((e, n) => {
           ref: S,
           style: { outline: "none", ...e.style },
           onMouseDown: I(e.onMouseDown, () => {
-            E.current = !0;
+            j.current = !0;
           }),
           onFocus: I(e.onFocus, (R) => {
-            const $ = !E.current;
+            const $ = !j.current;
             if (R.target === R.currentTarget && $ && !x) {
               const H = new CustomEvent(ke, Go);
               if (R.currentTarget.dispatchEvent(H), !H.defaultPrevented) {
-                const L = C().filter((T) => T.focusable), B = L.find((T) => T.active), U = L.find((T) => T.id === u), V = [B, U, ...L].filter(
+                const L = y().filter((T) => T.focusable), B = L.find((T) => T.active), U = L.find((T) => T.id === u), V = [B, U, ...L].filter(
                   Boolean
                 ).map((T) => T.ref.current);
                 vt(V, m);
               }
             }
-            E.current = !1;
+            j.current = !1;
           }),
           onBlur: I(e.onBlur, () => h(!1))
         }
@@ -467,7 +467,7 @@ var Ko = i.forwardRef((e, n) => {
     }
   );
 }), mt = "RovingFocusGroupItem", ht = i.forwardRef(
-  (e, n) => {
+  (e, o) => {
     const {
       __scopeRovingFocusGroup: t,
       focusable: r = !0,
@@ -475,24 +475,24 @@ var Ko = i.forwardRef((e, n) => {
       tabStopId: a,
       children: c,
       ...l
-    } = e, d = xe(), p = a || d, m = zo(mt, t), v = m.currentTabStopId === p, w = ut(t), { onFocusableItemAdd: S, onFocusableItemRemove: b, currentTabStopId: u } = m;
+    } = e, d = xe(), p = a || d, m = zo(mt, t), v = m.currentTabStopId === p, C = ut(t), { onFocusableItemAdd: S, onFocusableItemRemove: b, currentTabStopId: u } = m;
     return i.useEffect(() => {
       if (r)
         return S(), () => b();
-    }, [r, S, b]), /* @__PURE__ */ o.jsx(
+    }, [r, S, b]), /* @__PURE__ */ n.jsx(
       Me.ItemSlot,
       {
         scope: t,
         id: p,
         focusable: r,
         active: s,
-        children: /* @__PURE__ */ o.jsx(
+        children: /* @__PURE__ */ n.jsx(
           N.span,
           {
             tabIndex: v ? 0 : -1,
             "data-orientation": m.orientation,
             ...l,
-            ref: n,
+            ref: o,
             onMouseDown: I(e.onMouseDown, (f) => {
               r ? m.onItemFocus(p) : f.preventDefault();
             }),
@@ -507,12 +507,12 @@ var Ko = i.forwardRef((e, n) => {
               if (x !== void 0) {
                 if (f.metaKey || f.ctrlKey || f.altKey || f.shiftKey) return;
                 f.preventDefault();
-                let g = w().filter((C) => C.focusable).map((C) => C.ref.current);
+                let g = C().filter((y) => y.focusable).map((y) => y.ref.current);
                 if (x === "last") g.reverse();
                 else if (x === "prev" || x === "next") {
                   x === "prev" && g.reverse();
-                  const C = g.indexOf(f.currentTarget);
-                  g = m.loop ? Xo(g, C + 1) : g.slice(C + 1);
+                  const y = g.indexOf(f.currentTarget);
+                  g = m.loop ? Xo(g, y + 1) : g.slice(y + 1);
                 }
                 setTimeout(() => vt(g));
               }
@@ -535,27 +535,27 @@ var Wo = {
   PageDown: "last",
   End: "last"
 };
-function qo(e, n) {
-  return n !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
+function qo(e, o) {
+  return o !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
 }
-function Yo(e, n, t) {
+function Yo(e, o, t) {
   const r = qo(e.key, t);
-  if (!(n === "vertical" && ["ArrowLeft", "ArrowRight"].includes(r)) && !(n === "horizontal" && ["ArrowUp", "ArrowDown"].includes(r)))
+  if (!(o === "vertical" && ["ArrowLeft", "ArrowRight"].includes(r)) && !(o === "horizontal" && ["ArrowUp", "ArrowDown"].includes(r)))
     return Wo[r];
 }
-function vt(e, n = !1) {
+function vt(e, o = !1) {
   const t = document.activeElement;
   for (const r of e)
-    if (r === t || (r.focus({ preventScroll: n }), document.activeElement !== t)) return;
+    if (r === t || (r.focus({ preventScroll: o }), document.activeElement !== t)) return;
 }
-function Xo(e, n) {
-  return e.map((t, r) => e[(n + r) % e.length]);
+function Xo(e, o) {
+  return e.map((t, r) => e[(o + r) % e.length]);
 }
-var Zo = ft, Jo = ht, Qo = "Label", xt = i.forwardRef((e, n) => /* @__PURE__ */ o.jsx(
+var Zo = ft, Jo = ht, Qo = "Label", xt = i.forwardRef((e, o) => /* @__PURE__ */ n.jsx(
   N.label,
   {
     ...e,
-    ref: n,
+    ref: o,
     onMouseDown: (t) => {
       t.target.closest("button, input, select, textarea") || (e.onMouseDown?.(t), !t.defaultPrevented && t.detail > 1 && t.preventDefault());
     }
@@ -563,11 +563,11 @@ var Zo = ft, Jo = ht, Qo = "Label", xt = i.forwardRef((e, n) => /* @__PURE__ */
 ));
 xt.displayName = Qo;
 var en = xt;
-function Ke(e, [n, t]) {
-  return Math.min(t, Math.max(n, e));
+function Ke(e, [o, t]) {
+  return Math.min(t, Math.max(o, e));
 }
 var Ue = "Radio", [tn, gt] = ce(Ue), [on, nn] = tn(Ue), bt = i.forwardRef(
-  (e, n) => {
+  (e, o) => {
     const {
       __scopeRadio: t,
       name: r,
@@ -578,15 +578,15 @@ var Ue = "Radio", [tn, gt] = ce(Ue), [on, nn] = tn(Ue), bt = i.forwardRef(
       onCheck: d,
       form: p,
       ...m
-    } = e, [v, w] = i.useState(null), S = A(n, (f) => w(f)), b = i.useRef(!1), u = v ? p || !!v.closest("form") : !0;
-    return /* @__PURE__ */ o.jsxs(on, { scope: t, checked: s, disabled: c, children: [
-      /* @__PURE__ */ o.jsx(
+    } = e, [v, C] = i.useState(null), S = A(o, (f) => C(f)), b = i.useRef(!1), u = v ? p || !!v.closest("form") : !0;
+    return /* @__PURE__ */ n.jsxs(on, { scope: t, checked: s, disabled: c, children: [
+      /* @__PURE__ */ n.jsx(
         N.button,
         {
           type: "button",
           role: "radio",
           "aria-checked": s,
-          "data-state": Ct(s),
+          "data-state": yt(s),
           "data-disabled": c ? "" : void 0,
           disabled: c,
           value: l,
@@ -597,8 +597,8 @@ var Ue = "Radio", [tn, gt] = ce(Ue), [on, nn] = tn(Ue), bt = i.forwardRef(
           })
         }
       ),
-      u && /* @__PURE__ */ o.jsx(
-        yt,
+      u && /* @__PURE__ */ n.jsx(
+        wt,
         {
           control: v,
           bubbles: !b.current,
@@ -615,30 +615,30 @@ var Ue = "Radio", [tn, gt] = ce(Ue), [on, nn] = tn(Ue), bt = i.forwardRef(
   }
 );
 bt.displayName = Ue;
-var St = "RadioIndicator", wt = i.forwardRef(
-  (e, n) => {
+var St = "RadioIndicator", Ct = i.forwardRef(
+  (e, o) => {
     const { __scopeRadio: t, forceMount: r, ...s } = e, a = nn(St, t);
-    return /* @__PURE__ */ o.jsx(Ye, { present: r || a.checked, children: /* @__PURE__ */ o.jsx(
+    return /* @__PURE__ */ n.jsx(Ye, { present: r || a.checked, children: /* @__PURE__ */ n.jsx(
       N.span,
       {
-        "data-state": Ct(a.checked),
+        "data-state": yt(a.checked),
         "data-disabled": a.disabled ? "" : void 0,
         ...s,
-        ref: n
+        ref: o
       }
     ) });
   }
 );
-wt.displayName = St;
-var rn = "RadioBubbleInput", yt = i.forwardRef(
+Ct.displayName = St;
+var rn = "RadioBubbleInput", wt = i.forwardRef(
   ({
     __scopeRadio: e,
-    control: n,
+    control: o,
     checked: t,
     bubbles: r = !0,
     ...s
   }, a) => {
-    const c = i.useRef(null), l = A(c, a), d = $e(t), p = Xe(n);
+    const c = i.useRef(null), l = A(c, a), d = $e(t), p = Xe(o);
     return i.useEffect(() => {
       const m = c.current;
       if (!m) return;
@@ -650,7 +650,7 @@ var rn = "RadioBubbleInput", yt = i.forwardRef(
         const b = new Event("click", { bubbles: r });
         S.call(m, t), m.dispatchEvent(b);
       }
-    }, [d, t, r]), /* @__PURE__ */ o.jsx(
+    }, [d, t, r]), /* @__PURE__ */ n.jsx(
       N.input,
       {
         type: "radio",
@@ -671,15 +671,15 @@ var rn = "RadioBubbleInput", yt = i.forwardRef(
     );
   }
 );
-yt.displayName = rn;
-function Ct(e) {
+wt.displayName = rn;
+function yt(e) {
   return e ? "checked" : "unchecked";
 }
 var sn = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], be = "RadioGroup", [an, vr] = ce(be, [
   pt,
   gt
 ]), It = pt(), Rt = gt(), [cn, ln] = an(be), _t = i.forwardRef(
-  (e, n) => {
+  (e, o) => {
     const {
       __scopeRadioGroup: t,
       name: r,
@@ -691,14 +691,14 @@ var sn = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], be = "RadioGroup",
       dir: p,
       loop: m = !0,
       onValueChange: v,
-      ...w
+      ...C
     } = e, S = It(t), b = Ge(p), [u, f] = ue({
       prop: a,
       defaultProp: s ?? null,
       onChange: v,
       caller: be
     });
-    return /* @__PURE__ */ o.jsx(
+    return /* @__PURE__ */ n.jsx(
       cn,
       {
         scope: t,
@@ -707,7 +707,7 @@ var sn = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], be = "RadioGroup",
         disabled: l,
         value: u,
         onValueChange: f,
-        children: /* @__PURE__ */ o.jsx(
+        children: /* @__PURE__ */ n.jsx(
           Zo,
           {
             asChild: !0,
@@ -715,7 +715,7 @@ var sn = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], be = "RadioGroup",
             orientation: d,
             dir: b,
             loop: m,
-            children: /* @__PURE__ */ o.jsx(
+            children: /* @__PURE__ */ n.jsx(
               N.div,
               {
                 role: "radiogroup",
@@ -723,8 +723,8 @@ var sn = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], be = "RadioGroup",
                 "aria-orientation": d,
                 "data-disabled": l ? "" : void 0,
                 dir: b,
-                ...w,
-                ref: n
+                ...C,
+                ref: o
               }
             )
           }
@@ -735,23 +735,23 @@ var sn = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], be = "RadioGroup",
 );
 _t.displayName = be;
 var Nt = "RadioGroupItem", Tt = i.forwardRef(
-  (e, n) => {
-    const { __scopeRadioGroup: t, disabled: r, ...s } = e, a = ln(Nt, t), c = a.disabled || r, l = It(t), d = Rt(t), p = i.useRef(null), m = A(n, p), v = a.value === s.value, w = i.useRef(!1);
+  (e, o) => {
+    const { __scopeRadioGroup: t, disabled: r, ...s } = e, a = ln(Nt, t), c = a.disabled || r, l = It(t), d = Rt(t), p = i.useRef(null), m = A(o, p), v = a.value === s.value, C = i.useRef(!1);
     return i.useEffect(() => {
       const S = (u) => {
-        sn.includes(u.key) && (w.current = !0);
-      }, b = () => w.current = !1;
+        sn.includes(u.key) && (C.current = !0);
+      }, b = () => C.current = !1;
       return document.addEventListener("keydown", S), document.addEventListener("keyup", b), () => {
         document.removeEventListener("keydown", S), document.removeEventListener("keyup", b);
       };
-    }, []), /* @__PURE__ */ o.jsx(
+    }, []), /* @__PURE__ */ n.jsx(
       Jo,
       {
         asChild: !0,
         ...l,
         focusable: !c,
         active: v,
-        children: /* @__PURE__ */ o.jsx(
+        children: /* @__PURE__ */ n.jsx(
           bt,
           {
             disabled: c,
@@ -766,7 +766,7 @@ var Nt = "RadioGroupItem", Tt = i.forwardRef(
               S.key === "Enter" && S.preventDefault();
             }),
             onFocus: I(s.onFocus, () => {
-              w.current && p.current?.click();
+              C.current && p.current?.click();
             })
           }
         )
@@ -775,19 +775,19 @@ var Nt = "RadioGroupItem", Tt = i.forwardRef(
   }
 );
 Tt.displayName = Nt;
-var dn = "RadioGroupIndicator", jt = i.forwardRef(
-  (e, n) => {
+var dn = "RadioGroupIndicator", Et = i.forwardRef(
+  (e, o) => {
     const { __scopeRadioGroup: t, ...r } = e, s = Rt(t);
-    return /* @__PURE__ */ o.jsx(wt, { ...s, ...r, ref: n });
+    return /* @__PURE__ */ n.jsx(Ct, { ...s, ...r, ref: o });
   }
 );
-jt.displayName = dn;
-var un = _t, pn = Tt, fn = jt, mn = [" ", "Enter", "ArrowUp", "ArrowDown"], hn = [" ", "Enter"], re = "Select", [Se, we, vn] = ot(re), [ie, xr] = ce(re, [
+Et.displayName = dn;
+var un = _t, pn = Tt, fn = Et, mn = [" ", "Enter", "ArrowUp", "ArrowDown"], hn = [" ", "Enter"], re = "Select", [Se, Ce, vn] = ot(re), [ie, xr] = ce(re, [
   vn,
   Je
-]), ye = Je(), [xn, J] = ie(re), [gn, bn] = ie(re), Et = (e) => {
+]), we = Je(), [xn, J] = ie(re), [gn, bn] = ie(re), jt = (e) => {
   const {
-    __scopeSelect: n,
+    __scopeSelect: o,
     children: t,
     open: r,
     defaultOpen: s,
@@ -798,10 +798,10 @@ var un = _t, pn = Tt, fn = jt, mn = [" ", "Enter", "ArrowUp", "ArrowDown"], hn =
     dir: p,
     name: m,
     autoComplete: v,
-    disabled: w,
+    disabled: C,
     required: S,
     form: b
-  } = e, u = ye(n), [f, x] = i.useState(null), [h, g] = i.useState(null), [C, E] = i.useState(!1), O = Ge(p), [k, R] = ue({
+  } = e, u = we(o), [f, x] = i.useState(null), [h, g] = i.useState(null), [y, j] = i.useState(!1), O = Ge(p), [k, R] = ue({
     prop: r,
     defaultProp: s ?? !1,
     onChange: a,
@@ -812,17 +812,17 @@ var un = _t, pn = Tt, fn = jt, mn = [" ", "Enter", "ArrowUp", "ArrowDown"], hn =
     onChange: d,
     caller: re
   }), L = i.useRef(null), B = f ? b || !!f.closest("form") : !0, [U, z] = i.useState(/* @__PURE__ */ new Set()), V = Array.from(U).map((T) => T.props.value).join(";");
-  return /* @__PURE__ */ o.jsx(ao, { ...u, children: /* @__PURE__ */ o.jsxs(
+  return /* @__PURE__ */ n.jsx(ao, { ...u, children: /* @__PURE__ */ n.jsxs(
     xn,
     {
       required: S,
-      scope: n,
+      scope: o,
       trigger: f,
       onTriggerChange: x,
       valueNode: h,
       onValueNodeChange: g,
-      valueNodeHasChildren: C,
-      onValueNodeHasChildrenChange: E,
+      valueNodeHasChildren: y,
+      onValueNodeHasChildrenChange: j,
       contentId: xe(),
       value: $,
       onValueChange: H,
@@ -830,9 +830,9 @@ var un = _t, pn = Tt, fn = jt, mn = [" ", "Enter", "ArrowUp", "ArrowDown"], hn =
       onOpenChange: R,
       dir: O,
       triggerPointerDownPosRef: L,
-      disabled: w,
+      disabled: C,
       children: [
-        /* @__PURE__ */ o.jsx(Se.Provider, { scope: n, children: /* @__PURE__ */ o.jsx(
+        /* @__PURE__ */ n.jsx(Se.Provider, { scope: o, children: /* @__PURE__ */ n.jsx(
           gn,
           {
             scope: e.__scopeSelect,
@@ -848,7 +848,7 @@ var un = _t, pn = Tt, fn = jt, mn = [" ", "Enter", "ArrowUp", "ArrowDown"], hn =
             children: t
           }
         ) }),
-        B ? /* @__PURE__ */ o.jsxs(
+        B ? /* @__PURE__ */ n.jsxs(
           Jt,
           {
             "aria-hidden": !0,
@@ -858,10 +858,10 @@ var un = _t, pn = Tt, fn = jt, mn = [" ", "Enter", "ArrowUp", "ArrowDown"], hn =
             autoComplete: v,
             value: $,
             onChange: (T) => H(T.target.value),
-            disabled: w,
+            disabled: C,
             form: b,
             children: [
-              $ === void 0 ? /* @__PURE__ */ o.jsx("option", { value: "" }) : null,
+              $ === void 0 ? /* @__PURE__ */ n.jsx("option", { value: "" }) : null,
               Array.from(U)
             ]
           },
@@ -871,10 +871,10 @@ var un = _t, pn = Tt, fn = jt, mn = [" ", "Enter", "ArrowUp", "ArrowDown"], hn =
     }
   ) });
 };
-Et.displayName = re;
+jt.displayName = re;
 var kt = "SelectTrigger", Pt = i.forwardRef(
-  (e, n) => {
-    const { __scopeSelect: t, disabled: r = !1, ...s } = e, a = ye(t), c = J(kt, t), l = c.disabled || r, d = A(n, c.onTriggerChange), p = we(t), m = i.useRef("touch"), [v, w, S] = eo((u) => {
+  (e, o) => {
+    const { __scopeSelect: t, disabled: r = !1, ...s } = e, a = we(t), c = J(kt, t), l = c.disabled || r, d = A(o, c.onTriggerChange), p = Ce(t), m = i.useRef("touch"), [v, C, S] = eo((u) => {
       const f = p().filter((g) => !g.disabled), x = f.find((g) => g.value === c.value), h = to(f, u, x);
       h !== void 0 && c.onValueChange(h.value);
     }), b = (u) => {
@@ -883,7 +883,7 @@ var kt = "SelectTrigger", Pt = i.forwardRef(
         y: Math.round(u.pageY)
       });
     };
-    return /* @__PURE__ */ o.jsx(co, { asChild: !0, ...a, children: /* @__PURE__ */ o.jsx(
+    return /* @__PURE__ */ n.jsx(co, { asChild: !0, ...a, children: /* @__PURE__ */ n.jsx(
       N.button,
       {
         type: "button",
@@ -909,7 +909,7 @@ var kt = "SelectTrigger", Pt = i.forwardRef(
         }),
         onKeyDown: I(s.onKeyDown, (u) => {
           const f = v.current !== "";
-          !(u.ctrlKey || u.altKey || u.metaKey) && u.key.length === 1 && w(u.key), !(f && u.key === " ") && mn.includes(u.key) && (b(), u.preventDefault());
+          !(u.ctrlKey || u.altKey || u.metaKey) && u.key.length === 1 && C(u.key), !(f && u.key === " ") && mn.includes(u.key) && (b(), u.preventDefault());
         })
       }
     ) });
@@ -917,49 +917,49 @@ var kt = "SelectTrigger", Pt = i.forwardRef(
 );
 Pt.displayName = kt;
 var Mt = "SelectValue", At = i.forwardRef(
-  (e, n) => {
-    const { __scopeSelect: t, className: r, style: s, children: a, placeholder: c = "", ...l } = e, d = J(Mt, t), { onValueNodeHasChildrenChange: p } = d, m = a !== void 0, v = A(n, d.onValueNodeChange);
+  (e, o) => {
+    const { __scopeSelect: t, className: r, style: s, children: a, placeholder: c = "", ...l } = e, d = J(Mt, t), { onValueNodeHasChildrenChange: p } = d, m = a !== void 0, v = A(o, d.onValueNodeChange);
     return Z(() => {
       p(m);
-    }, [p, m]), /* @__PURE__ */ o.jsx(
+    }, [p, m]), /* @__PURE__ */ n.jsx(
       N.span,
       {
         ...l,
         ref: v,
         style: { pointerEvents: "none" },
-        children: Qt(d.value) ? /* @__PURE__ */ o.jsx(o.Fragment, { children: c }) : a
+        children: Qt(d.value) ? /* @__PURE__ */ n.jsx(n.Fragment, { children: c }) : a
       }
     );
   }
 );
 At.displayName = Mt;
 var Sn = "SelectIcon", Dt = i.forwardRef(
-  (e, n) => {
+  (e, o) => {
     const { __scopeSelect: t, children: r, ...s } = e;
-    return /* @__PURE__ */ o.jsx(N.span, { "aria-hidden": !0, ...s, ref: n, children: r || "▼" });
+    return /* @__PURE__ */ n.jsx(N.span, { "aria-hidden": !0, ...s, ref: o, children: r || "▼" });
   }
 );
 Dt.displayName = Sn;
-var wn = "SelectPortal", Ot = (e) => /* @__PURE__ */ o.jsx(io, { asChild: !0, ...e });
-Ot.displayName = wn;
+var Cn = "SelectPortal", Ot = (e) => /* @__PURE__ */ n.jsx(io, { asChild: !0, ...e });
+Ot.displayName = Cn;
 var se = "SelectContent", Lt = i.forwardRef(
-  (e, n) => {
+  (e, o) => {
     const t = J(se, e.__scopeSelect), [r, s] = i.useState();
     if (Z(() => {
       s(new DocumentFragment());
     }, []), !t.open) {
       const a = r;
       return a ? Qe.createPortal(
-        /* @__PURE__ */ o.jsx(Ft, { scope: e.__scopeSelect, children: /* @__PURE__ */ o.jsx(Se.Slot, { scope: e.__scopeSelect, children: /* @__PURE__ */ o.jsx("div", { children: e.children }) }) }),
+        /* @__PURE__ */ n.jsx(Ft, { scope: e.__scopeSelect, children: /* @__PURE__ */ n.jsx(Se.Slot, { scope: e.__scopeSelect, children: /* @__PURE__ */ n.jsx("div", { children: e.children }) }) }),
         a
       ) : null;
     }
-    return /* @__PURE__ */ o.jsx(Bt, { ...e, ref: n });
+    return /* @__PURE__ */ n.jsx(Bt, { ...e, ref: o });
   }
 );
 Lt.displayName = se;
-var G = 10, [Ft, Q] = ie(se), yn = "SelectContentImpl", Cn = Pe("SelectContent.RemoveScroll"), Bt = i.forwardRef(
-  (e, n) => {
+var G = 10, [Ft, Q] = ie(se), wn = "SelectContentImpl", yn = Pe("SelectContent.RemoveScroll"), Bt = i.forwardRef(
+  (e, o) => {
     const {
       __scopeSelect: t,
       position: r = "item-aligned",
@@ -973,26 +973,26 @@ var G = 10, [Ft, Q] = ie(se), yn = "SelectContentImpl", Cn = Pe("SelectContent.R
       align: p,
       alignOffset: m,
       arrowPadding: v,
-      collisionBoundary: w,
+      collisionBoundary: C,
       collisionPadding: S,
       sticky: b,
       hideWhenDetached: u,
       avoidCollisions: f,
       //
       ...x
-    } = e, h = J(se, t), [g, C] = i.useState(null), [E, O] = i.useState(null), k = A(n, (y) => C(y)), [R, $] = i.useState(null), [H, L] = i.useState(
+    } = e, h = J(se, t), [g, y] = i.useState(null), [j, O] = i.useState(null), k = A(o, (w) => y(w)), [R, $] = i.useState(null), [H, L] = i.useState(
       null
-    ), B = we(t), [U, z] = i.useState(!1), V = i.useRef(!1);
+    ), B = Ce(t), [U, z] = i.useState(!1), V = i.useRef(!1);
     i.useEffect(() => {
       if (g) return uo(g);
     }, [g]), po();
     const T = i.useCallback(
-      (y) => {
-        const [P, ...F] = B().map((M) => M.ref.current), [_] = F.slice(-1), j = document.activeElement;
-        for (const M of y)
-          if (M === j || (M?.scrollIntoView({ block: "nearest" }), M === P && E && (E.scrollTop = 0), M === _ && E && (E.scrollTop = E.scrollHeight), M?.focus(), document.activeElement !== j)) return;
+      (w) => {
+        const [P, ...F] = B().map((M) => M.ref.current), [_] = F.slice(-1), E = document.activeElement;
+        for (const M of w)
+          if (M === E || (M?.scrollIntoView({ block: "nearest" }), M === P && j && (j.scrollTop = 0), M === _ && j && (j.scrollTop = j.scrollHeight), M?.focus(), document.activeElement !== E)) return;
       },
-      [B, E]
+      [B, j]
     ), K = i.useCallback(
       () => T([R, g]),
       [T, R, g]
@@ -1003,38 +1003,38 @@ var G = 10, [Ft, Q] = ie(se), yn = "SelectContentImpl", Cn = Pe("SelectContent.R
     const { onOpenChange: W, triggerPointerDownPosRef: Y } = h;
     i.useEffect(() => {
       if (g) {
-        let y = { x: 0, y: 0 };
+        let w = { x: 0, y: 0 };
         const P = (_) => {
-          y = {
+          w = {
             x: Math.abs(Math.round(_.pageX) - (Y.current?.x ?? 0)),
             y: Math.abs(Math.round(_.pageY) - (Y.current?.y ?? 0))
           };
         }, F = (_) => {
-          y.x <= 10 && y.y <= 10 ? _.preventDefault() : g.contains(_.target) || W(!1), document.removeEventListener("pointermove", P), Y.current = null;
+          w.x <= 10 && w.y <= 10 ? _.preventDefault() : g.contains(_.target) || W(!1), document.removeEventListener("pointermove", P), Y.current = null;
         };
         return Y.current !== null && (document.addEventListener("pointermove", P), document.addEventListener("pointerup", F, { capture: !0, once: !0 })), () => {
           document.removeEventListener("pointermove", P), document.removeEventListener("pointerup", F, { capture: !0 });
         };
       }
     }, [g, W, Y]), i.useEffect(() => {
-      const y = () => W(!1);
-      return window.addEventListener("blur", y), window.addEventListener("resize", y), () => {
-        window.removeEventListener("blur", y), window.removeEventListener("resize", y);
+      const w = () => W(!1);
+      return window.addEventListener("blur", w), window.addEventListener("resize", w), () => {
+        window.removeEventListener("blur", w), window.removeEventListener("resize", w);
       };
     }, [W]);
-    const [Ie, me] = eo((y) => {
-      const P = B().filter((j) => !j.disabled), F = P.find((j) => j.ref.current === document.activeElement), _ = to(P, y, F);
+    const [Ie, me] = eo((w) => {
+      const P = B().filter((E) => !E.disabled), F = P.find((E) => E.ref.current === document.activeElement), _ = to(P, w, F);
       _ && setTimeout(() => _.ref.current.focus());
     }), Re = i.useCallback(
-      (y, P, F) => {
+      (w, P, F) => {
         const _ = !V.current && !F;
-        (h.value !== void 0 && h.value === P || _) && ($(y), _ && (V.current = !0));
+        (h.value !== void 0 && h.value === P || _) && ($(w), _ && (V.current = !0));
       },
       [h.value]
     ), _e = i.useCallback(() => g?.focus(), [g]), ae = i.useCallback(
-      (y, P, F) => {
+      (w, P, F) => {
         const _ = !V.current && !F;
-        (h.value !== void 0 && h.value === P || _) && L(y);
+        (h.value !== void 0 && h.value === P || _) && L(w);
       },
       [h.value]
     ), he = r === "popper" ? Ae : Vt, le = he === Ae ? {
@@ -1043,18 +1043,18 @@ var G = 10, [Ft, Q] = ie(se), yn = "SelectContentImpl", Cn = Pe("SelectContent.R
       align: p,
       alignOffset: m,
       arrowPadding: v,
-      collisionBoundary: w,
+      collisionBoundary: C,
       collisionPadding: S,
       sticky: b,
       hideWhenDetached: u,
       avoidCollisions: f
     } : {};
-    return /* @__PURE__ */ o.jsx(
+    return /* @__PURE__ */ n.jsx(
       Ft,
       {
         scope: t,
         content: g,
-        viewport: E,
+        viewport: j,
         onViewportChange: O,
         itemRefCallback: Re,
         selectedItem: R,
@@ -1065,34 +1065,34 @@ var G = 10, [Ft, Q] = ie(se), yn = "SelectContentImpl", Cn = Pe("SelectContent.R
         position: r,
         isPositioned: U,
         searchRef: Ie,
-        children: /* @__PURE__ */ o.jsx(fo, { as: Cn, allowPinchZoom: !0, children: /* @__PURE__ */ o.jsx(
+        children: /* @__PURE__ */ n.jsx(fo, { as: yn, allowPinchZoom: !0, children: /* @__PURE__ */ n.jsx(
           mo,
           {
             asChild: !0,
             trapped: h.open,
-            onMountAutoFocus: (y) => {
-              y.preventDefault();
+            onMountAutoFocus: (w) => {
+              w.preventDefault();
             },
-            onUnmountAutoFocus: I(s, (y) => {
-              h.trigger?.focus({ preventScroll: !0 }), y.preventDefault();
+            onUnmountAutoFocus: I(s, (w) => {
+              h.trigger?.focus({ preventScroll: !0 }), w.preventDefault();
             }),
-            children: /* @__PURE__ */ o.jsx(
+            children: /* @__PURE__ */ n.jsx(
               ho,
               {
                 asChild: !0,
                 disableOutsidePointerEvents: !0,
                 onEscapeKeyDown: a,
                 onPointerDownOutside: c,
-                onFocusOutside: (y) => y.preventDefault(),
+                onFocusOutside: (w) => w.preventDefault(),
                 onDismiss: () => h.onOpenChange(!1),
-                children: /* @__PURE__ */ o.jsx(
+                children: /* @__PURE__ */ n.jsx(
                   he,
                   {
                     role: "listbox",
                     id: h.contentId,
                     "data-state": h.open ? "open" : "closed",
                     dir: h.dir,
-                    onContextMenu: (y) => y.preventDefault(),
+                    onContextMenu: (w) => w.preventDefault(),
                     ...x,
                     ...le,
                     onPlaced: () => z(!0),
@@ -1105,15 +1105,15 @@ var G = 10, [Ft, Q] = ie(se), yn = "SelectContentImpl", Cn = Pe("SelectContent.R
                       outline: "none",
                       ...x.style
                     },
-                    onKeyDown: I(x.onKeyDown, (y) => {
-                      const P = y.ctrlKey || y.altKey || y.metaKey;
-                      if (y.key === "Tab" && y.preventDefault(), !P && y.key.length === 1 && me(y.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(y.key)) {
-                        let _ = B().filter((j) => !j.disabled).map((j) => j.ref.current);
-                        if (["ArrowUp", "End"].includes(y.key) && (_ = _.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(y.key)) {
-                          const j = y.target, M = _.indexOf(j);
+                    onKeyDown: I(x.onKeyDown, (w) => {
+                      const P = w.ctrlKey || w.altKey || w.metaKey;
+                      if (w.key === "Tab" && w.preventDefault(), !P && w.key.length === 1 && me(w.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(w.key)) {
+                        let _ = B().filter((E) => !E.disabled).map((E) => E.ref.current);
+                        if (["ArrowUp", "End"].includes(w.key) && (_ = _.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(w.key)) {
+                          const E = w.target, M = _.indexOf(E);
                           _ = _.slice(M + 1);
                         }
-                        setTimeout(() => T(_)), y.preventDefault();
+                        setTimeout(() => T(_)), w.preventDefault();
                       }
                     })
                   }
@@ -1126,13 +1126,13 @@ var G = 10, [Ft, Q] = ie(se), yn = "SelectContentImpl", Cn = Pe("SelectContent.R
     );
   }
 );
-Bt.displayName = yn;
-var In = "SelectItemAlignedPosition", Vt = i.forwardRef((e, n) => {
-  const { __scopeSelect: t, onPlaced: r, ...s } = e, a = J(se, t), c = Q(se, t), [l, d] = i.useState(null), [p, m] = i.useState(null), v = A(n, (k) => m(k)), w = we(t), S = i.useRef(!1), b = i.useRef(!0), { viewport: u, selectedItem: f, selectedItemText: x, focusSelectedItem: h } = c, g = i.useCallback(() => {
+Bt.displayName = wn;
+var In = "SelectItemAlignedPosition", Vt = i.forwardRef((e, o) => {
+  const { __scopeSelect: t, onPlaced: r, ...s } = e, a = J(se, t), c = Q(se, t), [l, d] = i.useState(null), [p, m] = i.useState(null), v = A(o, (k) => m(k)), C = Ce(t), S = i.useRef(!1), b = i.useRef(!0), { viewport: u, selectedItem: f, selectedItemText: x, focusSelectedItem: h } = c, g = i.useCallback(() => {
     if (a.trigger && a.valueNode && l && p && u && f && x) {
       const k = a.trigger.getBoundingClientRect(), R = p.getBoundingClientRect(), $ = a.valueNode.getBoundingClientRect(), H = x.getBoundingClientRect();
       if (a.dir !== "rtl") {
-        const j = H.left - R.left, M = $.left - j, ee = k.left - M, te = k.width + ee, Ne = Math.max(te, R.width), Te = window.innerWidth - G, je = Ke(M, [
+        const E = H.left - R.left, M = $.left - E, ee = k.left - M, te = k.width + ee, Ne = Math.max(te, R.width), Te = window.innerWidth - G, Ee = Ke(M, [
           G,
           // Prevents the content from going off the starting edge of the
           // viewport. It may still go off the ending edge, but this can be
@@ -1141,38 +1141,38 @@ var In = "SelectItemAlignedPosition", Vt = i.forwardRef((e, n) => {
           // https://github.com/radix-ui/primitives/issues/2049
           Math.max(G, Te - Ne)
         ]);
-        l.style.minWidth = te + "px", l.style.left = je + "px";
+        l.style.minWidth = te + "px", l.style.left = Ee + "px";
       } else {
-        const j = R.right - H.right, M = window.innerWidth - $.right - j, ee = window.innerWidth - k.right - M, te = k.width + ee, Ne = Math.max(te, R.width), Te = window.innerWidth - G, je = Ke(M, [
+        const E = R.right - H.right, M = window.innerWidth - $.right - E, ee = window.innerWidth - k.right - M, te = k.width + ee, Ne = Math.max(te, R.width), Te = window.innerWidth - G, Ee = Ke(M, [
           G,
           Math.max(G, Te - Ne)
         ]);
-        l.style.minWidth = te + "px", l.style.right = je + "px";
+        l.style.minWidth = te + "px", l.style.right = Ee + "px";
       }
-      const L = w(), B = window.innerHeight - G * 2, U = u.scrollHeight, z = window.getComputedStyle(p), V = parseInt(z.borderTopWidth, 10), T = parseInt(z.paddingTop, 10), K = parseInt(z.borderBottomWidth, 10), W = parseInt(z.paddingBottom, 10), Y = V + T + U + W + K, Ie = Math.min(f.offsetHeight * 5, Y), me = window.getComputedStyle(u), Re = parseInt(me.paddingTop, 10), _e = parseInt(me.paddingBottom, 10), ae = k.top + k.height / 2 - G, he = B - ae, le = f.offsetHeight / 2, y = f.offsetTop + le, P = V + T + y, F = Y - P;
+      const L = C(), B = window.innerHeight - G * 2, U = u.scrollHeight, z = window.getComputedStyle(p), V = parseInt(z.borderTopWidth, 10), T = parseInt(z.paddingTop, 10), K = parseInt(z.borderBottomWidth, 10), W = parseInt(z.paddingBottom, 10), Y = V + T + U + W + K, Ie = Math.min(f.offsetHeight * 5, Y), me = window.getComputedStyle(u), Re = parseInt(me.paddingTop, 10), _e = parseInt(me.paddingBottom, 10), ae = k.top + k.height / 2 - G, he = B - ae, le = f.offsetHeight / 2, w = f.offsetTop + le, P = V + T + w, F = Y - P;
       if (P <= ae) {
-        const j = L.length > 0 && f === L[L.length - 1].ref.current;
+        const E = L.length > 0 && f === L[L.length - 1].ref.current;
         l.style.bottom = "0px";
         const M = p.clientHeight - u.offsetTop - u.offsetHeight, ee = Math.max(
           he,
           le + // viewport might have padding bottom, include it to avoid a scrollable viewport
-          (j ? _e : 0) + M + K
+          (E ? _e : 0) + M + K
         ), te = P + ee;
         l.style.height = te + "px";
       } else {
-        const j = L.length > 0 && f === L[0].ref.current;
+        const E = L.length > 0 && f === L[0].ref.current;
         l.style.top = "0px";
         const ee = Math.max(
           ae,
           V + u.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
-          (j ? Re : 0) + le
+          (E ? Re : 0) + le
         ) + F;
         l.style.height = ee + "px", u.scrollTop = P - ae + u.offsetTop;
       }
       l.style.margin = `${G}px 0`, l.style.minHeight = Ie + "px", l.style.maxHeight = B + "px", r?.(), requestAnimationFrame(() => S.current = !0);
     }
   }, [
-    w,
+    C,
     a.trigger,
     a.valueNode,
     l,
@@ -1184,9 +1184,9 @@ var In = "SelectItemAlignedPosition", Vt = i.forwardRef((e, n) => {
     r
   ]);
   Z(() => g(), [g]);
-  const [C, E] = i.useState();
+  const [y, j] = i.useState();
   Z(() => {
-    p && E(window.getComputedStyle(p).zIndex);
+    p && j(window.getComputedStyle(p).zIndex);
   }, [p]);
   const O = i.useCallback(
     (k) => {
@@ -1194,14 +1194,14 @@ var In = "SelectItemAlignedPosition", Vt = i.forwardRef((e, n) => {
     },
     [g, h]
   );
-  return /* @__PURE__ */ o.jsx(
+  return /* @__PURE__ */ n.jsx(
     _n,
     {
       scope: t,
       contentWrapper: l,
       shouldExpandOnScrollRef: S,
       onScrollButtonChange: O,
-      children: /* @__PURE__ */ o.jsx(
+      children: /* @__PURE__ */ n.jsx(
         "div",
         {
           ref: d,
@@ -1209,9 +1209,9 @@ var In = "SelectItemAlignedPosition", Vt = i.forwardRef((e, n) => {
             display: "flex",
             flexDirection: "column",
             position: "fixed",
-            zIndex: C
+            zIndex: y
           },
-          children: /* @__PURE__ */ o.jsx(
+          children: /* @__PURE__ */ n.jsx(
             N.div,
             {
               ...s,
@@ -1232,19 +1232,19 @@ var In = "SelectItemAlignedPosition", Vt = i.forwardRef((e, n) => {
   );
 });
 Vt.displayName = In;
-var Rn = "SelectPopperPosition", Ae = i.forwardRef((e, n) => {
+var Rn = "SelectPopperPosition", Ae = i.forwardRef((e, o) => {
   const {
     __scopeSelect: t,
     align: r = "start",
     collisionPadding: s = G,
     ...a
-  } = e, c = ye(t);
-  return /* @__PURE__ */ o.jsx(
+  } = e, c = we(t);
+  return /* @__PURE__ */ n.jsx(
     vo,
     {
       ...c,
       ...a,
-      ref: n,
+      ref: o,
       align: r,
       collisionPadding: s,
       style: {
@@ -1262,10 +1262,10 @@ var Rn = "SelectPopperPosition", Ae = i.forwardRef((e, n) => {
 });
 Ae.displayName = Rn;
 var [_n, ze] = ie(se, {}), De = "SelectViewport", Gt = i.forwardRef(
-  (e, n) => {
-    const { __scopeSelect: t, nonce: r, ...s } = e, a = Q(De, t), c = ze(De, t), l = A(n, a.onViewportChange), d = i.useRef(0);
-    return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-      /* @__PURE__ */ o.jsx(
+  (e, o) => {
+    const { __scopeSelect: t, nonce: r, ...s } = e, a = Q(De, t), c = ze(De, t), l = A(o, a.onViewportChange), d = i.useRef(0);
+    return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+      /* @__PURE__ */ n.jsx(
         "style",
         {
           dangerouslySetInnerHTML: {
@@ -1274,7 +1274,7 @@ var [_n, ze] = ie(se, {}), De = "SelectViewport", Gt = i.forwardRef(
           nonce: r
         }
       ),
-      /* @__PURE__ */ o.jsx(Se.Slot, { scope: t, children: /* @__PURE__ */ o.jsx(
+      /* @__PURE__ */ n.jsx(Se.Slot, { scope: t, children: /* @__PURE__ */ n.jsx(
         N.div,
         {
           "data-radix-select-viewport": "",
@@ -1295,14 +1295,14 @@ var [_n, ze] = ie(se, {}), De = "SelectViewport", Gt = i.forwardRef(
             ...s.style
           },
           onScroll: I(s.onScroll, (p) => {
-            const m = p.currentTarget, { contentWrapper: v, shouldExpandOnScrollRef: w } = c;
-            if (w?.current && v) {
+            const m = p.currentTarget, { contentWrapper: v, shouldExpandOnScrollRef: C } = c;
+            if (C?.current && v) {
               const S = Math.abs(d.current - m.scrollTop);
               if (S > 0) {
                 const b = window.innerHeight - G * 2, u = parseFloat(v.style.minHeight), f = parseFloat(v.style.height), x = Math.max(u, f);
                 if (x < b) {
-                  const h = x + S, g = Math.min(b, h), C = h - g;
-                  v.style.height = g + "px", v.style.bottom === "0px" && (m.scrollTop = C > 0 ? C : 0, v.style.justifyContent = "flex-end");
+                  const h = x + S, g = Math.min(b, h), y = h - g;
+                  v.style.height = g + "px", v.style.bottom === "0px" && (m.scrollTop = y > 0 ? y : 0, v.style.justifyContent = "flex-end");
                 }
               }
             }
@@ -1314,30 +1314,30 @@ var [_n, ze] = ie(se, {}), De = "SelectViewport", Gt = i.forwardRef(
   }
 );
 Gt.displayName = De;
-var $t = "SelectGroup", [Nn, Tn] = ie($t), jn = i.forwardRef(
-  (e, n) => {
+var $t = "SelectGroup", [Nn, Tn] = ie($t), En = i.forwardRef(
+  (e, o) => {
     const { __scopeSelect: t, ...r } = e, s = xe();
-    return /* @__PURE__ */ o.jsx(Nn, { scope: t, id: s, children: /* @__PURE__ */ o.jsx(N.div, { role: "group", "aria-labelledby": s, ...r, ref: n }) });
+    return /* @__PURE__ */ n.jsx(Nn, { scope: t, id: s, children: /* @__PURE__ */ n.jsx(N.div, { role: "group", "aria-labelledby": s, ...r, ref: o }) });
   }
 );
-jn.displayName = $t;
-var Ht = "SelectLabel", En = i.forwardRef(
-  (e, n) => {
+En.displayName = $t;
+var Ht = "SelectLabel", jn = i.forwardRef(
+  (e, o) => {
     const { __scopeSelect: t, ...r } = e, s = Tn(Ht, t);
-    return /* @__PURE__ */ o.jsx(N.div, { id: s.id, ...r, ref: n });
+    return /* @__PURE__ */ n.jsx(N.div, { id: s.id, ...r, ref: o });
   }
 );
-En.displayName = Ht;
+jn.displayName = Ht;
 var ve = "SelectItem", [kn, Ut] = ie(ve), zt = i.forwardRef(
-  (e, n) => {
+  (e, o) => {
     const {
       __scopeSelect: t,
       value: r,
       disabled: s = !1,
       textValue: a,
       ...c
-    } = e, l = J(ve, t), d = Q(ve, t), p = l.value === r, [m, v] = i.useState(a ?? ""), [w, S] = i.useState(!1), b = A(
-      n,
+    } = e, l = J(ve, t), d = Q(ve, t), p = l.value === r, [m, v] = i.useState(a ?? ""), [C, S] = i.useState(!1), b = A(
+      o,
       (h) => d.itemRefCallback?.(h, r, s)
     ), u = xe(), f = i.useRef("touch"), x = () => {
       s || (l.onValueChange(r), l.onOpenChange(!1));
@@ -1346,7 +1346,7 @@ var ve = "SelectItem", [kn, Ut] = ie(ve), zt = i.forwardRef(
       throw new Error(
         "A <Select.Item /> must have a value prop that is not an empty string. This is because the Select value can be set to an empty string to clear the selection and show the placeholder."
       );
-    return /* @__PURE__ */ o.jsx(
+    return /* @__PURE__ */ n.jsx(
       kn,
       {
         scope: t,
@@ -1357,20 +1357,20 @@ var ve = "SelectItem", [kn, Ut] = ie(ve), zt = i.forwardRef(
         onItemTextChange: i.useCallback((h) => {
           v((g) => g || (h?.textContent ?? "").trim());
         }, []),
-        children: /* @__PURE__ */ o.jsx(
+        children: /* @__PURE__ */ n.jsx(
           Se.ItemSlot,
           {
             scope: t,
             value: r,
             disabled: s,
             textValue: m,
-            children: /* @__PURE__ */ o.jsx(
+            children: /* @__PURE__ */ n.jsx(
               N.div,
               {
                 role: "option",
                 "aria-labelledby": u,
-                "data-highlighted": w ? "" : void 0,
-                "aria-selected": p && w,
+                "data-highlighted": C ? "" : void 0,
+                "aria-selected": p && C,
                 "data-state": p ? "checked" : "unchecked",
                 "aria-disabled": s || void 0,
                 "data-disabled": s ? "" : void 0,
@@ -1407,32 +1407,32 @@ var ve = "SelectItem", [kn, Ut] = ie(ve), zt = i.forwardRef(
 );
 zt.displayName = ve;
 var de = "SelectItemText", Kt = i.forwardRef(
-  (e, n) => {
-    const { __scopeSelect: t, className: r, style: s, ...a } = e, c = J(de, t), l = Q(de, t), d = Ut(de, t), p = bn(de, t), [m, v] = i.useState(null), w = A(
-      n,
+  (e, o) => {
+    const { __scopeSelect: t, className: r, style: s, ...a } = e, c = J(de, t), l = Q(de, t), d = Ut(de, t), p = bn(de, t), [m, v] = i.useState(null), C = A(
+      o,
       (x) => v(x),
       d.onItemTextChange,
       (x) => l.itemTextRefCallback?.(x, d.value, d.disabled)
     ), S = m?.textContent, b = i.useMemo(
-      () => /* @__PURE__ */ o.jsx("option", { value: d.value, disabled: d.disabled, children: S }, d.value),
+      () => /* @__PURE__ */ n.jsx("option", { value: d.value, disabled: d.disabled, children: S }, d.value),
       [d.disabled, d.value, S]
     ), { onNativeOptionAdd: u, onNativeOptionRemove: f } = p;
-    return Z(() => (u(b), () => f(b)), [u, f, b]), /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-      /* @__PURE__ */ o.jsx(N.span, { id: d.textId, ...a, ref: w }),
+    return Z(() => (u(b), () => f(b)), [u, f, b]), /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+      /* @__PURE__ */ n.jsx(N.span, { id: d.textId, ...a, ref: C }),
       d.isSelected && c.valueNode && !c.valueNodeHasChildren ? Qe.createPortal(a.children, c.valueNode) : null
     ] });
   }
 );
 Kt.displayName = de;
 var Wt = "SelectItemIndicator", qt = i.forwardRef(
-  (e, n) => {
+  (e, o) => {
     const { __scopeSelect: t, ...r } = e;
-    return Ut(Wt, t).isSelected ? /* @__PURE__ */ o.jsx(N.span, { "aria-hidden": !0, ...r, ref: n }) : null;
+    return Ut(Wt, t).isSelected ? /* @__PURE__ */ n.jsx(N.span, { "aria-hidden": !0, ...r, ref: o }) : null;
   }
 );
 qt.displayName = Wt;
-var Oe = "SelectScrollUpButton", Yt = i.forwardRef((e, n) => {
-  const t = Q(Oe, e.__scopeSelect), r = ze(Oe, e.__scopeSelect), [s, a] = i.useState(!1), c = A(n, r.onScrollButtonChange);
+var Oe = "SelectScrollUpButton", Yt = i.forwardRef((e, o) => {
+  const t = Q(Oe, e.__scopeSelect), r = ze(Oe, e.__scopeSelect), [s, a] = i.useState(!1), c = A(o, r.onScrollButtonChange);
   return Z(() => {
     if (t.viewport && t.isPositioned) {
       let l = function() {
@@ -1442,7 +1442,7 @@ var Oe = "SelectScrollUpButton", Yt = i.forwardRef((e, n) => {
       const d = t.viewport;
       return l(), d.addEventListener("scroll", l), () => d.removeEventListener("scroll", l);
     }
-  }, [t.viewport, t.isPositioned]), s ? /* @__PURE__ */ o.jsx(
+  }, [t.viewport, t.isPositioned]), s ? /* @__PURE__ */ n.jsx(
     Zt,
     {
       ...e,
@@ -1455,8 +1455,8 @@ var Oe = "SelectScrollUpButton", Yt = i.forwardRef((e, n) => {
   ) : null;
 });
 Yt.displayName = Oe;
-var Le = "SelectScrollDownButton", Xt = i.forwardRef((e, n) => {
-  const t = Q(Le, e.__scopeSelect), r = ze(Le, e.__scopeSelect), [s, a] = i.useState(!1), c = A(n, r.onScrollButtonChange);
+var Le = "SelectScrollDownButton", Xt = i.forwardRef((e, o) => {
+  const t = Q(Le, e.__scopeSelect), r = ze(Le, e.__scopeSelect), [s, a] = i.useState(!1), c = A(o, r.onScrollButtonChange);
   return Z(() => {
     if (t.viewport && t.isPositioned) {
       let l = function() {
@@ -1466,7 +1466,7 @@ var Le = "SelectScrollDownButton", Xt = i.forwardRef((e, n) => {
       const d = t.viewport;
       return l(), d.addEventListener("scroll", l), () => d.removeEventListener("scroll", l);
     }
-  }, [t.viewport, t.isPositioned]), s ? /* @__PURE__ */ o.jsx(
+  }, [t.viewport, t.isPositioned]), s ? /* @__PURE__ */ n.jsx(
     Zt,
     {
       ...e,
@@ -1479,18 +1479,18 @@ var Le = "SelectScrollDownButton", Xt = i.forwardRef((e, n) => {
   ) : null;
 });
 Xt.displayName = Le;
-var Zt = i.forwardRef((e, n) => {
-  const { __scopeSelect: t, onAutoScroll: r, ...s } = e, a = Q("SelectScrollButton", t), c = i.useRef(null), l = we(t), d = i.useCallback(() => {
+var Zt = i.forwardRef((e, o) => {
+  const { __scopeSelect: t, onAutoScroll: r, ...s } = e, a = Q("SelectScrollButton", t), c = i.useRef(null), l = Ce(t), d = i.useCallback(() => {
     c.current !== null && (window.clearInterval(c.current), c.current = null);
   }, []);
   return i.useEffect(() => () => d(), [d]), Z(() => {
     l().find((m) => m.ref.current === document.activeElement)?.ref.current?.scrollIntoView({ block: "nearest" });
-  }, [l]), /* @__PURE__ */ o.jsx(
+  }, [l]), /* @__PURE__ */ n.jsx(
     N.div,
     {
       "aria-hidden": !0,
       ...s,
-      ref: n,
+      ref: o,
       style: { flexShrink: 0, ...s.style },
       onPointerDown: I(s.onPointerDown, () => {
         c.current === null && (c.current = window.setInterval(r, 50));
@@ -1504,22 +1504,22 @@ var Zt = i.forwardRef((e, n) => {
     }
   );
 }), Pn = "SelectSeparator", Mn = i.forwardRef(
-  (e, n) => {
+  (e, o) => {
     const { __scopeSelect: t, ...r } = e;
-    return /* @__PURE__ */ o.jsx(N.div, { "aria-hidden": !0, ...r, ref: n });
+    return /* @__PURE__ */ n.jsx(N.div, { "aria-hidden": !0, ...r, ref: o });
   }
 );
 Mn.displayName = Pn;
 var Fe = "SelectArrow", An = i.forwardRef(
-  (e, n) => {
-    const { __scopeSelect: t, ...r } = e, s = ye(t), a = J(Fe, t), c = Q(Fe, t);
-    return a.open && c.position === "popper" ? /* @__PURE__ */ o.jsx(xo, { ...s, ...r, ref: n }) : null;
+  (e, o) => {
+    const { __scopeSelect: t, ...r } = e, s = we(t), a = J(Fe, t), c = Q(Fe, t);
+    return a.open && c.position === "popper" ? /* @__PURE__ */ n.jsx(xo, { ...s, ...r, ref: o }) : null;
   }
 );
 An.displayName = Fe;
 var Dn = "SelectBubbleInput", Jt = i.forwardRef(
-  ({ __scopeSelect: e, value: n, ...t }, r) => {
-    const s = i.useRef(null), a = A(r, s), c = $e(n);
+  ({ __scopeSelect: e, value: o, ...t }, r) => {
+    const s = i.useRef(null), a = A(r, s), c = $e(o);
     return i.useEffect(() => {
       const l = s.current;
       if (!l) return;
@@ -1527,17 +1527,17 @@ var Dn = "SelectBubbleInput", Jt = i.forwardRef(
         d,
         "value"
       ).set;
-      if (c !== n && m) {
+      if (c !== o && m) {
         const v = new Event("change", { bubbles: !0 });
-        m.call(l, n), l.dispatchEvent(v);
+        m.call(l, o), l.dispatchEvent(v);
       }
-    }, [c, n]), /* @__PURE__ */ o.jsx(
+    }, [c, o]), /* @__PURE__ */ n.jsx(
       N.select,
       {
         ...t,
         style: { ...lo, ...t.style },
         ref: a,
-        defaultValue: n
+        defaultValue: o
       }
     );
   }
@@ -1547,21 +1547,21 @@ function Qt(e) {
   return e === "" || e === void 0;
 }
 function eo(e) {
-  const n = Ze(e), t = i.useRef(""), r = i.useRef(0), s = i.useCallback(
+  const o = Ze(e), t = i.useRef(""), r = i.useRef(0), s = i.useCallback(
     (c) => {
       const l = t.current + c;
-      n(l), function d(p) {
+      o(l), function d(p) {
         t.current = p, window.clearTimeout(r.current), p !== "" && (r.current = window.setTimeout(() => d(""), 1e3));
       }(l);
     },
-    [n]
+    [o]
   ), a = i.useCallback(() => {
     t.current = "", window.clearTimeout(r.current);
   }, []);
   return i.useEffect(() => () => window.clearTimeout(r.current), []), [t, s, a];
 }
-function to(e, n, t) {
-  const s = n.length > 1 && Array.from(n).every((p) => p === n[0]) ? n[0] : n, a = t ? e.indexOf(t) : -1;
+function to(e, o, t) {
+  const s = o.length > 1 && Array.from(o).every((p) => p === o[0]) ? o[0] : o, a = t ? e.indexOf(t) : -1;
   let c = On(e, Math.max(a, 0));
   s.length === 1 && (c = c.filter((p) => p !== t));
   const d = c.find(
@@ -1569,42 +1569,42 @@ function to(e, n, t) {
   );
   return d !== t ? d : void 0;
 }
-function On(e, n) {
-  return e.map((t, r) => e[(n + r) % e.length]);
+function On(e, o) {
+  return e.map((t, r) => e[(o + r) % e.length]);
 }
-var Ln = Et, Fn = Pt, Bn = At, Vn = Dt, Gn = Ot, $n = Lt, Hn = Gt, Un = zt, zn = Kt, Kn = qt, Wn = Yt, qn = Xt;
-const gr = ({ disabled: e = !1, handleDelete: n, ...t }) => /* @__PURE__ */ o.jsx(
+var Ln = jt, Fn = Pt, Bn = At, Vn = Dt, Gn = Ot, $n = Lt, Hn = Gt, Un = zt, zn = Kt, Kn = qt, Wn = Yt, qn = Xt;
+const gr = ({ disabled: e = !1, handleDelete: o, ...t }) => /* @__PURE__ */ n.jsx(
   Be,
   {
     disabled: e,
-    icon: /* @__PURE__ */ o.jsx(Do, {}),
-    onClick: n,
+    icon: /* @__PURE__ */ n.jsx(Do, {}),
+    onClick: o,
     variant: "outline",
     ...t,
     className: "border-destructive text-destructive hover:bg-destructive hover:text-white",
     children: "Delete"
   }
 ), We = {
-  default: { label: "Submit", submittingLabel: "Submitting", icon: /* @__PURE__ */ o.jsx(Ee, {}) },
-  submit: { label: "Submit", submittingLabel: "Submitting", icon: /* @__PURE__ */ o.jsx(Ee, {}) },
-  save: { label: "Save", submittingLabel: "Saving", icon: /* @__PURE__ */ o.jsx(Po, {}) },
-  send: { label: "Send", submittingLabel: "Sending", icon: /* @__PURE__ */ o.jsx(Ee, {}) }
+  default: { label: "Submit", submittingLabel: "Submitting", IconComponent: je },
+  submit: { label: "Submit", submittingLabel: "Submitting", IconComponent: je },
+  save: { label: "Save", submittingLabel: "Saving", IconComponent: Po },
+  send: { label: "Send", submittingLabel: "Sending", IconComponent: je }
 }, br = ({
   submitting: e = !1,
-  disabled: n = !1,
+  disabled: o = !1,
   submittingIcon: t,
   action: r = "default",
   noIcon: s = !1,
   ...a
 }) => {
-  const c = t || Eo;
+  const c = t || jo;
   if (!We[r])
     throw new Error(`Invalid action: ${r}`);
-  const { label: l, submittingLabel: d, icon: p } = We[r], m = e ? /* @__PURE__ */ o.jsx(c, { className: "animate-spin" }) : p;
-  return /* @__PURE__ */ o.jsx(
+  const { label: l, submittingLabel: d, IconComponent: p } = We[r], m = e ? /* @__PURE__ */ n.jsx(c, { className: "animate-spin" }) : /* @__PURE__ */ n.jsx(p, {});
+  return /* @__PURE__ */ n.jsx(
     Be,
     {
-      disabled: n || e,
+      disabled: o || e,
       icon: s ? void 0 : m,
       type: "submit",
       variant: "primary",
@@ -1613,8 +1613,8 @@ const gr = ({ disabled: e = !1, handleDelete: n, ...t }) => /* @__PURE__ */ o.js
     }
   );
 };
-function Yn({ className: e, ...n }) {
-  return /* @__PURE__ */ o.jsx(
+function Yn({ className: e, ...o }) {
+  return /* @__PURE__ */ n.jsx(
     st,
     {
       className: D(
@@ -1622,81 +1622,81 @@ function Yn({ className: e, ...n }) {
         e
       ),
       "data-slot": "checkbox",
-      ...n,
-      children: /* @__PURE__ */ o.jsx(
+      ...o,
+      children: /* @__PURE__ */ n.jsx(
         ct,
         {
           className: "flex items-center justify-center text-current transition-none",
           "data-slot": "checkbox-indicator",
-          children: /* @__PURE__ */ o.jsx(et, { className: "size-3.5" })
+          children: /* @__PURE__ */ n.jsx(et, { className: "size-3.5" })
         }
       )
     }
   );
 }
-const Sr = ({ label: e, name: n, value: t, checked: r, onCheckedChange: s }) => {
+const Sr = ({ label: e, name: o, value: t, checked: r, onCheckedChange: s }) => {
   const [a, c] = qe(r);
   ro(() => {
     c(r);
   }, [r]);
-  let l = n;
-  const d = t || n;
+  let l = o;
+  const d = t || o;
   t && (l += `[${t}]`);
   const p = (m) => {
     c(m), s?.(m);
   };
-  return /* @__PURE__ */ o.jsxs(ne, { align: "center", gap: "2", children: [
-    /* @__PURE__ */ o.jsx(
+  return /* @__PURE__ */ n.jsxs(ne, { align: "center", gap: "2", children: [
+    /* @__PURE__ */ n.jsx(
       Yn,
       {
         checked: a,
         id: l,
-        name: n,
+        name: o,
         onCheckedChange: p,
         value: d
       }
     ),
-    /* @__PURE__ */ o.jsx(fe, { className: "cursor-pointer", htmlFor: l, children: e })
+    /* @__PURE__ */ n.jsx(fe, { className: "cursor-pointer", htmlFor: l, children: e })
   ] });
-}, wr = ({ name: e, label: n, placeholder: t, note: r, className: s, ...a }) => /* @__PURE__ */ o.jsx(
+}, Cr = ({ name: e, label: o, placeholder: t, note: r, className: s, ...a }) => /* @__PURE__ */ n.jsx(
   oo,
   {
     className: D("max-w-[150px]", s),
-    label: n,
+    label: o,
     name: e,
     note: r,
     placeholder: t,
     type: "date",
     ...a
   }
-), yr = ({ onDateSelection: e, initialValue: n, className: t, size: r = "default", error: s }) => {
-  const [a, c] = qe(n), l = (d) => {
+), wr = ({ onDateSelection: e, initialValue: o, className: t, size: r = "default", error: s }) => {
+  const [a, c] = qe(o), l = (d) => {
     c(d), d && e(d);
   };
-  return /* @__PURE__ */ o.jsxs(ne, { direction: "col", gap: "2", children: [
-    /* @__PURE__ */ o.jsxs(go, { children: [
-      /* @__PURE__ */ o.jsx(bo, { asChild: !0, children: /* @__PURE__ */ o.jsxs(
+  return /* @__PURE__ */ n.jsxs(ne, { direction: "col", gap: "2", children: [
+    /* @__PURE__ */ n.jsxs(go, { children: [
+      /* @__PURE__ */ n.jsx(bo, { asChild: !0, children: /* @__PURE__ */ n.jsxs(
         Be,
         {
           className: D("w-[280px] justify-start text-left font-normal", !a && "text-muted-foreground", t),
           size: r,
           variant: "outline",
           children: [
-            /* @__PURE__ */ o.jsx(yo, { className: "mr-2 h-4 w-4" }),
-            a ? a.toISOString().split("T")[0] : /* @__PURE__ */ o.jsx("span", { children: "Select a date" })
+            /* @__PURE__ */ n.jsx(wo, { className: "mr-2 h-4 w-4" }),
+            a ? a.toISOString().split("T")[0] : /* @__PURE__ */ n.jsx("span", { children: "Select a date" })
           ]
         }
       ) }),
-      /* @__PURE__ */ o.jsx(So, { className: "w-auto p-0", children: /* @__PURE__ */ o.jsx(no, { autoFocus: !0, mode: "single", onSelect: l, selected: a }) })
+      /* @__PURE__ */ n.jsx(So, { className: "w-auto p-0", children: /* @__PURE__ */ n.jsx(no, { autoFocus: !0, mode: "single", onSelect: l, selected: a }) })
     ] }),
-    s && /* @__PURE__ */ o.jsx(Ce, { message: s })
+    s && /* @__PURE__ */ n.jsx(ye, { message: s })
   ] });
-}, Ce = ({ message: e }) => /* @__PURE__ */ o.jsx(Ve, { size: "xs", variant: "destructive", children: e }), Xn = ({ label: e, labelFor: n, className: t = "", labelClassName: r = "", children: s }) => /* @__PURE__ */ o.jsxs(ne, { direction: "col", gap: "2", children: [
-  e && /* @__PURE__ */ o.jsx(fe, { className: r, htmlFor: n, children: e }),
-  /* @__PURE__ */ o.jsx(ne, { className: `rounded-md border border-input bg-card p-2 shadow-xs ${t}`, gapY: "1", children: s })
+}, ye = ({ message: e }) => /* @__PURE__ */ n.jsx(Ve, { size: "xs", variant: "destructive", children: e }), Xn = ({ label: e, labelFor: o, className: t = "", labelClassName: r = "", children: s }) => /* @__PURE__ */ n.jsxs(ne, { direction: "col", gap: "2", children: [
+  e && /* @__PURE__ */ n.jsx(fe, { className: r, htmlFor: o, children: e }),
+  /* @__PURE__ */ n.jsx(ne, { className: `rounded-md border border-input bg-card p-2 shadow-xs ${t}`, gapY: "1", children: s })
 ] });
-function Zn({ className: e, ...n }) {
-  return /* @__PURE__ */ o.jsx(
+function Zn({ className: e, ...o }) {
+  return /* @__PURE__ */ n.jsx(
     en,
     {
       className: D(
@@ -1704,21 +1704,21 @@ function Zn({ className: e, ...n }) {
         e
       ),
       "data-slot": "label",
-      ...n
+      ...o
     }
   );
 }
-const fe = ({ htmlFor: e, value: n, children: t, className: r = "", ...s }) => /* @__PURE__ */ o.jsx(
+const fe = ({ htmlFor: e, value: o, children: t, className: r = "", ...s }) => /* @__PURE__ */ n.jsx(
   Zn,
   {
     className: D("font-display font-normal text-base text-foreground", r),
     htmlFor: e,
     ...s,
-    children: n || t
+    children: o || t
   }
 );
-function Jn({ className: e, type: n, ...t }) {
-  return /* @__PURE__ */ o.jsx(
+function Jn({ className: e, type: o, ...t }) {
+  return /* @__PURE__ */ n.jsx(
     "input",
     {
       className: D(
@@ -1728,14 +1728,14 @@ function Jn({ className: e, type: n, ...t }) {
         e
       ),
       "data-slot": "input",
-      type: n,
+      type: o,
       ...t
     }
   );
 }
 const oo = ({
   name: e,
-  type: n = "text",
+  type: o = "text",
   placeholder: t,
   label: r,
   labelOrientation: s = "top",
@@ -1743,9 +1743,9 @@ const oo = ({
   className: c,
   error: l,
   ...d
-}) => /* @__PURE__ */ o.jsxs(ne, { className: "w-full", direction: s === "left" ? "row" : "col", gap: "2", children: [
-  r && /* @__PURE__ */ o.jsx(fe, { className: s === "left" ? "text-nowrap" : "", htmlFor: e, children: r }),
-  /* @__PURE__ */ o.jsx(
+}) => /* @__PURE__ */ n.jsxs(ne, { className: "w-full", direction: s === "left" ? "row" : "col", gap: "2", children: [
+  r && /* @__PURE__ */ n.jsx(fe, { className: s === "left" ? "text-nowrap" : "", htmlFor: e, children: r }),
+  /* @__PURE__ */ n.jsx(
     Jn,
     {
       "aria-label": r || e,
@@ -1753,26 +1753,26 @@ const oo = ({
       id: e,
       name: e,
       placeholder: t,
-      type: n,
+      type: o,
       ...d
     }
   ),
-  a && /* @__PURE__ */ o.jsx(Ve, { size: "sm", variant: "muted", children: a }),
-  l && /* @__PURE__ */ o.jsx(Ce, { message: l })
-] }), Cr = ({
+  a && /* @__PURE__ */ n.jsx(Ve, { size: "sm", variant: "muted", children: a }),
+  l && /* @__PURE__ */ n.jsx(ye, { message: l })
+] }), yr = ({
   name: e,
-  label: n,
+  label: o,
   placeholder: t,
   note: r,
   // Default to two decimal places for currency and general decimal values
   step: s = ".01",
   className: a,
   ...c
-}) => /* @__PURE__ */ o.jsx(
+}) => /* @__PURE__ */ n.jsx(
   oo,
   {
     className: a,
-    label: n,
+    label: o,
     name: e,
     note: r,
     placeholder: t,
@@ -1781,11 +1781,11 @@ const oo = ({
     ...c
   }
 );
-function Qn({ className: e, ...n }) {
-  return /* @__PURE__ */ o.jsx(un, { className: D("grid gap-3", e), "data-slot": "radio-group", ...n });
+function Qn({ className: e, ...o }) {
+  return /* @__PURE__ */ n.jsx(un, { className: D("grid gap-3", e), "data-slot": "radio-group", ...o });
 }
-function er({ className: e, ...n }) {
-  return /* @__PURE__ */ o.jsx(
+function er({ className: e, ...o }) {
+  return /* @__PURE__ */ n.jsx(
     pn,
     {
       className: D(
@@ -1793,61 +1793,61 @@ function er({ className: e, ...n }) {
         e
       ),
       "data-slot": "radio-group-item",
-      ...n,
-      children: /* @__PURE__ */ o.jsx(
+      ...o,
+      children: /* @__PURE__ */ n.jsx(
         fn,
         {
           className: "relative flex items-center justify-center",
           "data-slot": "radio-group-indicator",
-          children: /* @__PURE__ */ o.jsx(To, { className: "-translate-x-1/2 -translate-y-1/2 absolute top-1/2 left-1/2 size-2 fill-primary" })
+          children: /* @__PURE__ */ n.jsx(To, { className: "-translate-x-1/2 -translate-y-1/2 absolute top-1/2 left-1/2 size-2 fill-primary" })
         }
       )
     }
   );
 }
-const Ir = ({ label: e, name: n, options: t, value: r, onChange: s, error: a }) => /* @__PURE__ */ o.jsxs(Xn, { className: "flex flex-col gap-4 px-2 py-1", label: e, labelFor: n, children: [
-  /* @__PURE__ */ o.jsx(Qn, { className: "w-full", name: n, onValueChange: s, value: r, children: /* @__PURE__ */ o.jsx(so, { cols: "2", children: t.map((c, l) => /* @__PURE__ */ o.jsxs(ne, { align: "center", gap: "2", justify: "start", children: [
-    /* @__PURE__ */ o.jsx(er, { id: c.value, value: c.value }),
-    /* @__PURE__ */ o.jsx(fe, { htmlFor: c.value, children: c.label })
+const Ir = ({ label: e, name: o, options: t, value: r, onChange: s, error: a }) => /* @__PURE__ */ n.jsxs(Xn, { className: "flex flex-col gap-4 px-2 py-1", label: e, labelFor: o, children: [
+  /* @__PURE__ */ n.jsx(Qn, { className: "w-full", name: o, onValueChange: s, value: r, children: /* @__PURE__ */ n.jsx(so, { cols: "2", children: t.map((c, l) => /* @__PURE__ */ n.jsxs(ne, { align: "center", gap: "2", justify: "start", children: [
+    /* @__PURE__ */ n.jsx(er, { id: c.value, value: c.value }),
+    /* @__PURE__ */ n.jsx(fe, { htmlFor: c.value, children: c.label })
   ] }, l)) }) }),
-  a && /* @__PURE__ */ o.jsx(Ce, { message: a })
+  a && /* @__PURE__ */ n.jsx(ye, { message: a })
 ] });
 function tr({ ...e }) {
-  return /* @__PURE__ */ o.jsx(Ln, { "data-slot": "select", ...e });
+  return /* @__PURE__ */ n.jsx(Ln, { "data-slot": "select", ...e });
 }
 function or({ ...e }) {
-  return /* @__PURE__ */ o.jsx(Bn, { "data-slot": "select-value", ...e });
+  return /* @__PURE__ */ n.jsx(Bn, { "data-slot": "select-value", ...e });
 }
 function nr({
   className: e,
-  size: n = "default",
+  size: o = "default",
   children: t,
   ...r
 }) {
-  return /* @__PURE__ */ o.jsxs(
+  return /* @__PURE__ */ n.jsxs(
     Fn,
     {
       className: D(
         "flex w-fit items-center justify-between gap-2 whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-xs outline-none transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[size=default]:h-9 data-[size=sm]:h-8 data-[placeholder]:text-muted-foreground *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 dark:bg-input/30 dark:aria-invalid:ring-destructive/40 dark:hover:bg-input/50 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0",
         e
       ),
-      "data-size": n,
+      "data-size": o,
       "data-slot": "select-trigger",
       ...r,
       children: [
         t,
-        /* @__PURE__ */ o.jsx(Vn, { asChild: !0, children: /* @__PURE__ */ o.jsx(tt, { className: "size-4 opacity-50" }) })
+        /* @__PURE__ */ n.jsx(Vn, { asChild: !0, children: /* @__PURE__ */ n.jsx(tt, { className: "size-4 opacity-50" }) })
       ]
     }
   );
 }
 function rr({
   className: e,
-  children: n,
+  children: o,
   position: t = "popper",
   ...r
 }) {
-  return /* @__PURE__ */ o.jsx(Gn, { children: /* @__PURE__ */ o.jsxs(
+  return /* @__PURE__ */ n.jsx(Gn, { children: /* @__PURE__ */ n.jsxs(
     $n,
     {
       className: D(
@@ -1859,24 +1859,24 @@ function rr({
       position: t,
       ...r,
       children: [
-        /* @__PURE__ */ o.jsx(ar, {}),
-        /* @__PURE__ */ o.jsx(
+        /* @__PURE__ */ n.jsx(ar, {}),
+        /* @__PURE__ */ n.jsx(
           Hn,
           {
             className: D(
               "p-1",
               t === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
             ),
-            children: n
+            children: o
           }
         ),
-        /* @__PURE__ */ o.jsx(cr, {})
+        /* @__PURE__ */ n.jsx(cr, {})
       ]
     }
   ) });
 }
-function sr({ className: e, children: n, ...t }) {
-  return /* @__PURE__ */ o.jsxs(
+function sr({ className: e, children: o, ...t }) {
+  return /* @__PURE__ */ n.jsxs(
     Un,
     {
       className: D(
@@ -1886,40 +1886,40 @@ function sr({ className: e, children: n, ...t }) {
       "data-slot": "select-item",
       ...t,
       children: [
-        /* @__PURE__ */ o.jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ o.jsx(Kn, { children: /* @__PURE__ */ o.jsx(et, { className: "size-4" }) }) }),
-        /* @__PURE__ */ o.jsx(zn, { children: n })
+        /* @__PURE__ */ n.jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ n.jsx(Kn, { children: /* @__PURE__ */ n.jsx(et, { className: "size-4" }) }) }),
+        /* @__PURE__ */ n.jsx(zn, { children: o })
       ]
     }
   );
 }
-function ar({ className: e, ...n }) {
-  return /* @__PURE__ */ o.jsx(
+function ar({ className: e, ...o }) {
+  return /* @__PURE__ */ n.jsx(
     Wn,
     {
       className: D("flex cursor-default items-center justify-center py-1", e),
       "data-slot": "select-scroll-up-button",
-      ...n,
-      children: /* @__PURE__ */ o.jsx(_o, { className: "size-4" })
+      ...o,
+      children: /* @__PURE__ */ n.jsx(_o, { className: "size-4" })
     }
   );
 }
 function cr({
   className: e,
-  ...n
+  ...o
 }) {
-  return /* @__PURE__ */ o.jsx(
+  return /* @__PURE__ */ n.jsx(
     qn,
     {
       className: D("flex cursor-default items-center justify-center py-1", e),
       "data-slot": "select-scroll-down-button",
-      ...n,
-      children: /* @__PURE__ */ o.jsx(tt, { className: "size-4" })
+      ...o,
+      children: /* @__PURE__ */ n.jsx(tt, { className: "size-4" })
     }
   );
 }
 const Rr = ({
   name: e,
-  defaultValue: n,
+  defaultValue: o,
   options: t,
   label: r,
   placeholder: s,
@@ -1929,36 +1929,36 @@ const Rr = ({
   onValueChange: d,
   error: p,
   ...m
-}) => /* @__PURE__ */ o.jsxs(ne, { className: "w-full", direction: "col", gap: "2", children: [
-  r && /* @__PURE__ */ o.jsx(fe, { htmlFor: e, children: r }),
-  /* @__PURE__ */ o.jsxs(
+}) => /* @__PURE__ */ n.jsxs(ne, { className: "w-full", direction: "col", gap: "2", children: [
+  r && /* @__PURE__ */ n.jsx(fe, { htmlFor: e, children: r }),
+  /* @__PURE__ */ n.jsxs(
     tr,
     {
-      defaultValue: n,
+      defaultValue: o,
       name: e,
       onValueChange: d,
       value: l,
       ...m,
       children: [
-        /* @__PURE__ */ o.jsx(nr, { className: D("min-w-[180px]", c), "data-testid": `select-input-${e}`, children: /* @__PURE__ */ o.jsx(or, { placeholder: s }) }),
-        /* @__PURE__ */ o.jsx(rr, { children: t.map(({ value: v, label: w }) => /* @__PURE__ */ o.jsx(sr, { value: v, children: w }, `option-${v}`)) })
+        /* @__PURE__ */ n.jsx(nr, { className: D("min-w-[180px]", c), "data-testid": `select-input-${e}`, children: /* @__PURE__ */ n.jsx(or, { placeholder: s }) }),
+        /* @__PURE__ */ n.jsx(rr, { children: t.map(({ value: v, label: C }) => /* @__PURE__ */ n.jsx(sr, { value: v, children: C }, `option-${v}`)) })
       ]
     }
   ),
-  a && /* @__PURE__ */ o.jsx(Ve, { size: "sm", variant: "muted", children: a }),
-  p && /* @__PURE__ */ o.jsx(Ce, { message: p })
+  a && /* @__PURE__ */ n.jsx(Ve, { size: "sm", variant: "muted", children: a }),
+  p && /* @__PURE__ */ n.jsx(ye, { message: p })
 ] });
 export {
   Sr as C,
   gr as D,
-  Ce as I,
+  ye as I,
   fe as L,
-  Cr as N,
+  yr as N,
   Ir as R,
   br as S,
   oo as T,
-  wr as a,
-  yr as b,
+  Cr as a,
+  wr as b,
   Xn as c,
   Rr as d,
   pt as e,