@arcadeai/design-system 0.7.2 → 0.7.3

package/dist/components/ui/atoms/select.js

@@ -1,117 +1,117 @@
-import { jsx as l, jsxs as Q, Fragment as be } from "react/jsx-runtime";
+import { jsx as s, jsxs as Q, Fragment as be } from "react/jsx-runtime";
 import * as n from "react";
 import * as Re from "react-dom";
 import { c as Ne } from "../../../index-rKs9bXHr.js";
-import { c as N } from "../../../index-DLeNytVF.js";
-import { c as lt } from "../../../index-CuMpq4Un.js";
-import { u as B, c as it } from "../../../index-CB1Wkg0G.js";
-import { c as ct } from "../../../index-UFb2E87s.js";
+import { c as P } from "../../../index-B695uy69.js";
+import { c as lt } from "../../../index-CxO14pcK.js";
+import { u as k, c as ct } from "../../../index-5Bhkapwi.js";
+import { c as it } from "../../../index-DFZozV_h.js";
 import { u as dt } from "../../../index-ByaXH_ih.js";
-import { P as ut, D as pt } from "../../../index-QMp1pYFl.js";
-import { h as ft, u as mt, R as ht, F as vt } from "../../../index-BAhNQL1u.js";
-import { u as Te } from "../../../index-umR1UobZ.js";
-import { c as Ee, R as gt, A as St, C as wt, a as xt } from "../../../index-Dy7YuPrV.js";
-import { P as M } from "../../../index-C9KW2H79.js";
-import { u as yt } from "../../../index-DwYXX2sM.js";
-import { u as _e } from "../../../index-DYfkNB0n.js";
-import { u as G } from "../../../index-DuekHEmj.js";
-import { u as Ct } from "../../../index-BZPx6jYI.js";
-import { V as It } from "../../../index-nluJZSbA.js";
-import { c as j } from "../../../utils-Dy2WjYNJ.js";
-import { C as bt } from "../../../check-CxcShTlQ.js";
-import { C as Me } from "../../../chevron-down-D_a-ccxi.js";
-import { c as Tt } from "../../../createLucideIcon-B6fy1GTR.js";
+import { P as ut, D as pt } from "../../../index-DYHsXnnS.js";
+import { h as ft, u as mt, R as ht, F as vt } from "../../../index-BvWMjxZ5.js";
+import { u as Te } from "../../../index-Cv867SGx.js";
+import { c as Ee, R as gt, A as St, C as wt, a as xt } from "../../../index-f0YS5Ufh.js";
+import { P as M } from "../../../index-CpDnqHCm.js";
+import { u as Ct } from "../../../index-0ioNhtNM.js";
+import { u as _e } from "../../../index-437EL2iq.js";
+import { u as G } from "../../../index-CCKe-Mpx.js";
+import { u as yt } from "../../../index-BZPx6jYI.js";
+import { V as It } from "../../../index-DfNPZZ8M.js";
+import { c as j } from "../../../utils-CRiPKpXj.js";
+import { C as bt } from "../../../check-B5h1DvDs.js";
+import { C as Me } from "../../../chevron-down-DmZMdOiC.js";
+import { c as Tt } from "../../../createLucideIcon-XRdN60yz.js";
 /**
- * @license lucide-react v0.522.0 - ISC
+ * @license lucide-react v0.525.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
 const Pt = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]], Nt = Tt("chevron-up", Pt);
-var _t = [" ", "Enter", "ArrowUp", "ArrowDown"], Rt = [" ", "Enter"], ee = "Select", [de, ue, Et] = lt(ee), [ne, Oo] = ct(ee, [
+var _t = [" ", "Enter", "ArrowUp", "ArrowDown"], Rt = [" ", "Enter"], ee = "Select", [de, ue, Et] = lt(ee), [ne, Oo] = it(ee, [
   Et,
   Ee
 ]), pe = Ee(), [Mt, Y] = ne(ee), [At, Ot] = ne(ee), Ae = (t) => {
   const {
     __scopeSelect: o,
     children: e,
-    open: i,
-    defaultOpen: c,
-    onOpenChange: p,
-    value: s,
+    open: c,
+    defaultOpen: l,
+    onOpenChange: u,
+    value: r,
     defaultValue: a,
-    onValueChange: r,
+    onValueChange: i,
     dir: f,
     name: g,
     autoComplete: x,
-    disabled: T,
-    required: P,
-    form: b
-  } = t, d = pe(o), [v, y] = n.useState(null), [u, h] = n.useState(null), [A, O] = n.useState(!1), re = dt(f), [_, L] = _e({
-    prop: i,
-    defaultProp: c ?? !1,
-    onChange: p,
+    disabled: N,
+    required: b,
+    form: y
+  } = t, d = pe(o), [h, S] = n.useState(null), [m, v] = n.useState(null), [W, A] = n.useState(!1), re = dt(f), [_, D] = _e({
+    prop: c,
+    defaultProp: l ?? !1,
+    onChange: u,
     caller: ee
   }), [z, X] = _e({
-    prop: s,
+    prop: r,
     defaultProp: a,
-    onChange: r,
+    onChange: i,
     caller: ee
-  }), V = n.useRef(null), H = v ? b || !!v.closest("form") : !0, [K, U] = n.useState(/* @__PURE__ */ new Set()), F = Array.from(K).map((R) => R.props.value).join(";");
-  return /* @__PURE__ */ l(gt, { ...d, children: /* @__PURE__ */ Q(
+  }), B = n.useRef(null), V = h ? y || !!h.closest("form") : !0, [K, H] = n.useState(/* @__PURE__ */ new Set()), U = Array.from(K).map((R) => R.props.value).join(";");
+  return /* @__PURE__ */ s(gt, { ...d, children: /* @__PURE__ */ Q(
     Mt,
     {
-      required: P,
+      required: b,
       scope: o,
-      trigger: v,
-      onTriggerChange: y,
-      valueNode: u,
-      onValueNodeChange: h,
-      valueNodeHasChildren: A,
-      onValueNodeHasChildrenChange: O,
+      trigger: h,
+      onTriggerChange: S,
+      valueNode: m,
+      onValueNodeChange: v,
+      valueNodeHasChildren: W,
+      onValueNodeHasChildrenChange: A,
       contentId: Te(),
       value: z,
       onValueChange: X,
       open: _,
-      onOpenChange: L,
+      onOpenChange: D,
       dir: re,
-      triggerPointerDownPosRef: V,
-      disabled: T,
+      triggerPointerDownPosRef: B,
+      disabled: N,
       children: [
-        /* @__PURE__ */ l(de.Provider, { scope: o, children: /* @__PURE__ */ l(
+        /* @__PURE__ */ s(de.Provider, { scope: o, children: /* @__PURE__ */ s(
           At,
           {
             scope: t.__scopeSelect,
             onNativeOptionAdd: n.useCallback((R) => {
-              U((k) => new Set(k).add(R));
+              H((L) => new Set(L).add(R));
             }, []),
             onNativeOptionRemove: n.useCallback((R) => {
-              U((k) => {
-                const W = new Set(k);
-                return W.delete(R), W;
+              H((L) => {
+                const F = new Set(L);
+                return F.delete(R), F;
               });
             }, []),
             children: e
           }
         ) }),
-        H ? /* @__PURE__ */ Q(
+        V ? /* @__PURE__ */ Q(
           nt,
           {
             "aria-hidden": !0,
-            required: P,
+            required: b,
             tabIndex: -1,
             name: g,
             autoComplete: x,
             value: z,
             onChange: (R) => X(R.target.value),
-            disabled: T,
-            form: b,
+            disabled: N,
+            form: y,
             children: [
-              z === void 0 ? /* @__PURE__ */ l("option", { value: "" }) : null,
+              z === void 0 ? /* @__PURE__ */ s("option", { value: "" }) : null,
               Array.from(K)
             ]
           },
-          F
+          U
         ) : null
       ]
     }
@@ -120,42 +120,42 @@ var _t = [" ", "Enter", "ArrowUp", "ArrowDown"], Rt = [" ", "Enter"], ee = "Sele
 Ae.displayName = ee;
 var Oe = "SelectTrigger", De = n.forwardRef(
   (t, o) => {
-    const { __scopeSelect: e, disabled: i = !1, ...c } = t, p = pe(e), s = Y(Oe, e), a = s.disabled || i, r = B(o, s.onTriggerChange), f = ue(e), g = n.useRef("touch"), [x, T, P] = st((d) => {
-      const v = f().filter((h) => !h.disabled), y = v.find((h) => h.value === s.value), u = at(v, d, y);
-      u !== void 0 && s.onValueChange(u.value);
-    }), b = (d) => {
-      a || (s.onOpenChange(!0), P()), d && (s.triggerPointerDownPosRef.current = {
+    const { __scopeSelect: e, disabled: c = !1, ...l } = t, u = pe(e), r = Y(Oe, e), a = r.disabled || c, i = k(o, r.onTriggerChange), f = ue(e), g = n.useRef("touch"), [x, N, b] = st((d) => {
+      const h = f().filter((v) => !v.disabled), S = h.find((v) => v.value === r.value), m = at(h, d, S);
+      m !== void 0 && r.onValueChange(m.value);
+    }), y = (d) => {
+      a || (r.onOpenChange(!0), b()), d && (r.triggerPointerDownPosRef.current = {
         x: Math.round(d.pageX),
         y: Math.round(d.pageY)
       });
     };
-    return /* @__PURE__ */ l(St, { asChild: !0, ...p, children: /* @__PURE__ */ l(
+    return /* @__PURE__ */ s(St, { asChild: !0, ...u, children: /* @__PURE__ */ s(
       M.button,
       {
         type: "button",
         role: "combobox",
-        "aria-controls": s.contentId,
-        "aria-expanded": s.open,
-        "aria-required": s.required,
+        "aria-controls": r.contentId,
+        "aria-expanded": r.open,
+        "aria-required": r.required,
         "aria-autocomplete": "none",
-        dir: s.dir,
-        "data-state": s.open ? "open" : "closed",
+        dir: r.dir,
+        "data-state": r.open ? "open" : "closed",
         disabled: a,
         "data-disabled": a ? "" : void 0,
-        "data-placeholder": rt(s.value) ? "" : void 0,
-        ...c,
-        ref: r,
-        onClick: N(c.onClick, (d) => {
-          d.currentTarget.focus(), g.current !== "mouse" && b(d);
+        "data-placeholder": rt(r.value) ? "" : void 0,
+        ...l,
+        ref: i,
+        onClick: P(l.onClick, (d) => {
+          d.currentTarget.focus(), g.current !== "mouse" && y(d);
         }),
-        onPointerDown: N(c.onPointerDown, (d) => {
+        onPointerDown: P(l.onPointerDown, (d) => {
           g.current = d.pointerType;
-          const v = d.target;
-          v.hasPointerCapture(d.pointerId) && v.releasePointerCapture(d.pointerId), d.button === 0 && d.ctrlKey === !1 && d.pointerType === "mouse" && (b(d), d.preventDefault());
+          const h = d.target;
+          h.hasPointerCapture(d.pointerId) && h.releasePointerCapture(d.pointerId), d.button === 0 && d.ctrlKey === !1 && d.pointerType === "mouse" && (y(d), d.preventDefault());
         }),
-        onKeyDown: N(c.onKeyDown, (d) => {
-          const v = x.current !== "";
-          !(d.ctrlKey || d.altKey || d.metaKey) && d.key.length === 1 && T(d.key), !(v && d.key === " ") && _t.includes(d.key) && (b(), d.preventDefault());
+        onKeyDown: P(l.onKeyDown, (d) => {
+          const h = x.current !== "";
+          !(d.ctrlKey || d.altKey || d.metaKey) && d.key.length === 1 && N(d.key), !(h && d.key === " ") && _t.includes(d.key) && (y(), d.preventDefault());
         })
       }
     ) });
@@ -164,16 +164,16 @@ var Oe = "SelectTrigger", De = n.forwardRef(
 De.displayName = Oe;
 var Le = "SelectValue", ke = n.forwardRef(
   (t, o) => {
-    const { __scopeSelect: e, className: i, style: c, children: p, placeholder: s = "", ...a } = t, r = Y(Le, e), { onValueNodeHasChildrenChange: f } = r, g = p !== void 0, x = B(o, r.onValueNodeChange);
+    const { __scopeSelect: e, className: c, style: l, children: u, placeholder: r = "", ...a } = t, i = Y(Le, e), { onValueNodeHasChildrenChange: f } = i, g = u !== void 0, x = k(o, i.onValueNodeChange);
     return G(() => {
       f(g);
-    }, [f, g]), /* @__PURE__ */ l(
+    }, [f, g]), /* @__PURE__ */ s(
       M.span,
       {
         ...a,
         ref: x,
         style: { pointerEvents: "none" },
-        children: rt(r.value) ? /* @__PURE__ */ l(be, { children: s }) : p
+        children: rt(i.value) ? /* @__PURE__ */ s(be, { children: r }) : u
       }
     );
   }
@@ -181,169 +181,167 @@ var Le = "SelectValue", ke = n.forwardRef(
 ke.displayName = Le;
 var Dt = "SelectIcon", Be = n.forwardRef(
   (t, o) => {
-    const { __scopeSelect: e, children: i, ...c } = t;
-    return /* @__PURE__ */ l(M.span, { "aria-hidden": !0, ...c, ref: o, children: i || "▼" });
+    const { __scopeSelect: e, children: c, ...l } = t;
+    return /* @__PURE__ */ s(M.span, { "aria-hidden": !0, ...l, ref: o, children: c || "▼" });
   }
 );
 Be.displayName = Dt;
-var Lt = "SelectPortal", Ve = (t) => /* @__PURE__ */ l(ut, { asChild: !0, ...t });
+var Lt = "SelectPortal", Ve = (t) => /* @__PURE__ */ s(ut, { asChild: !0, ...t });
 Ve.displayName = Lt;
 var te = "SelectContent", He = n.forwardRef(
   (t, o) => {
-    const e = Y(te, t.__scopeSelect), [i, c] = n.useState();
+    const e = Y(te, t.__scopeSelect), [c, l] = n.useState();
     if (G(() => {
-      c(new DocumentFragment());
+      l(new DocumentFragment());
     }, []), !e.open) {
-      const p = i;
-      return p ? Re.createPortal(
-        /* @__PURE__ */ l(Ue, { scope: t.__scopeSelect, children: /* @__PURE__ */ l(de.Slot, { scope: t.__scopeSelect, children: /* @__PURE__ */ l("div", { children: t.children }) }) }),
-        p
+      const u = c;
+      return u ? Re.createPortal(
+        /* @__PURE__ */ s(Ue, { scope: t.__scopeSelect, children: /* @__PURE__ */ s(de.Slot, { scope: t.__scopeSelect, children: /* @__PURE__ */ s("div", { children: t.children }) }) }),
+        u
       ) : null;
     }
-    return /* @__PURE__ */ l(Fe, { ...t, ref: o });
+    return /* @__PURE__ */ s(Fe, { ...t, ref: o });
   }
 );
 He.displayName = te;
-var D = 10, [Ue, q] = ne(te), kt = "SelectContentImpl", Bt = it("SelectContent.RemoveScroll"), Fe = n.forwardRef(
+var O = 10, [Ue, q] = ne(te), kt = "SelectContentImpl", Bt = ct("SelectContent.RemoveScroll"), Fe = n.forwardRef(
   (t, o) => {
     const {
       __scopeSelect: e,
-      position: i = "item-aligned",
-      onCloseAutoFocus: c,
-      onEscapeKeyDown: p,
-      onPointerDownOutside: s,
+      position: c = "item-aligned",
+      onCloseAutoFocus: l,
+      onEscapeKeyDown: u,
+      onPointerDownOutside: r,
       //
       // PopperContent props
       side: a,
-      sideOffset: r,
+      sideOffset: i,
       align: f,
       alignOffset: g,
       arrowPadding: x,
-      collisionBoundary: T,
-      collisionPadding: P,
-      sticky: b,
+      collisionBoundary: N,
+      collisionPadding: b,
+      sticky: y,
       hideWhenDetached: d,
-      avoidCollisions: v,
+      avoidCollisions: h,
       //
-      ...y
-    } = t, u = Y(te, e), [h, A] = n.useState(null), [O, re] = n.useState(null), _ = B(o, (m) => A(m)), [L, z] = n.useState(null), [X, V] = n.useState(
+      ...S
+    } = t, m = Y(te, e), [v, W] = n.useState(null), [A, re] = n.useState(null), _ = k(o, (p) => W(p)), [D, z] = n.useState(null), [X, B] = n.useState(
       null
-    ), H = ue(e), [K, U] = n.useState(!1), F = n.useRef(!1);
+    ), V = ue(e), [K, H] = n.useState(!1), U = n.useRef(!1);
     n.useEffect(() => {
-      if (h) return ft(h);
-    }, [h]), mt();
+      if (v) return ft(v);
+    }, [v]), mt();
     const R = n.useCallback(
-      (m) => {
-        const [I, ...E] = H().map((w) => w.ref.current), [C] = E.slice(-1), S = document.activeElement;
-        for (const w of m)
-          if (w === S || (w == null || w.scrollIntoView({ block: "nearest" }), w === I && O && (O.scrollTop = 0), w === C && O && (O.scrollTop = O.scrollHeight), w == null || w.focus(), document.activeElement !== S)) return;
+      (p) => {
+        const [I, ...E] = V().map((T) => T.ref.current), [w] = E.slice(-1), C = document.activeElement;
+        for (const T of p)
+          if (T === C || (T?.scrollIntoView({ block: "nearest" }), T === I && A && (A.scrollTop = 0), T === w && A && (A.scrollTop = A.scrollHeight), T?.focus(), document.activeElement !== C)) return;
       },
-      [H, O]
-    ), k = n.useCallback(
-      () => R([L, h]),
-      [R, L, h]
+      [V, A]
+    ), L = n.useCallback(
+      () => R([D, v]),
+      [R, D, v]
     );
     n.useEffect(() => {
-      K && k();
-    }, [K, k]);
-    const { onOpenChange: W, triggerPointerDownPosRef: $ } = u;
+      K && L();
+    }, [K, L]);
+    const { onOpenChange: F, triggerPointerDownPosRef: $ } = m;
     n.useEffect(() => {
-      if (h) {
-        let m = { x: 0, y: 0 };
-        const I = (C) => {
-          var S, w;
-          m = {
-            x: Math.abs(Math.round(C.pageX) - (((S = $.current) == null ? void 0 : S.x) ?? 0)),
-            y: Math.abs(Math.round(C.pageY) - (((w = $.current) == null ? void 0 : w.y) ?? 0))
+      if (v) {
+        let p = { x: 0, y: 0 };
+        const I = (w) => {
+          p = {
+            x: Math.abs(Math.round(w.pageX) - ($.current?.x ?? 0)),
+            y: Math.abs(Math.round(w.pageY) - ($.current?.y ?? 0))
           };
-        }, E = (C) => {
-          m.x <= 10 && m.y <= 10 ? C.preventDefault() : h.contains(C.target) || W(!1), document.removeEventListener("pointermove", I), $.current = null;
+        }, E = (w) => {
+          p.x <= 10 && p.y <= 10 ? w.preventDefault() : v.contains(w.target) || F(!1), document.removeEventListener("pointermove", I), $.current = null;
         };
         return $.current !== null && (document.addEventListener("pointermove", I), document.addEventListener("pointerup", E, { capture: !0, once: !0 })), () => {
           document.removeEventListener("pointermove", I), document.removeEventListener("pointerup", E, { capture: !0 });
         };
       }
-    }, [h, W, $]), n.useEffect(() => {
-      const m = () => W(!1);
-      return window.addEventListener("blur", m), window.addEventListener("resize", m), () => {
-        window.removeEventListener("blur", m), window.removeEventListener("resize", m);
+    }, [v, F, $]), n.useEffect(() => {
+      const p = () => F(!1);
+      return window.addEventListener("blur", p), window.addEventListener("resize", p), () => {
+        window.removeEventListener("blur", p), window.removeEventListener("resize", p);
       };
-    }, [W]);
-    const [fe, le] = st((m) => {
-      const I = H().filter((S) => !S.disabled), E = I.find((S) => S.ref.current === document.activeElement), C = at(I, m, E);
-      C && setTimeout(() => C.ref.current.focus());
+    }, [F]);
+    const [fe, le] = st((p) => {
+      const I = V().filter((C) => !C.disabled), E = I.find((C) => C.ref.current === document.activeElement), w = at(I, p, E);
+      w && setTimeout(() => w.ref.current.focus());
     }), me = n.useCallback(
-      (m, I, E) => {
-        const C = !F.current && !E;
-        (u.value !== void 0 && u.value === I || C) && (z(m), C && (F.current = !0));
+      (p, I, E) => {
+        const w = !U.current && !E;
+        (m.value !== void 0 && m.value === I || w) && (z(p), w && (U.current = !0));
       },
-      [u.value]
-    ), he = n.useCallback(() => h == null ? void 0 : h.focus(), [h]), oe = n.useCallback(
-      (m, I, E) => {
-        const C = !F.current && !E;
-        (u.value !== void 0 && u.value === I || C) && V(m);
+      [m.value]
+    ), he = n.useCallback(() => v?.focus(), [v]), oe = n.useCallback(
+      (p, I, E) => {
+        const w = !U.current && !E;
+        (m.value !== void 0 && m.value === I || w) && B(p);
       },
-      [u.value]
-    ), ie = i === "popper" ? we : We, se = ie === we ? {
+      [m.value]
+    ), ce = c === "popper" ? we : We, se = ce === we ? {
       side: a,
-      sideOffset: r,
+      sideOffset: i,
       align: f,
       alignOffset: g,
       arrowPadding: x,
-      collisionBoundary: T,
-      collisionPadding: P,
-      sticky: b,
+      collisionBoundary: N,
+      collisionPadding: b,
+      sticky: y,
       hideWhenDetached: d,
-      avoidCollisions: v
+      avoidCollisions: h
     } : {};
-    return /* @__PURE__ */ l(
+    return /* @__PURE__ */ s(
       Ue,
       {
         scope: e,
-        content: h,
-        viewport: O,
+        content: v,
+        viewport: A,
         onViewportChange: re,
         itemRefCallback: me,
-        selectedItem: L,
+        selectedItem: D,
         onItemLeave: he,
         itemTextRefCallback: oe,
-        focusSelectedItem: k,
+        focusSelectedItem: L,
         selectedItemText: X,
-        position: i,
+        position: c,
         isPositioned: K,
         searchRef: fe,
-        children: /* @__PURE__ */ l(ht, { as: Bt, allowPinchZoom: !0, children: /* @__PURE__ */ l(
+        children: /* @__PURE__ */ s(ht, { as: Bt, allowPinchZoom: !0, children: /* @__PURE__ */ s(
           vt,
           {
             asChild: !0,
-            trapped: u.open,
-            onMountAutoFocus: (m) => {
-              m.preventDefault();
+            trapped: m.open,
+            onMountAutoFocus: (p) => {
+              p.preventDefault();
             },
-            onUnmountAutoFocus: N(c, (m) => {
-              var I;
-              (I = u.trigger) == null || I.focus({ preventScroll: !0 }), m.preventDefault();
+            onUnmountAutoFocus: P(l, (p) => {
+              m.trigger?.focus({ preventScroll: !0 }), p.preventDefault();
             }),
-            children: /* @__PURE__ */ l(
+            children: /* @__PURE__ */ s(
               pt,
               {
                 asChild: !0,
                 disableOutsidePointerEvents: !0,
-                onEscapeKeyDown: p,
-                onPointerDownOutside: s,
-                onFocusOutside: (m) => m.preventDefault(),
-                onDismiss: () => u.onOpenChange(!1),
-                children: /* @__PURE__ */ l(
-                  ie,
+                onEscapeKeyDown: u,
+                onPointerDownOutside: r,
+                onFocusOutside: (p) => p.preventDefault(),
+                onDismiss: () => m.onOpenChange(!1),
+                children: /* @__PURE__ */ s(
+                  ce,
                   {
                     role: "listbox",
-                    id: u.contentId,
-                    "data-state": u.open ? "open" : "closed",
-                    dir: u.dir,
-                    onContextMenu: (m) => m.preventDefault(),
-                    ...y,
+                    id: m.contentId,
+                    "data-state": m.open ? "open" : "closed",
+                    dir: m.dir,
+                    onContextMenu: (p) => p.preventDefault(),
+                    ...S,
                     ...se,
-                    onPlaced: () => U(!0),
+                    onPlaced: () => H(!0),
                     ref: _,
                     style: {
                       // flex layout so we can place the scroll buttons properly
@@ -351,17 +349,17 @@ var D = 10, [Ue, q] = ne(te), kt = "SelectContentImpl", Bt = it("SelectContent.R
                       flexDirection: "column",
                       // reset the outline by default as the content MAY get focused
                       outline: "none",
-                      ...y.style
+                      ...S.style
                     },
-                    onKeyDown: N(y.onKeyDown, (m) => {
-                      const I = m.ctrlKey || m.altKey || m.metaKey;
-                      if (m.key === "Tab" && m.preventDefault(), !I && m.key.length === 1 && le(m.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(m.key)) {
-                        let C = H().filter((S) => !S.disabled).map((S) => S.ref.current);
-                        if (["ArrowUp", "End"].includes(m.key) && (C = C.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(m.key)) {
-                          const S = m.target, w = C.indexOf(S);
-                          C = C.slice(w + 1);
+                    onKeyDown: P(S.onKeyDown, (p) => {
+                      const I = p.ctrlKey || p.altKey || p.metaKey;
+                      if (p.key === "Tab" && p.preventDefault(), !I && p.key.length === 1 && le(p.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(p.key)) {
+                        let w = V().filter((C) => !C.disabled).map((C) => C.ref.current);
+                        if (["ArrowUp", "End"].includes(p.key) && (w = w.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(p.key)) {
+                          const C = p.target, T = w.indexOf(C);
+                          w = w.slice(T + 1);
                         }
-                        setTimeout(() => R(C)), m.preventDefault();
+                        setTimeout(() => R(w)), p.preventDefault();
                       }
                     })
                   }
@@ -376,93 +374,93 @@ var D = 10, [Ue, q] = ne(te), kt = "SelectContentImpl", Bt = it("SelectContent.R
 );
 Fe.displayName = kt;
 var Vt = "SelectItemAlignedPosition", We = n.forwardRef((t, o) => {
-  const { __scopeSelect: e, onPlaced: i, ...c } = t, p = Y(te, e), s = q(te, e), [a, r] = n.useState(null), [f, g] = n.useState(null), x = B(o, (_) => g(_)), T = ue(e), P = n.useRef(!1), b = n.useRef(!0), { viewport: d, selectedItem: v, selectedItemText: y, focusSelectedItem: u } = s, h = n.useCallback(() => {
-    if (p.trigger && p.valueNode && a && f && d && v && y) {
-      const _ = p.trigger.getBoundingClientRect(), L = f.getBoundingClientRect(), z = p.valueNode.getBoundingClientRect(), X = y.getBoundingClientRect();
-      if (p.dir !== "rtl") {
-        const S = X.left - L.left, w = z.left - S, Z = _.left - w, J = _.width + Z, ve = Math.max(J, L.width), ge = window.innerWidth - D, Se = Ne(w, [
-          D,
+  const { __scopeSelect: e, onPlaced: c, ...l } = t, u = Y(te, e), r = q(te, e), [a, i] = n.useState(null), [f, g] = n.useState(null), x = k(o, (_) => g(_)), N = ue(e), b = n.useRef(!1), y = n.useRef(!0), { viewport: d, selectedItem: h, selectedItemText: S, focusSelectedItem: m } = r, v = n.useCallback(() => {
+    if (u.trigger && u.valueNode && a && f && d && h && S) {
+      const _ = u.trigger.getBoundingClientRect(), D = f.getBoundingClientRect(), z = u.valueNode.getBoundingClientRect(), X = S.getBoundingClientRect();
+      if (u.dir !== "rtl") {
+        const C = X.left - D.left, T = z.left - C, Z = _.left - T, J = _.width + Z, ve = Math.max(J, D.width), ge = window.innerWidth - O, Se = Ne(T, [
+          O,
           // Prevents the content from going off the starting edge of the
           // viewport. It may still go off the ending edge, but this can be
           // controlled by the user since they may want to manage overflow in a
           // specific way.
           // https://github.com/radix-ui/primitives/issues/2049
-          Math.max(D, ge - ve)
+          Math.max(O, ge - ve)
         ]);
         a.style.minWidth = J + "px", a.style.left = Se + "px";
       } else {
-        const S = L.right - X.right, w = window.innerWidth - z.right - S, Z = window.innerWidth - _.right - w, J = _.width + Z, ve = Math.max(J, L.width), ge = window.innerWidth - D, Se = Ne(w, [
-          D,
-          Math.max(D, ge - ve)
+        const C = D.right - X.right, T = window.innerWidth - z.right - C, Z = window.innerWidth - _.right - T, J = _.width + Z, ve = Math.max(J, D.width), ge = window.innerWidth - O, Se = Ne(T, [
+          O,
+          Math.max(O, ge - ve)
         ]);
         a.style.minWidth = J + "px", a.style.right = Se + "px";
       }
-      const V = T(), H = window.innerHeight - D * 2, K = d.scrollHeight, U = window.getComputedStyle(f), F = parseInt(U.borderTopWidth, 10), R = parseInt(U.paddingTop, 10), k = parseInt(U.borderBottomWidth, 10), W = parseInt(U.paddingBottom, 10), $ = F + R + K + W + k, fe = Math.min(v.offsetHeight * 5, $), le = window.getComputedStyle(d), me = parseInt(le.paddingTop, 10), he = parseInt(le.paddingBottom, 10), oe = _.top + _.height / 2 - D, ie = H - oe, se = v.offsetHeight / 2, m = v.offsetTop + se, I = F + R + m, E = $ - I;
+      const B = N(), V = window.innerHeight - O * 2, K = d.scrollHeight, H = window.getComputedStyle(f), U = parseInt(H.borderTopWidth, 10), R = parseInt(H.paddingTop, 10), L = parseInt(H.borderBottomWidth, 10), F = parseInt(H.paddingBottom, 10), $ = U + R + K + F + L, fe = Math.min(h.offsetHeight * 5, $), le = window.getComputedStyle(d), me = parseInt(le.paddingTop, 10), he = parseInt(le.paddingBottom, 10), oe = _.top + _.height / 2 - O, ce = V - oe, se = h.offsetHeight / 2, p = h.offsetTop + se, I = U + R + p, E = $ - I;
       if (I <= oe) {
-        const S = V.length > 0 && v === V[V.length - 1].ref.current;
+        const C = B.length > 0 && h === B[B.length - 1].ref.current;
         a.style.bottom = "0px";
-        const w = f.clientHeight - d.offsetTop - d.offsetHeight, Z = Math.max(
-          ie,
+        const T = f.clientHeight - d.offsetTop - d.offsetHeight, Z = Math.max(
+          ce,
           se + // viewport might have padding bottom, include it to avoid a scrollable viewport
-          (S ? he : 0) + w + k
+          (C ? he : 0) + T + L
         ), J = I + Z;
         a.style.height = J + "px";
       } else {
-        const S = V.length > 0 && v === V[0].ref.current;
+        const C = B.length > 0 && h === B[0].ref.current;
         a.style.top = "0px";
         const Z = Math.max(
           oe,
-          F + d.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
-          (S ? me : 0) + se
+          U + d.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
+          (C ? me : 0) + se
         ) + E;
         a.style.height = Z + "px", d.scrollTop = I - oe + d.offsetTop;
       }
-      a.style.margin = `${D}px 0`, a.style.minHeight = fe + "px", a.style.maxHeight = H + "px", i == null || i(), requestAnimationFrame(() => P.current = !0);
+      a.style.margin = `${O}px 0`, a.style.minHeight = fe + "px", a.style.maxHeight = V + "px", c?.(), requestAnimationFrame(() => b.current = !0);
     }
   }, [
-    T,
-    p.trigger,
-    p.valueNode,
+    N,
+    u.trigger,
+    u.valueNode,
     a,
     f,
     d,
-    v,
-    y,
-    p.dir,
-    i
+    h,
+    S,
+    u.dir,
+    c
   ]);
-  G(() => h(), [h]);
-  const [A, O] = n.useState();
+  G(() => v(), [v]);
+  const [W, A] = n.useState();
   G(() => {
-    f && O(window.getComputedStyle(f).zIndex);
+    f && A(window.getComputedStyle(f).zIndex);
   }, [f]);
   const re = n.useCallback(
     (_) => {
-      _ && b.current === !0 && (h(), u == null || u(), b.current = !1);
+      _ && y.current === !0 && (v(), m?.(), y.current = !1);
     },
-    [h, u]
+    [v, m]
   );
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ s(
     Ut,
     {
       scope: e,
       contentWrapper: a,
-      shouldExpandOnScrollRef: P,
+      shouldExpandOnScrollRef: b,
       onScrollButtonChange: re,
-      children: /* @__PURE__ */ l(
+      children: /* @__PURE__ */ s(
         "div",
         {
-          ref: r,
+          ref: i,
           style: {
             display: "flex",
             flexDirection: "column",
             position: "fixed",
-            zIndex: A
+            zIndex: W
           },
-          children: /* @__PURE__ */ l(
+          children: /* @__PURE__ */ s(
             M.div,
             {
-              ...c,
+              ...l,
               ref: x,
               style: {
                 // When we get the height of the content, it includes borders. If we were to set
@@ -470,7 +468,7 @@ var Vt = "SelectItemAlignedPosition", We = n.forwardRef((t, o) => {
                 boxSizing: "border-box",
                 // We need to ensure the content doesn't get taller than the wrapper
                 maxHeight: "100%",
-                ...c.style
+                ...l.style
               }
             }
           )
@@ -483,22 +481,22 @@ We.displayName = Vt;
 var Ht = "SelectPopperPosition", we = n.forwardRef((t, o) => {
   const {
     __scopeSelect: e,
-    align: i = "start",
-    collisionPadding: c = D,
-    ...p
-  } = t, s = pe(e);
-  return /* @__PURE__ */ l(
+    align: c = "start",
+    collisionPadding: l = O,
+    ...u
+  } = t, r = pe(e);
+  return /* @__PURE__ */ s(
     wt,
     {
-      ...s,
-      ...p,
+      ...r,
+      ...u,
       ref: o,
-      align: i,
-      collisionPadding: c,
+      align: c,
+      collisionPadding: l,
       style: {
         // Ensure border-box for floating-ui calculations
         boxSizing: "border-box",
-        ...p.style,
+        ...u.style,
         "--radix-select-content-transform-origin": "var(--radix-popper-transform-origin)",
         "--radix-select-content-available-width": "var(--radix-popper-available-width)",
         "--radix-select-content-available-height": "var(--radix-popper-available-height)",
@@ -511,23 +509,23 @@ var Ht = "SelectPopperPosition", we = n.forwardRef((t, o) => {
 we.displayName = Ht;
 var [Ut, Pe] = ne(te, {}), xe = "SelectViewport", ze = n.forwardRef(
   (t, o) => {
-    const { __scopeSelect: e, nonce: i, ...c } = t, p = q(xe, e), s = Pe(xe, e), a = B(o, p.onViewportChange), r = n.useRef(0);
+    const { __scopeSelect: e, nonce: c, ...l } = t, u = q(xe, e), r = Pe(xe, e), a = k(o, u.onViewportChange), i = n.useRef(0);
     return /* @__PURE__ */ Q(be, { children: [
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ s(
         "style",
         {
           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: i
+          nonce: c
         }
       ),
-      /* @__PURE__ */ l(de.Slot, { scope: e, children: /* @__PURE__ */ l(
+      /* @__PURE__ */ s(de.Slot, { scope: e, children: /* @__PURE__ */ s(
         M.div,
         {
           "data-radix-select-viewport": "",
           role: "presentation",
-          ...c,
+          ...l,
           ref: a,
           style: {
             // we use position: 'relative' here on the `viewport` so that when we call
@@ -540,21 +538,21 @@ var [Ut, Pe] = ne(te, {}), xe = "SelectViewport", ze = n.forwardRef(
             // revisit this if/when that is supported
             // https://developer.chrome.com/blog/vertical-form-controls
             overflow: "hidden auto",
-            ...c.style
+            ...l.style
           },
-          onScroll: N(c.onScroll, (f) => {
-            const g = f.currentTarget, { contentWrapper: x, shouldExpandOnScrollRef: T } = s;
-            if (T != null && T.current && x) {
-              const P = Math.abs(r.current - g.scrollTop);
-              if (P > 0) {
-                const b = window.innerHeight - D * 2, d = parseFloat(x.style.minHeight), v = parseFloat(x.style.height), y = Math.max(d, v);
-                if (y < b) {
-                  const u = y + P, h = Math.min(b, u), A = u - h;
-                  x.style.height = h + "px", x.style.bottom === "0px" && (g.scrollTop = A > 0 ? A : 0, x.style.justifyContent = "flex-end");
+          onScroll: P(l.onScroll, (f) => {
+            const g = f.currentTarget, { contentWrapper: x, shouldExpandOnScrollRef: N } = r;
+            if (N?.current && x) {
+              const b = Math.abs(i.current - g.scrollTop);
+              if (b > 0) {
+                const y = window.innerHeight - O * 2, d = parseFloat(x.style.minHeight), h = parseFloat(x.style.height), S = Math.max(d, h);
+                if (S < y) {
+                  const m = S + b, v = Math.min(y, m), W = m - v;
+                  x.style.height = v + "px", x.style.bottom === "0px" && (g.scrollTop = W > 0 ? W : 0, x.style.justifyContent = "flex-end");
                 }
               }
             }
-            r.current = g.scrollTop;
+            i.current = g.scrollTop;
           })
         }
       ) })
@@ -564,92 +562,86 @@ var [Ut, Pe] = ne(te, {}), xe = "SelectViewport", ze = n.forwardRef(
 ze.displayName = xe;
 var Ke = "SelectGroup", [Ft, Wt] = ne(Ke), $e = n.forwardRef(
   (t, o) => {
-    const { __scopeSelect: e, ...i } = t, c = Te();
-    return /* @__PURE__ */ l(Ft, { scope: e, id: c, children: /* @__PURE__ */ l(M.div, { role: "group", "aria-labelledby": c, ...i, ref: o }) });
+    const { __scopeSelect: e, ...c } = t, l = Te();
+    return /* @__PURE__ */ s(Ft, { scope: e, id: l, children: /* @__PURE__ */ s(M.div, { role: "group", "aria-labelledby": l, ...c, ref: o }) });
   }
 );
 $e.displayName = Ke;
 var Ge = "SelectLabel", je = n.forwardRef(
   (t, o) => {
-    const { __scopeSelect: e, ...i } = t, c = Wt(Ge, e);
-    return /* @__PURE__ */ l(M.div, { id: c.id, ...i, ref: o });
+    const { __scopeSelect: e, ...c } = t, l = Wt(Ge, e);
+    return /* @__PURE__ */ s(M.div, { id: l.id, ...c, ref: o });
   }
 );
 je.displayName = Ge;
-var ce = "SelectItem", [zt, Ye] = ne(ce), qe = n.forwardRef(
+var ie = "SelectItem", [zt, Ye] = ne(ie), qe = n.forwardRef(
   (t, o) => {
     const {
       __scopeSelect: e,
-      value: i,
-      disabled: c = !1,
-      textValue: p,
-      ...s
-    } = t, a = Y(ce, e), r = q(ce, e), f = a.value === i, [g, x] = n.useState(p ?? ""), [T, P] = n.useState(!1), b = B(
+      value: c,
+      disabled: l = !1,
+      textValue: u,
+      ...r
+    } = t, a = Y(ie, e), i = q(ie, e), f = a.value === c, [g, x] = n.useState(u ?? ""), [N, b] = n.useState(!1), y = k(
       o,
-      (u) => {
-        var h;
-        return (h = r.itemRefCallback) == null ? void 0 : h.call(r, u, i, c);
-      }
-    ), d = Te(), v = n.useRef("touch"), y = () => {
-      c || (a.onValueChange(i), a.onOpenChange(!1));
+      (m) => i.itemRefCallback?.(m, c, l)
+    ), d = Te(), h = n.useRef("touch"), S = () => {
+      l || (a.onValueChange(c), a.onOpenChange(!1));
     };
-    if (i === "")
+    if (c === "")
       throw new Error(
         "A <Select.Item /> must have a value prop that is not an empty string. This is because the Select value can be set to an empty string to clear the selection and show the placeholder."
       );
-    return /* @__PURE__ */ l(
+    return /* @__PURE__ */ s(
       zt,
       {
         scope: e,
-        value: i,
-        disabled: c,
+        value: c,
+        disabled: l,
         textId: d,
         isSelected: f,
-        onItemTextChange: n.useCallback((u) => {
-          x((h) => h || ((u == null ? void 0 : u.textContent) ?? "").trim());
+        onItemTextChange: n.useCallback((m) => {
+          x((v) => v || (m?.textContent ?? "").trim());
         }, []),
-        children: /* @__PURE__ */ l(
+        children: /* @__PURE__ */ s(
           de.ItemSlot,
           {
             scope: e,
-            value: i,
-            disabled: c,
+            value: c,
+            disabled: l,
             textValue: g,
-            children: /* @__PURE__ */ l(
+            children: /* @__PURE__ */ s(
               M.div,
               {
                 role: "option",
                 "aria-labelledby": d,
-                "data-highlighted": T ? "" : void 0,
-                "aria-selected": f && T,
+                "data-highlighted": N ? "" : void 0,
+                "aria-selected": f && N,
                 "data-state": f ? "checked" : "unchecked",
-                "aria-disabled": c || void 0,
-                "data-disabled": c ? "" : void 0,
-                tabIndex: c ? void 0 : -1,
-                ...s,
-                ref: b,
-                onFocus: N(s.onFocus, () => P(!0)),
-                onBlur: N(s.onBlur, () => P(!1)),
-                onClick: N(s.onClick, () => {
-                  v.current !== "mouse" && y();
+                "aria-disabled": l || void 0,
+                "data-disabled": l ? "" : void 0,
+                tabIndex: l ? void 0 : -1,
+                ...r,
+                ref: y,
+                onFocus: P(r.onFocus, () => b(!0)),
+                onBlur: P(r.onBlur, () => b(!1)),
+                onClick: P(r.onClick, () => {
+                  h.current !== "mouse" && S();
                 }),
-                onPointerUp: N(s.onPointerUp, () => {
-                  v.current === "mouse" && y();
+                onPointerUp: P(r.onPointerUp, () => {
+                  h.current === "mouse" && S();
                 }),
-                onPointerDown: N(s.onPointerDown, (u) => {
-                  v.current = u.pointerType;
+                onPointerDown: P(r.onPointerDown, (m) => {
+                  h.current = m.pointerType;
                 }),
-                onPointerMove: N(s.onPointerMove, (u) => {
-                  var h;
-                  v.current = u.pointerType, c ? (h = r.onItemLeave) == null || h.call(r) : v.current === "mouse" && u.currentTarget.focus({ preventScroll: !0 });
+                onPointerMove: P(r.onPointerMove, (m) => {
+                  h.current = m.pointerType, l ? i.onItemLeave?.() : h.current === "mouse" && m.currentTarget.focus({ preventScroll: !0 });
                 }),
-                onPointerLeave: N(s.onPointerLeave, (u) => {
-                  var h;
-                  u.currentTarget === document.activeElement && ((h = r.onItemLeave) == null || h.call(r));
+                onPointerLeave: P(r.onPointerLeave, (m) => {
+                  m.currentTarget === document.activeElement && i.onItemLeave?.();
                 }),
-                onKeyDown: N(s.onKeyDown, (u) => {
-                  var A;
-                  ((A = r.searchRef) == null ? void 0 : A.current) !== "" && u.key === " " || (Rt.includes(u.key) && y(), u.key === " " && u.preventDefault());
+                onKeyDown: P(r.onKeyDown, (m) => {
+                  i.searchRef?.current !== "" && m.key === " " || (Rt.includes(m.key) && S(), m.key === " " && m.preventDefault());
                 })
               }
             )
@@ -659,144 +651,138 @@ var ce = "SelectItem", [zt, Ye] = ne(ce), qe = n.forwardRef(
     );
   }
 );
-qe.displayName = ce;
+qe.displayName = ie;
 var ae = "SelectItemText", Xe = n.forwardRef(
   (t, o) => {
-    const { __scopeSelect: e, className: i, style: c, ...p } = t, s = Y(ae, e), a = q(ae, e), r = Ye(ae, e), f = Ot(ae, e), [g, x] = n.useState(null), T = B(
+    const { __scopeSelect: e, className: c, style: l, ...u } = t, r = Y(ae, e), a = q(ae, e), i = Ye(ae, e), f = Ot(ae, e), [g, x] = n.useState(null), N = k(
       o,
-      (y) => x(y),
-      r.onItemTextChange,
-      (y) => {
-        var u;
-        return (u = a.itemTextRefCallback) == null ? void 0 : u.call(a, y, r.value, r.disabled);
-      }
-    ), P = g == null ? void 0 : g.textContent, b = n.useMemo(
-      () => /* @__PURE__ */ l("option", { value: r.value, disabled: r.disabled, children: P }, r.value),
-      [r.disabled, r.value, P]
-    ), { onNativeOptionAdd: d, onNativeOptionRemove: v } = f;
-    return G(() => (d(b), () => v(b)), [d, v, b]), /* @__PURE__ */ Q(be, { children: [
-      /* @__PURE__ */ l(M.span, { id: r.textId, ...p, ref: T }),
-      r.isSelected && s.valueNode && !s.valueNodeHasChildren ? Re.createPortal(p.children, s.valueNode) : null
+      (S) => x(S),
+      i.onItemTextChange,
+      (S) => a.itemTextRefCallback?.(S, i.value, i.disabled)
+    ), b = g?.textContent, y = n.useMemo(
+      () => /* @__PURE__ */ s("option", { value: i.value, disabled: i.disabled, children: b }, i.value),
+      [i.disabled, i.value, b]
+    ), { onNativeOptionAdd: d, onNativeOptionRemove: h } = f;
+    return G(() => (d(y), () => h(y)), [d, h, y]), /* @__PURE__ */ Q(be, { children: [
+      /* @__PURE__ */ s(M.span, { id: i.textId, ...u, ref: N }),
+      i.isSelected && r.valueNode && !r.valueNodeHasChildren ? Re.createPortal(u.children, r.valueNode) : null
     ] });
   }
 );
 Xe.displayName = ae;
 var Ze = "SelectItemIndicator", Je = n.forwardRef(
   (t, o) => {
-    const { __scopeSelect: e, ...i } = t;
-    return Ye(Ze, e).isSelected ? /* @__PURE__ */ l(M.span, { "aria-hidden": !0, ...i, ref: o }) : null;
+    const { __scopeSelect: e, ...c } = t;
+    return Ye(Ze, e).isSelected ? /* @__PURE__ */ s(M.span, { "aria-hidden": !0, ...c, ref: o }) : null;
   }
 );
 Je.displayName = Ze;
-var ye = "SelectScrollUpButton", Qe = n.forwardRef((t, o) => {
-  const e = q(ye, t.__scopeSelect), i = Pe(ye, t.__scopeSelect), [c, p] = n.useState(!1), s = B(o, i.onScrollButtonChange);
+var Ce = "SelectScrollUpButton", Qe = n.forwardRef((t, o) => {
+  const e = q(Ce, t.__scopeSelect), c = Pe(Ce, t.__scopeSelect), [l, u] = n.useState(!1), r = k(o, c.onScrollButtonChange);
   return G(() => {
     if (e.viewport && e.isPositioned) {
       let a = function() {
-        const f = r.scrollTop > 0;
-        p(f);
+        const f = i.scrollTop > 0;
+        u(f);
       };
-      const r = e.viewport;
-      return a(), r.addEventListener("scroll", a), () => r.removeEventListener("scroll", a);
+      const i = e.viewport;
+      return a(), i.addEventListener("scroll", a), () => i.removeEventListener("scroll", a);
     }
-  }, [e.viewport, e.isPositioned]), c ? /* @__PURE__ */ l(
+  }, [e.viewport, e.isPositioned]), l ? /* @__PURE__ */ s(
     tt,
     {
       ...t,
-      ref: s,
+      ref: r,
       onAutoScroll: () => {
-        const { viewport: a, selectedItem: r } = e;
-        a && r && (a.scrollTop = a.scrollTop - r.offsetHeight);
+        const { viewport: a, selectedItem: i } = e;
+        a && i && (a.scrollTop = a.scrollTop - i.offsetHeight);
       }
     }
   ) : null;
 });
-Qe.displayName = ye;
-var Ce = "SelectScrollDownButton", et = n.forwardRef((t, o) => {
-  const e = q(Ce, t.__scopeSelect), i = Pe(Ce, t.__scopeSelect), [c, p] = n.useState(!1), s = B(o, i.onScrollButtonChange);
+Qe.displayName = Ce;
+var ye = "SelectScrollDownButton", et = n.forwardRef((t, o) => {
+  const e = q(ye, t.__scopeSelect), c = Pe(ye, t.__scopeSelect), [l, u] = n.useState(!1), r = k(o, c.onScrollButtonChange);
   return G(() => {
     if (e.viewport && e.isPositioned) {
       let a = function() {
-        const f = r.scrollHeight - r.clientHeight, g = Math.ceil(r.scrollTop) < f;
-        p(g);
+        const f = i.scrollHeight - i.clientHeight, g = Math.ceil(i.scrollTop) < f;
+        u(g);
       };
-      const r = e.viewport;
-      return a(), r.addEventListener("scroll", a), () => r.removeEventListener("scroll", a);
+      const i = e.viewport;
+      return a(), i.addEventListener("scroll", a), () => i.removeEventListener("scroll", a);
     }
-  }, [e.viewport, e.isPositioned]), c ? /* @__PURE__ */ l(
+  }, [e.viewport, e.isPositioned]), l ? /* @__PURE__ */ s(
     tt,
     {
       ...t,
-      ref: s,
+      ref: r,
       onAutoScroll: () => {
-        const { viewport: a, selectedItem: r } = e;
-        a && r && (a.scrollTop = a.scrollTop + r.offsetHeight);
+        const { viewport: a, selectedItem: i } = e;
+        a && i && (a.scrollTop = a.scrollTop + i.offsetHeight);
       }
     }
   ) : null;
 });
-et.displayName = Ce;
+et.displayName = ye;
 var tt = n.forwardRef((t, o) => {
-  const { __scopeSelect: e, onAutoScroll: i, ...c } = t, p = q("SelectScrollButton", e), s = n.useRef(null), a = ue(e), r = n.useCallback(() => {
-    s.current !== null && (window.clearInterval(s.current), s.current = null);
+  const { __scopeSelect: e, onAutoScroll: c, ...l } = t, u = q("SelectScrollButton", e), r = n.useRef(null), a = ue(e), i = n.useCallback(() => {
+    r.current !== null && (window.clearInterval(r.current), r.current = null);
   }, []);
-  return n.useEffect(() => () => r(), [r]), G(() => {
-    var g;
-    const f = a().find((x) => x.ref.current === document.activeElement);
-    (g = f == null ? void 0 : f.ref.current) == null || g.scrollIntoView({ block: "nearest" });
-  }, [a]), /* @__PURE__ */ l(
+  return n.useEffect(() => () => i(), [i]), G(() => {
+    a().find((g) => g.ref.current === document.activeElement)?.ref.current?.scrollIntoView({ block: "nearest" });
+  }, [a]), /* @__PURE__ */ s(
     M.div,
     {
       "aria-hidden": !0,
-      ...c,
+      ...l,
       ref: o,
-      style: { flexShrink: 0, ...c.style },
-      onPointerDown: N(c.onPointerDown, () => {
-        s.current === null && (s.current = window.setInterval(i, 50));
+      style: { flexShrink: 0, ...l.style },
+      onPointerDown: P(l.onPointerDown, () => {
+        r.current === null && (r.current = window.setInterval(c, 50));
       }),
-      onPointerMove: N(c.onPointerMove, () => {
-        var f;
-        (f = p.onItemLeave) == null || f.call(p), s.current === null && (s.current = window.setInterval(i, 50));
+      onPointerMove: P(l.onPointerMove, () => {
+        u.onItemLeave?.(), r.current === null && (r.current = window.setInterval(c, 50));
       }),
-      onPointerLeave: N(c.onPointerLeave, () => {
-        r();
+      onPointerLeave: P(l.onPointerLeave, () => {
+        i();
       })
     }
   );
 }), Kt = "SelectSeparator", ot = n.forwardRef(
   (t, o) => {
-    const { __scopeSelect: e, ...i } = t;
-    return /* @__PURE__ */ l(M.div, { "aria-hidden": !0, ...i, ref: o });
+    const { __scopeSelect: e, ...c } = t;
+    return /* @__PURE__ */ s(M.div, { "aria-hidden": !0, ...c, ref: o });
   }
 );
 ot.displayName = Kt;
 var Ie = "SelectArrow", $t = n.forwardRef(
   (t, o) => {
-    const { __scopeSelect: e, ...i } = t, c = pe(e), p = Y(Ie, e), s = q(Ie, e);
-    return p.open && s.position === "popper" ? /* @__PURE__ */ l(xt, { ...c, ...i, ref: o }) : null;
+    const { __scopeSelect: e, ...c } = t, l = pe(e), u = Y(Ie, e), r = q(Ie, e);
+    return u.open && r.position === "popper" ? /* @__PURE__ */ s(xt, { ...l, ...c, ref: o }) : null;
   }
 );
 $t.displayName = Ie;
 var Gt = "SelectBubbleInput", nt = n.forwardRef(
-  ({ __scopeSelect: t, value: o, ...e }, i) => {
-    const c = n.useRef(null), p = B(i, c), s = Ct(o);
+  ({ __scopeSelect: t, value: o, ...e }, c) => {
+    const l = n.useRef(null), u = k(c, l), r = yt(o);
     return n.useEffect(() => {
-      const a = c.current;
+      const a = l.current;
       if (!a) return;
-      const r = window.HTMLSelectElement.prototype, g = Object.getOwnPropertyDescriptor(
-        r,
+      const i = window.HTMLSelectElement.prototype, g = Object.getOwnPropertyDescriptor(
+        i,
         "value"
       ).set;
-      if (s !== o && g) {
+      if (r !== o && g) {
         const x = new Event("change", { bubbles: !0 });
         g.call(a, o), a.dispatchEvent(x);
       }
-    }, [s, o]), /* @__PURE__ */ l(
+    }, [r, o]), /* @__PURE__ */ s(
       M.select,
       {
         ...e,
         style: { ...It, ...e.style },
-        ref: p,
+        ref: u,
         defaultValue: o
       }
     );
@@ -807,52 +793,52 @@ function rt(t) {
   return t === "" || t === void 0;
 }
 function st(t) {
-  const o = yt(t), e = n.useRef(""), i = n.useRef(0), c = n.useCallback(
-    (s) => {
-      const a = e.current + s;
-      o(a), function r(f) {
-        e.current = f, window.clearTimeout(i.current), f !== "" && (i.current = window.setTimeout(() => r(""), 1e3));
+  const o = Ct(t), e = n.useRef(""), c = n.useRef(0), l = n.useCallback(
+    (r) => {
+      const a = e.current + r;
+      o(a), function i(f) {
+        e.current = f, window.clearTimeout(c.current), f !== "" && (c.current = window.setTimeout(() => i(""), 1e3));
       }(a);
     },
     [o]
-  ), p = n.useCallback(() => {
-    e.current = "", window.clearTimeout(i.current);
+  ), u = n.useCallback(() => {
+    e.current = "", window.clearTimeout(c.current);
   }, []);
-  return n.useEffect(() => () => window.clearTimeout(i.current), []), [e, c, p];
+  return n.useEffect(() => () => window.clearTimeout(c.current), []), [e, l, u];
 }
 function at(t, o, e) {
-  const c = o.length > 1 && Array.from(o).every((f) => f === o[0]) ? o[0] : o, p = e ? t.indexOf(e) : -1;
-  let s = jt(t, Math.max(p, 0));
-  c.length === 1 && (s = s.filter((f) => f !== e));
-  const r = s.find(
-    (f) => f.textValue.toLowerCase().startsWith(c.toLowerCase())
+  const l = o.length > 1 && Array.from(o).every((f) => f === o[0]) ? o[0] : o, u = e ? t.indexOf(e) : -1;
+  let r = jt(t, Math.max(u, 0));
+  l.length === 1 && (r = r.filter((f) => f !== e));
+  const i = r.find(
+    (f) => f.textValue.toLowerCase().startsWith(l.toLowerCase())
   );
-  return r !== e ? r : void 0;
+  return i !== e ? i : void 0;
 }
 function jt(t, o) {
-  return t.map((e, i) => t[(o + i) % t.length]);
+  return t.map((e, c) => t[(o + c) % t.length]);
 }
-var Yt = Ae, qt = De, Xt = ke, Zt = Be, Jt = Ve, Qt = He, eo = ze, to = $e, oo = je, no = qe, ro = Xe, so = Je, ao = Qe, lo = et, io = ot;
+var Yt = Ae, qt = De, Xt = ke, Zt = Be, Jt = Ve, Qt = He, eo = ze, to = $e, oo = je, no = qe, ro = Xe, so = Je, ao = Qe, lo = et, co = ot;
 function Do({
   ...t
 }) {
-  return /* @__PURE__ */ l(Yt, { "data-slot": "select", ...t });
+  return /* @__PURE__ */ s(Yt, { "data-slot": "select", ...t });
 }
 function Lo({
   ...t
 }) {
-  return /* @__PURE__ */ l(to, { "data-slot": "select-group", ...t });
+  return /* @__PURE__ */ s(to, { "data-slot": "select-group", ...t });
 }
 function ko({
   ...t
 }) {
-  return /* @__PURE__ */ l(Xt, { "data-slot": "select-value", ...t });
+  return /* @__PURE__ */ s(Xt, { "data-slot": "select-value", ...t });
 }
 function Bo({
   className: t,
   size: o = "default",
   children: e,
-  ...i
+  ...c
 }) {
   return /* @__PURE__ */ Q(
     qt,
@@ -863,10 +849,10 @@ function Bo({
       ),
       "data-size": o,
       "data-slot": "select-trigger",
-      ...i,
+      ...c,
       children: [
         e,
-        /* @__PURE__ */ l(Zt, { asChild: !0, children: /* @__PURE__ */ l(Me, { className: "size-4 opacity-50" }) })
+        /* @__PURE__ */ s(Zt, { asChild: !0, children: /* @__PURE__ */ s(Me, { className: "size-4 opacity-50" }) })
       ]
     }
   );
@@ -875,9 +861,9 @@ function Vo({
   className: t,
   children: o,
   position: e = "popper",
-  ...i
+  ...c
 }) {
-  return /* @__PURE__ */ l(Jt, { children: /* @__PURE__ */ Q(
+  return /* @__PURE__ */ s(Jt, { children: /* @__PURE__ */ Q(
     Qt,
     {
       className: j(
@@ -887,10 +873,10 @@ function Vo({
       ),
       "data-slot": "select-content",
       position: e,
-      ...i,
+      ...c,
       children: [
-        /* @__PURE__ */ l(co, {}),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ s(io, {}),
+        /* @__PURE__ */ s(
           eo,
           {
             className: j(
@@ -900,7 +886,7 @@ function Vo({
             children: o
           }
         ),
-        /* @__PURE__ */ l(uo, {})
+        /* @__PURE__ */ s(uo, {})
       ]
     }
   ) });
@@ -909,7 +895,7 @@ function Ho({
   className: t,
   ...o
 }) {
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ s(
     oo,
     {
       className: j("px-2 py-1.5 text-muted-foreground text-xs", t),
@@ -933,8 +919,8 @@ function Uo({
       "data-slot": "select-item",
       ...e,
       children: [
-        /* @__PURE__ */ l("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ l(so, { children: /* @__PURE__ */ l(bt, { className: "size-4" }) }) }),
-        /* @__PURE__ */ l(ro, { children: o })
+        /* @__PURE__ */ s("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ s(so, { children: /* @__PURE__ */ s(bt, { className: "size-4" }) }) }),
+        /* @__PURE__ */ s(ro, { children: o })
       ]
     }
   );
@@ -943,8 +929,8 @@ function Fo({
   className: t,
   ...o
 }) {
-  return /* @__PURE__ */ l(
-    io,
+  return /* @__PURE__ */ s(
+    co,
     {
       className: j("-mx-1 pointer-events-none my-1 h-px bg-border", t),
       "data-slot": "select-separator",
@@ -952,11 +938,11 @@ function Fo({
     }
   );
 }
-function co({
+function io({
   className: t,
   ...o
 }) {
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ s(
     ao,
     {
       className: j(
@@ -965,7 +951,7 @@ function co({
       ),
       "data-slot": "select-scroll-up-button",
       ...o,
-      children: /* @__PURE__ */ l(Nt, { className: "size-4" })
+      children: /* @__PURE__ */ s(Nt, { className: "size-4" })
     }
   );
 }
@@ -973,7 +959,7 @@ function uo({
   className: t,
   ...o
 }) {
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ s(
     lo,
     {
       className: j(
@@ -982,7 +968,7 @@ function uo({
       ),
       "data-slot": "select-scroll-down-button",
       ...o,
-      children: /* @__PURE__ */ l(Me, { className: "size-4" })
+      children: /* @__PURE__ */ s(Me, { className: "size-4" })
     }
   );
 }
@@ -993,7 +979,7 @@ export {
   Uo as SelectItem,
   Ho as SelectLabel,
   uo as SelectScrollDownButton,
-  co as SelectScrollUpButton,
+  io as SelectScrollUpButton,
   Fo as SelectSeparator,
   Bo as SelectTrigger,
   ko as SelectValue