commerce-toolkit 0.6.0 → 0.8.0

package/dist/select.js

@@ -1,127 +1,130 @@
-import { jsx as i, jsxs as ce, Fragment as Te } from "react/jsx-runtime";
+import { jsx as a, jsxs as ce, Fragment as be } from "react/jsx-runtime";
 import * as n from "react";
-import * as Ee from "react-dom";
+import * as _e from "react-dom";
 import { c as Re } from "./index-rKs9bXHr.js";
 import { c as P } from "./index-B695uy69.js";
-import { c as ot } from "./index-CFzSulqY.js";
-import { u as L } from "./index-DLcqcWxM.js";
-import { c as nt } from "./index-DFZozV_h.js";
-import { u as rt } from "./index-ByaXH_ih.js";
-import { D as lt } from "./index-BybPvee-.js";
-import { h as st, u as at, R as ct, F as it } from "./Combination-B_L7xrJs.js";
-import { u as be } from "./index-Cv867SGx.js";
-import { c as _e, R as dt, A as ut, C as pt, a as ft } from "./index-BRpvnewZ.js";
-import { P as mt } from "./index-_4V-_s4C.js";
-import { P as M, c as ht } from "./index-DYM6xIoO.js";
-import { u as vt } from "./index-0ioNhtNM.js";
-import { u as Ne } from "./index-437EL2iq.js";
+import { c as rt } from "./index-CFzSulqY.js";
+import { u as B } from "./index-DLcqcWxM.js";
+import { c as lt } from "./index-DFZozV_h.js";
+import { u as st } from "./index-ByaXH_ih.js";
+import { D as at } from "./index-BybPvee-.js";
+import { h as ct, u as it, R as dt, F as ut } from "./Combination-B_L7xrJs.js";
+import { u as Te } from "./index-Cv867SGx.js";
+import { c as Me, R as pt, A as ft, C as mt, a as ht } from "./index-BRpvnewZ.js";
+import { P as gt } from "./index-_4V-_s4C.js";
+import { P as A, c as vt } from "./index-DYM6xIoO.js";
+import { u as St } from "./index-0ioNhtNM.js";
+import { u as Ee } from "./index-437EL2iq.js";
 import { u as j } from "./index-CCKe-Mpx.js";
-import { u as gt } from "./index-BZPx6jYI.js";
-import { V as St } from "./index-Baakt2Nc.js";
-import { c as B } from "./utils-CRiPKpXj.js";
-var wt = [" ", "Enter", "ArrowUp", "ArrowDown"], xt = [" ", "Enter"], Q = "Select", [de, ue, Ct] = ot(Q), [oe] = nt(Q, [
-  Ct,
-  _e
-]), pe = _e(), [yt, Y] = oe(Q), [It, Tt] = oe(Q), Me = (t) => {
+import { u as wt } from "./index-BZPx6jYI.js";
+import { V as xt } from "./index-Baakt2Nc.js";
+import { c as R } from "./utils-CRiPKpXj.js";
+import { S as Pe } from "./index-DD8W7cMj.js";
+import Ae from "./chevron-down-CjW8zgR8.js";
+import Ct from "./chevron-up-D1nhkius.js";
+var yt = [" ", "Enter", "ArrowUp", "ArrowDown"], It = [" ", "Enter"], Q = "Select", [de, ue, bt] = rt(Q), [oe] = lt(Q, [
+  bt,
+  Me
+]), pe = Me(), [Tt, Y] = oe(Q), [Pt, Nt] = oe(Q), De = (t) => {
   const {
     __scopeSelect: o,
     children: e,
-    open: c,
+    open: i,
     defaultOpen: l,
     onOpenChange: u,
     value: r,
     defaultValue: s,
-    onValueChange: a,
+    onValueChange: c,
     dir: f,
-    name: g,
+    name: v,
     autoComplete: x,
-    disabled: R,
-    required: T,
+    disabled: N,
+    required: b,
     form: y
-  } = t, d = pe(o), [h, S] = n.useState(null), [m, v] = n.useState(null), [K, A] = n.useState(!1), ne = rt(f), [N, D] = Ne({
-    prop: c,
+  } = t, d = pe(o), [h, S] = n.useState(null), [m, g] = n.useState(null), [K, D] = n.useState(!1), ne = st(f), [E, k] = Ee({
+    prop: i,
     defaultProp: l ?? !1,
     onChange: u,
     caller: Q
-  }), [$, X] = Ne({
+  }), [$, X] = Ee({
     prop: r,
     defaultProp: s,
-    onChange: a,
+    onChange: c,
     caller: Q
-  }), V = n.useRef(null), H = h ? y || !!h.closest("form") : !0, [z, U] = n.useState(/* @__PURE__ */ new Set()), F = Array.from(z).map((E) => E.props.value).join(";");
-  return /* @__PURE__ */ i(dt, { ...d, children: /* @__PURE__ */ ce(
-    yt,
+  }), V = n.useRef(null), H = h ? y || !!h.closest("form") : !0, [z, W] = n.useState(/* @__PURE__ */ new Set()), U = Array.from(z).map((_) => _.props.value).join(";");
+  return /* @__PURE__ */ a(pt, { ...d, children: /* @__PURE__ */ ce(
+    Tt,
     {
-      required: T,
+      required: b,
       scope: o,
       trigger: h,
       onTriggerChange: S,
       valueNode: m,
-      onValueNodeChange: v,
+      onValueNodeChange: g,
       valueNodeHasChildren: K,
-      onValueNodeHasChildrenChange: A,
-      contentId: be(),
+      onValueNodeHasChildrenChange: D,
+      contentId: Te(),
       value: $,
       onValueChange: X,
-      open: N,
-      onOpenChange: D,
+      open: E,
+      onOpenChange: k,
       dir: ne,
       triggerPointerDownPosRef: V,
-      disabled: R,
+      disabled: N,
       children: [
-        /* @__PURE__ */ i(de.Provider, { scope: o, children: /* @__PURE__ */ i(
-          It,
+        /* @__PURE__ */ a(de.Provider, { scope: o, children: /* @__PURE__ */ a(
+          Pt,
           {
             scope: t.__scopeSelect,
-            onNativeOptionAdd: n.useCallback((E) => {
-              U((k) => new Set(k).add(E));
+            onNativeOptionAdd: n.useCallback((_) => {
+              W((L) => new Set(L).add(_));
             }, []),
-            onNativeOptionRemove: n.useCallback((E) => {
-              U((k) => {
-                const W = new Set(k);
-                return W.delete(E), W;
+            onNativeOptionRemove: n.useCallback((_) => {
+              W((L) => {
+                const F = new Set(L);
+                return F.delete(_), F;
               });
             }, []),
             children: e
           }
         ) }),
         H ? /* @__PURE__ */ ce(
-          Je,
+          et,
           {
             "aria-hidden": !0,
-            required: T,
+            required: b,
             tabIndex: -1,
-            name: g,
+            name: v,
             autoComplete: x,
             value: $,
-            onChange: (E) => X(E.target.value),
-            disabled: R,
+            onChange: (_) => X(_.target.value),
+            disabled: N,
             form: y,
             children: [
-              $ === void 0 ? /* @__PURE__ */ i("option", { value: "" }) : null,
+              $ === void 0 ? /* @__PURE__ */ a("option", { value: "" }) : null,
               Array.from(z)
             ]
           },
-          F
+          U
         ) : null
       ]
     }
   ) });
 };
-Me.displayName = Q;
-var Ae = "SelectTrigger", Oe = n.forwardRef(
+De.displayName = Q;
+var Oe = "SelectTrigger", ke = n.forwardRef(
   (t, o) => {
-    const { __scopeSelect: e, disabled: c = !1, ...l } = t, u = pe(e), r = Y(Ae, e), s = r.disabled || c, a = L(o, r.onTriggerChange), f = ue(e), g = n.useRef("touch"), [x, R, T] = et((d) => {
-      const h = f().filter((v) => !v.disabled), S = h.find((v) => v.value === r.value), m = tt(h, d, S);
+    const { __scopeSelect: e, disabled: i = !1, ...l } = t, u = pe(e), r = Y(Oe, e), s = r.disabled || i, c = B(o, r.onTriggerChange), f = ue(e), v = n.useRef("touch"), [x, N, b] = ot((d) => {
+      const h = f().filter((g) => !g.disabled), S = h.find((g) => g.value === r.value), m = nt(h, d, S);
       m !== void 0 && r.onValueChange(m.value);
     }), y = (d) => {
-      s || (r.onOpenChange(!0), T()), d && (r.triggerPointerDownPosRef.current = {
+      s || (r.onOpenChange(!0), b()), d && (r.triggerPointerDownPosRef.current = {
         x: Math.round(d.pageX),
         y: Math.round(d.pageY)
       });
     };
-    return /* @__PURE__ */ i(ut, { asChild: !0, ...u, children: /* @__PURE__ */ i(
-      M.button,
+    return /* @__PURE__ */ a(ft, { asChild: !0, ...u, children: /* @__PURE__ */ a(
+      A.button,
       {
         type: "button",
         role: "combobox",
@@ -133,177 +136,177 @@ var Ae = "SelectTrigger", Oe = n.forwardRef(
         "data-state": r.open ? "open" : "closed",
         disabled: s,
         "data-disabled": s ? "" : void 0,
-        "data-placeholder": Qe(r.value) ? "" : void 0,
+        "data-placeholder": tt(r.value) ? "" : void 0,
         ...l,
-        ref: a,
+        ref: c,
         onClick: P(l.onClick, (d) => {
-          d.currentTarget.focus(), g.current !== "mouse" && y(d);
+          d.currentTarget.focus(), v.current !== "mouse" && y(d);
         }),
         onPointerDown: P(l.onPointerDown, (d) => {
-          g.current = d.pointerType;
+          v.current = d.pointerType;
           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: P(l.onKeyDown, (d) => {
           const h = x.current !== "";
-          !(d.ctrlKey || d.altKey || d.metaKey) && d.key.length === 1 && R(d.key), !(h && d.key === " ") && wt.includes(d.key) && (y(), d.preventDefault());
+          !(d.ctrlKey || d.altKey || d.metaKey) && d.key.length === 1 && N(d.key), !(h && d.key === " ") && yt.includes(d.key) && (y(), d.preventDefault());
         })
       }
     ) });
   }
 );
-Oe.displayName = Ae;
-var De = "SelectValue", ke = n.forwardRef(
+ke.displayName = Oe;
+var Le = "SelectValue", Be = n.forwardRef(
   (t, o) => {
-    const { __scopeSelect: e, className: c, style: l, children: u, placeholder: r = "", ...s } = t, a = Y(De, e), { onValueNodeHasChildrenChange: f } = a, g = u !== void 0, x = L(o, a.onValueNodeChange);
+    const { __scopeSelect: e, className: i, style: l, children: u, placeholder: r = "", ...s } = t, c = Y(Le, e), { onValueNodeHasChildrenChange: f } = c, v = u !== void 0, x = B(o, c.onValueNodeChange);
     return j(() => {
-      f(g);
-    }, [f, g]), /* @__PURE__ */ i(
-      M.span,
+      f(v);
+    }, [f, v]), /* @__PURE__ */ a(
+      A.span,
       {
         ...s,
         ref: x,
         style: { pointerEvents: "none" },
-        children: Qe(a.value) ? /* @__PURE__ */ i(Te, { children: r }) : u
+        children: tt(c.value) ? /* @__PURE__ */ a(be, { children: r }) : u
       }
     );
   }
 );
-ke.displayName = De;
-var bt = "SelectIcon", Le = n.forwardRef(
+Be.displayName = Le;
+var Rt = "SelectIcon", Ve = n.forwardRef(
   (t, o) => {
-    const { __scopeSelect: e, children: c, ...l } = t;
-    return /* @__PURE__ */ i(M.span, { "aria-hidden": !0, ...l, ref: o, children: c || "▼" });
+    const { __scopeSelect: e, children: i, ...l } = t;
+    return /* @__PURE__ */ a(A.span, { "aria-hidden": !0, ...l, ref: o, children: i || "▼" });
   }
 );
-Le.displayName = bt;
-var Pt = "SelectPortal", Be = (t) => /* @__PURE__ */ i(mt, { asChild: !0, ...t });
-Be.displayName = Pt;
-var ee = "SelectContent", Ve = n.forwardRef(
+Ve.displayName = Rt;
+var Et = "SelectPortal", He = (t) => /* @__PURE__ */ a(gt, { asChild: !0, ...t });
+He.displayName = Et;
+var ee = "SelectContent", We = n.forwardRef(
   (t, o) => {
-    const e = Y(ee, t.__scopeSelect), [c, l] = n.useState();
+    const e = Y(ee, t.__scopeSelect), [i, l] = n.useState();
     if (j(() => {
       l(new DocumentFragment());
     }, []), !e.open) {
-      const u = c;
-      return u ? Ee.createPortal(
-        /* @__PURE__ */ i(He, { scope: t.__scopeSelect, children: /* @__PURE__ */ i(de.Slot, { scope: t.__scopeSelect, children: /* @__PURE__ */ i("div", { children: t.children }) }) }),
+      const u = i;
+      return u ? _e.createPortal(
+        /* @__PURE__ */ a(Ue, { scope: t.__scopeSelect, children: /* @__PURE__ */ a(de.Slot, { scope: t.__scopeSelect, children: /* @__PURE__ */ a("div", { children: t.children }) }) }),
         u
       ) : null;
     }
-    return /* @__PURE__ */ i(Ue, { ...t, ref: o });
+    return /* @__PURE__ */ a(Fe, { ...t, ref: o });
   }
 );
-Ve.displayName = ee;
-var O = 10, [He, q] = oe(ee), Rt = "SelectContentImpl", Nt = ht("SelectContent.RemoveScroll"), Ue = n.forwardRef(
+We.displayName = ee;
+var O = 10, [Ue, q] = oe(ee), _t = "SelectContentImpl", Mt = vt("SelectContent.RemoveScroll"), Fe = n.forwardRef(
   (t, o) => {
     const {
       __scopeSelect: e,
-      position: c = "item-aligned",
+      position: i = "item-aligned",
       onCloseAutoFocus: l,
       onEscapeKeyDown: u,
       onPointerDownOutside: r,
       //
       // PopperContent props
       side: s,
-      sideOffset: a,
+      sideOffset: c,
       align: f,
-      alignOffset: g,
+      alignOffset: v,
       arrowPadding: x,
-      collisionBoundary: R,
-      collisionPadding: T,
+      collisionBoundary: N,
+      collisionPadding: b,
       sticky: y,
       hideWhenDetached: d,
       avoidCollisions: h,
       //
       ...S
-    } = t, m = Y(ee, e), [v, K] = n.useState(null), [A, ne] = n.useState(null), N = L(o, (p) => K(p)), [D, $] = n.useState(null), [X, V] = n.useState(
+    } = t, m = Y(ee, e), [g, K] = n.useState(null), [D, ne] = n.useState(null), E = B(o, (p) => K(p)), [k, $] = n.useState(null), [X, V] = n.useState(
       null
-    ), H = ue(e), [z, U] = n.useState(!1), F = n.useRef(!1);
+    ), H = ue(e), [z, W] = n.useState(!1), U = n.useRef(!1);
     n.useEffect(() => {
-      if (v) return st(v);
-    }, [v]), at();
-    const E = n.useCallback(
+      if (g) return ct(g);
+    }, [g]), it();
+    const _ = n.useCallback(
       (p) => {
-        const [I, ..._] = H().map((b) => b.ref.current), [w] = _.slice(-1), C = document.activeElement;
-        for (const b of p)
-          if (b === C || (b?.scrollIntoView({ block: "nearest" }), b === I && A && (A.scrollTop = 0), b === w && A && (A.scrollTop = A.scrollHeight), b?.focus(), document.activeElement !== C)) return;
+        const [I, ...M] = H().map((T) => T.ref.current), [w] = M.slice(-1), C = document.activeElement;
+        for (const T of p)
+          if (T === C || (T?.scrollIntoView({ block: "nearest" }), T === I && D && (D.scrollTop = 0), T === w && D && (D.scrollTop = D.scrollHeight), T?.focus(), document.activeElement !== C)) return;
       },
-      [H, A]
-    ), k = n.useCallback(
-      () => E([D, v]),
-      [E, D, v]
+      [H, D]
+    ), L = n.useCallback(
+      () => _([k, g]),
+      [_, k, g]
     );
     n.useEffect(() => {
-      z && k();
-    }, [z, k]);
-    const { onOpenChange: W, triggerPointerDownPosRef: G } = m;
+      z && L();
+    }, [z, L]);
+    const { onOpenChange: F, triggerPointerDownPosRef: G } = m;
     n.useEffect(() => {
-      if (v) {
+      if (g) {
         let p = { x: 0, y: 0 };
         const I = (w) => {
           p = {
             x: Math.abs(Math.round(w.pageX) - (G.current?.x ?? 0)),
             y: Math.abs(Math.round(w.pageY) - (G.current?.y ?? 0))
           };
-        }, _ = (w) => {
-          p.x <= 10 && p.y <= 10 ? w.preventDefault() : v.contains(w.target) || W(!1), document.removeEventListener("pointermove", I), G.current = null;
+        }, M = (w) => {
+          p.x <= 10 && p.y <= 10 ? w.preventDefault() : g.contains(w.target) || F(!1), document.removeEventListener("pointermove", I), G.current = null;
         };
-        return G.current !== null && (document.addEventListener("pointermove", I), document.addEventListener("pointerup", _, { capture: !0, once: !0 })), () => {
-          document.removeEventListener("pointermove", I), document.removeEventListener("pointerup", _, { capture: !0 });
+        return G.current !== null && (document.addEventListener("pointermove", I), document.addEventListener("pointerup", M, { capture: !0, once: !0 })), () => {
+          document.removeEventListener("pointermove", I), document.removeEventListener("pointerup", M, { capture: !0 });
         };
       }
-    }, [v, W, G]), n.useEffect(() => {
-      const p = () => W(!1);
+    }, [g, F, G]), 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, se] = et((p) => {
-      const I = H().filter((C) => !C.disabled), _ = I.find((C) => C.ref.current === document.activeElement), w = tt(I, p, _);
+    }, [F]);
+    const [fe, se] = ot((p) => {
+      const I = H().filter((C) => !C.disabled), M = I.find((C) => C.ref.current === document.activeElement), w = nt(I, p, M);
       w && setTimeout(() => w.ref.current.focus());
     }), me = n.useCallback(
-      (p, I, _) => {
-        const w = !F.current && !_;
-        (m.value !== void 0 && m.value === I || w) && ($(p), w && (F.current = !0));
+      (p, I, M) => {
+        const w = !U.current && !M;
+        (m.value !== void 0 && m.value === I || w) && ($(p), w && (U.current = !0));
       },
       [m.value]
-    ), he = n.useCallback(() => v?.focus(), [v]), te = n.useCallback(
-      (p, I, _) => {
-        const w = !F.current && !_;
+    ), he = n.useCallback(() => g?.focus(), [g]), te = n.useCallback(
+      (p, I, M) => {
+        const w = !U.current && !M;
         (m.value !== void 0 && m.value === I || w) && V(p);
       },
       [m.value]
-    ), ae = c === "popper" ? we : Fe, re = ae === we ? {
+    ), ae = i === "popper" ? we : Ke, re = ae === we ? {
       side: s,
-      sideOffset: a,
+      sideOffset: c,
       align: f,
-      alignOffset: g,
+      alignOffset: v,
       arrowPadding: x,
-      collisionBoundary: R,
-      collisionPadding: T,
+      collisionBoundary: N,
+      collisionPadding: b,
       sticky: y,
       hideWhenDetached: d,
       avoidCollisions: h
     } : {};
-    return /* @__PURE__ */ i(
-      He,
+    return /* @__PURE__ */ a(
+      Ue,
       {
         scope: e,
-        content: v,
-        viewport: A,
+        content: g,
+        viewport: D,
         onViewportChange: ne,
         itemRefCallback: me,
-        selectedItem: D,
+        selectedItem: k,
         onItemLeave: he,
         itemTextRefCallback: te,
-        focusSelectedItem: k,
+        focusSelectedItem: L,
         selectedItemText: X,
-        position: c,
+        position: i,
         isPositioned: z,
         searchRef: fe,
-        children: /* @__PURE__ */ i(ct, { as: Nt, allowPinchZoom: !0, children: /* @__PURE__ */ i(
-          it,
+        children: /* @__PURE__ */ a(dt, { as: Mt, allowPinchZoom: !0, children: /* @__PURE__ */ a(
+          ut,
           {
             asChild: !0,
             trapped: m.open,
@@ -313,8 +316,8 @@ var O = 10, [He, q] = oe(ee), Rt = "SelectContentImpl", Nt = ht("SelectContent.R
             onUnmountAutoFocus: P(l, (p) => {
               m.trigger?.focus({ preventScroll: !0 }), p.preventDefault();
             }),
-            children: /* @__PURE__ */ i(
-              lt,
+            children: /* @__PURE__ */ a(
+              at,
               {
                 asChild: !0,
                 disableOutsidePointerEvents: !0,
@@ -322,7 +325,7 @@ var O = 10, [He, q] = oe(ee), Rt = "SelectContentImpl", Nt = ht("SelectContent.R
                 onPointerDownOutside: r,
                 onFocusOutside: (p) => p.preventDefault(),
                 onDismiss: () => m.onOpenChange(!1),
-                children: /* @__PURE__ */ i(
+                children: /* @__PURE__ */ a(
                   ae,
                   {
                     role: "listbox",
@@ -332,8 +335,8 @@ var O = 10, [He, q] = oe(ee), Rt = "SelectContentImpl", Nt = ht("SelectContent.R
                     onContextMenu: (p) => p.preventDefault(),
                     ...S,
                     ...re,
-                    onPlaced: () => U(!0),
-                    ref: N,
+                    onPlaced: () => W(!0),
+                    ref: E,
                     style: {
                       // flex layout so we can place the scroll buttons properly
                       display: "flex",
@@ -347,10 +350,10 @@ var O = 10, [He, q] = oe(ee), Rt = "SelectContentImpl", Nt = ht("SelectContent.R
                       if (p.key === "Tab" && p.preventDefault(), !I && p.key.length === 1 && se(p.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(p.key)) {
                         let w = H().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, b = w.indexOf(C);
-                          w = w.slice(b + 1);
+                          const C = p.target, T = w.indexOf(C);
+                          w = w.slice(T + 1);
                         }
-                        setTimeout(() => E(w)), p.preventDefault();
+                        setTimeout(() => _(w)), p.preventDefault();
                       }
                     })
                   }
@@ -363,37 +366,37 @@ var O = 10, [He, q] = oe(ee), Rt = "SelectContentImpl", Nt = ht("SelectContent.R
     );
   }
 );
-Ue.displayName = Rt;
-var Et = "SelectItemAlignedPosition", Fe = n.forwardRef((t, o) => {
-  const { __scopeSelect: e, onPlaced: c, ...l } = t, u = Y(ee, e), r = q(ee, e), [s, a] = n.useState(null), [f, g] = n.useState(null), x = L(o, (N) => g(N)), R = ue(e), T = n.useRef(!1), y = n.useRef(!0), { viewport: d, selectedItem: h, selectedItemText: S, focusSelectedItem: m } = r, v = n.useCallback(() => {
+Fe.displayName = _t;
+var At = "SelectItemAlignedPosition", Ke = n.forwardRef((t, o) => {
+  const { __scopeSelect: e, onPlaced: i, ...l } = t, u = Y(ee, e), r = q(ee, e), [s, c] = n.useState(null), [f, v] = n.useState(null), x = B(o, (E) => v(E)), N = ue(e), b = n.useRef(!1), y = n.useRef(!0), { viewport: d, selectedItem: h, selectedItemText: S, focusSelectedItem: m } = r, g = n.useCallback(() => {
     if (u.trigger && u.valueNode && s && f && d && h && S) {
-      const N = u.trigger.getBoundingClientRect(), D = f.getBoundingClientRect(), $ = u.valueNode.getBoundingClientRect(), X = S.getBoundingClientRect();
+      const E = u.trigger.getBoundingClientRect(), k = f.getBoundingClientRect(), $ = u.valueNode.getBoundingClientRect(), X = S.getBoundingClientRect();
       if (u.dir !== "rtl") {
-        const C = X.left - D.left, b = $.left - C, Z = N.left - b, J = N.width + Z, ve = Math.max(J, D.width), ge = window.innerWidth - O, Se = Re(b, [
+        const C = X.left - k.left, T = $.left - C, Z = E.left - T, J = E.width + Z, ge = Math.max(J, k.width), ve = window.innerWidth - O, Se = Re(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(O, ge - ve)
+          Math.max(O, ve - ge)
         ]);
         s.style.minWidth = J + "px", s.style.left = Se + "px";
       } else {
-        const C = D.right - X.right, b = window.innerWidth - $.right - C, Z = window.innerWidth - N.right - b, J = N.width + Z, ve = Math.max(J, D.width), ge = window.innerWidth - O, Se = Re(b, [
+        const C = k.right - X.right, T = window.innerWidth - $.right - C, Z = window.innerWidth - E.right - T, J = E.width + Z, ge = Math.max(J, k.width), ve = window.innerWidth - O, Se = Re(T, [
           O,
-          Math.max(O, ge - ve)
+          Math.max(O, ve - ge)
         ]);
         s.style.minWidth = J + "px", s.style.right = Se + "px";
       }
-      const V = R(), H = window.innerHeight - O * 2, z = d.scrollHeight, U = window.getComputedStyle(f), F = parseInt(U.borderTopWidth, 10), E = parseInt(U.paddingTop, 10), k = parseInt(U.borderBottomWidth, 10), W = parseInt(U.paddingBottom, 10), G = F + E + z + W + k, fe = Math.min(h.offsetHeight * 5, G), se = window.getComputedStyle(d), me = parseInt(se.paddingTop, 10), he = parseInt(se.paddingBottom, 10), te = N.top + N.height / 2 - O, ae = H - te, re = h.offsetHeight / 2, p = h.offsetTop + re, I = F + E + p, _ = G - I;
+      const V = N(), H = window.innerHeight - O * 2, z = d.scrollHeight, W = window.getComputedStyle(f), U = parseInt(W.borderTopWidth, 10), _ = parseInt(W.paddingTop, 10), L = parseInt(W.borderBottomWidth, 10), F = parseInt(W.paddingBottom, 10), G = U + _ + z + F + L, fe = Math.min(h.offsetHeight * 5, G), se = window.getComputedStyle(d), me = parseInt(se.paddingTop, 10), he = parseInt(se.paddingBottom, 10), te = E.top + E.height / 2 - O, ae = H - te, re = h.offsetHeight / 2, p = h.offsetTop + re, I = U + _ + p, M = G - I;
       if (I <= te) {
         const C = V.length > 0 && h === V[V.length - 1].ref.current;
         s.style.bottom = "0px";
-        const b = f.clientHeight - d.offsetTop - d.offsetHeight, Z = Math.max(
+        const T = f.clientHeight - d.offsetTop - d.offsetHeight, Z = Math.max(
           ae,
           re + // viewport might have padding bottom, include it to avoid a scrollable viewport
-          (C ? he : 0) + b + k
+          (C ? he : 0) + T + L
         ), J = I + Z;
         s.style.height = J + "px";
       } else {
@@ -401,15 +404,15 @@ var Et = "SelectItemAlignedPosition", Fe = n.forwardRef((t, o) => {
         s.style.top = "0px";
         const Z = Math.max(
           te,
-          F + d.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
+          U + d.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
           (C ? me : 0) + re
-        ) + _;
+        ) + M;
         s.style.height = Z + "px", d.scrollTop = I - te + d.offsetTop;
       }
-      s.style.margin = `${O}px 0`, s.style.minHeight = fe + "px", s.style.maxHeight = H + "px", c?.(), requestAnimationFrame(() => T.current = !0);
+      s.style.margin = `${O}px 0`, s.style.minHeight = fe + "px", s.style.maxHeight = H + "px", i?.(), requestAnimationFrame(() => b.current = !0);
     }
   }, [
-    R,
+    N,
     u.trigger,
     u.valueNode,
     s,
@@ -418,38 +421,38 @@ var Et = "SelectItemAlignedPosition", Fe = n.forwardRef((t, o) => {
     h,
     S,
     u.dir,
-    c
+    i
   ]);
-  j(() => v(), [v]);
-  const [K, A] = n.useState();
+  j(() => g(), [g]);
+  const [K, D] = n.useState();
   j(() => {
-    f && A(window.getComputedStyle(f).zIndex);
+    f && D(window.getComputedStyle(f).zIndex);
   }, [f]);
   const ne = n.useCallback(
-    (N) => {
-      N && y.current === !0 && (v(), m?.(), y.current = !1);
+    (E) => {
+      E && y.current === !0 && (g(), m?.(), y.current = !1);
     },
-    [v, m]
+    [g, m]
   );
-  return /* @__PURE__ */ i(
-    Mt,
+  return /* @__PURE__ */ a(
+    Ot,
     {
       scope: e,
       contentWrapper: s,
-      shouldExpandOnScrollRef: T,
+      shouldExpandOnScrollRef: b,
       onScrollButtonChange: ne,
-      children: /* @__PURE__ */ i(
+      children: /* @__PURE__ */ a(
         "div",
         {
-          ref: a,
+          ref: c,
           style: {
             display: "flex",
             flexDirection: "column",
             position: "fixed",
             zIndex: K
           },
-          children: /* @__PURE__ */ i(
-            M.div,
+          children: /* @__PURE__ */ a(
+            A.div,
             {
               ...l,
               ref: x,
@@ -468,21 +471,21 @@ var Et = "SelectItemAlignedPosition", Fe = n.forwardRef((t, o) => {
     }
   );
 });
-Fe.displayName = Et;
-var _t = "SelectPopperPosition", we = n.forwardRef((t, o) => {
+Ke.displayName = At;
+var Dt = "SelectPopperPosition", we = n.forwardRef((t, o) => {
   const {
     __scopeSelect: e,
-    align: c = "start",
+    align: i = "start",
     collisionPadding: l = O,
     ...u
   } = t, r = pe(e);
-  return /* @__PURE__ */ i(
-    pt,
+  return /* @__PURE__ */ a(
+    mt,
     {
       ...r,
       ...u,
       ref: o,
-      align: c,
+      align: i,
       collisionPadding: l,
       style: {
         // Ensure border-box for floating-ui calculations
@@ -497,22 +500,22 @@ var _t = "SelectPopperPosition", we = n.forwardRef((t, o) => {
     }
   );
 });
-we.displayName = _t;
-var [Mt, Pe] = oe(ee, {}), xe = "SelectViewport", We = n.forwardRef(
+we.displayName = Dt;
+var [Ot, Ne] = oe(ee, {}), xe = "SelectViewport", $e = n.forwardRef(
   (t, o) => {
-    const { __scopeSelect: e, nonce: c, ...l } = t, u = q(xe, e), r = Pe(xe, e), s = L(o, u.onViewportChange), a = n.useRef(0);
-    return /* @__PURE__ */ ce(Te, { children: [
-      /* @__PURE__ */ i(
+    const { __scopeSelect: e, nonce: i, ...l } = t, u = q(xe, e), r = Ne(xe, e), s = B(o, u.onViewportChange), c = n.useRef(0);
+    return /* @__PURE__ */ ce(be, { children: [
+      /* @__PURE__ */ a(
         "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: c
+          nonce: i
         }
       ),
-      /* @__PURE__ */ i(de.Slot, { scope: e, children: /* @__PURE__ */ i(
-        M.div,
+      /* @__PURE__ */ a(de.Slot, { scope: e, children: /* @__PURE__ */ a(
+        A.div,
         {
           "data-radix-select-viewport": "",
           role: "presentation",
@@ -532,90 +535,90 @@ var [Mt, Pe] = oe(ee, {}), xe = "SelectViewport", We = n.forwardRef(
             ...l.style
           },
           onScroll: P(l.onScroll, (f) => {
-            const g = f.currentTarget, { contentWrapper: x, shouldExpandOnScrollRef: R } = r;
-            if (R?.current && x) {
-              const T = Math.abs(a.current - g.scrollTop);
-              if (T > 0) {
+            const v = f.currentTarget, { contentWrapper: x, shouldExpandOnScrollRef: N } = r;
+            if (N?.current && x) {
+              const b = Math.abs(c.current - v.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 + T, v = Math.min(y, m), K = m - v;
-                  x.style.height = v + "px", x.style.bottom === "0px" && (g.scrollTop = K > 0 ? K : 0, x.style.justifyContent = "flex-end");
+                  const m = S + b, g = Math.min(y, m), K = m - g;
+                  x.style.height = g + "px", x.style.bottom === "0px" && (v.scrollTop = K > 0 ? K : 0, x.style.justifyContent = "flex-end");
                 }
               }
             }
-            a.current = g.scrollTop;
+            c.current = v.scrollTop;
           })
         }
       ) })
     ] });
   }
 );
-We.displayName = xe;
-var Ke = "SelectGroup", [At, Ot] = oe(Ke), Dt = n.forwardRef(
+$e.displayName = xe;
+var ze = "SelectGroup", [kt, Lt] = oe(ze), Bt = n.forwardRef(
   (t, o) => {
-    const { __scopeSelect: e, ...c } = t, l = be();
-    return /* @__PURE__ */ i(At, { scope: e, id: l, children: /* @__PURE__ */ i(M.div, { role: "group", "aria-labelledby": l, ...c, ref: o }) });
+    const { __scopeSelect: e, ...i } = t, l = Te();
+    return /* @__PURE__ */ a(kt, { scope: e, id: l, children: /* @__PURE__ */ a(A.div, { role: "group", "aria-labelledby": l, ...i, ref: o }) });
   }
 );
-Dt.displayName = Ke;
-var $e = "SelectLabel", kt = n.forwardRef(
+Bt.displayName = ze;
+var Ge = "SelectLabel", Vt = n.forwardRef(
   (t, o) => {
-    const { __scopeSelect: e, ...c } = t, l = Ot($e, e);
-    return /* @__PURE__ */ i(M.div, { id: l.id, ...c, ref: o });
+    const { __scopeSelect: e, ...i } = t, l = Lt(Ge, e);
+    return /* @__PURE__ */ a(A.div, { id: l.id, ...i, ref: o });
   }
 );
-kt.displayName = $e;
-var ie = "SelectItem", [Lt, ze] = oe(ie), Ge = n.forwardRef(
+Vt.displayName = Ge;
+var ie = "SelectItem", [Ht, je] = oe(ie), Ye = n.forwardRef(
   (t, o) => {
     const {
       __scopeSelect: e,
-      value: c,
+      value: i,
       disabled: l = !1,
       textValue: u,
       ...r
-    } = t, s = Y(ie, e), a = q(ie, e), f = s.value === c, [g, x] = n.useState(u ?? ""), [R, T] = n.useState(!1), y = L(
+    } = t, s = Y(ie, e), c = q(ie, e), f = s.value === i, [v, x] = n.useState(u ?? ""), [N, b] = n.useState(!1), y = B(
       o,
-      (m) => a.itemRefCallback?.(m, c, l)
-    ), d = be(), h = n.useRef("touch"), S = () => {
-      l || (s.onValueChange(c), s.onOpenChange(!1));
+      (m) => c.itemRefCallback?.(m, i, l)
+    ), d = Te(), h = n.useRef("touch"), S = () => {
+      l || (s.onValueChange(i), s.onOpenChange(!1));
     };
-    if (c === "")
+    if (i === "")
       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__ */ i(
-      Lt,
+    return /* @__PURE__ */ a(
+      Ht,
       {
         scope: e,
-        value: c,
+        value: i,
         disabled: l,
         textId: d,
         isSelected: f,
         onItemTextChange: n.useCallback((m) => {
-          x((v) => v || (m?.textContent ?? "").trim());
+          x((g) => g || (m?.textContent ?? "").trim());
         }, []),
-        children: /* @__PURE__ */ i(
+        children: /* @__PURE__ */ a(
           de.ItemSlot,
           {
             scope: e,
-            value: c,
+            value: i,
             disabled: l,
-            textValue: g,
-            children: /* @__PURE__ */ i(
-              M.div,
+            textValue: v,
+            children: /* @__PURE__ */ a(
+              A.div,
               {
                 role: "option",
                 "aria-labelledby": d,
-                "data-highlighted": R ? "" : void 0,
-                "aria-selected": f && R,
+                "data-highlighted": N ? "" : void 0,
+                "aria-selected": f && N,
                 "data-state": f ? "checked" : "unchecked",
                 "aria-disabled": l || void 0,
                 "data-disabled": l ? "" : void 0,
                 tabIndex: l ? void 0 : -1,
                 ...r,
                 ref: y,
-                onFocus: P(r.onFocus, () => T(!0)),
-                onBlur: P(r.onBlur, () => T(!1)),
+                onFocus: P(r.onFocus, () => b(!0)),
+                onBlur: P(r.onBlur, () => b(!1)),
                 onClick: P(r.onClick, () => {
                   h.current !== "mouse" && S();
                 }),
@@ -626,13 +629,13 @@ var ie = "SelectItem", [Lt, ze] = oe(ie), Ge = n.forwardRef(
                   h.current = m.pointerType;
                 }),
                 onPointerMove: P(r.onPointerMove, (m) => {
-                  h.current = m.pointerType, l ? a.onItemLeave?.() : h.current === "mouse" && m.currentTarget.focus({ preventScroll: !0 });
+                  h.current = m.pointerType, l ? c.onItemLeave?.() : h.current === "mouse" && m.currentTarget.focus({ preventScroll: !0 });
                 }),
                 onPointerLeave: P(r.onPointerLeave, (m) => {
-                  m.currentTarget === document.activeElement && a.onItemLeave?.();
+                  m.currentTarget === document.activeElement && c.onItemLeave?.();
                 }),
                 onKeyDown: P(r.onKeyDown, (m) => {
-                  a.searchRef?.current !== "" && m.key === " " || (xt.includes(m.key) && S(), m.key === " " && m.preventDefault());
+                  c.searchRef?.current !== "" && m.key === " " || (It.includes(m.key) && S(), m.key === " " && m.preventDefault());
                 })
               }
             )
@@ -642,215 +645,204 @@ var ie = "SelectItem", [Lt, ze] = oe(ie), Ge = n.forwardRef(
     );
   }
 );
-Ge.displayName = ie;
-var le = "SelectItemText", je = n.forwardRef(
+Ye.displayName = ie;
+var le = "SelectItemText", qe = n.forwardRef(
   (t, o) => {
-    const { __scopeSelect: e, className: c, style: l, ...u } = t, r = Y(le, e), s = q(le, e), a = ze(le, e), f = Tt(le, e), [g, x] = n.useState(null), R = L(
+    const { __scopeSelect: e, className: i, style: l, ...u } = t, r = Y(le, e), s = q(le, e), c = je(le, e), f = Nt(le, e), [v, x] = n.useState(null), N = B(
       o,
       (S) => x(S),
-      a.onItemTextChange,
-      (S) => s.itemTextRefCallback?.(S, a.value, a.disabled)
-    ), T = g?.textContent, y = n.useMemo(
-      () => /* @__PURE__ */ i("option", { value: a.value, disabled: a.disabled, children: T }, a.value),
-      [a.disabled, a.value, T]
+      c.onItemTextChange,
+      (S) => s.itemTextRefCallback?.(S, c.value, c.disabled)
+    ), b = v?.textContent, y = n.useMemo(
+      () => /* @__PURE__ */ a("option", { value: c.value, disabled: c.disabled, children: b }, c.value),
+      [c.disabled, c.value, b]
     ), { onNativeOptionAdd: d, onNativeOptionRemove: h } = f;
-    return j(() => (d(y), () => h(y)), [d, h, y]), /* @__PURE__ */ ce(Te, { children: [
-      /* @__PURE__ */ i(M.span, { id: a.textId, ...u, ref: R }),
-      a.isSelected && r.valueNode && !r.valueNodeHasChildren ? Ee.createPortal(u.children, r.valueNode) : null
+    return j(() => (d(y), () => h(y)), [d, h, y]), /* @__PURE__ */ ce(be, { children: [
+      /* @__PURE__ */ a(A.span, { id: c.textId, ...u, ref: N }),
+      c.isSelected && r.valueNode && !r.valueNodeHasChildren ? _e.createPortal(u.children, r.valueNode) : null
     ] });
   }
 );
-je.displayName = le;
-var Ye = "SelectItemIndicator", Bt = n.forwardRef(
+qe.displayName = le;
+var Xe = "SelectItemIndicator", Wt = n.forwardRef(
   (t, o) => {
-    const { __scopeSelect: e, ...c } = t;
-    return ze(Ye, e).isSelected ? /* @__PURE__ */ i(M.span, { "aria-hidden": !0, ...c, ref: o }) : null;
+    const { __scopeSelect: e, ...i } = t;
+    return je(Xe, e).isSelected ? /* @__PURE__ */ a(A.span, { "aria-hidden": !0, ...i, ref: o }) : null;
   }
 );
-Bt.displayName = Ye;
-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 = L(o, c.onScrollButtonChange);
+Wt.displayName = Xe;
+var Ce = "SelectScrollUpButton", Ze = n.forwardRef((t, o) => {
+  const e = q(Ce, t.__scopeSelect), i = Ne(Ce, t.__scopeSelect), [l, u] = n.useState(!1), r = B(o, i.onScrollButtonChange);
   return j(() => {
     if (e.viewport && e.isPositioned) {
       let s = function() {
-        const f = a.scrollTop > 0;
+        const f = c.scrollTop > 0;
         u(f);
       };
-      const a = e.viewport;
-      return s(), a.addEventListener("scroll", s), () => a.removeEventListener("scroll", s);
+      const c = e.viewport;
+      return s(), c.addEventListener("scroll", s), () => c.removeEventListener("scroll", s);
     }
-  }, [e.viewport, e.isPositioned]), l ? /* @__PURE__ */ i(
-    Ze,
+  }, [e.viewport, e.isPositioned]), l ? /* @__PURE__ */ a(
+    Qe,
     {
       ...t,
       ref: r,
       onAutoScroll: () => {
-        const { viewport: s, selectedItem: a } = e;
-        s && a && (s.scrollTop = s.scrollTop - a.offsetHeight);
+        const { viewport: s, selectedItem: c } = e;
+        s && c && (s.scrollTop = s.scrollTop - c.offsetHeight);
       }
     }
   ) : null;
 });
-qe.displayName = Ce;
-var ye = "SelectScrollDownButton", Xe = n.forwardRef((t, o) => {
-  const e = q(ye, t.__scopeSelect), c = Pe(ye, t.__scopeSelect), [l, u] = n.useState(!1), r = L(o, c.onScrollButtonChange);
+Ze.displayName = Ce;
+var ye = "SelectScrollDownButton", Je = n.forwardRef((t, o) => {
+  const e = q(ye, t.__scopeSelect), i = Ne(ye, t.__scopeSelect), [l, u] = n.useState(!1), r = B(o, i.onScrollButtonChange);
   return j(() => {
     if (e.viewport && e.isPositioned) {
       let s = function() {
-        const f = a.scrollHeight - a.clientHeight, g = Math.ceil(a.scrollTop) < f;
-        u(g);
+        const f = c.scrollHeight - c.clientHeight, v = Math.ceil(c.scrollTop) < f;
+        u(v);
       };
-      const a = e.viewport;
-      return s(), a.addEventListener("scroll", s), () => a.removeEventListener("scroll", s);
+      const c = e.viewport;
+      return s(), c.addEventListener("scroll", s), () => c.removeEventListener("scroll", s);
     }
-  }, [e.viewport, e.isPositioned]), l ? /* @__PURE__ */ i(
-    Ze,
+  }, [e.viewport, e.isPositioned]), l ? /* @__PURE__ */ a(
+    Qe,
     {
       ...t,
       ref: r,
       onAutoScroll: () => {
-        const { viewport: s, selectedItem: a } = e;
-        s && a && (s.scrollTop = s.scrollTop + a.offsetHeight);
+        const { viewport: s, selectedItem: c } = e;
+        s && c && (s.scrollTop = s.scrollTop + c.offsetHeight);
       }
     }
   ) : null;
 });
-Xe.displayName = ye;
-var Ze = n.forwardRef((t, o) => {
-  const { __scopeSelect: e, onAutoScroll: c, ...l } = t, u = q("SelectScrollButton", e), r = n.useRef(null), s = ue(e), a = n.useCallback(() => {
+Je.displayName = ye;
+var Qe = n.forwardRef((t, o) => {
+  const { __scopeSelect: e, onAutoScroll: i, ...l } = t, u = q("SelectScrollButton", e), r = n.useRef(null), s = ue(e), c = n.useCallback(() => {
     r.current !== null && (window.clearInterval(r.current), r.current = null);
   }, []);
-  return n.useEffect(() => () => a(), [a]), j(() => {
-    s().find((g) => g.ref.current === document.activeElement)?.ref.current?.scrollIntoView({ block: "nearest" });
-  }, [s]), /* @__PURE__ */ i(
-    M.div,
+  return n.useEffect(() => () => c(), [c]), j(() => {
+    s().find((v) => v.ref.current === document.activeElement)?.ref.current?.scrollIntoView({ block: "nearest" });
+  }, [s]), /* @__PURE__ */ a(
+    A.div,
     {
       "aria-hidden": !0,
       ...l,
       ref: o,
       style: { flexShrink: 0, ...l.style },
       onPointerDown: P(l.onPointerDown, () => {
-        r.current === null && (r.current = window.setInterval(c, 50));
+        r.current === null && (r.current = window.setInterval(i, 50));
       }),
       onPointerMove: P(l.onPointerMove, () => {
-        u.onItemLeave?.(), r.current === null && (r.current = window.setInterval(c, 50));
+        u.onItemLeave?.(), r.current === null && (r.current = window.setInterval(i, 50));
       }),
       onPointerLeave: P(l.onPointerLeave, () => {
-        a();
+        c();
       })
     }
   );
-}), Vt = "SelectSeparator", Ht = n.forwardRef(
+}), Ut = "SelectSeparator", Ft = n.forwardRef(
   (t, o) => {
-    const { __scopeSelect: e, ...c } = t;
-    return /* @__PURE__ */ i(M.div, { "aria-hidden": !0, ...c, ref: o });
+    const { __scopeSelect: e, ...i } = t;
+    return /* @__PURE__ */ a(A.div, { "aria-hidden": !0, ...i, ref: o });
   }
 );
-Ht.displayName = Vt;
-var Ie = "SelectArrow", Ut = n.forwardRef(
+Ft.displayName = Ut;
+var Ie = "SelectArrow", Kt = n.forwardRef(
   (t, o) => {
-    const { __scopeSelect: e, ...c } = t, l = pe(e), u = Y(Ie, e), r = q(Ie, e);
-    return u.open && r.position === "popper" ? /* @__PURE__ */ i(ft, { ...l, ...c, ref: o }) : null;
+    const { __scopeSelect: e, ...i } = t, l = pe(e), u = Y(Ie, e), r = q(Ie, e);
+    return u.open && r.position === "popper" ? /* @__PURE__ */ a(ht, { ...l, ...i, ref: o }) : null;
   }
 );
-Ut.displayName = Ie;
-var Ft = "SelectBubbleInput", Je = n.forwardRef(
-  ({ __scopeSelect: t, value: o, ...e }, c) => {
-    const l = n.useRef(null), u = L(c, l), r = gt(o);
+Kt.displayName = Ie;
+var $t = "SelectBubbleInput", et = n.forwardRef(
+  ({ __scopeSelect: t, value: o, ...e }, i) => {
+    const l = n.useRef(null), u = B(i, l), r = wt(o);
     return n.useEffect(() => {
       const s = l.current;
       if (!s) return;
-      const a = window.HTMLSelectElement.prototype, g = Object.getOwnPropertyDescriptor(
-        a,
+      const c = window.HTMLSelectElement.prototype, v = Object.getOwnPropertyDescriptor(
+        c,
         "value"
       ).set;
-      if (r !== o && g) {
+      if (r !== o && v) {
         const x = new Event("change", { bubbles: !0 });
-        g.call(s, o), s.dispatchEvent(x);
+        v.call(s, o), s.dispatchEvent(x);
       }
-    }, [r, o]), /* @__PURE__ */ i(
-      M.select,
+    }, [r, o]), /* @__PURE__ */ a(
+      A.select,
       {
         ...e,
-        style: { ...St, ...e.style },
+        style: { ...xt, ...e.style },
         ref: u,
         defaultValue: o
       }
     );
   }
 );
-Je.displayName = Ft;
-function Qe(t) {
+et.displayName = $t;
+function tt(t) {
   return t === "" || t === void 0;
 }
-function et(t) {
-  const o = vt(t), e = n.useRef(""), c = n.useRef(0), l = n.useCallback(
+function ot(t) {
+  const o = St(t), e = n.useRef(""), i = n.useRef(0), l = n.useCallback(
     (r) => {
       const s = e.current + r;
-      o(s), (function a(f) {
-        e.current = f, window.clearTimeout(c.current), f !== "" && (c.current = window.setTimeout(() => a(""), 1e3));
+      o(s), (function c(f) {
+        e.current = f, window.clearTimeout(i.current), f !== "" && (i.current = window.setTimeout(() => c(""), 1e3));
       })(s);
     },
     [o]
   ), u = n.useCallback(() => {
-    e.current = "", window.clearTimeout(c.current);
+    e.current = "", window.clearTimeout(i.current);
   }, []);
-  return n.useEffect(() => () => window.clearTimeout(c.current), []), [e, l, u];
+  return n.useEffect(() => () => window.clearTimeout(i.current), []), [e, l, u];
 }
-function tt(t, o, e) {
+function nt(t, o, e) {
   const l = o.length > 1 && Array.from(o).every((f) => f === o[0]) ? o[0] : o, u = e ? t.indexOf(e) : -1;
-  let r = Wt(t, Math.max(u, 0));
+  let r = zt(t, Math.max(u, 0));
   l.length === 1 && (r = r.filter((f) => f !== e));
-  const a = r.find(
+  const c = r.find(
     (f) => f.textValue.toLowerCase().startsWith(l.toLowerCase())
   );
-  return a !== e ? a : void 0;
+  return c !== e ? c : void 0;
 }
-function Wt(t, o) {
-  return t.map((e, c) => t[(o + c) % t.length]);
+function zt(t, o) {
+  return t.map((e, i) => t[(o + i) % t.length]);
 }
-var Kt = Me, $t = Oe, zt = ke, Gt = Le, jt = Be, Yt = Ve, qt = We, Xt = Ge, Zt = je, Jt = qe, Qt = Xe;
-function xo({
+var Gt = De, jt = ke, Yt = Be, qt = Ve, Xt = He, Zt = We, Jt = $e, Qt = Ye, eo = qe, to = Ze, oo = Je;
+function Po({
   className: t,
   variant: o = "rectangle",
   pending: e = !1,
-  children: c,
+  children: i,
   ...l
 }) {
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ a(
     "div",
     {
-      className: B("group/select contents", t),
-      "data-pending": e ? !0 : void 0,
+      "aria-busy": e,
+      className: R("group/select contents", t),
       "data-slot": "select-root",
       "data-variant": o,
-      children: /* @__PURE__ */ i(Kt, { ...l, children: c })
+      children: /* @__PURE__ */ a(Gt, { ...l, children: i })
     }
   );
 }
-function Co({ className: t, children: o, ...e }) {
-  return /* @__PURE__ */ i(
-    $t,
+function No({ className: t, children: o, ...e }) {
+  return /* @__PURE__ */ a(
+    jt,
     {
-      className: B(
-        // Base layout
-        "flex h-fit w-full select-none items-center justify-between gap-3",
-        // Spacing
-        "p-2 px-5 py-3",
-        // Typography
-        "text-sm font-normal text-[var(--select-light-trigger-text,hsl(var(--foreground)))]",
-        // Colors
-        "bg-[var(--select-light-trigger-background,hsl(var(--background)))]",
-        // Borders
-        "border border-[var(--select-light-trigger-border,hsl(var(--contrast-100)))]",
-        // Transitions
-        "transition-colors",
+      className: R(
+        "flex h-fit w-full select-none items-center justify-between gap-3 border border-[var(--select-light-trigger-border,var(--contrast-100))] bg-[var(--select-light-trigger-background,var(--background))] px-5 py-3 text-sm font-normal text-[var(--select-light-trigger-text,var(--foreground))] transition-colors",
         // Hover state
-        "hover:border-[var(--select-light-trigger-border-hover,hsl(var(--contrast-300)))] hover:bg-[var(--select-light-trigger-background-hover,hsl(var(--contrast-100)))]",
+        "hover:border-[var(--select-light-trigger-border-hover,var(--contrast-300))] hover:bg-[var(--select-light-trigger-background-hover,var(--contrast-100))]",
         // Focus-visible state
-        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--select-light-trigger-focus,hsl(var(--primary)))]",
+        "focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--select-light-trigger-focus,var(--brand))]",
         // Aria-invalid state
-        "aria-invalid:border-[var(--select-light-trigger-border-error,hsl(var(--error)))]",
+        "aria-invalid:border-[var(--select-light-trigger-border-error,var(--error))]",
         // Variant styles
         "[[data-variant=rectangle]_&]:rounded-lg [[data-variant=round]_&]:rounded-full",
         t
@@ -861,33 +853,25 @@ function Co({ className: t, children: o, ...e }) {
     }
   );
 }
-function yo({ className: t, children: o, ...e }) {
-  return /* @__PURE__ */ i(zt, { className: B(t), "data-slot": "select-value", ...e, children: o });
+function Ro({ className: t, children: o, ...e }) {
+  return /* @__PURE__ */ a(Yt, { className: R(t), "data-slot": "select-value", ...e, children: o });
 }
-function Io({ className: t, children: o, ...e }) {
-  return /* @__PURE__ */ i(Gt, { className: B(t), "data-slot": "select-icon", ...e, children: o });
+function Eo({ className: t, children: o, ...e }) {
+  return /* @__PURE__ */ a(qt, { className: R(t), "data-slot": "select-icon", ...e, children: o });
 }
-function To({ children: t, ...o }) {
-  return /* @__PURE__ */ i(jt, { "data-slot": "select-portal", ...o, children: t });
+function _o({ children: t, ...o }) {
+  return /* @__PURE__ */ a(Xt, { "data-slot": "select-portal", ...o, children: t });
 }
-function bo({ children: t, className: o, ...e }) {
-  return /* @__PURE__ */ i(
-    Yt,
+function Mo({ children: t, className: o, ...e }) {
+  return /* @__PURE__ */ a(
+    Zt,
     {
-      className: B(
-        // Base layout
-        "z-50 max-h-80 w-full overflow-y-auto",
-        // Spacing
-        "p-2",
-        // Colors
-        "bg-[var(--select-light-content-background,hsl(var(--background)))]",
-        // Borders & Rounded
-        "rounded-xl",
-        // Effects
-        "shadow-xl ring-1 ring-[var(--select-light-content-border,color-mix(in_oklab,var(--foreground)_10%,transparent))]",
-        // Open/Closed state
-        "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+      className: R(
+        "z-50 max-h-80 w-full overflow-y-auto rounded-xl bg-[var(--select-light-content-background,var(--background))] p-2 shadow-xl ring-1 ring-[var(--select-light-content-border,color-mix(in_oklab,var(--foreground)_10%,transparent))]",
+        // Open state
         "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
+        // Closed state
+        "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
         // Container queries
         "@4xl:rounded-3xl @4xl:p-4",
         o
@@ -898,49 +882,32 @@ function bo({ children: t, className: o, ...e }) {
     }
   );
 }
-function Po({ children: t, className: o, ...e }) {
-  return /* @__PURE__ */ i(
-    Jt,
+function Ao({ children: t, className: o, ...e }) {
+  return /* @__PURE__ */ a(
+    to,
     {
-      className: B(
-        // Base layout
-        "flex w-full cursor-default items-center justify-center",
-        // Spacing
-        "py-3",
-        o
-      ),
+      className: R("flex w-full cursor-default items-center justify-center py-3", o),
       "data-slot": "select-scroll-up-button",
       ...e,
       children: t
     }
   );
 }
-function Ro({ children: t, className: o, ...e }) {
-  return /* @__PURE__ */ i(qt, { className: B(o), "data-slot": "select-viewport", ...e, children: t });
+function Do({ children: t, className: o, ...e }) {
+  return /* @__PURE__ */ a(Jt, { className: R(o), "data-slot": "select-viewport", ...e, children: t });
 }
-function No({ children: t, className: o, ...e }) {
-  return /* @__PURE__ */ i(
-    Xt,
+function Oo({ children: t, className: o, ...e }) {
+  return /* @__PURE__ */ a(
+    Qt,
     {
-      className: B(
-        // Base layout
-        "w-full cursor-default select-none",
-        // Spacing
-        "px-3 py-2",
-        // Typography
-        "text-sm font-normal text-[var(--select-light-item-text,hsl(var(--contrast-400)))]",
-        // Borders & Rounded
-        "rounded-lg",
-        // Effects
-        "outline-none",
-        // Transitions
-        "transition-colors",
+      className: R(
+        "w-full cursor-default select-none rounded-lg px-3 py-2 text-sm font-normal text-[var(--select-light-item-text,var(--contrast-400))] outline-none transition-colors",
         // Hover state
-        "hover:bg-[var(--select-light-item-background-hover,hsl(var(--contrast-100)))] hover:text-[var(--select-light-item-text-hover,hsl(var(--foreground)))]",
+        "hover:bg-[var(--select-light-item-background-hover,var(--contrast-100))] hover:text-[var(--select-light-item-text-hover,var(--foreground))]",
         // Focus-visible state
-        "focus-visible:bg-[var(--select-light-item-background-focus,hsl(var(--contrast-100)))] focus-visible:text-[var(--select-light-item-text-focus,hsl(var(--foreground)))]",
+        "focus-visible:bg-[var(--select-light-item-background-focus,var(--contrast-100))] focus-visible:text-[var(--select-light-item-text-focus,var(--foreground))]",
         // Checked state
-        "data-[state=checked]:text-[var(--select-light-item-checked-text-focus,hsl(var(--foreground)))]",
+        "data-[state=checked]:text-[var(--select-light-item-checked-text-focus,var(--foreground))]",
         // Container queries
         "@4xl:text-base",
         o
@@ -951,41 +918,110 @@ function No({ children: t, className: o, ...e }) {
     }
   );
 }
-function Eo({ children: t, className: o, ...e }) {
-  return /* @__PURE__ */ i(Zt, { className: B(o), "data-slot": "select-item-text", ...e, children: t });
+function ko({ children: t, className: o, ...e }) {
+  return /* @__PURE__ */ a(eo, { className: R(o), "data-slot": "select-item-text", ...e, children: t });
 }
-function _o({
+function Lo({
   children: t,
   className: o,
   ...e
 }) {
-  return /* @__PURE__ */ i(
-    Qt,
+  return /* @__PURE__ */ a(
+    oo,
     {
-      className: B(
-        // Base layout
-        "flex w-full cursor-default items-center justify-center",
-        // Spacing
-        "py-3",
-        o
-      ),
+      className: R("flex w-full cursor-default items-center justify-center py-3", o),
       "data-slot": "select-scroll-down-button",
       ...e,
       children: t
     }
   );
 }
+function Bo({
+  asChild: t = !1,
+  className: o,
+  children: e
+}) {
+  return t ? /* @__PURE__ */ a(
+    Pe,
+    {
+      className: R(
+        "w-5 text-[var(--select-light-icon,var(--foreground))] transition-transform",
+        o
+      ),
+      "data-slot": "select-trigger-icon",
+      children: e
+    }
+  ) : /* @__PURE__ */ a(
+    Ae,
+    {
+      absoluteStrokeWidth: !0,
+      className: R(
+        "w-5 text-[var(--select-light-icon,var(--foreground))] transition-transform",
+        o
+      ),
+      "data-slot": "select-trigger-icon",
+      strokeWidth: 1.5
+    }
+  );
+}
+function Vo({
+  asChild: t = !1,
+  className: o,
+  children: e
+}) {
+  return t ? /* @__PURE__ */ a(
+    Pe,
+    {
+      className: R("w-5 text-[var(--select-light-icon,var(--foreground))]", o),
+      "data-slot": "select-scroll-up-icon",
+      children: e
+    }
+  ) : /* @__PURE__ */ a(
+    Ct,
+    {
+      absoluteStrokeWidth: !0,
+      className: R("w-5 text-[var(--select-light-icon,var(--foreground))]", o),
+      "data-slot": "select-scroll-up-icon",
+      strokeWidth: 1.5
+    }
+  );
+}
+function Ho({
+  asChild: t = !1,
+  className: o,
+  children: e
+}) {
+  return t ? /* @__PURE__ */ a(
+    Pe,
+    {
+      className: R("w-5 text-[var(--select-light-icon,var(--foreground))]", o),
+      "data-slot": "select-scroll-down-icon",
+      children: e
+    }
+  ) : /* @__PURE__ */ a(
+    Ae,
+    {
+      absoluteStrokeWidth: !0,
+      className: R("w-5 text-[var(--select-light-icon,var(--foreground))]", o),
+      "data-slot": "select-scroll-down-icon",
+      strokeWidth: 1.5
+    }
+  );
+}
 export {
-  bo as Content,
-  Io as Icon,
-  No as Item,
-  Eo as ItemText,
-  To as Portal,
-  xo as Root,
-  _o as ScrollDownButton,
-  Po as ScrollUpButton,
-  Co as Trigger,
-  yo as Value,
-  Ro as Viewport
+  Mo as Content,
+  Eo as Icon,
+  Oo as Item,
+  ko as ItemText,
+  _o as Portal,
+  Po as Root,
+  Lo as ScrollDownButton,
+  Ho as ScrollDownIcon,
+  Ao as ScrollUpButton,
+  Vo as ScrollUpIcon,
+  No as Trigger,
+  Bo as TriggerIcon,
+  Ro as Value,
+  Do as Viewport
 };
 //# sourceMappingURL=select.js.map