@still-forest/canopy 0.39.1 → 0.39.2

package/dist/chunks/{Textarea-DcA_VYYm.js → Textarea-Dgp0ZtX9.js}

@@ -150,21 +150,21 @@ Tt.displayName = ke;
 var Jn = l.forwardRef((e, r) => {
   const {
     __scopeRovingFocusGroup: t,
-    orientation: o,
-    loop: n = !1,
+    orientation: n,
+    loop: o = !1,
     dir: i,
     currentTabStopId: a,
     defaultCurrentTabStopId: c,
-    onCurrentTabStopIdChange: d,
-    onEntryFocus: u,
+    onCurrentTabStopIdChange: u,
+    onEntryFocus: d,
     preventScrollOnEntryFocus: p = !1,
     ...f
   } = e, x = l.useRef(null), g = V(r, x), w = De(i), [m, v] = pe({
     prop: a,
     defaultProp: c ?? null,
-    onChange: d,
+    onChange: u,
     caller: ke
-  }), [b, S] = l.useState(!1), y = yt(u), R = _t(t), D = l.useRef(!1), [P, j] = l.useState(0);
+  }), [b, S] = l.useState(!1), y = yt(d), R = _t(t), D = l.useRef(!1), [P, j] = l.useState(0);
   return l.useEffect(() => {
     const L = x.current;
     if (L)
@@ -173,9 +173,9 @@ var Jn = l.forwardRef((e, r) => {
     Xn,
     {
       scope: t,
-      orientation: o,
+      orientation: n,
       dir: w,
-      loop: n,
+      loop: o,
       currentTabStopId: m,
       onItemFocus: l.useCallback(
         (L) => v(L),
@@ -194,7 +194,7 @@ var Jn = l.forwardRef((e, r) => {
         N.div,
         {
           tabIndex: b || P === 0 ? -1 : 0,
-          "data-orientation": o,
+          "data-orientation": n,
           ...f,
           ref: g,
           style: { outline: "none", ...e.style },
@@ -223,22 +223,22 @@ var Jn = l.forwardRef((e, r) => {
   (e, r) => {
     const {
       __scopeRovingFocusGroup: t,
-      focusable: o = !0,
-      active: n = !1,
+      focusable: n = !0,
+      active: o = !1,
       tabStopId: i,
       children: a,
       ...c
-    } = e, d = te(), u = i || d, p = Zn(Mt, t), f = p.currentTabStopId === u, x = _t(t), { onFocusableItemAdd: g, onFocusableItemRemove: w, currentTabStopId: m } = p;
+    } = e, u = te(), d = i || u, p = Zn(Mt, t), f = p.currentTabStopId === d, x = _t(t), { onFocusableItemAdd: g, onFocusableItemRemove: w, currentTabStopId: m } = p;
     return l.useEffect(() => {
-      if (o)
+      if (n)
         return g(), () => w();
-    }, [o, g, w]), /* @__PURE__ */ s.jsx(
+    }, [n, g, w]), /* @__PURE__ */ s.jsx(
       Qe.ItemSlot,
       {
         scope: t,
-        id: u,
-        focusable: o,
-        active: n,
+        id: d,
+        focusable: n,
+        active: o,
         children: /* @__PURE__ */ s.jsx(
           N.span,
           {
@@ -247,9 +247,9 @@ var Jn = l.forwardRef((e, r) => {
             ...c,
             ref: r,
             onMouseDown: _(e.onMouseDown, (v) => {
-              o ? p.onItemFocus(u) : v.preventDefault();
+              n ? p.onItemFocus(d) : v.preventDefault();
             }),
-            onFocus: _(e.onFocus, () => p.onItemFocus(u)),
+            onFocus: _(e.onFocus, () => p.onItemFocus(d)),
             onKeyDown: _(e.onKeyDown, (v) => {
               if (v.key === "Tab" && v.shiftKey) {
                 p.onItemShiftTab();
@@ -292,17 +292,17 @@ function eo(e, r) {
   return r !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
 }
 function to(e, r, t) {
-  const o = eo(e.key, t);
-  if (!(r === "vertical" && ["ArrowLeft", "ArrowRight"].includes(o)) && !(r === "horizontal" && ["ArrowUp", "ArrowDown"].includes(o)))
-    return Qn[o];
+  const n = eo(e.key, t);
+  if (!(r === "vertical" && ["ArrowLeft", "ArrowRight"].includes(n)) && !(r === "horizontal" && ["ArrowUp", "ArrowDown"].includes(n)))
+    return Qn[n];
 }
 function Dt(e, r = !1) {
   const t = document.activeElement;
-  for (const o of e)
-    if (o === t || (o.focus({ preventScroll: r }), document.activeElement !== t)) return;
+  for (const n of e)
+    if (n === t || (n.focus({ preventScroll: r }), document.activeElement !== t)) return;
 }
 function ro(e, r) {
-  return e.map((t, o) => e[(r + o) % e.length]);
+  return e.map((t, n) => e[(r + n) % e.length]);
 }
 var no = Tt, oo = At;
 const _s = ({ disabled: e = !1, handleDelete: r, ...t }) => /* @__PURE__ */ s.jsx(
@@ -325,16 +325,16 @@ const _s = ({ disabled: e = !1, handleDelete: r, ...t }) => /* @__PURE__ */ s.js
   submitting: e = !1,
   disabled: r = !1,
   submittingIcon: t,
-  action: o = "default",
-  label: n,
+  action: n = "default",
+  label: o,
   submittingLabel: i,
   icon: a,
   noIcon: c = !1,
-  ...d
+  ...u
 }) => {
-  if (!xt[o])
-    throw new Error(`Invalid action: ${o}`);
-  const u = xt[o], p = n || u.label, f = i || u.submittingLabel, x = a || u.IconComponent, g = e ? /* @__PURE__ */ s.jsx(un, { icon: t }) : /* @__PURE__ */ s.jsx(x, {});
+  if (!xt[n])
+    throw new Error(`Invalid action: ${n}`);
+  const d = xt[n], p = o || d.label, f = i || d.submittingLabel, x = a || d.IconComponent, g = e ? /* @__PURE__ */ s.jsx(un, { icon: t }) : /* @__PURE__ */ s.jsx(x, {});
   return /* @__PURE__ */ s.jsx(
     Te,
     {
@@ -342,7 +342,7 @@ const _s = ({ disabled: e = !1, handleDelete: r, ...t }) => /* @__PURE__ */ s.js
       icon: c ? void 0 : g,
       type: "submit",
       variant: "primary",
-      ...d,
+      ...u,
       children: e ? f : p
     }
   );
@@ -356,20 +356,20 @@ function io(e) {
   const {
     __scopeCheckbox: r,
     checked: t,
-    children: o,
-    defaultChecked: n,
+    children: n,
+    defaultChecked: o,
     disabled: i,
     form: a,
     name: c,
-    onCheckedChange: d,
-    required: u,
+    onCheckedChange: u,
+    required: d,
     value: p = "on",
     // @ts-expect-error
     internal_do_not_use_render: f
   } = e, [x, g] = pe({
     prop: t,
-    defaultProp: n ?? !1,
-    onChange: d,
+    defaultProp: o ?? !1,
+    onChange: u,
     caller: Fe
   }), [w, m] = l.useState(null), [v, b] = l.useState(null), S = l.useRef(!1), y = w ? !!a || !!w.closest("form") : (
     // We set this to true by default so that events bubble to forms without JS (SSR)
@@ -384,8 +384,8 @@ function io(e) {
     form: a,
     value: p,
     hasConsumerStoppedPropagationRef: S,
-    required: u,
-    defaultChecked: re(n) ? !1 : n,
+    required: d,
+    defaultChecked: re(o) ? !1 : o,
     isFormControl: y,
     bubbleInput: v,
     setBubbleInput: b
@@ -395,24 +395,24 @@ function io(e) {
     {
       scope: r,
       ...R,
-      children: lo(f) ? f(R) : o
+      children: lo(f) ? f(R) : n
     }
   );
 }
 var Ot = "CheckboxTrigger", Ft = l.forwardRef(
-  ({ __scopeCheckbox: e, onKeyDown: r, onClick: t, ...o }, n) => {
+  ({ __scopeCheckbox: e, onKeyDown: r, onClick: t, ...n }, o) => {
     const {
       control: i,
       value: a,
       disabled: c,
-      checked: d,
-      required: u,
+      checked: u,
+      required: d,
       setControl: p,
       setChecked: f,
       hasConsumerStoppedPropagationRef: x,
       isFormControl: g,
       bubbleInput: w
-    } = pt(Ot, e), m = V(n, p), v = l.useRef(d);
+    } = pt(Ot, e), m = V(o, p), v = l.useRef(u);
     return l.useEffect(() => {
       const b = i?.form;
       if (b) {
@@ -424,13 +424,13 @@ var Ot = "CheckboxTrigger", Ft = l.forwardRef(
       {
         type: "button",
         role: "checkbox",
-        "aria-checked": re(d) ? "mixed" : d,
-        "aria-required": u,
-        "data-state": Ht(d),
+        "aria-checked": re(u) ? "mixed" : u,
+        "aria-required": d,
+        "data-state": Ht(u),
         "data-disabled": c ? "" : void 0,
         disabled: c,
         value: a,
-        ...o,
+        ...n,
         ref: m,
         onKeyDown: _(r, (b) => {
           b.key === "Enter" && b.preventDefault();
@@ -447,13 +447,13 @@ var Lt = l.forwardRef(
   (e, r) => {
     const {
       __scopeCheckbox: t,
-      name: o,
-      checked: n,
+      name: n,
+      checked: o,
       defaultChecked: i,
       required: a,
       disabled: c,
-      value: d,
-      onCheckedChange: u,
+      value: u,
+      onCheckedChange: d,
       form: p,
       ...f
     } = e;
@@ -461,14 +461,14 @@ var Lt = l.forwardRef(
       io,
       {
         __scopeCheckbox: t,
-        checked: n,
+        checked: o,
         defaultChecked: i,
         disabled: c,
         required: a,
-        onCheckedChange: u,
-        name: o,
+        onCheckedChange: d,
+        name: n,
         form: p,
-        value: d,
+        value: u,
         internal_do_not_use_render: ({ isFormControl: x }) => /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
           /* @__PURE__ */ s.jsx(
             Ft,
@@ -492,17 +492,17 @@ var Lt = l.forwardRef(
 Lt.displayName = Fe;
 var Bt = "CheckboxIndicator", $t = l.forwardRef(
   (e, r) => {
-    const { __scopeCheckbox: t, forceMount: o, ...n } = e, i = pt(Bt, t);
+    const { __scopeCheckbox: t, forceMount: n, ...o } = e, i = pt(Bt, t);
     return /* @__PURE__ */ s.jsx(
       Ct,
       {
-        present: o || re(i.checked) || i.checked === !0,
+        present: n || re(i.checked) || i.checked === !0,
         children: /* @__PURE__ */ s.jsx(
           N.span,
           {
             "data-state": Ht(i.checked),
             "data-disabled": i.disabled ? "" : void 0,
-            ...n,
+            ...o,
             ref: r,
             style: { pointerEvents: "none", ...e.style }
           }
@@ -515,30 +515,30 @@ $t.displayName = Bt;
 var Vt = "CheckboxBubbleInput", Kt = l.forwardRef(
   ({ __scopeCheckbox: e, ...r }, t) => {
     const {
-      control: o,
-      hasConsumerStoppedPropagationRef: n,
+      control: n,
+      hasConsumerStoppedPropagationRef: o,
       checked: i,
       defaultChecked: a,
       required: c,
-      disabled: d,
-      name: u,
+      disabled: u,
+      name: d,
       value: p,
       form: f,
       bubbleInput: x,
       setBubbleInput: g
-    } = pt(Vt, e), w = V(t, g), m = Ee(i), v = Oe(o);
+    } = pt(Vt, e), w = V(t, g), m = Ee(i), v = Oe(n);
     l.useEffect(() => {
       const S = x;
       if (!S) return;
       const y = window.HTMLInputElement.prototype, D = Object.getOwnPropertyDescriptor(
         y,
         "checked"
-      ).set, P = !n.current;
+      ).set, P = !o.current;
       if (m !== i && D) {
         const j = new Event("click", { bubbles: P });
         S.indeterminate = re(i), D.call(S, re(i) ? !1 : i), S.dispatchEvent(j);
       }
-    }, [x, m, i, n]);
+    }, [x, m, i, o]);
     const b = l.useRef(re(i) ? !1 : i);
     return /* @__PURE__ */ s.jsx(
       N.input,
@@ -547,8 +547,8 @@ var Vt = "CheckboxBubbleInput", Kt = l.forwardRef(
         "aria-hidden": !0,
         defaultChecked: a ?? b.current,
         required: c,
-        disabled: d,
-        name: u,
+        disabled: u,
+        name: d,
         value: p,
         form: f,
         ...r,
@@ -601,16 +601,16 @@ function co({ className: e, ...r }) {
     }
   );
 }
-const Ms = ({ label: e, name: r, value: t, checked: o, onCheckedChange: n }) => {
-  const [i, a] = Me(o);
+const Ms = ({ label: e, name: r, value: t, checked: n, onCheckedChange: o }) => {
+  const [i, a] = Me(n);
   St(() => {
-    a(o);
-  }, [o]);
+    a(n);
+  }, [n]);
   let c = r;
-  const d = t || r;
+  const u = t || r;
   t && (c += `[${t}]`);
-  const u = (p) => {
-    a(p), n?.(p);
+  const d = (p) => {
+    a(p), o?.(p);
   };
   return /* @__PURE__ */ s.jsxs(ne, { align: "center", gap: "2", children: [
     /* @__PURE__ */ s.jsx(
@@ -619,20 +619,20 @@ const Ms = ({ label: e, name: r, value: t, checked: o, onCheckedChange: n }) =>
         checked: i,
         id: c,
         name: r,
-        onCheckedChange: u,
-        value: d
+        onCheckedChange: d,
+        value: u
       }
     ),
     /* @__PURE__ */ s.jsx(ae, { className: "cursor-pointer", htmlFor: c, children: e })
   ] });
-}, As = ({ content: e, className: r, size: t = "md", ...o }) => {
-  const [n, i] = Me(!1), a = sn(null);
+}, As = ({ content: e, className: r, size: t = "md", ...n }) => {
+  const [o, i] = Me(!1), a = sn(null);
   St(() => () => {
     a.current && clearTimeout(a.current);
   }, []);
   const c = () => {
-    const d = navigator.clipboard?.writeText;
-    d && (i(!0), d.call(navigator.clipboard, e).then(() => {
+    const u = navigator.clipboard?.writeText;
+    u && (i(!0), u.call(navigator.clipboard, e).then(() => {
       a.current && clearTimeout(a.current), a.current = setTimeout(() => {
         i(!1), a.current = null;
       }, 2e3);
@@ -654,15 +654,15 @@ const Ms = ({ label: e, name: r, value: t, checked: o, onCheckedChange: n }) =>
         "justify-start",
         r
       ),
-      disabled: n,
-      icon: n ? /* @__PURE__ */ s.jsx(Fn, {}) : /* @__PURE__ */ s.jsx(Bn, {}),
-      label: n ? "Copied" : "Copy",
+      disabled: o,
+      icon: o ? /* @__PURE__ */ s.jsx(Fn, {}) : /* @__PURE__ */ s.jsx(Bn, {}),
+      label: o ? "Copied" : "Copy",
       onClick: c,
       size: t,
-      ...o
+      ...n
     }
   );
-}, Ds = ({ name: e, label: r, placeholder: t, note: o, className: n, size: i = "md", ...a }) => /* @__PURE__ */ s.jsx(
+}, Ds = ({ name: e, label: r, placeholder: t, note: n, className: o, size: i = "md", ...a }) => /* @__PURE__ */ s.jsx(
   Gt,
   {
     className: A(
@@ -671,19 +671,19 @@ const Ms = ({ label: e, name: r, value: t, checked: o, onCheckedChange: n }) =>
       i === "md" && "max-w-[170px] md:max-w-[150px]",
       i === "lg" && "max-w-[180px] md:max-w-[170px]",
       i === "xl" && "max-w-[200px]",
-      n
+      o
     ),
     label: r,
     name: e,
-    note: o,
+    note: n,
     placeholder: t,
     size: i,
     type: "date",
     ...a
   }
-), Os = ({ onDateSelection: e, initialValue: r, className: t, size: o = "default", error: n }) => {
-  const [i, a] = Me(r), c = (d) => {
-    a(d), d && e(d);
+), Os = ({ onDateSelection: e, initialValue: r, className: t, size: n = "default", error: o }) => {
+  const [i, a] = Me(r), c = (u) => {
+    a(u), u && e(u);
   };
   return /* @__PURE__ */ s.jsxs(ne, { direction: "col", gap: "2", children: [
     /* @__PURE__ */ s.jsxs(It, { children: [
@@ -691,7 +691,7 @@ const Ms = ({ label: e, name: r, value: t, checked: o, onCheckedChange: n }) =>
         Te,
         {
           className: A("w-[280px] justify-start text-left font-normal", !i && "text-muted-foreground", t),
-          size: o,
+          size: n,
           variant: "outline",
           children: [
             /* @__PURE__ */ s.jsx(jn, { className: "mr-2 h-4 w-4" }),
@@ -701,11 +701,11 @@ const Ms = ({ label: e, name: r, value: t, checked: o, onCheckedChange: n }) =>
       ) }),
       /* @__PURE__ */ s.jsx(kt, { className: "w-auto p-0", children: /* @__PURE__ */ s.jsx(nn, { autoFocus: !0, mode: "single", onSelect: c, selected: i }) })
     ] }),
-    n && /* @__PURE__ */ s.jsx(je, { message: n })
+    o && /* @__PURE__ */ s.jsx(je, { message: o })
   ] });
-}, je = ({ message: e }) => /* @__PURE__ */ s.jsx(Ae, { size: "xs", variant: "destructive", children: e }), uo = ({ label: e, labelFor: r, className: t = "", labelClassName: o = "", children: n }) => /* @__PURE__ */ s.jsxs(ne, { direction: "col", gap: "2", children: [
-  e && /* @__PURE__ */ s.jsx(ae, { className: o, htmlFor: r, children: e }),
-  /* @__PURE__ */ s.jsx(ne, { className: `rounded-md border border-input bg-card p-2 shadow-xs ${t}`, gapY: "1", children: n })
+}, je = ({ message: e }) => /* @__PURE__ */ s.jsx(Ae, { size: "xs", variant: "destructive", children: e }), uo = ({ label: e, labelFor: r, className: t = "", labelClassName: n = "", children: o }) => /* @__PURE__ */ s.jsxs(ne, { direction: "col", gap: "2", children: [
+  e && /* @__PURE__ */ s.jsx(ae, { className: n, htmlFor: r, children: e }),
+  /* @__PURE__ */ s.jsx(ne, { className: `rounded-md border border-input bg-card p-2 shadow-xs ${t}`, gapY: "1", children: o })
 ] });
 var po = "Label", Ut = l.forwardRef((e, r) => /* @__PURE__ */ s.jsx(
   N.label,
@@ -732,19 +732,19 @@ function mo({ className: e, ...r }) {
     }
   );
 }
-const ae = ({ htmlFor: e, value: r, children: t, size: o = "md", className: n = "", ...i }) => /* @__PURE__ */ s.jsx(
+const ae = ({ htmlFor: e, value: r, children: t, size: n = "md", className: o = "", ...i }) => /* @__PURE__ */ s.jsx(
   mo,
   {
     className: A(
       "font-display font-normal text-foreground",
       {
-        "text-xs": o === "xs",
-        "text-sm": o === "sm",
-        "text-base": o === "md",
-        "text-lg": o === "lg",
-        "text-xl": o === "xl"
+        "text-xs": n === "xs",
+        "text-sm": n === "sm",
+        "text-base": n === "md",
+        "text-lg": n === "lg",
+        "text-xl": n === "xl"
       },
-      n
+      o
     ),
     htmlFor: e,
     ...i,
@@ -754,13 +754,13 @@ const ae = ({ htmlFor: e, value: r, children: t, size: o = "md", className: n =
   name: e,
   type: r = "text",
   placeholder: t,
-  label: o,
-  labelOrientation: n = "top",
+  label: n,
+  labelOrientation: o = "top",
   note: i,
   size: a = "md",
   className: c,
-  error: d,
-  ...u
+  error: u,
+  ...d
 }) => {
   const p = A(
     "flex w-full min-w-0 rounded-md border border-input bg-transparent px-3 py-1 shadow-xs outline-none",
@@ -776,31 +776,31 @@ const ae = ({ htmlFor: e, value: r, children: t, size: o = "md", className: n =
     a === "xl" && "h-11 text-xl md:text-lg",
     c
   );
-  return /* @__PURE__ */ s.jsxs(ne, { className: "w-full", direction: n === "left" ? "row" : "col", gap: "2", children: [
-    o && /* @__PURE__ */ s.jsx(ae, { className: n === "left" ? "text-nowrap" : "", htmlFor: e, size: a, children: o }),
+  return /* @__PURE__ */ s.jsxs(ne, { className: "w-full", direction: o === "left" ? "row" : "col", gap: "2", children: [
+    n && /* @__PURE__ */ s.jsx(ae, { className: o === "left" ? "text-nowrap" : "", htmlFor: e, size: a, children: n }),
     /* @__PURE__ */ s.jsx(
       "input",
       {
-        "aria-label": o || e,
+        "aria-label": n || e,
         className: p,
         "data-slot": "input",
         id: e,
         name: e,
         placeholder: t,
         type: r,
-        ...u
+        ...d
       }
     ),
     i && /* @__PURE__ */ s.jsx(Ae, { size: "sm", variant: "muted", children: i }),
-    d && /* @__PURE__ */ s.jsx(je, { message: d })
+    u && /* @__PURE__ */ s.jsx(je, { message: u })
   ] });
 }, Fs = ({
   name: e,
   label: r,
   placeholder: t,
-  note: o,
+  note: n,
   // Default to two decimal places for currency and general decimal values
-  step: n = ".01",
+  step: o = ".01",
   className: i,
   ...a
 }) => /* @__PURE__ */ s.jsx(
@@ -809,9 +809,9 @@ const ae = ({ htmlFor: e, value: r, children: t, size: o = "md", className: n =
     className: i,
     label: r,
     name: e,
-    note: o,
+    note: n,
     placeholder: t,
-    step: n,
+    step: o,
     type: "number",
     ...a
   }
@@ -820,30 +820,30 @@ var ft = "Radio", [ho, zt] = ve(ft), [vo, xo] = ho(ft), Wt = l.forwardRef(
   (e, r) => {
     const {
       __scopeRadio: t,
-      name: o,
-      checked: n = !1,
+      name: n,
+      checked: o = !1,
       required: i,
       disabled: a,
       value: c = "on",
-      onCheck: d,
-      form: u,
+      onCheck: u,
+      form: d,
       ...p
-    } = e, [f, x] = l.useState(null), g = V(r, (v) => x(v)), w = l.useRef(!1), m = f ? u || !!f.closest("form") : !0;
-    return /* @__PURE__ */ s.jsxs(vo, { scope: t, checked: n, disabled: a, children: [
+    } = e, [f, x] = l.useState(null), g = V(r, (v) => x(v)), w = l.useRef(!1), m = f ? d || !!f.closest("form") : !0;
+    return /* @__PURE__ */ s.jsxs(vo, { scope: t, checked: o, disabled: a, children: [
       /* @__PURE__ */ s.jsx(
         N.button,
         {
           type: "button",
           role: "radio",
-          "aria-checked": n,
-          "data-state": Zt(n),
+          "aria-checked": o,
+          "data-state": Zt(o),
           "data-disabled": a ? "" : void 0,
           disabled: a,
           value: c,
           ...p,
           ref: g,
           onClick: _(e.onClick, (v) => {
-            n || d?.(), m && (w.current = v.isPropagationStopped(), w.current || v.stopPropagation());
+            o || u?.(), m && (w.current = v.isPropagationStopped(), w.current || v.stopPropagation());
           })
         }
       ),
@@ -852,12 +852,12 @@ var ft = "Radio", [ho, zt] = ve(ft), [vo, xo] = ho(ft), Wt = l.forwardRef(
         {
           control: f,
           bubbles: !w.current,
-          name: o,
+          name: n,
           value: c,
-          checked: n,
+          checked: o,
           required: i,
           disabled: a,
-          form: u,
+          form: d,
           style: { transform: "translateX(-100%)" }
         }
       )
@@ -867,13 +867,13 @@ var ft = "Radio", [ho, zt] = ve(ft), [vo, xo] = ho(ft), Wt = l.forwardRef(
 Wt.displayName = ft;
 var qt = "RadioIndicator", Yt = l.forwardRef(
   (e, r) => {
-    const { __scopeRadio: t, forceMount: o, ...n } = e, i = xo(qt, t);
-    return /* @__PURE__ */ s.jsx(Ct, { present: o || i.checked, children: /* @__PURE__ */ s.jsx(
+    const { __scopeRadio: t, forceMount: n, ...o } = e, i = xo(qt, t);
+    return /* @__PURE__ */ s.jsx(Ct, { present: n || i.checked, children: /* @__PURE__ */ s.jsx(
       N.span,
       {
         "data-state": Zt(i.checked),
         "data-disabled": i.disabled ? "" : void 0,
-        ...n,
+        ...o,
         ref: r
       }
     ) });
@@ -885,10 +885,10 @@ var go = "RadioBubbleInput", Xt = l.forwardRef(
     __scopeRadio: e,
     control: r,
     checked: t,
-    bubbles: o = !0,
-    ...n
+    bubbles: n = !0,
+    ...o
   }, i) => {
-    const a = l.useRef(null), c = V(a, i), d = Ee(t), u = Oe(r);
+    const a = l.useRef(null), c = V(a, i), u = Ee(t), d = Oe(r);
     return l.useEffect(() => {
       const p = a.current;
       if (!p) return;
@@ -896,22 +896,22 @@ var go = "RadioBubbleInput", Xt = l.forwardRef(
         f,
         "checked"
       ).set;
-      if (d !== t && g) {
-        const w = new Event("click", { bubbles: o });
+      if (u !== t && g) {
+        const w = new Event("click", { bubbles: n });
         g.call(p, t), p.dispatchEvent(w);
       }
-    }, [d, t, o]), /* @__PURE__ */ s.jsx(
+    }, [u, t, n]), /* @__PURE__ */ s.jsx(
       N.input,
       {
         type: "radio",
         "aria-hidden": !0,
         defaultChecked: t,
-        ...n,
+        ...o,
         tabIndex: -1,
         ref: c,
         style: {
-          ...n.style,
-          ...u,
+          ...o.style,
+          ...d,
           position: "absolute",
           pointerEvents: "none",
           opacity: 0,
@@ -932,19 +932,19 @@ var bo = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Le = "RadioGroup",
   (e, r) => {
     const {
       __scopeRadioGroup: t,
-      name: o,
-      defaultValue: n,
+      name: n,
+      defaultValue: o,
       value: i,
       required: a = !1,
       disabled: c = !1,
-      orientation: d,
-      dir: u,
+      orientation: u,
+      dir: d,
       loop: p = !0,
       onValueChange: f,
       ...x
-    } = e, g = Jt(t), w = De(u), [m, v] = pe({
+    } = e, g = Jt(t), w = De(d), [m, v] = pe({
       prop: i,
-      defaultProp: n ?? null,
+      defaultProp: o ?? null,
       onChange: f,
       caller: Le
     });
@@ -952,7 +952,7 @@ var bo = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Le = "RadioGroup",
       So,
       {
         scope: t,
-        name: o,
+        name: n,
         required: a,
         disabled: c,
         value: m,
@@ -962,7 +962,7 @@ var bo = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Le = "RadioGroup",
           {
             asChild: !0,
             ...g,
-            orientation: d,
+            orientation: u,
             dir: w,
             loop: p,
             children: /* @__PURE__ */ s.jsx(
@@ -970,7 +970,7 @@ var bo = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Le = "RadioGroup",
               {
                 role: "radiogroup",
                 "aria-required": a,
-                "aria-orientation": d,
+                "aria-orientation": u,
                 "data-disabled": c ? "" : void 0,
                 dir: w,
                 ...x,
@@ -986,7 +986,7 @@ var bo = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Le = "RadioGroup",
 er.displayName = Le;
 var tr = "RadioGroupItem", rr = l.forwardRef(
   (e, r) => {
-    const { __scopeRadioGroup: t, disabled: o, ...n } = e, i = yo(tr, t), a = i.disabled || o, c = Jt(t), d = Qt(t), u = l.useRef(null), p = V(r, u), f = i.value === n.value, x = l.useRef(!1);
+    const { __scopeRadioGroup: t, disabled: n, ...o } = e, i = yo(tr, t), a = i.disabled || n, c = Jt(t), u = Qt(t), d = l.useRef(null), p = V(r, d), f = i.value === o.value, x = l.useRef(!1);
     return l.useEffect(() => {
       const g = (m) => {
         bo.includes(m.key) && (x.current = !0);
@@ -1007,16 +1007,16 @@ var tr = "RadioGroupItem", rr = l.forwardRef(
             disabled: a,
             required: i.required,
             checked: f,
-            ...d,
-            ...n,
+            ...u,
+            ...o,
             name: i.name,
             ref: p,
-            onCheck: () => i.onValueChange(n.value),
+            onCheck: () => i.onValueChange(o.value),
             onKeyDown: _((g) => {
               g.key === "Enter" && g.preventDefault();
             }),
-            onFocus: _(n.onFocus, () => {
-              x.current && u.current?.click();
+            onFocus: _(o.onFocus, () => {
+              x.current && d.current?.click();
             })
           }
         )
@@ -1027,8 +1027,8 @@ var tr = "RadioGroupItem", rr = l.forwardRef(
 rr.displayName = tr;
 var Co = "RadioGroupIndicator", nr = l.forwardRef(
   (e, r) => {
-    const { __scopeRadioGroup: t, ...o } = e, n = Qt(t);
-    return /* @__PURE__ */ s.jsx(Yt, { ...n, ...o, ref: r });
+    const { __scopeRadioGroup: t, ...n } = e, o = Qt(t);
+    return /* @__PURE__ */ s.jsx(Yt, { ...o, ...n, ref: r });
   }
 );
 nr.displayName = Co;
@@ -1057,8 +1057,8 @@ function jo({ className: e, ...r }) {
     }
   );
 }
-const Bs = ({ label: e, name: r, options: t, value: o, onChange: n, error: i }) => /* @__PURE__ */ s.jsxs(uo, { className: "flex flex-col gap-4 px-2 py-1", label: e, labelFor: r, children: [
-  /* @__PURE__ */ s.jsx(Eo, { className: "w-full", name: r, onValueChange: n, value: o, children: /* @__PURE__ */ s.jsx(dn, { cols: "2", children: t.map((a, c) => /* @__PURE__ */ s.jsxs(ne, { align: "center", gap: "2", justify: "start", children: [
+const Bs = ({ label: e, name: r, options: t, value: n, onChange: o, error: i }) => /* @__PURE__ */ s.jsxs(uo, { className: "flex flex-col gap-4 px-2 py-1", label: e, labelFor: r, children: [
+  /* @__PURE__ */ s.jsx(Eo, { className: "w-full", name: r, onValueChange: o, value: n, children: /* @__PURE__ */ s.jsx(dn, { cols: "2", children: t.map((a, c) => /* @__PURE__ */ s.jsxs(ne, { align: "center", gap: "2", justify: "start", children: [
     /* @__PURE__ */ s.jsx(jo, { id: a.value, value: a.value }),
     /* @__PURE__ */ s.jsx(ae, { htmlFor: a.value, children: a.label })
   ] }, c)) }) }),
@@ -1074,27 +1074,27 @@ var No = [" ", "Enter", "ArrowUp", "ArrowDown"], _o = [" ", "Enter"], fe = "Sele
   const {
     __scopeSelect: r,
     children: t,
-    open: o,
-    defaultOpen: n,
+    open: n,
+    defaultOpen: o,
     onOpenChange: i,
     value: a,
     defaultValue: c,
-    onValueChange: d,
-    dir: u,
+    onValueChange: u,
+    dir: d,
     name: p,
     autoComplete: f,
     disabled: x,
     required: g,
     form: w
-  } = e, m = Ve(r), [v, b] = l.useState(null), [S, y] = l.useState(null), [R, D] = l.useState(!1), P = De(u), [j, L] = pe({
-    prop: o,
-    defaultProp: n ?? !1,
+  } = e, m = Ve(r), [v, b] = l.useState(null), [S, y] = l.useState(null), [R, D] = l.useState(!1), P = De(d), [j, L] = pe({
+    prop: n,
+    defaultProp: o ?? !1,
     onChange: i,
     caller: fe
   }), [Z, z] = pe({
     prop: a,
     defaultProp: c,
-    onChange: d,
+    onChange: u,
     caller: fe
   }), O = l.useRef(null), K = v ? w || !!v.closest("form") : !0, [X, W] = l.useState(/* @__PURE__ */ new Set()), U = Array.from(X).map((F) => F.props.value).join(";");
   return /* @__PURE__ */ s.jsx(pn, { ...m, children: /* @__PURE__ */ s.jsxs(
@@ -1159,8 +1159,8 @@ var No = [" ", "Enter", "ArrowUp", "ArrowDown"], _o = [" ", "Enter"], fe = "Sele
 or.displayName = fe;
 var ar = "SelectTrigger", sr = l.forwardRef(
   (e, r) => {
-    const { __scopeSelect: t, disabled: o = !1, ...n } = e, i = Ve(t), a = ie(ar, t), c = a.disabled || o, d = V(r, a.onTriggerChange), u = $e(t), p = l.useRef("touch"), [f, x, g] = jr((m) => {
-      const v = u().filter((y) => !y.disabled), b = v.find((y) => y.value === a.value), S = Nr(v, m, b);
+    const { __scopeSelect: t, disabled: n = !1, ...o } = e, i = Ve(t), a = ie(ar, t), c = a.disabled || n, u = V(r, a.onTriggerChange), d = $e(t), p = l.useRef("touch"), [f, x, g] = jr((m) => {
+      const v = d().filter((y) => !y.disabled), b = v.find((y) => y.value === a.value), S = Nr(v, m, b);
       S !== void 0 && a.onValueChange(S.value);
     }), w = (m) => {
       c || (a.onOpenChange(!0), g()), m && (a.triggerPointerDownPosRef.current = {
@@ -1182,17 +1182,17 @@ var ar = "SelectTrigger", sr = l.forwardRef(
         disabled: c,
         "data-disabled": c ? "" : void 0,
         "data-placeholder": Er(a.value) ? "" : void 0,
-        ...n,
-        ref: d,
-        onClick: _(n.onClick, (m) => {
+        ...o,
+        ref: u,
+        onClick: _(o.onClick, (m) => {
           m.currentTarget.focus(), p.current !== "mouse" && w(m);
         }),
-        onPointerDown: _(n.onPointerDown, (m) => {
+        onPointerDown: _(o.onPointerDown, (m) => {
           p.current = m.pointerType;
           const v = m.target;
           v.hasPointerCapture(m.pointerId) && v.releasePointerCapture(m.pointerId), m.button === 0 && m.ctrlKey === !1 && m.pointerType === "mouse" && (w(m), m.preventDefault());
         }),
-        onKeyDown: _(n.onKeyDown, (m) => {
+        onKeyDown: _(o.onKeyDown, (m) => {
           const v = f.current !== "";
           !(m.ctrlKey || m.altKey || m.metaKey) && m.key.length === 1 && x(m.key), !(v && m.key === " ") && No.includes(m.key) && (w(), m.preventDefault());
         })
@@ -1203,16 +1203,16 @@ var ar = "SelectTrigger", sr = l.forwardRef(
 sr.displayName = ar;
 var ir = "SelectValue", lr = l.forwardRef(
   (e, r) => {
-    const { __scopeSelect: t, className: o, style: n, children: i, placeholder: a = "", ...c } = e, d = ie(ir, t), { onValueNodeHasChildrenChange: u } = d, p = i !== void 0, f = V(r, d.onValueNodeChange);
+    const { __scopeSelect: t, className: n, style: o, children: i, placeholder: a = "", ...c } = e, u = ie(ir, t), { onValueNodeHasChildrenChange: d } = u, p = i !== void 0, f = V(r, u.onValueNodeChange);
     return oe(() => {
-      u(p);
-    }, [u, p]), /* @__PURE__ */ s.jsx(
+      d(p);
+    }, [d, p]), /* @__PURE__ */ s.jsx(
       N.span,
       {
         ...c,
         ref: f,
         style: { pointerEvents: "none" },
-        children: Er(d.value) ? /* @__PURE__ */ s.jsx(s.Fragment, { children: a }) : i
+        children: Er(u.value) ? /* @__PURE__ */ s.jsx(s.Fragment, { children: a }) : i
       }
     );
   }
@@ -1220,8 +1220,8 @@ var ir = "SelectValue", lr = l.forwardRef(
 lr.displayName = ir;
 var Do = "SelectIcon", cr = l.forwardRef(
   (e, r) => {
-    const { __scopeSelect: t, children: o, ...n } = e;
-    return /* @__PURE__ */ s.jsx(N.span, { "aria-hidden": !0, ...n, ref: r, children: o || "▼" });
+    const { __scopeSelect: t, children: n, ...o } = e;
+    return /* @__PURE__ */ s.jsx(N.span, { "aria-hidden": !0, ...o, ref: r, children: n || "▼" });
   }
 );
 cr.displayName = Do;
@@ -1229,11 +1229,11 @@ var Oo = "SelectPortal", dr = (e) => /* @__PURE__ */ s.jsx(mn, { asChild: !0, ..
 dr.displayName = Oo;
 var me = "SelectContent", ur = l.forwardRef(
   (e, r) => {
-    const t = ie(me, e.__scopeSelect), [o, n] = l.useState();
+    const t = ie(me, e.__scopeSelect), [n, o] = l.useState();
     if (oe(() => {
-      n(new DocumentFragment());
+      o(new DocumentFragment());
     }, []), !t.open) {
-      const i = o;
+      const i = n;
       return i ? Nt.createPortal(
         /* @__PURE__ */ s.jsx(pr, { scope: e.__scopeSelect, children: /* @__PURE__ */ s.jsx(Be.Slot, { scope: e.__scopeSelect, children: /* @__PURE__ */ s.jsx("div", { children: e.children }) }) }),
         i
@@ -1247,15 +1247,15 @@ var Q = 10, [pr, le] = we(me), Fo = "SelectContentImpl", Lo = on("SelectContent.
   (e, r) => {
     const {
       __scopeSelect: t,
-      position: o = "item-aligned",
-      onCloseAutoFocus: n,
+      position: n = "item-aligned",
+      onCloseAutoFocus: o,
       onEscapeKeyDown: i,
       onPointerDownOutside: a,
       //
       // PopperContent props
       side: c,
-      sideOffset: d,
-      align: u,
+      sideOffset: u,
+      align: d,
       alignOffset: p,
       arrowPadding: f,
       collisionBoundary: x,
@@ -1322,10 +1322,10 @@ var Q = 10, [pr, le] = we(me), Fo = "SelectContentImpl", Lo = on("SelectContent.
         (S.value !== void 0 && S.value === M || $) && O(C);
       },
       [S.value]
-    ), I = o === "popper" ? et : mr, T = I === et ? {
+    ), I = n === "popper" ? et : mr, T = I === et ? {
       side: c,
-      sideOffset: d,
-      align: u,
+      sideOffset: u,
+      align: d,
       alignOffset: p,
       arrowPadding: f,
       collisionBoundary: x,
@@ -1347,7 +1347,7 @@ var Q = 10, [pr, le] = we(me), Fo = "SelectContentImpl", Lo = on("SelectContent.
         itemTextRefCallback: E,
         focusSelectedItem: G,
         selectedItemText: z,
-        position: o,
+        position: n,
         isPositioned: X,
         searchRef: xe,
         children: /* @__PURE__ */ s.jsx(gn, { as: Lo, allowPinchZoom: !0, children: /* @__PURE__ */ s.jsx(
@@ -1358,7 +1358,7 @@ var Q = 10, [pr, le] = we(me), Fo = "SelectContentImpl", Lo = on("SelectContent.
             onMountAutoFocus: (C) => {
               C.preventDefault();
             },
-            onUnmountAutoFocus: _(n, (C) => {
+            onUnmountAutoFocus: _(o, (C) => {
               S.trigger?.focus({ preventScroll: !0 }), C.preventDefault();
             }),
             children: /* @__PURE__ */ s.jsx(
@@ -1413,9 +1413,9 @@ var Q = 10, [pr, le] = we(me), Fo = "SelectContentImpl", Lo = on("SelectContent.
 );
 fr.displayName = Fo;
 var Bo = "SelectItemAlignedPosition", mr = l.forwardRef((e, r) => {
-  const { __scopeSelect: t, onPlaced: o, ...n } = e, i = ie(me, t), a = le(me, t), [c, d] = l.useState(null), [u, p] = l.useState(null), f = V(r, (j) => p(j)), x = $e(t), g = l.useRef(!1), w = l.useRef(!0), { viewport: m, selectedItem: v, selectedItemText: b, focusSelectedItem: S } = a, y = l.useCallback(() => {
-    if (i.trigger && i.valueNode && c && u && m && v && b) {
-      const j = i.trigger.getBoundingClientRect(), L = u.getBoundingClientRect(), Z = i.valueNode.getBoundingClientRect(), z = b.getBoundingClientRect();
+  const { __scopeSelect: t, onPlaced: n, ...o } = e, i = ie(me, t), a = le(me, t), [c, u] = l.useState(null), [d, p] = l.useState(null), f = V(r, (j) => p(j)), x = $e(t), g = l.useRef(!1), w = l.useRef(!0), { viewport: m, selectedItem: v, selectedItemText: b, focusSelectedItem: S } = a, y = l.useCallback(() => {
+    if (i.trigger && i.valueNode && c && d && m && v && b) {
+      const j = i.trigger.getBoundingClientRect(), L = d.getBoundingClientRect(), Z = i.valueNode.getBoundingClientRect(), z = b.getBoundingClientRect();
       if (i.dir !== "rtl") {
         const H = z.left - L.left, Y = Z.left - H, de = j.left - Y, ue = j.width + de, Ge = Math.max(ue, L.width), ze = window.innerWidth - Q, We = _e(Y, [
           Q,
@@ -1434,11 +1434,11 @@ var Bo = "SelectItemAlignedPosition", mr = l.forwardRef((e, r) => {
         ]);
         c.style.minWidth = ue + "px", c.style.right = We + "px";
       }
-      const O = x(), K = window.innerHeight - Q * 2, X = m.scrollHeight, W = window.getComputedStyle(u), U = parseInt(W.borderTopWidth, 10), F = parseInt(W.paddingTop, 10), G = parseInt(W.borderBottomWidth, 10), q = parseInt(W.paddingBottom, 10), J = U + F + X + q + G, xe = Math.min(v.offsetHeight * 5, J), ce = window.getComputedStyle(m), h = parseInt(ce.paddingTop, 10), k = parseInt(ce.paddingBottom, 10), E = j.top + j.height / 2 - Q, I = K - E, T = v.offsetHeight / 2, C = v.offsetTop + T, M = U + F + C, B = J - M;
+      const O = x(), K = window.innerHeight - Q * 2, X = m.scrollHeight, W = window.getComputedStyle(d), U = parseInt(W.borderTopWidth, 10), F = parseInt(W.paddingTop, 10), G = parseInt(W.borderBottomWidth, 10), q = parseInt(W.paddingBottom, 10), J = U + F + X + q + G, xe = Math.min(v.offsetHeight * 5, J), ce = window.getComputedStyle(m), h = parseInt(ce.paddingTop, 10), k = parseInt(ce.paddingBottom, 10), E = j.top + j.height / 2 - Q, I = K - E, T = v.offsetHeight / 2, C = v.offsetTop + T, M = U + F + C, B = J - M;
       if (M <= E) {
         const H = O.length > 0 && v === O[O.length - 1].ref.current;
         c.style.bottom = "0px";
-        const Y = u.clientHeight - m.offsetTop - m.offsetHeight, de = Math.max(
+        const Y = d.clientHeight - m.offsetTop - m.offsetHeight, de = Math.max(
           I,
           T + // viewport might have padding bottom, include it to avoid a scrollable viewport
           (H ? k : 0) + Y + G
@@ -1454,25 +1454,25 @@ var Bo = "SelectItemAlignedPosition", mr = l.forwardRef((e, r) => {
         ) + B;
         c.style.height = de + "px", m.scrollTop = M - E + m.offsetTop;
       }
-      c.style.margin = `${Q}px 0`, c.style.minHeight = xe + "px", c.style.maxHeight = K + "px", o?.(), requestAnimationFrame(() => g.current = !0);
+      c.style.margin = `${Q}px 0`, c.style.minHeight = xe + "px", c.style.maxHeight = K + "px", n?.(), requestAnimationFrame(() => g.current = !0);
     }
   }, [
     x,
     i.trigger,
     i.valueNode,
     c,
-    u,
+    d,
     m,
     v,
     b,
     i.dir,
-    o
+    n
   ]);
   oe(() => y(), [y]);
   const [R, D] = l.useState();
   oe(() => {
-    u && D(window.getComputedStyle(u).zIndex);
-  }, [u]);
+    d && D(window.getComputedStyle(d).zIndex);
+  }, [d]);
   const P = l.useCallback(
     (j) => {
       j && w.current === !0 && (y(), S?.(), w.current = !1);
@@ -1489,7 +1489,7 @@ var Bo = "SelectItemAlignedPosition", mr = l.forwardRef((e, r) => {
       children: /* @__PURE__ */ s.jsx(
         "div",
         {
-          ref: d,
+          ref: u,
           style: {
             display: "flex",
             flexDirection: "column",
@@ -1499,7 +1499,7 @@ var Bo = "SelectItemAlignedPosition", mr = l.forwardRef((e, r) => {
           children: /* @__PURE__ */ s.jsx(
             N.div,
             {
-              ...n,
+              ...o,
               ref: f,
               style: {
                 // When we get the height of the content, it includes borders. If we were to set
@@ -1507,7 +1507,7 @@ var Bo = "SelectItemAlignedPosition", mr = l.forwardRef((e, r) => {
                 boxSizing: "border-box",
                 // We need to ensure the content doesn't get taller than the wrapper
                 maxHeight: "100%",
-                ...n.style
+                ...o.style
               }
             }
           )
@@ -1520,8 +1520,8 @@ mr.displayName = Bo;
 var $o = "SelectPopperPosition", et = l.forwardRef((e, r) => {
   const {
     __scopeSelect: t,
-    align: o = "start",
-    collisionPadding: n = Q,
+    align: n = "start",
+    collisionPadding: o = Q,
     ...i
   } = e, a = Ve(t);
   return /* @__PURE__ */ s.jsx(
@@ -1530,8 +1530,8 @@ var $o = "SelectPopperPosition", et = l.forwardRef((e, r) => {
       ...a,
       ...i,
       ref: r,
-      align: o,
-      collisionPadding: n,
+      align: n,
+      collisionPadding: o,
       style: {
         // Ensure border-box for floating-ui calculations
         boxSizing: "border-box",
@@ -1548,7 +1548,7 @@ var $o = "SelectPopperPosition", et = l.forwardRef((e, r) => {
 et.displayName = $o;
 var [Vo, mt] = we(me, {}), tt = "SelectViewport", hr = l.forwardRef(
   (e, r) => {
-    const { __scopeSelect: t, nonce: o, ...n } = e, i = le(tt, t), a = mt(tt, t), c = V(r, i.onViewportChange), d = l.useRef(0);
+    const { __scopeSelect: t, nonce: n, ...o } = e, i = le(tt, t), a = mt(tt, t), c = V(r, i.onViewportChange), u = l.useRef(0);
     return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
       /* @__PURE__ */ s.jsx(
         "style",
@@ -1556,7 +1556,7 @@ var [Vo, mt] = we(me, {}), tt = "SelectViewport", hr = l.forwardRef(
           dangerouslySetInnerHTML: {
             __html: "[data-radix-select-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-select-viewport]::-webkit-scrollbar{display:none}"
           },
-          nonce: o
+          nonce: n
         }
       ),
       /* @__PURE__ */ s.jsx(Be.Slot, { scope: t, children: /* @__PURE__ */ s.jsx(
@@ -1564,7 +1564,7 @@ var [Vo, mt] = we(me, {}), tt = "SelectViewport", hr = l.forwardRef(
         {
           "data-radix-select-viewport": "",
           role: "presentation",
-          ...n,
+          ...o,
           ref: c,
           style: {
             // we use position: 'relative' here on the `viewport` so that when we call
@@ -1577,12 +1577,12 @@ var [Vo, mt] = we(me, {}), tt = "SelectViewport", hr = l.forwardRef(
             // revisit this if/when that is supported
             // https://developer.chrome.com/blog/vertical-form-controls
             overflow: "hidden auto",
-            ...n.style
+            ...o.style
           },
-          onScroll: _(n.onScroll, (u) => {
-            const p = u.currentTarget, { contentWrapper: f, shouldExpandOnScrollRef: x } = a;
+          onScroll: _(o.onScroll, (d) => {
+            const p = d.currentTarget, { contentWrapper: f, shouldExpandOnScrollRef: x } = a;
             if (x?.current && f) {
-              const g = Math.abs(d.current - p.scrollTop);
+              const g = Math.abs(u.current - p.scrollTop);
               if (g > 0) {
                 const w = window.innerHeight - Q * 2, m = parseFloat(f.style.minHeight), v = parseFloat(f.style.height), b = Math.max(m, v);
                 if (b < w) {
@@ -1591,7 +1591,7 @@ var [Vo, mt] = we(me, {}), tt = "SelectViewport", hr = l.forwardRef(
                 }
               }
             }
-            d.current = p.scrollTop;
+            u.current = p.scrollTop;
           })
         }
       ) })
@@ -1601,15 +1601,15 @@ var [Vo, mt] = we(me, {}), tt = "SelectViewport", hr = l.forwardRef(
 hr.displayName = tt;
 var vr = "SelectGroup", [Ko, Ho] = we(vr), Uo = l.forwardRef(
   (e, r) => {
-    const { __scopeSelect: t, ...o } = e, n = te();
-    return /* @__PURE__ */ s.jsx(Ko, { scope: t, id: n, children: /* @__PURE__ */ s.jsx(N.div, { role: "group", "aria-labelledby": n, ...o, ref: r }) });
+    const { __scopeSelect: t, ...n } = e, o = te();
+    return /* @__PURE__ */ s.jsx(Ko, { scope: t, id: o, children: /* @__PURE__ */ s.jsx(N.div, { role: "group", "aria-labelledby": o, ...n, ref: r }) });
   }
 );
 Uo.displayName = vr;
 var xr = "SelectLabel", Go = l.forwardRef(
   (e, r) => {
-    const { __scopeSelect: t, ...o } = e, n = Ho(xr, t);
-    return /* @__PURE__ */ s.jsx(N.div, { id: n.id, ...o, ref: r });
+    const { __scopeSelect: t, ...n } = e, o = Ho(xr, t);
+    return /* @__PURE__ */ s.jsx(N.div, { id: o.id, ...n, ref: r });
   }
 );
 Go.displayName = xr;
@@ -1617,17 +1617,17 @@ var Pe = "SelectItem", [zo, gr] = we(Pe), br = l.forwardRef(
   (e, r) => {
     const {
       __scopeSelect: t,
-      value: o,
-      disabled: n = !1,
+      value: n,
+      disabled: o = !1,
       textValue: i,
       ...a
-    } = e, c = ie(Pe, t), d = le(Pe, t), u = c.value === o, [p, f] = l.useState(i ?? ""), [x, g] = l.useState(!1), w = V(
+    } = e, c = ie(Pe, t), u = le(Pe, t), d = c.value === n, [p, f] = l.useState(i ?? ""), [x, g] = l.useState(!1), w = V(
       r,
-      (S) => d.itemRefCallback?.(S, o, n)
+      (S) => u.itemRefCallback?.(S, n, o)
     ), m = te(), v = l.useRef("touch"), b = () => {
-      n || (c.onValueChange(o), c.onOpenChange(!1));
+      o || (c.onValueChange(n), c.onOpenChange(!1));
     };
-    if (o === "")
+    if (n === "")
       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."
       );
@@ -1635,10 +1635,10 @@ var Pe = "SelectItem", [zo, gr] = we(Pe), br = l.forwardRef(
       zo,
       {
         scope: t,
-        value: o,
-        disabled: n,
+        value: n,
+        disabled: o,
         textId: m,
-        isSelected: u,
+        isSelected: d,
         onItemTextChange: l.useCallback((S) => {
           f((y) => y || (S?.textContent ?? "").trim());
         }, []),
@@ -1646,8 +1646,8 @@ var Pe = "SelectItem", [zo, gr] = we(Pe), br = l.forwardRef(
           Be.ItemSlot,
           {
             scope: t,
-            value: o,
-            disabled: n,
+            value: n,
+            disabled: o,
             textValue: p,
             children: /* @__PURE__ */ s.jsx(
               N.div,
@@ -1655,11 +1655,11 @@ var Pe = "SelectItem", [zo, gr] = we(Pe), br = l.forwardRef(
                 role: "option",
                 "aria-labelledby": m,
                 "data-highlighted": x ? "" : void 0,
-                "aria-selected": u && x,
-                "data-state": u ? "checked" : "unchecked",
-                "aria-disabled": n || void 0,
-                "data-disabled": n ? "" : void 0,
-                tabIndex: n ? void 0 : -1,
+                "aria-selected": d && x,
+                "data-state": d ? "checked" : "unchecked",
+                "aria-disabled": o || void 0,
+                "data-disabled": o ? "" : void 0,
+                tabIndex: o ? void 0 : -1,
                 ...a,
                 ref: w,
                 onFocus: _(a.onFocus, () => g(!0)),
@@ -1674,13 +1674,13 @@ var Pe = "SelectItem", [zo, gr] = we(Pe), br = l.forwardRef(
                   v.current = S.pointerType;
                 }),
                 onPointerMove: _(a.onPointerMove, (S) => {
-                  v.current = S.pointerType, n ? d.onItemLeave?.() : v.current === "mouse" && S.currentTarget.focus({ preventScroll: !0 });
+                  v.current = S.pointerType, o ? u.onItemLeave?.() : v.current === "mouse" && S.currentTarget.focus({ preventScroll: !0 });
                 }),
                 onPointerLeave: _(a.onPointerLeave, (S) => {
-                  S.currentTarget === document.activeElement && d.onItemLeave?.();
+                  S.currentTarget === document.activeElement && u.onItemLeave?.();
                 }),
                 onKeyDown: _(a.onKeyDown, (S) => {
-                  d.searchRef?.current !== "" && S.key === " " || (_o.includes(S.key) && b(), S.key === " " && S.preventDefault());
+                  u.searchRef?.current !== "" && S.key === " " || (_o.includes(S.key) && b(), S.key === " " && S.preventDefault());
                 })
               }
             )
@@ -1693,123 +1693,123 @@ var Pe = "SelectItem", [zo, gr] = we(Pe), br = l.forwardRef(
 br.displayName = Pe;
 var Ie = "SelectItemText", wr = l.forwardRef(
   (e, r) => {
-    const { __scopeSelect: t, className: o, style: n, ...i } = e, a = ie(Ie, t), c = le(Ie, t), d = gr(Ie, t), u = Ao(Ie, t), [p, f] = l.useState(null), x = V(
+    const { __scopeSelect: t, className: n, style: o, ...i } = e, a = ie(Ie, t), c = le(Ie, t), u = gr(Ie, t), d = Ao(Ie, t), [p, f] = l.useState(null), x = V(
       r,
       (b) => f(b),
-      d.onItemTextChange,
-      (b) => c.itemTextRefCallback?.(b, d.value, d.disabled)
+      u.onItemTextChange,
+      (b) => c.itemTextRefCallback?.(b, u.value, u.disabled)
     ), g = p?.textContent, w = l.useMemo(
-      () => /* @__PURE__ */ s.jsx("option", { value: d.value, disabled: d.disabled, children: g }, d.value),
-      [d.disabled, d.value, g]
-    ), { onNativeOptionAdd: m, onNativeOptionRemove: v } = u;
+      () => /* @__PURE__ */ s.jsx("option", { value: u.value, disabled: u.disabled, children: g }, u.value),
+      [u.disabled, u.value, g]
+    ), { onNativeOptionAdd: m, onNativeOptionRemove: v } = d;
     return oe(() => (m(w), () => v(w)), [m, v, w]), /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-      /* @__PURE__ */ s.jsx(N.span, { id: d.textId, ...i, ref: x }),
-      d.isSelected && a.valueNode && !a.valueNodeHasChildren ? Nt.createPortal(i.children, a.valueNode) : null
+      /* @__PURE__ */ s.jsx(N.span, { id: u.textId, ...i, ref: x }),
+      u.isSelected && a.valueNode && !a.valueNodeHasChildren ? Nt.createPortal(i.children, a.valueNode) : null
     ] });
   }
 );
 wr.displayName = Ie;
 var Sr = "SelectItemIndicator", yr = l.forwardRef(
   (e, r) => {
-    const { __scopeSelect: t, ...o } = e;
-    return gr(Sr, t).isSelected ? /* @__PURE__ */ s.jsx(N.span, { "aria-hidden": !0, ...o, ref: r }) : null;
+    const { __scopeSelect: t, ...n } = e;
+    return gr(Sr, t).isSelected ? /* @__PURE__ */ s.jsx(N.span, { "aria-hidden": !0, ...n, ref: r }) : null;
   }
 );
 yr.displayName = Sr;
 var rt = "SelectScrollUpButton", Cr = l.forwardRef((e, r) => {
-  const t = le(rt, e.__scopeSelect), o = mt(rt, e.__scopeSelect), [n, i] = l.useState(!1), a = V(r, o.onScrollButtonChange);
+  const t = le(rt, e.__scopeSelect), n = mt(rt, e.__scopeSelect), [o, i] = l.useState(!1), a = V(r, n.onScrollButtonChange);
   return oe(() => {
     if (t.viewport && t.isPositioned) {
       let c = function() {
-        const u = d.scrollTop > 0;
-        i(u);
+        const d = u.scrollTop > 0;
+        i(d);
       };
-      const d = t.viewport;
-      return c(), d.addEventListener("scroll", c), () => d.removeEventListener("scroll", c);
+      const u = t.viewport;
+      return c(), u.addEventListener("scroll", c), () => u.removeEventListener("scroll", c);
     }
-  }, [t.viewport, t.isPositioned]), n ? /* @__PURE__ */ s.jsx(
+  }, [t.viewport, t.isPositioned]), o ? /* @__PURE__ */ s.jsx(
     Rr,
     {
       ...e,
       ref: a,
       onAutoScroll: () => {
-        const { viewport: c, selectedItem: d } = t;
-        c && d && (c.scrollTop = c.scrollTop - d.offsetHeight);
+        const { viewport: c, selectedItem: u } = t;
+        c && u && (c.scrollTop = c.scrollTop - u.offsetHeight);
       }
     }
   ) : null;
 });
 Cr.displayName = rt;
 var nt = "SelectScrollDownButton", Ir = l.forwardRef((e, r) => {
-  const t = le(nt, e.__scopeSelect), o = mt(nt, e.__scopeSelect), [n, i] = l.useState(!1), a = V(r, o.onScrollButtonChange);
+  const t = le(nt, e.__scopeSelect), n = mt(nt, e.__scopeSelect), [o, i] = l.useState(!1), a = V(r, n.onScrollButtonChange);
   return oe(() => {
     if (t.viewport && t.isPositioned) {
       let c = function() {
-        const u = d.scrollHeight - d.clientHeight, p = Math.ceil(d.scrollTop) < u;
+        const d = u.scrollHeight - u.clientHeight, p = Math.ceil(u.scrollTop) < d;
         i(p);
       };
-      const d = t.viewport;
-      return c(), d.addEventListener("scroll", c), () => d.removeEventListener("scroll", c);
+      const u = t.viewport;
+      return c(), u.addEventListener("scroll", c), () => u.removeEventListener("scroll", c);
     }
-  }, [t.viewport, t.isPositioned]), n ? /* @__PURE__ */ s.jsx(
+  }, [t.viewport, t.isPositioned]), o ? /* @__PURE__ */ s.jsx(
     Rr,
     {
       ...e,
       ref: a,
       onAutoScroll: () => {
-        const { viewport: c, selectedItem: d } = t;
-        c && d && (c.scrollTop = c.scrollTop + d.offsetHeight);
+        const { viewport: c, selectedItem: u } = t;
+        c && u && (c.scrollTop = c.scrollTop + u.offsetHeight);
       }
     }
   ) : null;
 });
 Ir.displayName = nt;
 var Rr = l.forwardRef((e, r) => {
-  const { __scopeSelect: t, onAutoScroll: o, ...n } = e, i = le("SelectScrollButton", t), a = l.useRef(null), c = $e(t), d = l.useCallback(() => {
+  const { __scopeSelect: t, onAutoScroll: n, ...o } = e, i = le("SelectScrollButton", t), a = l.useRef(null), c = $e(t), u = l.useCallback(() => {
     a.current !== null && (window.clearInterval(a.current), a.current = null);
   }, []);
-  return l.useEffect(() => () => d(), [d]), oe(() => {
+  return l.useEffect(() => () => u(), [u]), oe(() => {
     c().find((p) => p.ref.current === document.activeElement)?.ref.current?.scrollIntoView({ block: "nearest" });
   }, [c]), /* @__PURE__ */ s.jsx(
     N.div,
     {
       "aria-hidden": !0,
-      ...n,
+      ...o,
       ref: r,
-      style: { flexShrink: 0, ...n.style },
-      onPointerDown: _(n.onPointerDown, () => {
-        a.current === null && (a.current = window.setInterval(o, 50));
+      style: { flexShrink: 0, ...o.style },
+      onPointerDown: _(o.onPointerDown, () => {
+        a.current === null && (a.current = window.setInterval(n, 50));
       }),
-      onPointerMove: _(n.onPointerMove, () => {
-        i.onItemLeave?.(), a.current === null && (a.current = window.setInterval(o, 50));
+      onPointerMove: _(o.onPointerMove, () => {
+        i.onItemLeave?.(), a.current === null && (a.current = window.setInterval(n, 50));
       }),
-      onPointerLeave: _(n.onPointerLeave, () => {
-        d();
+      onPointerLeave: _(o.onPointerLeave, () => {
+        u();
       })
     }
   );
 }), Wo = "SelectSeparator", qo = l.forwardRef(
   (e, r) => {
-    const { __scopeSelect: t, ...o } = e;
-    return /* @__PURE__ */ s.jsx(N.div, { "aria-hidden": !0, ...o, ref: r });
+    const { __scopeSelect: t, ...n } = e;
+    return /* @__PURE__ */ s.jsx(N.div, { "aria-hidden": !0, ...n, ref: r });
   }
 );
 qo.displayName = Wo;
 var ot = "SelectArrow", Yo = l.forwardRef(
   (e, r) => {
-    const { __scopeSelect: t, ...o } = e, n = Ve(t), i = ie(ot, t), a = le(ot, t);
-    return i.open && a.position === "popper" ? /* @__PURE__ */ s.jsx(yn, { ...n, ...o, ref: r }) : null;
+    const { __scopeSelect: t, ...n } = e, o = Ve(t), i = ie(ot, t), a = le(ot, t);
+    return i.open && a.position === "popper" ? /* @__PURE__ */ s.jsx(yn, { ...o, ...n, ref: r }) : null;
   }
 );
 Yo.displayName = ot;
 var Xo = "SelectBubbleInput", kr = l.forwardRef(
-  ({ __scopeSelect: e, value: r, ...t }, o) => {
-    const n = l.useRef(null), i = V(o, n), a = Ee(r);
+  ({ __scopeSelect: e, value: r, ...t }, n) => {
+    const o = l.useRef(null), i = V(n, o), a = Ee(r);
     return l.useEffect(() => {
-      const c = n.current;
+      const c = o.current;
       if (!c) return;
-      const d = window.HTMLSelectElement.prototype, p = Object.getOwnPropertyDescriptor(
-        d,
+      const u = window.HTMLSelectElement.prototype, p = Object.getOwnPropertyDescriptor(
+        u,
         "value"
       ).set;
       if (a !== r && p) {
@@ -1832,30 +1832,30 @@ function Er(e) {
   return e === "" || e === void 0;
 }
 function jr(e) {
-  const r = yt(e), t = l.useRef(""), o = l.useRef(0), n = l.useCallback(
+  const r = yt(e), t = l.useRef(""), n = l.useRef(0), o = l.useCallback(
     (a) => {
       const c = t.current + a;
-      r(c), function d(u) {
-        t.current = u, window.clearTimeout(o.current), u !== "" && (o.current = window.setTimeout(() => d(""), 1e3));
+      r(c), function u(d) {
+        t.current = d, window.clearTimeout(n.current), d !== "" && (n.current = window.setTimeout(() => u(""), 1e3));
       }(c);
     },
     [r]
   ), i = l.useCallback(() => {
-    t.current = "", window.clearTimeout(o.current);
+    t.current = "", window.clearTimeout(n.current);
   }, []);
-  return l.useEffect(() => () => window.clearTimeout(o.current), []), [t, n, i];
+  return l.useEffect(() => () => window.clearTimeout(n.current), []), [t, o, i];
 }
 function Nr(e, r, t) {
-  const n = r.length > 1 && Array.from(r).every((u) => u === r[0]) ? r[0] : r, i = t ? e.indexOf(t) : -1;
+  const o = r.length > 1 && Array.from(r).every((d) => d === r[0]) ? r[0] : r, i = t ? e.indexOf(t) : -1;
   let a = Zo(e, Math.max(i, 0));
-  n.length === 1 && (a = a.filter((u) => u !== t));
-  const d = a.find(
-    (u) => u.textValue.toLowerCase().startsWith(n.toLowerCase())
+  o.length === 1 && (a = a.filter((d) => d !== t));
+  const u = a.find(
+    (d) => d.textValue.toLowerCase().startsWith(o.toLowerCase())
   );
-  return d !== t ? d : void 0;
+  return u !== t ? u : void 0;
 }
 function Zo(e, r) {
-  return e.map((t, o) => e[(r + o) % e.length]);
+  return e.map((t, n) => e[(r + n) % e.length]);
 }
 var Jo = or, Qo = sr, ea = lr, ta = cr, ra = dr, na = ur, oa = hr, aa = br, sa = wr, ia = yr, la = Cr, ca = Ir;
 function da({ ...e }) {
@@ -1868,7 +1868,7 @@ function pa({
   className: e,
   size: r = "default",
   children: t,
-  ...o
+  ...n
 }) {
   return /* @__PURE__ */ s.jsxs(
     Qo,
@@ -1879,7 +1879,7 @@ function pa({
       ),
       "data-size": r,
       "data-slot": "select-trigger",
-      ...o,
+      ...n,
       children: [
         t,
         /* @__PURE__ */ s.jsx(ta, { asChild: !0, children: /* @__PURE__ */ s.jsx(jt, { className: "size-4 opacity-50" }) })
@@ -1891,13 +1891,13 @@ function fa({
   className: e,
   children: r,
   position: t = "popper",
-  align: o = "center",
-  ...n
+  align: n = "center",
+  ...o
 }) {
   return /* @__PURE__ */ s.jsx(ra, { children: /* @__PURE__ */ s.jsxs(
     na,
     {
-      align: o,
+      align: n,
       className: A(
         "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
         t === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
@@ -1905,7 +1905,7 @@ function fa({
       ),
       "data-slot": "select-content",
       position: t,
-      ...n,
+      ...o,
       children: [
         /* @__PURE__ */ s.jsx(ha, {}),
         /* @__PURE__ */ s.jsx(
@@ -1969,13 +1969,13 @@ const Vs = ({
   name: e,
   defaultValue: r,
   options: t,
-  label: o,
-  placeholder: n,
+  label: n,
+  placeholder: o,
   note: i,
   className: a,
   value: c,
-  onValueChange: d,
-  error: u,
+  onValueChange: u,
+  error: d,
   size: p = "md",
   ...f
 }) => {
@@ -1989,31 +1989,31 @@ const Vs = ({
     a
   ), g = p === "xs" || p === "sm" ? "sm" : "default";
   return /* @__PURE__ */ s.jsxs(ne, { className: "w-full", direction: "col", gap: "2", children: [
-    o && /* @__PURE__ */ s.jsx(ae, { htmlFor: e, children: o }),
+    n && /* @__PURE__ */ s.jsx(ae, { htmlFor: e, children: n }),
     /* @__PURE__ */ s.jsxs(
       da,
       {
         defaultValue: r,
         name: e,
-        onValueChange: d,
+        onValueChange: u,
         value: c,
         ...f,
         children: [
-          /* @__PURE__ */ s.jsx(pa, { className: x, "data-testid": `select-input-${e}`, size: g, children: /* @__PURE__ */ s.jsx(ua, { placeholder: n }) }),
+          /* @__PURE__ */ s.jsx(pa, { className: x, "data-testid": `select-input-${e}`, size: g, children: /* @__PURE__ */ s.jsx(ua, { placeholder: o }) }),
           /* @__PURE__ */ s.jsx(fa, { children: t.map(({ value: w, label: m }) => /* @__PURE__ */ s.jsx(ma, { value: w, children: m }, `option-${w}`)) })
         ]
       }
     ),
     i && /* @__PURE__ */ s.jsx(Ae, { size: "sm", variant: "muted", children: i }),
-    u && /* @__PURE__ */ s.jsx(je, { message: u })
+    d && /* @__PURE__ */ s.jsx(je, { message: d })
   ] });
 };
 var gt = 1, xa = 0.9, ga = 0.8, ba = 0.17, Xe = 0.1, Ze = 0.999, wa = 0.9999, Sa = 0.99, ya = /[\\\/_+.#"@\[\(\{&]/, Ca = /[\\\/_+.#"@\[\(\{&]/g, Ia = /[\s-]/, _r = /[\s-]/g;
-function at(e, r, t, o, n, i, a) {
-  if (i === r.length) return n === e.length ? gt : Sa;
-  var c = `${n},${i}`;
+function at(e, r, t, n, o, i, a) {
+  if (i === r.length) return o === e.length ? gt : Sa;
+  var c = `${o},${i}`;
   if (a[c] !== void 0) return a[c];
-  for (var d = o.charAt(i), u = t.indexOf(d, n), p = 0, f, x, g, w; u >= 0; ) f = at(e, r, t, o, u + 1, i + 1, a), f > p && (u === n ? f *= gt : ya.test(e.charAt(u - 1)) ? (f *= ga, g = e.slice(n, u - 1).match(Ca), g && n > 0 && (f *= Math.pow(Ze, g.length))) : Ia.test(e.charAt(u - 1)) ? (f *= xa, w = e.slice(n, u - 1).match(_r), w && n > 0 && (f *= Math.pow(Ze, w.length))) : (f *= ba, n > 0 && (f *= Math.pow(Ze, u - n))), e.charAt(u) !== r.charAt(i) && (f *= wa)), (f < Xe && t.charAt(u - 1) === o.charAt(i + 1) || o.charAt(i + 1) === o.charAt(i) && t.charAt(u - 1) !== o.charAt(i)) && (x = at(e, r, t, o, u + 1, i + 2, a), x * Xe > f && (f = x * Xe)), f > p && (p = f), u = t.indexOf(d, u + 1);
+  for (var u = n.charAt(i), d = t.indexOf(u, o), p = 0, f, x, g, w; d >= 0; ) f = at(e, r, t, n, d + 1, i + 1, a), f > p && (d === o ? f *= gt : ya.test(e.charAt(d - 1)) ? (f *= ga, g = e.slice(o, d - 1).match(Ca), g && o > 0 && (f *= Math.pow(Ze, g.length))) : Ia.test(e.charAt(d - 1)) ? (f *= xa, w = e.slice(o, d - 1).match(_r), w && o > 0 && (f *= Math.pow(Ze, w.length))) : (f *= ba, o > 0 && (f *= Math.pow(Ze, d - o))), e.charAt(d) !== r.charAt(i) && (f *= wa)), (f < Xe && t.charAt(d - 1) === n.charAt(i + 1) || n.charAt(i + 1) === n.charAt(i) && t.charAt(d - 1) !== n.charAt(i)) && (x = at(e, r, t, n, d + 1, i + 2, a), x * Xe > f && (f = x * Xe)), f > p && (p = f), d = t.indexOf(u, d + 1);
   return a[c] = p, p;
 }
 function bt(e) {
@@ -2026,7 +2026,7 @@ var Ce = '[cmdk-group=""]', Je = '[cmdk-group-items=""]', ka = '[cmdk-group-head
   let t = be(() => {
     var h, k;
     return { search: "", value: (k = (h = e.value) != null ? h : e.defaultValue) != null ? k : "", selectedItemId: void 0, filtered: { count: 0, items: /* @__PURE__ */ new Map(), groups: /* @__PURE__ */ new Set() } };
-  }), o = be(() => /* @__PURE__ */ new Set()), n = be(() => /* @__PURE__ */ new Map()), i = be(() => /* @__PURE__ */ new Map()), a = be(() => /* @__PURE__ */ new Set()), c = Or(e), { label: d, children: u, value: p, onValueChange: f, filter: x, shouldFilter: g, loop: w, disablePointerSelection: m = !1, vimBindings: v = !0, ...b } = e, S = te(), y = te(), R = te(), D = l.useRef(null), P = La();
+  }), n = be(() => /* @__PURE__ */ new Set()), o = be(() => /* @__PURE__ */ new Map()), i = be(() => /* @__PURE__ */ new Map()), a = be(() => /* @__PURE__ */ new Set()), c = Or(e), { label: u, children: d, value: p, onValueChange: f, filter: x, shouldFilter: g, loop: w, disablePointerSelection: m = !1, vimBindings: v = !0, ...b } = e, S = te(), y = te(), R = te(), D = l.useRef(null), P = La();
   he(() => {
     if (p !== void 0) {
       let h = p.trim();
@@ -2062,17 +2062,17 @@ var Ce = '[cmdk-group=""]', Je = '[cmdk-group-items=""]', ka = '[cmdk-group-head
     k !== ((I = i.current.get(h)) == null ? void 0 : I.value) && (i.current.set(h, { value: k, keywords: E }), t.current.filtered.items.set(h, Z(k, E)), P(2, () => {
       z(), j.emit();
     }));
-  }, item: (h, k) => (o.current.add(h), k && (n.current.has(k) ? n.current.get(k).add(h) : n.current.set(k, /* @__PURE__ */ new Set([h]))), P(3, () => {
+  }, item: (h, k) => (n.current.add(h), k && (o.current.has(k) ? o.current.get(k).add(h) : o.current.set(k, /* @__PURE__ */ new Set([h]))), P(3, () => {
     K(), z(), t.current.value || O(), j.emit();
   }), () => {
-    i.current.delete(h), o.current.delete(h), t.current.filtered.items.delete(h);
+    i.current.delete(h), n.current.delete(h), t.current.filtered.items.delete(h);
     let E = W();
     P(4, () => {
       K(), E?.getAttribute("id") === h && O(), j.emit();
     });
-  }), group: (h) => (n.current.has(h) || n.current.set(h, /* @__PURE__ */ new Set()), () => {
-    i.current.delete(h), n.current.delete(h);
-  }), filter: () => c.current.shouldFilter, label: d || e["aria-label"], getDisablePointerSelection: () => c.current.disablePointerSelection, listId: S, inputId: R, labelId: y, listInnerRef: D }), []);
+  }), group: (h) => (o.current.has(h) || o.current.set(h, /* @__PURE__ */ new Set()), () => {
+    i.current.delete(h), o.current.delete(h);
+  }), filter: () => c.current.shouldFilter, label: u || e["aria-label"], getDisablePointerSelection: () => c.current.disablePointerSelection, listId: S, inputId: R, labelId: y, listInnerRef: D }), []);
   function Z(h, k) {
     var E, I;
     let T = (I = (E = c.current) == null ? void 0 : E.filter) != null ? I : Ea;
@@ -2082,7 +2082,7 @@ var Ce = '[cmdk-group=""]', Je = '[cmdk-group-items=""]', ka = '[cmdk-group-head
     if (!t.current.search || c.current.shouldFilter === !1) return;
     let h = t.current.filtered.items, k = [];
     t.current.filtered.groups.forEach((I) => {
-      let T = n.current.get(I), C = 0;
+      let T = o.current.get(I), C = 0;
       T.forEach((M) => {
         let B = h.get(M);
         C = Math.max(B, C);
@@ -2109,16 +2109,16 @@ var Ce = '[cmdk-group=""]', Je = '[cmdk-group-items=""]', ka = '[cmdk-group-head
   function K() {
     var h, k, E, I;
     if (!t.current.search || c.current.shouldFilter === !1) {
-      t.current.filtered.count = o.current.size;
+      t.current.filtered.count = n.current.size;
       return;
     }
     t.current.filtered.groups = /* @__PURE__ */ new Set();
     let T = 0;
-    for (let C of o.current) {
+    for (let C of n.current) {
       let M = (k = (h = i.current.get(C)) == null ? void 0 : h.value) != null ? k : "", B = (I = (E = i.current.get(C)) == null ? void 0 : E.keywords) != null ? I : [], $ = Z(M, B);
       t.current.filtered.items.set(C, $), $ > 0 && T++;
     }
-    for (let [C, M] of n.current) for (let B of M) if (t.current.filtered.items.get(B) > 0) {
+    for (let [C, M] of o.current) for (let B of M) if (t.current.filtered.items.get(B) > 0) {
       t.current.filtered.groups.add(C);
       break;
     }
@@ -2196,64 +2196,64 @@ var Ce = '[cmdk-group=""]', Je = '[cmdk-group-items=""]', ka = '[cmdk-group-head
         }
       }
     }
-  } }, l.createElement("label", { "cmdk-label": "", htmlFor: L.inputId, id: L.labelId, style: $a }, d), Ke(e, (h) => l.createElement(Mr.Provider, { value: j }, l.createElement(Tr.Provider, { value: L }, h))));
+  } }, l.createElement("label", { "cmdk-label": "", htmlFor: L.inputId, id: L.labelId, style: $a }, u), Ke(e, (h) => l.createElement(Mr.Provider, { value: j }, l.createElement(Tr.Provider, { value: L }, h))));
 }), ja = l.forwardRef((e, r) => {
-  var t, o;
-  let n = te(), i = l.useRef(null), a = l.useContext(Ar), c = Ne(), d = Or(e), u = (o = (t = d.current) == null ? void 0 : t.forceMount) != null ? o : a?.forceMount;
+  var t, n;
+  let o = te(), i = l.useRef(null), a = l.useContext(Ar), c = Ne(), u = Or(e), d = (n = (t = u.current) == null ? void 0 : t.forceMount) != null ? n : a?.forceMount;
   he(() => {
-    if (!u) return c.item(n, a?.id);
-  }, [u]);
-  let p = Fr(n, i, [e.value, e.children, i], e.keywords), f = ht(), x = se((P) => P.value && P.value === p.current), g = se((P) => u || c.filter() === !1 ? !0 : P.search ? P.filtered.items.get(n) > 0 : !0);
+    if (!d) return c.item(o, a?.id);
+  }, [d]);
+  let p = Fr(o, i, [e.value, e.children, i], e.keywords), f = ht(), x = se((P) => P.value && P.value === p.current), g = se((P) => d || c.filter() === !1 ? !0 : P.search ? P.filtered.items.get(o) > 0 : !0);
   l.useEffect(() => {
     let P = i.current;
     if (!(!P || e.disabled)) return P.addEventListener(st, w), () => P.removeEventListener(st, w);
   }, [g, e.onSelect, e.disabled]);
   function w() {
     var P, j;
-    m(), (j = (P = d.current).onSelect) == null || j.call(P, p.current);
+    m(), (j = (P = u.current).onSelect) == null || j.call(P, p.current);
   }
   function m() {
     f.setState("value", p.current, !0);
   }
   if (!g) return null;
   let { disabled: v, value: b, onSelect: S, forceMount: y, keywords: R, ...D } = e;
-  return l.createElement(N.div, { ref: Re(i, r), ...D, id: n, "cmdk-item": "", role: "option", "aria-disabled": !!v, "aria-selected": !!x, "data-disabled": !!v, "data-selected": !!x, onPointerMove: v || c.getDisablePointerSelection() ? void 0 : m, onClick: v ? void 0 : w }, e.children);
+  return l.createElement(N.div, { ref: Re(i, r), ...D, id: o, "cmdk-item": "", role: "option", "aria-disabled": !!v, "aria-selected": !!x, "data-disabled": !!v, "data-selected": !!x, onPointerMove: v || c.getDisablePointerSelection() ? void 0 : m, onClick: v ? void 0 : w }, e.children);
 }), Na = l.forwardRef((e, r) => {
-  let { heading: t, children: o, forceMount: n, ...i } = e, a = te(), c = l.useRef(null), d = l.useRef(null), u = te(), p = Ne(), f = se((g) => n || p.filter() === !1 ? !0 : g.search ? g.filtered.groups.has(a) : !0);
-  he(() => p.group(a), []), Fr(a, c, [e.value, e.heading, d]);
-  let x = l.useMemo(() => ({ id: a, forceMount: n }), [n]);
-  return l.createElement(N.div, { ref: Re(c, r), ...i, "cmdk-group": "", role: "presentation", hidden: f ? void 0 : !0 }, t && l.createElement("div", { ref: d, "cmdk-group-heading": "", "aria-hidden": !0, id: u }, t), Ke(e, (g) => l.createElement("div", { "cmdk-group-items": "", role: "group", "aria-labelledby": t ? u : void 0 }, l.createElement(Ar.Provider, { value: x }, g))));
+  let { heading: t, children: n, forceMount: o, ...i } = e, a = te(), c = l.useRef(null), u = l.useRef(null), d = te(), p = Ne(), f = se((g) => o || p.filter() === !1 ? !0 : g.search ? g.filtered.groups.has(a) : !0);
+  he(() => p.group(a), []), Fr(a, c, [e.value, e.heading, u]);
+  let x = l.useMemo(() => ({ id: a, forceMount: o }), [o]);
+  return l.createElement(N.div, { ref: Re(c, r), ...i, "cmdk-group": "", role: "presentation", hidden: f ? void 0 : !0 }, t && l.createElement("div", { ref: u, "cmdk-group-heading": "", "aria-hidden": !0, id: d }, t), Ke(e, (g) => l.createElement("div", { "cmdk-group-items": "", role: "group", "aria-labelledby": t ? d : void 0 }, l.createElement(Ar.Provider, { value: x }, g))));
 }), _a = l.forwardRef((e, r) => {
-  let { alwaysRender: t, ...o } = e, n = l.useRef(null), i = se((a) => !a.search);
-  return !t && !i ? null : l.createElement(N.div, { ref: Re(n, r), ...o, "cmdk-separator": "", role: "separator" });
+  let { alwaysRender: t, ...n } = e, o = l.useRef(null), i = se((a) => !a.search);
+  return !t && !i ? null : l.createElement(N.div, { ref: Re(o, r), ...n, "cmdk-separator": "", role: "separator" });
 }), Pa = l.forwardRef((e, r) => {
-  let { onValueChange: t, ...o } = e, n = e.value != null, i = ht(), a = se((u) => u.search), c = se((u) => u.selectedItemId), d = Ne();
+  let { onValueChange: t, ...n } = e, o = e.value != null, i = ht(), a = se((d) => d.search), c = se((d) => d.selectedItemId), u = Ne();
   return l.useEffect(() => {
     e.value != null && i.setState("search", e.value);
-  }, [e.value]), l.createElement(N.input, { ref: r, ...o, "cmdk-input": "", autoComplete: "off", autoCorrect: "off", spellCheck: !1, "aria-autocomplete": "list", role: "combobox", "aria-expanded": !0, "aria-controls": d.listId, "aria-labelledby": d.labelId, "aria-activedescendant": c, id: d.inputId, type: "text", value: n ? e.value : a, onChange: (u) => {
-    n || i.setState("search", u.target.value), t?.(u.target.value);
+  }, [e.value]), l.createElement(N.input, { ref: r, ...n, "cmdk-input": "", autoComplete: "off", autoCorrect: "off", spellCheck: !1, "aria-autocomplete": "list", role: "combobox", "aria-expanded": !0, "aria-controls": u.listId, "aria-labelledby": u.labelId, "aria-activedescendant": c, id: u.inputId, type: "text", value: o ? e.value : a, onChange: (d) => {
+    o || i.setState("search", d.target.value), t?.(d.target.value);
   } });
 }), Ta = l.forwardRef((e, r) => {
-  let { children: t, label: o = "Suggestions", ...n } = e, i = l.useRef(null), a = l.useRef(null), c = se((u) => u.selectedItemId), d = Ne();
+  let { children: t, label: n = "Suggestions", ...o } = e, i = l.useRef(null), a = l.useRef(null), c = se((d) => d.selectedItemId), u = Ne();
   return l.useEffect(() => {
     if (a.current && i.current) {
-      let u = a.current, p = i.current, f, x = new ResizeObserver(() => {
+      let d = a.current, p = i.current, f, x = new ResizeObserver(() => {
         f = requestAnimationFrame(() => {
-          let g = u.offsetHeight;
+          let g = d.offsetHeight;
           p.style.setProperty("--cmdk-list-height", g.toFixed(1) + "px");
         });
       });
-      return x.observe(u), () => {
-        cancelAnimationFrame(f), x.unobserve(u);
+      return x.observe(d), () => {
+        cancelAnimationFrame(f), x.unobserve(d);
       };
     }
-  }, []), l.createElement(N.div, { ref: Re(i, r), ...n, "cmdk-list": "", role: "listbox", tabIndex: -1, "aria-activedescendant": c, "aria-label": o, id: d.listId }, Ke(e, (u) => l.createElement("div", { ref: Re(a, d.listInnerRef), "cmdk-list-sizer": "" }, u)));
+  }, []), l.createElement(N.div, { ref: Re(i, r), ...o, "cmdk-list": "", role: "listbox", tabIndex: -1, "aria-activedescendant": c, "aria-label": n, id: u.listId }, Ke(e, (d) => l.createElement("div", { ref: Re(a, u.listInnerRef), "cmdk-list-sizer": "" }, d)));
 }), Ma = l.forwardRef((e, r) => {
-  let { open: t, onOpenChange: o, overlayClassName: n, contentClassName: i, container: a, ...c } = e;
-  return l.createElement(Cn, { open: t, onOpenChange: o }, l.createElement(In, { container: a }, l.createElement(Rn, { "cmdk-overlay": "", className: n }), l.createElement(kn, { "aria-label": e.label, "cmdk-dialog": "", className: i }, l.createElement(Dr, { ref: r, ...c }))));
+  let { open: t, onOpenChange: n, overlayClassName: o, contentClassName: i, container: a, ...c } = e;
+  return l.createElement(Cn, { open: t, onOpenChange: n }, l.createElement(In, { container: a }, l.createElement(Rn, { "cmdk-overlay": "", className: o }), l.createElement(kn, { "aria-label": e.label, "cmdk-dialog": "", className: i }, l.createElement(Dr, { ref: r, ...c }))));
 }), Aa = l.forwardRef((e, r) => se((t) => t.filtered.count === 0) ? l.createElement(N.div, { ref: r, ...e, "cmdk-empty": "", role: "presentation" }) : null), Da = l.forwardRef((e, r) => {
-  let { progress: t, children: o, label: n = "Loading...", ...i } = e;
-  return l.createElement(N.div, { ref: r, ...i, "cmdk-loading": "", role: "progressbar", "aria-valuenow": t, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": n }, Ke(e, (a) => l.createElement("div", { "aria-hidden": !0 }, a)));
+  let { progress: t, children: n, label: o = "Loading...", ...i } = e;
+  return l.createElement(N.div, { ref: r, ...i, "cmdk-loading": "", role: "progressbar", "aria-valuenow": t, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": o }, Ke(e, (a) => l.createElement("div", { "aria-hidden": !0 }, a)));
 }), Se = Object.assign(Dr, { List: Ta, Item: ja, Input: Pa, Group: Na, Separator: _a, Dialog: Ma, Empty: Aa, Loading: Da });
 function Oa(e, r) {
   let t = e.nextElementSibling;
@@ -2284,26 +2284,26 @@ function se(e) {
   let r = ht(), t = () => e(r.snapshot());
   return l.useSyncExternalStore(r.subscribe, t, t);
 }
-function Fr(e, r, t, o = []) {
-  let n = l.useRef(), i = Ne();
+function Fr(e, r, t, n = []) {
+  let o = l.useRef(), i = Ne();
   return he(() => {
     var a;
     let c = (() => {
-      var u;
+      var d;
       for (let p of t) {
         if (typeof p == "string") return p.trim();
-        if (typeof p == "object" && "current" in p) return p.current ? (u = p.current.textContent) == null ? void 0 : u.trim() : n.current;
+        if (typeof p == "object" && "current" in p) return p.current ? (d = p.current.textContent) == null ? void 0 : d.trim() : o.current;
       }
-    })(), d = o.map((u) => u.trim());
-    i.value(e, c, d), (a = r.current) == null || a.setAttribute(ge, c), n.current = c;
-  }), n;
+    })(), u = n.map((d) => d.trim());
+    i.value(e, c, u), (a = r.current) == null || a.setAttribute(ge, c), o.current = c;
+  }), o;
 }
 var La = () => {
   let [e, r] = l.useState(), t = be(() => /* @__PURE__ */ new Map());
   return he(() => {
-    t.current.forEach((o) => o()), t.current = /* @__PURE__ */ new Map();
-  }, [e]), (o, n) => {
-    t.current.set(o, n), r({});
+    t.current.forEach((n) => n()), t.current = /* @__PURE__ */ new Map();
+  }, [e]), (n, o) => {
+    t.current.set(n, o), r({});
   };
 };
 function Ba(e) {
@@ -2386,50 +2386,50 @@ const Wa = ({
   placeholder: e,
   selected: r,
   className: t,
-  open: o,
-  renderSelected: n = (i) => i.label
-}) => /* @__PURE__ */ s.jsx(Rt, { asChild: !0, children: /* @__PURE__ */ s.jsxs(an, { "aria-expanded": o, className: `justify-between ${t}`, role: "combobox", variant: "outline", children: [
-  n(r || { label: e, value: "" }),
+  open: n,
+  renderSelected: o = (i) => i.label
+}) => /* @__PURE__ */ s.jsx(Rt, { asChild: !0, children: /* @__PURE__ */ s.jsxs(an, { "aria-expanded": n, className: `justify-between ${t}`, role: "combobox", variant: "outline", children: [
+  o(r || { label: e, value: "" }),
   /* @__PURE__ */ s.jsx(Mn, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
 ] }) }), Ks = ({
   options: e,
   value: r = "",
   placeholder: t = "Select a value...",
-  className: o = "",
-  onSelect: n = () => {
+  className: n = "",
+  onSelect: o = () => {
   },
   renderSelected: i = (a) => a.label
 }) => {
-  const [a, c] = Me(!1), d = ln(() => e.find((u) => u.value === r), [e, r]);
+  const [a, c] = Me(!1), u = ln(() => e.find((d) => d.value === r), [e, r]);
   return /* @__PURE__ */ s.jsxs(It, { onOpenChange: c, open: a, children: [
     /* @__PURE__ */ s.jsx(
       Wa,
       {
-        className: `w-full ${o}`,
+        className: `w-full ${n}`,
         open: a,
         placeholder: t,
         renderSelected: i,
-        selected: d
+        selected: u
       }
     ),
     /* @__PURE__ */ s.jsx(kt, { className: "w-full p-0", children: /* @__PURE__ */ s.jsxs(Va, { value: r, children: [
       /* @__PURE__ */ s.jsx(Ka, { "aria-label": "Search options", className: "h-9", placeholder: "Search" }),
       /* @__PURE__ */ s.jsxs(Ha, { children: [
         /* @__PURE__ */ s.jsx(Ua, { children: "No results found" }),
-        /* @__PURE__ */ s.jsx(Ga, { children: e.map((u) => /* @__PURE__ */ s.jsxs(
+        /* @__PURE__ */ s.jsx(Ga, { children: e.map((d) => /* @__PURE__ */ s.jsxs(
           za,
           {
             onSelect: () => {
-              c(!1), n(u.value);
+              c(!1), o(d.value);
             },
-            value: u.value,
+            value: d.value,
             children: [
-              u.icon ? /* @__PURE__ */ s.jsx("span", { className: "mr-2", children: u.icon }) : "",
-              u.label,
-              /* @__PURE__ */ s.jsx(ut, { className: A("ml-auto", u.value === r ? "opacity-100" : "opacity-0") })
+              d.icon ? /* @__PURE__ */ s.jsx("span", { className: "mr-2", children: d.icon }) : "",
+              d.label,
+              /* @__PURE__ */ s.jsx(ut, { className: A("ml-auto", d.value === r ? "opacity-100" : "opacity-0") })
             ]
           },
-          u.value
+          d.value
         )) })
       ] })
     ] }) })
@@ -2446,13 +2446,13 @@ var Lr = ["PageUp", "PageDown"], Br = ["ArrowUp", "ArrowDown", "ArrowLeft", "Arr
   (e, r) => {
     const {
       name: t,
-      min: o = 0,
-      max: n = 100,
+      min: n = 0,
+      max: o = 100,
       step: i = 1,
       orientation: a = "horizontal",
       disabled: c = !1,
-      minStepsBetweenThumbs: d = 0,
-      defaultValue: u = [o],
+      minStepsBetweenThumbs: u = 0,
+      defaultValue: d = [n],
       value: p,
       onValueChange: f = () => {
       },
@@ -2463,7 +2463,7 @@ var Lr = ["PageUp", "PageDown"], Br = ["ArrowUp", "ArrowDown", "ArrowLeft", "Arr
       ...m
     } = e, v = l.useRef(/* @__PURE__ */ new Set()), b = l.useRef(0), y = a === "horizontal" ? Za : Ja, [R = [], D] = pe({
       prop: p,
-      defaultProp: u,
+      defaultProp: d,
       onChange: (O) => {
         [...v.current][b.current]?.focus(), f(O);
       }
@@ -2480,10 +2480,10 @@ var Lr = ["PageUp", "PageDown"], Br = ["ArrowUp", "ArrowDown", "ArrowLeft", "Arr
       R[b.current] !== O && x(R);
     }
     function z(O, K, { commit: X } = { commit: !1 }) {
-      const W = is(i), U = ls(Math.round((O - o) / i) * i + o, W), F = _e(U, [o, n]);
+      const W = is(i), U = ls(Math.round((O - n) / i) * i + n, W), F = _e(U, [n, o]);
       D((G = []) => {
         const q = ts(G, F, K);
-        if (ss(q, d * i)) {
+        if (ss(q, u * i)) {
           b.current = q.indexOf(F);
           const J = String(q) !== String(G);
           return J && X && x(q), J ? q : G;
@@ -2497,8 +2497,8 @@ var Lr = ["PageUp", "PageDown"], Br = ["ArrowUp", "ArrowDown", "ArrowLeft", "Arr
         scope: e.__scopeSlider,
         name: t,
         disabled: c,
-        min: o,
-        max: n,
+        min: n,
+        max: o,
         valueIndexToChangeRef: b,
         thumbs: v.current,
         values: R,
@@ -2514,14 +2514,14 @@ var Lr = ["PageUp", "PageDown"], Br = ["ArrowUp", "ArrowDown", "ArrowLeft", "Arr
             onPointerDown: _(m.onPointerDown, () => {
               c || (P.current = R);
             }),
-            min: o,
-            max: n,
+            min: n,
+            max: o,
             inverted: g,
             onSlideStart: c ? void 0 : j,
             onSlideMove: c ? void 0 : L,
             onSlideEnd: c ? void 0 : Z,
-            onHomeKeyDown: () => !c && z(o, 0, { commit: !0 }),
-            onEndKeyDown: () => !c && z(n, R.length - 1, { commit: !0 }),
+            onHomeKeyDown: () => !c && z(n, 0, { commit: !0 }),
+            onEndKeyDown: () => !c && z(o, R.length - 1, { commit: !0 }),
             onStepKeyDown: ({ event: O, direction: K }) => {
               if (!c) {
                 const U = Lr.includes(O.key) || O.shiftKey && Br.includes(O.key) ? 10 : 1, F = b.current, G = R[F], q = i * U * K;
@@ -2544,17 +2544,17 @@ var [Hr, Ur] = Vr(ye, {
   (e, r) => {
     const {
       min: t,
-      max: o,
-      dir: n,
+      max: n,
+      dir: o,
       inverted: i,
       onSlideStart: a,
       onSlideMove: c,
-      onSlideEnd: d,
-      onStepKeyDown: u,
+      onSlideEnd: u,
+      onStepKeyDown: d,
       ...p
-    } = e, [f, x] = l.useState(null), g = V(r, (y) => x(y)), w = l.useRef(void 0), m = De(n), v = m === "ltr", b = v && !i || !v && i;
+    } = e, [f, x] = l.useState(null), g = V(r, (y) => x(y)), w = l.useRef(void 0), m = De(o), v = m === "ltr", b = v && !i || !v && i;
     function S(y) {
-      const R = w.current || f.getBoundingClientRect(), D = [0, R.width], j = vt(D, b ? [t, o] : [o, t]);
+      const R = w.current || f.getBoundingClientRect(), D = [0, R.width], j = vt(D, b ? [t, n] : [n, t]);
       return w.current = R, j(y - R.left);
     }
     return /* @__PURE__ */ s.jsx(
@@ -2585,11 +2585,11 @@ var [Hr, Ur] = Vr(ye, {
               c?.(R);
             },
             onSlideEnd: () => {
-              w.current = void 0, d?.();
+              w.current = void 0, u?.();
             },
             onStepKeyDown: (y) => {
               const D = $r[b ? "from-left" : "from-right"].includes(y.key);
-              u?.({ event: y, direction: D ? -1 : 1 });
+              d?.({ event: y, direction: D ? -1 : 1 });
             }
           }
         )
@@ -2600,16 +2600,16 @@ var [Hr, Ur] = Vr(ye, {
   (e, r) => {
     const {
       min: t,
-      max: o,
-      inverted: n,
+      max: n,
+      inverted: o,
       onSlideStart: i,
       onSlideMove: a,
       onSlideEnd: c,
-      onStepKeyDown: d,
-      ...u
-    } = e, p = l.useRef(null), f = V(r, p), x = l.useRef(void 0), g = !n;
+      onStepKeyDown: u,
+      ...d
+    } = e, p = l.useRef(null), f = V(r, p), x = l.useRef(void 0), g = !o;
     function w(m) {
-      const v = x.current || p.current.getBoundingClientRect(), b = [0, v.height], y = vt(b, g ? [o, t] : [t, o]);
+      const v = x.current || p.current.getBoundingClientRect(), b = [0, v.height], y = vt(b, g ? [n, t] : [t, n]);
       return x.current = v, y(m - v.top);
     }
     return /* @__PURE__ */ s.jsx(
@@ -2624,10 +2624,10 @@ var [Hr, Ur] = Vr(ye, {
           Gr,
           {
             "data-orientation": "vertical",
-            ...u,
+            ...d,
             ref: f,
             style: {
-              ...u.style,
+              ...d.style,
               "--radix-slider-thumb-transform": "translateY(50%)"
             },
             onSlideStart: (m) => {
@@ -2643,7 +2643,7 @@ var [Hr, Ur] = Vr(ye, {
             },
             onStepKeyDown: (m) => {
               const b = $r[g ? "from-bottom" : "from-top"].includes(m.key);
-              d?.({ event: m, direction: b ? -1 : 1 });
+              u?.({ event: m, direction: b ? -1 : 1 });
             }
           }
         )
@@ -2654,28 +2654,28 @@ var [Hr, Ur] = Vr(ye, {
   (e, r) => {
     const {
       __scopeSlider: t,
-      onSlideStart: o,
-      onSlideMove: n,
+      onSlideStart: n,
+      onSlideMove: o,
       onSlideEnd: i,
       onHomeKeyDown: a,
       onEndKeyDown: c,
-      onStepKeyDown: d,
-      ...u
+      onStepKeyDown: u,
+      ...d
     } = e, p = He(ye, t);
     return /* @__PURE__ */ s.jsx(
       N.span,
       {
-        ...u,
+        ...d,
         ref: r,
         onKeyDown: _(e.onKeyDown, (f) => {
-          f.key === "Home" ? (a(f), f.preventDefault()) : f.key === "End" ? (c(f), f.preventDefault()) : Lr.concat(Br).includes(f.key) && (d(f), f.preventDefault());
+          f.key === "Home" ? (a(f), f.preventDefault()) : f.key === "End" ? (c(f), f.preventDefault()) : Lr.concat(Br).includes(f.key) && (u(f), f.preventDefault());
         }),
         onPointerDown: _(e.onPointerDown, (f) => {
           const x = f.target;
-          x.setPointerCapture(f.pointerId), f.preventDefault(), p.thumbs.has(x) ? x.focus() : o(f);
+          x.setPointerCapture(f.pointerId), f.preventDefault(), p.thumbs.has(x) ? x.focus() : n(f);
         }),
         onPointerMove: _(e.onPointerMove, (f) => {
-          f.target.hasPointerCapture(f.pointerId) && n(f);
+          f.target.hasPointerCapture(f.pointerId) && o(f);
         }),
         onPointerUp: _(e.onPointerUp, (f) => {
           const x = f.target;
@@ -2686,13 +2686,13 @@ var [Hr, Ur] = Vr(ye, {
   }
 ), zr = "SliderTrack", Wr = l.forwardRef(
   (e, r) => {
-    const { __scopeSlider: t, ...o } = e, n = He(zr, t);
+    const { __scopeSlider: t, ...n } = e, o = He(zr, t);
     return /* @__PURE__ */ s.jsx(
       N.span,
       {
-        "data-disabled": n.disabled ? "" : void 0,
-        "data-orientation": n.orientation,
-        ...o,
+        "data-disabled": o.disabled ? "" : void 0,
+        "data-orientation": o.orientation,
+        ...n,
         ref: r
       }
     );
@@ -2701,15 +2701,15 @@ var [Hr, Ur] = Vr(ye, {
 Wr.displayName = zr;
 var lt = "SliderRange", qr = l.forwardRef(
   (e, r) => {
-    const { __scopeSlider: t, ...o } = e, n = He(lt, t), i = Ur(lt, t), a = l.useRef(null), c = V(r, a), d = n.values.length, u = n.values.map(
-      (x) => Zr(x, n.min, n.max)
-    ), p = d > 1 ? Math.min(...u) : 0, f = 100 - Math.max(...u);
+    const { __scopeSlider: t, ...n } = e, o = He(lt, t), i = Ur(lt, t), a = l.useRef(null), c = V(r, a), u = o.values.length, d = o.values.map(
+      (x) => Zr(x, o.min, o.max)
+    ), p = u > 1 ? Math.min(...d) : 0, f = 100 - Math.max(...d);
     return /* @__PURE__ */ s.jsx(
       N.span,
       {
-        "data-orientation": n.orientation,
-        "data-disabled": n.disabled ? "" : void 0,
-        ...o,
+        "data-orientation": o.orientation,
+        "data-disabled": o.disabled ? "" : void 0,
+        ...n,
         ref: c,
         style: {
           ...e.style,
@@ -2723,21 +2723,21 @@ var lt = "SliderRange", qr = l.forwardRef(
 qr.displayName = lt;
 var ct = "SliderThumb", Yr = l.forwardRef(
   (e, r) => {
-    const t = qa(e.__scopeSlider), [o, n] = l.useState(null), i = V(r, (c) => n(c)), a = l.useMemo(
-      () => o ? t().findIndex((c) => c.ref.current === o) : -1,
-      [t, o]
+    const t = qa(e.__scopeSlider), [n, o] = l.useState(null), i = V(r, (c) => o(c)), a = l.useMemo(
+      () => n ? t().findIndex((c) => c.ref.current === n) : -1,
+      [t, n]
     );
     return /* @__PURE__ */ s.jsx(Qa, { ...e, ref: i, index: a });
   }
 ), Qa = l.forwardRef(
   (e, r) => {
-    const { __scopeSlider: t, index: o, name: n, ...i } = e, a = He(ct, t), c = Ur(ct, t), [d, u] = l.useState(null), p = V(r, (S) => u(S)), f = d ? a.form || !!d.closest("form") : !0, x = Oe(d), g = a.values[o], w = g === void 0 ? 0 : Zr(g, a.min, a.max), m = rs(o, a.values.length), v = x?.[c.size], b = v ? os(v, w, c.direction) : 0;
+    const { __scopeSlider: t, index: n, name: o, ...i } = e, a = He(ct, t), c = Ur(ct, t), [u, d] = l.useState(null), p = V(r, (S) => d(S)), f = u ? a.form || !!u.closest("form") : !0, x = Oe(u), g = a.values[n], w = g === void 0 ? 0 : Zr(g, a.min, a.max), m = rs(n, a.values.length), v = x?.[c.size], b = v ? os(v, w, c.direction) : 0;
     return l.useEffect(() => {
-      if (d)
-        return a.thumbs.add(d), () => {
-          a.thumbs.delete(d);
+      if (u)
+        return a.thumbs.add(u), () => {
+          a.thumbs.delete(u);
         };
-    }, [d, a.thumbs]), /* @__PURE__ */ s.jsxs(
+    }, [u, a.thumbs]), /* @__PURE__ */ s.jsxs(
       "span",
       {
         style: {
@@ -2762,18 +2762,18 @@ var ct = "SliderThumb", Yr = l.forwardRef(
               ref: p,
               style: g === void 0 ? { display: "none" } : e.style,
               onFocus: _(e.onFocus, () => {
-                a.valueIndexToChangeRef.current = o;
+                a.valueIndexToChangeRef.current = n;
               })
             }
           ) }),
           f && /* @__PURE__ */ s.jsx(
             Xr,
             {
-              name: n ?? (a.name ? a.name + (a.values.length > 1 ? "[]" : "") : void 0),
+              name: o ?? (a.name ? a.name + (a.values.length > 1 ? "[]" : "") : void 0),
               form: a.form,
               value: g
             },
-            o
+            n
           )
         ]
       }
@@ -2782,12 +2782,12 @@ var ct = "SliderThumb", Yr = l.forwardRef(
 );
 Yr.displayName = ct;
 var es = "RadioBubbleInput", Xr = l.forwardRef(
-  ({ __scopeSlider: e, value: r, ...t }, o) => {
-    const n = l.useRef(null), i = V(n, o), a = Ee(r);
+  ({ __scopeSlider: e, value: r, ...t }, n) => {
+    const o = l.useRef(null), i = V(o, n), a = Ee(r);
     return l.useEffect(() => {
-      const c = n.current;
+      const c = o.current;
       if (!c) return;
-      const d = window.HTMLInputElement.prototype, p = Object.getOwnPropertyDescriptor(d, "value").set;
+      const u = window.HTMLInputElement.prototype, p = Object.getOwnPropertyDescriptor(u, "value").set;
       if (a !== r && p) {
         const f = new Event("input", { bubbles: !0 });
         p.call(c, r), c.dispatchEvent(f);
@@ -2805,8 +2805,8 @@ var es = "RadioBubbleInput", Xr = l.forwardRef(
 );
 Xr.displayName = es;
 function ts(e = [], r, t) {
-  const o = [...e];
-  return o[t] = r, o.sort((n, i) => n - i);
+  const n = [...e];
+  return n[t] = r, n.sort((o, i) => o - i);
 }
 function Zr(e, r, t) {
   const i = 100 / (t - r) * (e - r);
@@ -2817,12 +2817,12 @@ function rs(e, r) {
 }
 function ns(e, r) {
   if (e.length === 1) return 0;
-  const t = e.map((n) => Math.abs(n - r)), o = Math.min(...t);
-  return t.indexOf(o);
+  const t = e.map((o) => Math.abs(o - r)), n = Math.min(...t);
+  return t.indexOf(n);
 }
 function os(e, r, t) {
-  const o = e / 2, i = vt([0, 50], [0, o]);
-  return (o - i(r) * t) * t;
+  const n = e / 2, i = vt([0, 50], [0, n]);
+  return (n - i(r) * t) * t;
 }
 function as(e) {
   return e.slice(0, -1).map((r, t) => e[t + 1] - r);
@@ -2837,8 +2837,8 @@ function ss(e, r) {
 function vt(e, r) {
   return (t) => {
     if (e[0] === e[1] || r[0] === r[1]) return r[0];
-    const o = (r[1] - r[0]) / (e[1] - e[0]);
-    return r[0] + o * (t - e[0]);
+    const n = (r[1] - r[0]) / (e[1] - e[0]);
+    return r[0] + n * (t - e[0]);
   };
 }
 function is(e) {
@@ -2853,15 +2853,15 @@ function fs({
   className: e,
   trackClassName: r,
   thumbClassName: t,
-  defaultValue: o,
-  value: n,
+  defaultValue: n,
+  value: o,
   min: i = 0,
   max: a = 100,
   ...c
 }) {
-  const d = l.useMemo(
-    () => Array.isArray(n) ? n : Array.isArray(o) ? o : [i, a],
-    [n, o, i, a]
+  const u = l.useMemo(
+    () => Array.isArray(o) ? o : Array.isArray(n) ? n : [i, a],
+    [o, n, i, a]
   );
   return /* @__PURE__ */ s.jsxs(
     cs,
@@ -2871,10 +2871,10 @@ function fs({
         e
       ),
       "data-slot": "slider",
-      defaultValue: o,
+      defaultValue: n,
       max: a,
       min: i,
-      value: n,
+      value: o,
       ...c,
       children: [
         /* @__PURE__ */ s.jsx(
@@ -2894,7 +2894,7 @@ function fs({
             )
           }
         ),
-        Array.from({ length: d.length }, (u, p) => /* @__PURE__ */ s.jsx(
+        Array.from({ length: u.length }, (d, p) => /* @__PURE__ */ s.jsx(
           ps,
           {
             className: A(
@@ -2909,8 +2909,8 @@ function fs({
     }
   );
 }
-const Us = ({ size: e = "md", thumbClassName: r, trackClassName: t, value: o, defaultValue: n, ...i }) => {
-  const a = n !== void 0 ? Array.isArray(n) ? n : [n] : void 0, c = o !== void 0 ? Array.isArray(o) ? o : [o] : void 0;
+const Us = ({ size: e = "md", thumbClassName: r, trackClassName: t, value: n, defaultValue: o, ...i }) => {
+  const a = o !== void 0 ? Array.isArray(o) ? o : [o] : void 0, c = n !== void 0 ? Array.isArray(n) ? n : [n] : void 0;
   return /* @__PURE__ */ s.jsx(
     fs,
     {
@@ -2945,19 +2945,19 @@ var Ue = "Switch", [ms, Gs] = ve(Ue), [hs, vs] = ms(Ue), Jr = l.forwardRef(
   (e, r) => {
     const {
       __scopeSwitch: t,
-      name: o,
-      checked: n,
+      name: n,
+      checked: o,
       defaultChecked: i,
       required: a,
       disabled: c,
-      value: d = "on",
-      onCheckedChange: u,
+      value: u = "on",
+      onCheckedChange: d,
       form: p,
       ...f
     } = e, [x, g] = l.useState(null), w = V(r, (y) => g(y)), m = l.useRef(!1), v = x ? p || !!x.closest("form") : !0, [b, S] = pe({
-      prop: n,
+      prop: o,
       defaultProp: i ?? !1,
-      onChange: u,
+      onChange: d,
       caller: Ue
     });
     return /* @__PURE__ */ s.jsxs(hs, { scope: t, checked: b, disabled: c, children: [
@@ -2971,7 +2971,7 @@ var Ue = "Switch", [ms, Gs] = ve(Ue), [hs, vs] = ms(Ue), Jr = l.forwardRef(
           "data-state": rn(b),
           "data-disabled": c ? "" : void 0,
           disabled: c,
-          value: d,
+          value: u,
           ...f,
           ref: w,
           onClick: _(e.onClick, (y) => {
@@ -2984,8 +2984,8 @@ var Ue = "Switch", [ms, Gs] = ve(Ue), [hs, vs] = ms(Ue), Jr = l.forwardRef(
         {
           control: x,
           bubbles: !m.current,
-          name: o,
-          value: d,
+          name: n,
+          value: u,
           checked: b,
           required: a,
           disabled: c,
@@ -2999,13 +2999,13 @@ var Ue = "Switch", [ms, Gs] = ve(Ue), [hs, vs] = ms(Ue), Jr = l.forwardRef(
 Jr.displayName = Ue;
 var Qr = "SwitchThumb", en = l.forwardRef(
   (e, r) => {
-    const { __scopeSwitch: t, ...o } = e, n = vs(Qr, t);
+    const { __scopeSwitch: t, ...n } = e, o = vs(Qr, t);
     return /* @__PURE__ */ s.jsx(
       N.span,
       {
-        "data-state": rn(n.checked),
-        "data-disabled": n.disabled ? "" : void 0,
-        ...o,
+        "data-state": rn(o.checked),
+        "data-disabled": o.disabled ? "" : void 0,
+        ...n,
         ref: r
       }
     );
@@ -3017,10 +3017,10 @@ var xs = "SwitchBubbleInput", tn = l.forwardRef(
     __scopeSwitch: e,
     control: r,
     checked: t,
-    bubbles: o = !0,
-    ...n
+    bubbles: n = !0,
+    ...o
   }, i) => {
-    const a = l.useRef(null), c = V(a, i), d = Ee(t), u = Oe(r);
+    const a = l.useRef(null), c = V(a, i), u = Ee(t), d = Oe(r);
     return l.useEffect(() => {
       const p = a.current;
       if (!p) return;
@@ -3028,22 +3028,22 @@ var xs = "SwitchBubbleInput", tn = l.forwardRef(
         f,
         "checked"
       ).set;
-      if (d !== t && g) {
-        const w = new Event("click", { bubbles: o });
+      if (u !== t && g) {
+        const w = new Event("click", { bubbles: n });
         g.call(p, t), p.dispatchEvent(w);
       }
-    }, [d, t, o]), /* @__PURE__ */ s.jsx(
+    }, [u, t, n]), /* @__PURE__ */ s.jsx(
       "input",
       {
         type: "checkbox",
         "aria-hidden": !0,
         defaultChecked: t,
-        ...n,
+        ...o,
         tabIndex: -1,
         ref: c,
         style: {
-          ...n.style,
-          ...u,
+          ...o.style,
+          ...d,
           position: "absolute",
           pointerEvents: "none",
           opacity: 0,
@@ -3085,32 +3085,47 @@ function ws({
     }
   );
 }
-const zs = ({ id: e, label: r, leftLabel: t, rightLabel: o, size: n = "md", ...i }) => {
-  const a = cn(), c = e || a;
+const zs = ({
+  id: e,
+  label: r,
+  leftLabel: t,
+  rightLabel: n,
+  className: o,
+  thumbClassName: i,
+  size: a = "md",
+  ...c
+}) => {
+  const u = cn(), d = e || u;
   return /* @__PURE__ */ s.jsxs("div", { className: "flex items-center space-x-2", children: [
-    t && /* @__PURE__ */ s.jsx(ae, { className: "cursor-pointer", htmlFor: c, size: n, children: t }),
+    t && /* @__PURE__ */ s.jsx(ae, { className: "cursor-pointer", htmlFor: d, size: a, children: t }),
     /* @__PURE__ */ s.jsx(
       ws,
       {
-        className: A({
-          "h-[10px] w-4": n === "xs",
-          "h-[14px] w-6": n === "sm",
-          "h-[18px] w-8": n === "md",
-          "h-[22px] w-10": n === "lg",
-          "h-[26px] w-12": n === "xl"
-        }),
-        id: c,
-        thumbClassName: A({
-          "size-2": n === "xs",
-          "size-3": n === "sm",
-          "size-4": n === "md",
-          "size-5": n === "lg",
-          "size-6": n === "xl"
-        }),
-        ...i
+        className: A(
+          {
+            "h-[10px] w-4": a === "xs",
+            "h-[14px] w-6": a === "sm",
+            "h-[18px] w-8": a === "md",
+            "h-[22px] w-10": a === "lg",
+            "h-[26px] w-12": a === "xl"
+          },
+          o
+        ),
+        id: d,
+        thumbClassName: A(
+          {
+            "size-2": a === "xs",
+            "size-3": a === "sm",
+            "size-4": a === "md",
+            "size-5": a === "lg",
+            "size-6": a === "xl"
+          },
+          i
+        ),
+        ...c
       }
     ),
-    /* @__PURE__ */ s.jsx(ae, { className: "cursor-pointer", htmlFor: c, size: n, children: o || r })
+    /* @__PURE__ */ s.jsx(ae, { className: "cursor-pointer", htmlFor: d, size: a, children: n || r })
   ] });
 };
 function Ss({ className: e, ...r }) {
@@ -3126,17 +3141,17 @@ function Ss({ className: e, ...r }) {
     }
   );
 }
-function Ws({ label: e, name: r, note: t, placeholder: o, className: n, error: i, ...a }) {
+function Ws({ label: e, name: r, note: t, placeholder: n, className: o, error: i, ...a }) {
   return /* @__PURE__ */ s.jsxs(ne, { className: "w-full", direction: "col", gap: "2", children: [
     e && /* @__PURE__ */ s.jsx(ae, { htmlFor: r, children: e }),
     /* @__PURE__ */ s.jsx(
       Ss,
       {
         "aria-label": e || r,
-        className: n,
+        className: o,
         id: r,
         name: r,
-        placeholder: o,
+        placeholder: n,
         ...a
       }
     ),