@arolariu/components 0.0.30 → 0.0.31

package/dist/esm/node_modules/@radix-ui/react-select/dist/index.js

@@ -1,58 +1,58 @@
 "use client";
 import * as t from "react";
-import * as Re from "react-dom";
-import { clamp as Te } from "../../number/dist/index.js";
+import * as Ee from "react-dom";
+import { clamp as Re } from "../../number/dist/index.js";
 import { composeEventHandlers as R } from "../../primitive/dist/index.js";
-import { createCollection as nt } from "../../react-collection/dist/index.js";
-import { useComposedRefs as L } from "../../react-compose-refs/dist/index.js";
-import { createContextScope as rt } from "../../react-context/dist/index.js";
-import { useDirection as st } from "../../react-direction/dist/index.js";
-import { DismissableLayer as lt } from "../../react-dismissable-layer/dist/index.js";
-import { useFocusGuards as ct } from "../../react-focus-guards/dist/index.js";
-import { FocusScope as it } from "../../react-focus-scope/dist/index.js";
-import { useId as ye } from "../../react-id/dist/index.js";
-import { createPopperScope as Ee, Root as at, Anchor as dt, Content as ut, Arrow as pt } from "../../react-popper/dist/index.js";
-import { Portal as ft } from "../../react-portal/dist/index.js";
+import { createCollection as lt } from "../../react-collection/dist/index.js";
+import { useComposedRefs as k } from "../../react-compose-refs/dist/index.js";
+import { createContextScope as st } from "../../react-context/dist/index.js";
+import { useDirection as ct } from "../../react-direction/dist/index.js";
+import { DismissableLayer as it } from "../../react-dismissable-layer/dist/index.js";
+import { useFocusGuards as at } from "../../react-focus-guards/dist/index.js";
+import { FocusScope as dt } from "../../react-focus-scope/dist/index.js";
+import { useId as Ie } from "../../react-id/dist/index.js";
+import { createPopperScope as Ne, Root as ut, Anchor as pt, Content as ft, Arrow as mt } from "../../react-popper/dist/index.js";
+import { Portal as ht } from "../../react-portal/dist/index.js";
 import { Primitive as M } from "../../react-primitive/dist/index.js";
-import { Slot as mt } from "../../react-slot/dist/index.js";
-import { useCallbackRef as ht } from "../../react-use-callback-ref/dist/index.js";
-import { useControllableState as Pe } from "../../react-use-controllable-state/dist/index.js";
-import { useLayoutEffect as z } from "../../react-use-layout-effect/dist/index.js";
-import { usePrevious as vt } from "../../react-use-previous/dist/index.js";
-import { VisuallyHidden as gt } from "../../react-visually-hidden/dist/index.js";
-import { hideOthers as St } from "../../../aria-hidden/dist/es2015/index.js";
+import { Slot as vt } from "../../react-slot/dist/index.js";
+import { useCallbackRef as gt } from "../../react-use-callback-ref/dist/index.js";
+import { useControllableState as be } from "../../react-use-controllable-state/dist/index.js";
+import { useLayoutEffect as j } from "../../react-use-layout-effect/dist/index.js";
+import { usePrevious as St } from "../../react-use-previous/dist/index.js";
+import { VisuallyHidden as wt } from "../../react-visually-hidden/dist/index.js";
+import { hideOthers as Ct } from "../../../aria-hidden/dist/es2015/index.js";
 import xt from "../../../react-remove-scroll/dist/es2015/Combination.js";
-import { j as d } from "../../../../_virtual/jsx-runtime.js";
-var wt = [" ", "Enter", "ArrowUp", "ArrowDown"], Ct = [" ", "Enter"], re = "Select", [ie, ae, yt] = nt(re), [ee, lo] = rt(re, [
-  yt,
-  Ee
-]), de = Ee(), [It, Y] = ee(re), [Tt, Pt] = ee(re), be = (o) => {
+import { jsx as u, jsxs as ce, Fragment as Te } from "react/jsx-runtime";
+var yt = [" ", "Enter", "ArrowUp", "ArrowDown"], It = [" ", "Enter"], re = "Select", [ae, de, Tt] = lt(re), [ee, io] = st(re, [
+  Tt,
+  Ne
+]), ue = Ne(), [Pt, Y] = ee(re), [Rt, bt] = ee(re), _e = (o) => {
   const {
     __scopeSelect: i,
     children: e,
     open: c,
     defaultOpen: r,
-    onOpenChange: u,
+    onOpenChange: d,
     value: n,
-    defaultValue: s,
-    onValueChange: l,
+    defaultValue: l,
+    onValueChange: s,
     dir: f,
     name: g,
-    autoComplete: w,
-    disabled: E,
+    autoComplete: C,
+    disabled: b,
     required: T,
     form: y
-  } = o, a = de(i), [h, S] = t.useState(null), [m, v] = t.useState(null), [W, O] = t.useState(!1), te = st(f), [b = !1, D] = Pe({
+  } = o, a = ue(i), [h, S] = t.useState(null), [m, v] = t.useState(null), [U, O] = t.useState(!1), te = ct(f), [E = !1, D] = be({
     prop: c,
     defaultProp: r,
-    onChange: u
-  }), [U, X] = Pe({
+    onChange: d
+  }), [K, X] = be({
     prop: n,
-    defaultProp: s,
-    onChange: l
-  }), k = t.useRef(null), V = h ? y || !!h.closest("form") : !0, [K, B] = t.useState(/* @__PURE__ */ new Set()), H = Array.from(K).map((N) => N.props.value).join(";");
-  return /* @__PURE__ */ d.jsx(at, { ...a, children: /* @__PURE__ */ d.jsxs(
-    It,
+    defaultProp: l,
+    onChange: s
+  }), V = t.useRef(null), B = h ? y || !!h.closest("form") : !0, [G, H] = t.useState(/* @__PURE__ */ new Set()), W = Array.from(G).map((N) => N.props.value).join(";");
+  return /* @__PURE__ */ u(ut, { ...a, children: /* @__PURE__ */ ce(
+    Pt,
     {
       required: T,
       scope: i,
@@ -60,69 +60,69 @@ var wt = [" ", "Enter", "ArrowUp", "ArrowDown"], Ct = [" ", "Enter"], re = "Sele
       onTriggerChange: S,
       valueNode: m,
       onValueNodeChange: v,
-      valueNodeHasChildren: W,
+      valueNodeHasChildren: U,
       onValueNodeHasChildrenChange: O,
-      contentId: ye(),
-      value: U,
+      contentId: Ie(),
+      value: K,
       onValueChange: X,
-      open: b,
+      open: E,
       onOpenChange: D,
       dir: te,
-      triggerPointerDownPosRef: k,
-      disabled: E,
+      triggerPointerDownPosRef: V,
+      disabled: b,
       children: [
-        /* @__PURE__ */ d.jsx(ie.Provider, { scope: i, children: /* @__PURE__ */ d.jsx(
-          Tt,
+        /* @__PURE__ */ u(ae.Provider, { scope: i, children: /* @__PURE__ */ u(
+          Rt,
           {
             scope: o.__scopeSelect,
             onNativeOptionAdd: t.useCallback((N) => {
-              B((j) => new Set(j).add(N));
+              H((L) => new Set(L).add(N));
             }, []),
             onNativeOptionRemove: t.useCallback((N) => {
-              B((j) => {
-                const F = new Set(j);
+              H((L) => {
+                const F = new Set(L);
                 return F.delete(N), F;
               });
             }, []),
             children: e
           }
         ) }),
-        V ? /* @__PURE__ */ d.jsxs(
-          et,
+        B ? /* @__PURE__ */ ce(
+          ot,
           {
             "aria-hidden": !0,
             required: T,
             tabIndex: -1,
             name: g,
-            autoComplete: w,
-            value: U,
+            autoComplete: C,
+            value: K,
             onChange: (N) => X(N.target.value),
-            disabled: E,
+            disabled: b,
             form: y,
             children: [
-              U === void 0 ? /* @__PURE__ */ d.jsx("option", { value: "" }) : null,
-              Array.from(K)
+              K === void 0 ? /* @__PURE__ */ u("option", { value: "" }) : null,
+              Array.from(G)
             ]
           },
-          H
+          W
         ) : null
       ]
     }
   ) });
 };
-be.displayName = re;
-var Ne = "SelectTrigger", _e = t.forwardRef(
+_e.displayName = re;
+var Me = "SelectTrigger", Oe = t.forwardRef(
   (o, i) => {
-    const { __scopeSelect: e, disabled: c = !1, ...r } = o, u = de(e), n = Y(Ne, e), s = n.disabled || c, l = L(i, n.onTriggerChange), f = ae(e), g = t.useRef("touch"), [w, E, T] = tt((a) => {
-      const h = f().filter((v) => !v.disabled), S = h.find((v) => v.value === n.value), m = ot(h, a, S);
+    const { __scopeSelect: e, disabled: c = !1, ...r } = o, d = ue(e), n = Y(Me, e), l = n.disabled || c, s = k(i, n.onTriggerChange), f = de(e), g = t.useRef("touch"), [C, b, T] = nt((a) => {
+      const h = f().filter((v) => !v.disabled), S = h.find((v) => v.value === n.value), m = rt(h, a, S);
       m !== void 0 && n.onValueChange(m.value);
     }), y = (a) => {
-      s || (n.onOpenChange(!0), T()), a && (n.triggerPointerDownPosRef.current = {
+      l || (n.onOpenChange(!0), T()), a && (n.triggerPointerDownPosRef.current = {
         x: Math.round(a.pageX),
         y: Math.round(a.pageY)
       });
     };
-    return /* @__PURE__ */ d.jsx(dt, { asChild: !0, ...u, children: /* @__PURE__ */ d.jsx(
+    return /* @__PURE__ */ u(pt, { asChild: !0, ...d, children: /* @__PURE__ */ u(
       M.button,
       {
         type: "button",
@@ -133,11 +133,11 @@ var Ne = "SelectTrigger", _e = t.forwardRef(
         "aria-autocomplete": "none",
         dir: n.dir,
         "data-state": n.open ? "open" : "closed",
-        disabled: s,
-        "data-disabled": s ? "" : void 0,
-        "data-placeholder": Qe(n.value) ? "" : void 0,
+        disabled: l,
+        "data-disabled": l ? "" : void 0,
+        "data-placeholder": tt(n.value) ? "" : void 0,
         ...r,
-        ref: l,
+        ref: s,
         onClick: R(r.onClick, (a) => {
           a.currentTarget.focus(), g.current !== "mouse" && y(a);
         }),
@@ -147,165 +147,165 @@ var Ne = "SelectTrigger", _e = t.forwardRef(
           h.hasPointerCapture(a.pointerId) && h.releasePointerCapture(a.pointerId), a.button === 0 && a.ctrlKey === !1 && a.pointerType === "mouse" && (y(a), a.preventDefault());
         }),
         onKeyDown: R(r.onKeyDown, (a) => {
-          const h = w.current !== "";
-          !(a.ctrlKey || a.altKey || a.metaKey) && a.key.length === 1 && E(a.key), !(h && a.key === " ") && wt.includes(a.key) && (y(), a.preventDefault());
+          const h = C.current !== "";
+          !(a.ctrlKey || a.altKey || a.metaKey) && a.key.length === 1 && b(a.key), !(h && a.key === " ") && yt.includes(a.key) && (y(), a.preventDefault());
         })
       }
     ) });
   }
 );
-_e.displayName = Ne;
-var Me = "SelectValue", Oe = t.forwardRef(
+Oe.displayName = Me;
+var Ae = "SelectValue", De = t.forwardRef(
   (o, i) => {
-    const { __scopeSelect: e, className: c, style: r, children: u, placeholder: n = "", ...s } = o, l = Y(Me, e), { onValueNodeHasChildrenChange: f } = l, g = u !== void 0, w = L(i, l.onValueNodeChange);
-    return z(() => {
+    const { __scopeSelect: e, className: c, style: r, children: d, placeholder: n = "", ...l } = o, s = Y(Ae, e), { onValueNodeHasChildrenChange: f } = s, g = d !== void 0, C = k(i, s.onValueNodeChange);
+    return j(() => {
       f(g);
-    }, [f, g]), /* @__PURE__ */ d.jsx(
+    }, [f, g]), /* @__PURE__ */ u(
       M.span,
       {
-        ...s,
-        ref: w,
+        ...l,
+        ref: C,
         style: { pointerEvents: "none" },
-        children: Qe(l.value) ? /* @__PURE__ */ d.jsx(d.Fragment, { children: n }) : u
+        children: tt(s.value) ? /* @__PURE__ */ u(Te, { children: n }) : d
       }
     );
   }
 );
-Oe.displayName = Me;
-var Rt = "SelectIcon", Ae = t.forwardRef(
+De.displayName = Ae;
+var Et = "SelectIcon", Le = t.forwardRef(
   (o, i) => {
     const { __scopeSelect: e, children: c, ...r } = o;
-    return /* @__PURE__ */ d.jsx(M.span, { "aria-hidden": !0, ...r, ref: i, children: c || "▼" });
+    return /* @__PURE__ */ u(M.span, { "aria-hidden": !0, ...r, ref: i, children: c || "▼" });
   }
 );
-Ae.displayName = Rt;
-var Et = "SelectPortal", De = (o) => /* @__PURE__ */ d.jsx(ft, { asChild: !0, ...o });
-De.displayName = Et;
-var J = "SelectContent", je = t.forwardRef(
+Le.displayName = Et;
+var Nt = "SelectPortal", ke = (o) => /* @__PURE__ */ u(ht, { asChild: !0, ...o });
+ke.displayName = Nt;
+var J = "SelectContent", Ve = t.forwardRef(
   (o, i) => {
     const e = Y(J, o.__scopeSelect), [c, r] = t.useState();
-    if (z(() => {
+    if (j(() => {
       r(new DocumentFragment());
     }, []), !e.open) {
-      const u = c;
-      return u ? Re.createPortal(
-        /* @__PURE__ */ d.jsx(Le, { scope: o.__scopeSelect, children: /* @__PURE__ */ d.jsx(ie.Slot, { scope: o.__scopeSelect, children: /* @__PURE__ */ d.jsx("div", { children: o.children }) }) }),
-        u
+      const d = c;
+      return d ? Ee.createPortal(
+        /* @__PURE__ */ u(Be, { scope: o.__scopeSelect, children: /* @__PURE__ */ u(ae.Slot, { scope: o.__scopeSelect, children: /* @__PURE__ */ u("div", { children: o.children }) }) }),
+        d
       ) : null;
     }
-    return /* @__PURE__ */ d.jsx(ke, { ...o, ref: i });
+    return /* @__PURE__ */ u(He, { ...o, ref: i });
   }
 );
-je.displayName = J;
-var A = 10, [Le, q] = ee(J), bt = "SelectContentImpl", ke = t.forwardRef(
+Ve.displayName = J;
+var A = 10, [Be, q] = ee(J), _t = "SelectContentImpl", He = t.forwardRef(
   (o, i) => {
     const {
       __scopeSelect: e,
       position: c = "item-aligned",
       onCloseAutoFocus: r,
-      onEscapeKeyDown: u,
+      onEscapeKeyDown: d,
       onPointerDownOutside: n,
       //
       // PopperContent props
-      side: s,
-      sideOffset: l,
+      side: l,
+      sideOffset: s,
       align: f,
       alignOffset: g,
-      arrowPadding: w,
-      collisionBoundary: E,
+      arrowPadding: C,
+      collisionBoundary: b,
       collisionPadding: T,
       sticky: y,
       hideWhenDetached: a,
       avoidCollisions: h,
       //
       ...S
-    } = o, m = Y(J, e), [v, W] = t.useState(null), [O, te] = t.useState(null), b = L(i, (p) => W(p)), [D, U] = t.useState(null), [X, k] = t.useState(
+    } = o, m = Y(J, e), [v, U] = t.useState(null), [O, te] = t.useState(null), E = k(i, (p) => U(p)), [D, K] = t.useState(null), [X, V] = t.useState(
       null
-    ), V = ae(e), [K, B] = t.useState(!1), H = t.useRef(!1);
+    ), B = de(e), [G, H] = t.useState(!1), W = t.useRef(!1);
     t.useEffect(() => {
-      if (v) return St(v);
-    }, [v]), ct();
+      if (v) return Ct(v);
+    }, [v]), at();
     const N = t.useCallback(
       (p) => {
-        const [I, ..._] = V().map((P) => P.ref.current), [x] = _.slice(-1), C = document.activeElement;
+        const [I, ..._] = B().map((P) => P.ref.current), [w] = _.slice(-1), x = document.activeElement;
         for (const P of p)
-          if (P === C || (P?.scrollIntoView({ block: "nearest" }), P === I && O && (O.scrollTop = 0), P === x && O && (O.scrollTop = O.scrollHeight), P?.focus(), document.activeElement !== C)) return;
+          if (P === x || (P?.scrollIntoView({ block: "nearest" }), P === I && O && (O.scrollTop = 0), P === w && O && (O.scrollTop = O.scrollHeight), P?.focus(), document.activeElement !== x)) return;
       },
-      [V, O]
-    ), j = t.useCallback(
+      [B, O]
+    ), L = t.useCallback(
       () => N([D, v]),
       [N, D, v]
     );
     t.useEffect(() => {
-      K && j();
-    }, [K, j]);
-    const { onOpenChange: F, triggerPointerDownPosRef: G } = m;
+      G && L();
+    }, [G, L]);
+    const { onOpenChange: F, triggerPointerDownPosRef: z } = m;
     t.useEffect(() => {
       if (v) {
         let p = { x: 0, y: 0 };
-        const I = (x) => {
+        const I = (w) => {
           p = {
-            x: Math.abs(Math.round(x.pageX) - (G.current?.x ?? 0)),
-            y: Math.abs(Math.round(x.pageY) - (G.current?.y ?? 0))
+            x: Math.abs(Math.round(w.pageX) - (z.current?.x ?? 0)),
+            y: Math.abs(Math.round(w.pageY) - (z.current?.y ?? 0))
           };
-        }, _ = (x) => {
-          p.x <= 10 && p.y <= 10 ? x.preventDefault() : v.contains(x.target) || F(!1), document.removeEventListener("pointermove", I), G.current = null;
+        }, _ = (w) => {
+          p.x <= 10 && p.y <= 10 ? w.preventDefault() : v.contains(w.target) || F(!1), document.removeEventListener("pointermove", I), z.current = null;
         };
-        return G.current !== null && (document.addEventListener("pointermove", I), document.addEventListener("pointerup", _, { capture: !0, once: !0 })), () => {
+        return z.current !== null && (document.addEventListener("pointermove", I), document.addEventListener("pointerup", _, { capture: !0, once: !0 })), () => {
           document.removeEventListener("pointermove", I), document.removeEventListener("pointerup", _, { capture: !0 });
         };
       }
-    }, [v, F, G]), t.useEffect(() => {
+    }, [v, F, z]), t.useEffect(() => {
       const p = () => F(!1);
       return window.addEventListener("blur", p), window.addEventListener("resize", p), () => {
         window.removeEventListener("blur", p), window.removeEventListener("resize", p);
       };
     }, [F]);
-    const [ue, se] = tt((p) => {
-      const I = V().filter((C) => !C.disabled), _ = I.find((C) => C.ref.current === document.activeElement), x = ot(I, p, _);
-      x && setTimeout(() => x.ref.current.focus());
-    }), pe = t.useCallback(
+    const [pe, le] = nt((p) => {
+      const I = B().filter((x) => !x.disabled), _ = I.find((x) => x.ref.current === document.activeElement), w = rt(I, p, _);
+      w && setTimeout(() => w.ref.current.focus());
+    }), fe = t.useCallback(
       (p, I, _) => {
-        const x = !H.current && !_;
-        (m.value !== void 0 && m.value === I || x) && (U(p), x && (H.current = !0));
+        const w = !W.current && !_;
+        (m.value !== void 0 && m.value === I || w) && (K(p), w && (W.current = !0));
       },
       [m.value]
-    ), fe = t.useCallback(() => v?.focus(), [v]), Q = t.useCallback(
+    ), me = t.useCallback(() => v?.focus(), [v]), Q = t.useCallback(
       (p, I, _) => {
-        const x = !H.current && !_;
-        (m.value !== void 0 && m.value === I || x) && k(p);
+        const w = !W.current && !_;
+        (m.value !== void 0 && m.value === I || w) && V(p);
       },
       [m.value]
-    ), le = c === "popper" ? ge : Ve, oe = le === ge ? {
-      side: s,
-      sideOffset: l,
+    ), se = c === "popper" ? Se : We, oe = se === Se ? {
+      side: l,
+      sideOffset: s,
       align: f,
       alignOffset: g,
-      arrowPadding: w,
-      collisionBoundary: E,
+      arrowPadding: C,
+      collisionBoundary: b,
       collisionPadding: T,
       sticky: y,
       hideWhenDetached: a,
       avoidCollisions: h
     } : {};
-    return /* @__PURE__ */ d.jsx(
-      Le,
+    return /* @__PURE__ */ u(
+      Be,
       {
         scope: e,
         content: v,
         viewport: O,
         onViewportChange: te,
-        itemRefCallback: pe,
+        itemRefCallback: fe,
         selectedItem: D,
-        onItemLeave: fe,
+        onItemLeave: me,
         itemTextRefCallback: Q,
-        focusSelectedItem: j,
+        focusSelectedItem: L,
         selectedItemText: X,
         position: c,
-        isPositioned: K,
-        searchRef: ue,
-        children: /* @__PURE__ */ d.jsx(xt, { as: mt, allowPinchZoom: !0, children: /* @__PURE__ */ d.jsx(
-          it,
+        isPositioned: G,
+        searchRef: pe,
+        children: /* @__PURE__ */ u(xt, { as: vt, allowPinchZoom: !0, children: /* @__PURE__ */ u(
+          dt,
           {
             asChild: !0,
             trapped: m.open,
@@ -315,17 +315,17 @@ var A = 10, [Le, q] = ee(J), bt = "SelectContentImpl", ke = t.forwardRef(
             onUnmountAutoFocus: R(r, (p) => {
               m.trigger?.focus({ preventScroll: !0 }), p.preventDefault();
             }),
-            children: /* @__PURE__ */ d.jsx(
-              lt,
+            children: /* @__PURE__ */ u(
+              it,
               {
                 asChild: !0,
                 disableOutsidePointerEvents: !0,
-                onEscapeKeyDown: u,
+                onEscapeKeyDown: d,
                 onPointerDownOutside: n,
                 onFocusOutside: (p) => p.preventDefault(),
                 onDismiss: () => m.onOpenChange(!1),
-                children: /* @__PURE__ */ d.jsx(
-                  le,
+                children: /* @__PURE__ */ u(
+                  se,
                   {
                     role: "listbox",
                     id: m.contentId,
@@ -334,8 +334,8 @@ var A = 10, [Le, q] = ee(J), bt = "SelectContentImpl", ke = t.forwardRef(
                     onContextMenu: (p) => p.preventDefault(),
                     ...S,
                     ...oe,
-                    onPlaced: () => B(!0),
-                    ref: b,
+                    onPlaced: () => H(!0),
+                    ref: E,
                     style: {
                       // flex layout so we can place the scroll buttons properly
                       display: "flex",
@@ -346,13 +346,13 @@ var A = 10, [Le, q] = ee(J), bt = "SelectContentImpl", ke = t.forwardRef(
                     },
                     onKeyDown: R(S.onKeyDown, (p) => {
                       const I = p.ctrlKey || p.altKey || p.metaKey;
-                      if (p.key === "Tab" && p.preventDefault(), !I && p.key.length === 1 && se(p.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(p.key)) {
-                        let x = V().filter((C) => !C.disabled).map((C) => C.ref.current);
-                        if (["ArrowUp", "End"].includes(p.key) && (x = x.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(p.key)) {
-                          const C = p.target, P = x.indexOf(C);
-                          x = x.slice(P + 1);
+                      if (p.key === "Tab" && p.preventDefault(), !I && p.key.length === 1 && le(p.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(p.key)) {
+                        let w = B().filter((x) => !x.disabled).map((x) => x.ref.current);
+                        if (["ArrowUp", "End"].includes(p.key) && (w = w.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(p.key)) {
+                          const x = p.target, P = w.indexOf(x);
+                          w = w.slice(P + 1);
                         }
-                        setTimeout(() => N(x)), p.preventDefault();
+                        setTimeout(() => N(w)), p.preventDefault();
                       }
                     })
                   }
@@ -365,96 +365,96 @@ var A = 10, [Le, q] = ee(J), bt = "SelectContentImpl", ke = t.forwardRef(
     );
   }
 );
-ke.displayName = bt;
-var Nt = "SelectItemAlignedPosition", Ve = t.forwardRef((o, i) => {
-  const { __scopeSelect: e, onPlaced: c, ...r } = o, u = Y(J, e), n = q(J, e), [s, l] = t.useState(null), [f, g] = t.useState(null), w = L(i, (b) => g(b)), E = ae(e), T = t.useRef(!1), y = t.useRef(!0), { viewport: a, selectedItem: h, selectedItemText: S, focusSelectedItem: m } = n, v = t.useCallback(() => {
-    if (u.trigger && u.valueNode && s && f && a && h && S) {
-      const b = u.trigger.getBoundingClientRect(), D = f.getBoundingClientRect(), U = u.valueNode.getBoundingClientRect(), X = S.getBoundingClientRect();
-      if (u.dir !== "rtl") {
-        const C = X.left - D.left, P = U.left - C, Z = b.left - P, $ = b.width + Z, me = Math.max($, D.width), he = window.innerWidth - A, ve = Te(P, [
+He.displayName = _t;
+var Mt = "SelectItemAlignedPosition", We = t.forwardRef((o, i) => {
+  const { __scopeSelect: e, onPlaced: c, ...r } = o, d = Y(J, e), n = q(J, e), [l, s] = t.useState(null), [f, g] = t.useState(null), C = k(i, (E) => g(E)), b = de(e), T = t.useRef(!1), y = t.useRef(!0), { viewport: a, selectedItem: h, selectedItemText: S, focusSelectedItem: m } = n, v = t.useCallback(() => {
+    if (d.trigger && d.valueNode && l && f && a && h && S) {
+      const E = d.trigger.getBoundingClientRect(), D = f.getBoundingClientRect(), K = d.valueNode.getBoundingClientRect(), X = S.getBoundingClientRect();
+      if (d.dir !== "rtl") {
+        const x = X.left - D.left, P = K.left - x, Z = E.left - P, $ = E.width + Z, he = Math.max($, D.width), ve = window.innerWidth - A, ge = Re(P, [
           A,
           // 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(A, he - me)
+          Math.max(A, ve - he)
         ]);
-        s.style.minWidth = $ + "px", s.style.left = ve + "px";
+        l.style.minWidth = $ + "px", l.style.left = ge + "px";
       } else {
-        const C = D.right - X.right, P = window.innerWidth - U.right - C, Z = window.innerWidth - b.right - P, $ = b.width + Z, me = Math.max($, D.width), he = window.innerWidth - A, ve = Te(P, [
+        const x = D.right - X.right, P = window.innerWidth - K.right - x, Z = window.innerWidth - E.right - P, $ = E.width + Z, he = Math.max($, D.width), ve = window.innerWidth - A, ge = Re(P, [
           A,
-          Math.max(A, he - me)
+          Math.max(A, ve - he)
         ]);
-        s.style.minWidth = $ + "px", s.style.right = ve + "px";
+        l.style.minWidth = $ + "px", l.style.right = ge + "px";
       }
-      const k = E(), V = window.innerHeight - A * 2, K = a.scrollHeight, B = window.getComputedStyle(f), H = parseInt(B.borderTopWidth, 10), N = parseInt(B.paddingTop, 10), j = parseInt(B.borderBottomWidth, 10), F = parseInt(B.paddingBottom, 10), G = H + N + K + F + j, ue = Math.min(h.offsetHeight * 5, G), se = window.getComputedStyle(a), pe = parseInt(se.paddingTop, 10), fe = parseInt(se.paddingBottom, 10), Q = b.top + b.height / 2 - A, le = V - Q, oe = h.offsetHeight / 2, p = h.offsetTop + oe, I = H + N + p, _ = G - I;
+      const V = b(), B = window.innerHeight - A * 2, G = a.scrollHeight, H = window.getComputedStyle(f), W = parseInt(H.borderTopWidth, 10), N = parseInt(H.paddingTop, 10), L = parseInt(H.borderBottomWidth, 10), F = parseInt(H.paddingBottom, 10), z = W + N + G + F + L, pe = Math.min(h.offsetHeight * 5, z), le = window.getComputedStyle(a), fe = parseInt(le.paddingTop, 10), me = parseInt(le.paddingBottom, 10), Q = E.top + E.height / 2 - A, se = B - Q, oe = h.offsetHeight / 2, p = h.offsetTop + oe, I = W + N + p, _ = z - I;
       if (I <= Q) {
-        const C = k.length > 0 && h === k[k.length - 1].ref.current;
-        s.style.bottom = "0px";
+        const x = V.length > 0 && h === V[V.length - 1].ref.current;
+        l.style.bottom = "0px";
         const P = f.clientHeight - a.offsetTop - a.offsetHeight, Z = Math.max(
-          le,
+          se,
           oe + // viewport might have padding bottom, include it to avoid a scrollable viewport
-          (C ? fe : 0) + P + j
+          (x ? me : 0) + P + L
         ), $ = I + Z;
-        s.style.height = $ + "px";
+        l.style.height = $ + "px";
       } else {
-        const C = k.length > 0 && h === k[0].ref.current;
-        s.style.top = "0px";
+        const x = V.length > 0 && h === V[0].ref.current;
+        l.style.top = "0px";
         const Z = Math.max(
           Q,
-          H + a.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
-          (C ? pe : 0) + oe
+          W + a.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
+          (x ? fe : 0) + oe
         ) + _;
-        s.style.height = Z + "px", a.scrollTop = I - Q + a.offsetTop;
+        l.style.height = Z + "px", a.scrollTop = I - Q + a.offsetTop;
       }
-      s.style.margin = `${A}px 0`, s.style.minHeight = ue + "px", s.style.maxHeight = V + "px", c?.(), requestAnimationFrame(() => T.current = !0);
+      l.style.margin = `${A}px 0`, l.style.minHeight = pe + "px", l.style.maxHeight = B + "px", c?.(), requestAnimationFrame(() => T.current = !0);
     }
   }, [
-    E,
-    u.trigger,
-    u.valueNode,
-    s,
+    b,
+    d.trigger,
+    d.valueNode,
+    l,
     f,
     a,
     h,
     S,
-    u.dir,
+    d.dir,
     c
   ]);
-  z(() => v(), [v]);
-  const [W, O] = t.useState();
-  z(() => {
+  j(() => v(), [v]);
+  const [U, O] = t.useState();
+  j(() => {
     f && O(window.getComputedStyle(f).zIndex);
   }, [f]);
   const te = t.useCallback(
-    (b) => {
-      b && y.current === !0 && (v(), m?.(), y.current = !1);
+    (E) => {
+      E && y.current === !0 && (v(), m?.(), y.current = !1);
     },
     [v, m]
   );
-  return /* @__PURE__ */ d.jsx(
-    Mt,
+  return /* @__PURE__ */ u(
+    At,
     {
       scope: e,
-      contentWrapper: s,
+      contentWrapper: l,
       shouldExpandOnScrollRef: T,
       onScrollButtonChange: te,
-      children: /* @__PURE__ */ d.jsx(
+      children: /* @__PURE__ */ u(
         "div",
         {
-          ref: l,
+          ref: s,
           style: {
             display: "flex",
             flexDirection: "column",
             position: "fixed",
-            zIndex: W
+            zIndex: U
           },
-          children: /* @__PURE__ */ d.jsx(
+          children: /* @__PURE__ */ u(
             M.div,
             {
               ...r,
-              ref: w,
+              ref: C,
               style: {
                 // When we get the height of the content, it includes borders. If we were to set
                 // the height without having `boxSizing: 'border-box'` it would be too big.
@@ -470,26 +470,26 @@ var Nt = "SelectItemAlignedPosition", Ve = t.forwardRef((o, i) => {
     }
   );
 });
-Ve.displayName = Nt;
-var _t = "SelectPopperPosition", ge = t.forwardRef((o, i) => {
+We.displayName = Mt;
+var Ot = "SelectPopperPosition", Se = t.forwardRef((o, i) => {
   const {
     __scopeSelect: e,
     align: c = "start",
     collisionPadding: r = A,
-    ...u
-  } = o, n = de(e);
-  return /* @__PURE__ */ d.jsx(
-    ut,
+    ...d
+  } = o, n = ue(e);
+  return /* @__PURE__ */ u(
+    ft,
     {
       ...n,
-      ...u,
+      ...d,
       ref: i,
       align: c,
       collisionPadding: r,
       style: {
         // Ensure border-box for floating-ui calculations
         boxSizing: "border-box",
-        ...u.style,
+        ...d.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)",
@@ -499,12 +499,12 @@ var _t = "SelectPopperPosition", ge = t.forwardRef((o, i) => {
     }
   );
 });
-ge.displayName = _t;
-var [Mt, Ie] = ee(J, {}), Se = "SelectViewport", Be = t.forwardRef(
+Se.displayName = Ot;
+var [At, Pe] = ee(J, {}), we = "SelectViewport", Fe = t.forwardRef(
   (o, i) => {
-    const { __scopeSelect: e, nonce: c, ...r } = o, u = q(Se, e), n = Ie(Se, e), s = L(i, u.onViewportChange), l = t.useRef(0);
-    return /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
-      /* @__PURE__ */ d.jsx(
+    const { __scopeSelect: e, nonce: c, ...r } = o, d = q(we, e), n = Pe(we, e), l = k(i, d.onViewportChange), s = t.useRef(0);
+    return /* @__PURE__ */ ce(Te, { children: [
+      /* @__PURE__ */ u(
         "style",
         {
           dangerouslySetInnerHTML: {
@@ -513,13 +513,13 @@ var [Mt, Ie] = ee(J, {}), Se = "SelectViewport", Be = t.forwardRef(
           nonce: c
         }
       ),
-      /* @__PURE__ */ d.jsx(ie.Slot, { scope: e, children: /* @__PURE__ */ d.jsx(
+      /* @__PURE__ */ u(ae.Slot, { scope: e, children: /* @__PURE__ */ u(
         M.div,
         {
           "data-radix-select-viewport": "",
           role: "presentation",
           ...r,
-          ref: s,
+          ref: l,
           style: {
             // we use position: 'relative' here on the `viewport` so that when we call
             // `selectedItem.offsetTop` in calculations, the offset is relative to the viewport
@@ -534,59 +534,59 @@ var [Mt, Ie] = ee(J, {}), Se = "SelectViewport", Be = t.forwardRef(
             ...r.style
           },
           onScroll: R(r.onScroll, (f) => {
-            const g = f.currentTarget, { contentWrapper: w, shouldExpandOnScrollRef: E } = n;
-            if (E?.current && w) {
-              const T = Math.abs(l.current - g.scrollTop);
+            const g = f.currentTarget, { contentWrapper: C, shouldExpandOnScrollRef: b } = n;
+            if (b?.current && C) {
+              const T = Math.abs(s.current - g.scrollTop);
               if (T > 0) {
-                const y = window.innerHeight - A * 2, a = parseFloat(w.style.minHeight), h = parseFloat(w.style.height), S = Math.max(a, h);
+                const y = window.innerHeight - A * 2, a = parseFloat(C.style.minHeight), h = parseFloat(C.style.height), S = Math.max(a, h);
                 if (S < y) {
-                  const m = S + T, v = Math.min(y, m), W = m - v;
-                  w.style.height = v + "px", w.style.bottom === "0px" && (g.scrollTop = W > 0 ? W : 0, w.style.justifyContent = "flex-end");
+                  const m = S + T, v = Math.min(y, m), U = m - v;
+                  C.style.height = v + "px", C.style.bottom === "0px" && (g.scrollTop = U > 0 ? U : 0, C.style.justifyContent = "flex-end");
                 }
               }
             }
-            l.current = g.scrollTop;
+            s.current = g.scrollTop;
           })
         }
       ) })
     ] });
   }
 );
-Be.displayName = Se;
-var He = "SelectGroup", [Ot, At] = ee(He), Fe = t.forwardRef(
+Fe.displayName = we;
+var Ue = "SelectGroup", [Dt, Lt] = ee(Ue), Ke = t.forwardRef(
   (o, i) => {
-    const { __scopeSelect: e, ...c } = o, r = ye();
-    return /* @__PURE__ */ d.jsx(Ot, { scope: e, id: r, children: /* @__PURE__ */ d.jsx(M.div, { role: "group", "aria-labelledby": r, ...c, ref: i }) });
+    const { __scopeSelect: e, ...c } = o, r = Ie();
+    return /* @__PURE__ */ u(Dt, { scope: e, id: r, children: /* @__PURE__ */ u(M.div, { role: "group", "aria-labelledby": r, ...c, ref: i }) });
   }
 );
-Fe.displayName = He;
-var We = "SelectLabel", Ue = t.forwardRef(
+Ke.displayName = Ue;
+var Ge = "SelectLabel", ze = t.forwardRef(
   (o, i) => {
-    const { __scopeSelect: e, ...c } = o, r = At(We, e);
-    return /* @__PURE__ */ d.jsx(M.div, { id: r.id, ...c, ref: i });
+    const { __scopeSelect: e, ...c } = o, r = Lt(Ge, e);
+    return /* @__PURE__ */ u(M.div, { id: r.id, ...c, ref: i });
   }
 );
-Ue.displayName = We;
-var ce = "SelectItem", [Dt, Ke] = ee(ce), Ge = t.forwardRef(
+ze.displayName = Ge;
+var ie = "SelectItem", [kt, je] = ee(ie), Ye = t.forwardRef(
   (o, i) => {
     const {
       __scopeSelect: e,
       value: c,
       disabled: r = !1,
-      textValue: u,
+      textValue: d,
       ...n
-    } = o, s = Y(ce, e), l = q(ce, e), f = s.value === c, [g, w] = t.useState(u ?? ""), [E, T] = t.useState(!1), y = L(
+    } = o, l = Y(ie, e), s = q(ie, e), f = l.value === c, [g, C] = t.useState(d ?? ""), [b, T] = t.useState(!1), y = k(
       i,
-      (m) => l.itemRefCallback?.(m, c, r)
-    ), a = ye(), h = t.useRef("touch"), S = () => {
-      r || (s.onValueChange(c), s.onOpenChange(!1));
+      (m) => s.itemRefCallback?.(m, c, r)
+    ), a = Ie(), h = t.useRef("touch"), S = () => {
+      r || (l.onValueChange(c), l.onOpenChange(!1));
     };
     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__ */ d.jsx(
-      Dt,
+    return /* @__PURE__ */ u(
+      kt,
       {
         scope: e,
         value: c,
@@ -594,22 +594,22 @@ var ce = "SelectItem", [Dt, Ke] = ee(ce), Ge = t.forwardRef(
         textId: a,
         isSelected: f,
         onItemTextChange: t.useCallback((m) => {
-          w((v) => v || (m?.textContent ?? "").trim());
+          C((v) => v || (m?.textContent ?? "").trim());
         }, []),
-        children: /* @__PURE__ */ d.jsx(
-          ie.ItemSlot,
+        children: /* @__PURE__ */ u(
+          ae.ItemSlot,
           {
             scope: e,
             value: c,
             disabled: r,
             textValue: g,
-            children: /* @__PURE__ */ d.jsx(
+            children: /* @__PURE__ */ u(
               M.div,
               {
                 role: "option",
                 "aria-labelledby": a,
-                "data-highlighted": E ? "" : void 0,
-                "aria-selected": f && E,
+                "data-highlighted": b ? "" : void 0,
+                "aria-selected": f && b,
                 "data-state": f ? "checked" : "unchecked",
                 "aria-disabled": r || void 0,
                 "data-disabled": r ? "" : void 0,
@@ -628,13 +628,13 @@ var ce = "SelectItem", [Dt, Ke] = ee(ce), Ge = t.forwardRef(
                   h.current = m.pointerType;
                 }),
                 onPointerMove: R(n.onPointerMove, (m) => {
-                  h.current = m.pointerType, r ? l.onItemLeave?.() : h.current === "mouse" && m.currentTarget.focus({ preventScroll: !0 });
+                  h.current = m.pointerType, r ? s.onItemLeave?.() : h.current === "mouse" && m.currentTarget.focus({ preventScroll: !0 });
                 }),
                 onPointerLeave: R(n.onPointerLeave, (m) => {
-                  m.currentTarget === document.activeElement && l.onItemLeave?.();
+                  m.currentTarget === document.activeElement && s.onItemLeave?.();
                 }),
                 onKeyDown: R(n.onKeyDown, (m) => {
-                  l.searchRef?.current !== "" && m.key === " " || (Ct.includes(m.key) && S(), m.key === " " && m.preventDefault());
+                  s.searchRef?.current !== "" && m.key === " " || (It.includes(m.key) && S(), m.key === " " && m.preventDefault());
                 })
               }
             )
@@ -644,87 +644,87 @@ var ce = "SelectItem", [Dt, Ke] = ee(ce), Ge = t.forwardRef(
     );
   }
 );
-Ge.displayName = ce;
-var ne = "SelectItemText", ze = t.forwardRef(
+Ye.displayName = ie;
+var ne = "SelectItemText", qe = t.forwardRef(
   (o, i) => {
-    const { __scopeSelect: e, className: c, style: r, ...u } = o, n = Y(ne, e), s = q(ne, e), l = Ke(ne, e), f = Pt(ne, e), [g, w] = t.useState(null), E = L(
+    const { __scopeSelect: e, className: c, style: r, ...d } = o, n = Y(ne, e), l = q(ne, e), s = je(ne, e), f = bt(ne, e), [g, C] = t.useState(null), b = k(
       i,
-      (S) => w(S),
-      l.onItemTextChange,
-      (S) => s.itemTextRefCallback?.(S, l.value, l.disabled)
+      (S) => C(S),
+      s.onItemTextChange,
+      (S) => l.itemTextRefCallback?.(S, s.value, s.disabled)
     ), T = g?.textContent, y = t.useMemo(
-      () => /* @__PURE__ */ d.jsx("option", { value: l.value, disabled: l.disabled, children: T }, l.value),
-      [l.disabled, l.value, T]
+      () => /* @__PURE__ */ u("option", { value: s.value, disabled: s.disabled, children: T }, s.value),
+      [s.disabled, s.value, T]
     ), { onNativeOptionAdd: a, onNativeOptionRemove: h } = f;
-    return z(() => (a(y), () => h(y)), [a, h, y]), /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
-      /* @__PURE__ */ d.jsx(M.span, { id: l.textId, ...u, ref: E }),
-      l.isSelected && n.valueNode && !n.valueNodeHasChildren ? Re.createPortal(u.children, n.valueNode) : null
+    return j(() => (a(y), () => h(y)), [a, h, y]), /* @__PURE__ */ ce(Te, { children: [
+      /* @__PURE__ */ u(M.span, { id: s.textId, ...d, ref: b }),
+      s.isSelected && n.valueNode && !n.valueNodeHasChildren ? Ee.createPortal(d.children, n.valueNode) : null
     ] });
   }
 );
-ze.displayName = ne;
-var Ye = "SelectItemIndicator", qe = t.forwardRef(
+qe.displayName = ne;
+var Xe = "SelectItemIndicator", Ze = t.forwardRef(
   (o, i) => {
     const { __scopeSelect: e, ...c } = o;
-    return Ke(Ye, e).isSelected ? /* @__PURE__ */ d.jsx(M.span, { "aria-hidden": !0, ...c, ref: i }) : null;
+    return je(Xe, e).isSelected ? /* @__PURE__ */ u(M.span, { "aria-hidden": !0, ...c, ref: i }) : null;
   }
 );
-qe.displayName = Ye;
-var xe = "SelectScrollUpButton", Xe = t.forwardRef((o, i) => {
-  const e = q(xe, o.__scopeSelect), c = Ie(xe, o.__scopeSelect), [r, u] = t.useState(!1), n = L(i, c.onScrollButtonChange);
-  return z(() => {
+Ze.displayName = Xe;
+var Ce = "SelectScrollUpButton", $e = t.forwardRef((o, i) => {
+  const e = q(Ce, o.__scopeSelect), c = Pe(Ce, o.__scopeSelect), [r, d] = t.useState(!1), n = k(i, c.onScrollButtonChange);
+  return j(() => {
     if (e.viewport && e.isPositioned) {
-      let s = function() {
-        const f = l.scrollTop > 0;
-        u(f);
+      let l = function() {
+        const f = s.scrollTop > 0;
+        d(f);
       };
-      const l = e.viewport;
-      return s(), l.addEventListener("scroll", s), () => l.removeEventListener("scroll", s);
+      const s = e.viewport;
+      return l(), s.addEventListener("scroll", l), () => s.removeEventListener("scroll", l);
     }
-  }, [e.viewport, e.isPositioned]), r ? /* @__PURE__ */ d.jsx(
-    $e,
+  }, [e.viewport, e.isPositioned]), r ? /* @__PURE__ */ u(
+    Qe,
     {
       ...o,
       ref: n,
       onAutoScroll: () => {
-        const { viewport: s, selectedItem: l } = e;
-        s && l && (s.scrollTop = s.scrollTop - l.offsetHeight);
+        const { viewport: l, selectedItem: s } = e;
+        l && s && (l.scrollTop = l.scrollTop - s.offsetHeight);
       }
     }
   ) : null;
 });
-Xe.displayName = xe;
-var we = "SelectScrollDownButton", Ze = t.forwardRef((o, i) => {
-  const e = q(we, o.__scopeSelect), c = Ie(we, o.__scopeSelect), [r, u] = t.useState(!1), n = L(i, c.onScrollButtonChange);
-  return z(() => {
+$e.displayName = Ce;
+var xe = "SelectScrollDownButton", Je = t.forwardRef((o, i) => {
+  const e = q(xe, o.__scopeSelect), c = Pe(xe, o.__scopeSelect), [r, d] = t.useState(!1), n = k(i, c.onScrollButtonChange);
+  return j(() => {
     if (e.viewport && e.isPositioned) {
-      let s = function() {
-        const f = l.scrollHeight - l.clientHeight, g = Math.ceil(l.scrollTop) < f;
-        u(g);
+      let l = function() {
+        const f = s.scrollHeight - s.clientHeight, g = Math.ceil(s.scrollTop) < f;
+        d(g);
       };
-      const l = e.viewport;
-      return s(), l.addEventListener("scroll", s), () => l.removeEventListener("scroll", s);
+      const s = e.viewport;
+      return l(), s.addEventListener("scroll", l), () => s.removeEventListener("scroll", l);
     }
-  }, [e.viewport, e.isPositioned]), r ? /* @__PURE__ */ d.jsx(
-    $e,
+  }, [e.viewport, e.isPositioned]), r ? /* @__PURE__ */ u(
+    Qe,
     {
       ...o,
       ref: n,
       onAutoScroll: () => {
-        const { viewport: s, selectedItem: l } = e;
-        s && l && (s.scrollTop = s.scrollTop + l.offsetHeight);
+        const { viewport: l, selectedItem: s } = e;
+        l && s && (l.scrollTop = l.scrollTop + s.offsetHeight);
       }
     }
   ) : null;
 });
-Ze.displayName = we;
-var $e = t.forwardRef((o, i) => {
-  const { __scopeSelect: e, onAutoScroll: c, ...r } = o, u = q("SelectScrollButton", e), n = t.useRef(null), s = ae(e), l = t.useCallback(() => {
+Je.displayName = xe;
+var Qe = t.forwardRef((o, i) => {
+  const { __scopeSelect: e, onAutoScroll: c, ...r } = o, d = q("SelectScrollButton", e), n = t.useRef(null), l = de(e), s = t.useCallback(() => {
     n.current !== null && (window.clearInterval(n.current), n.current = null);
   }, []);
-  return t.useEffect(() => () => l(), [l]), z(() => {
-    s().find((g) => g.ref.current === document.activeElement)?.ref.current?.scrollIntoView({ block: "nearest" });
-  }, [s]), /* @__PURE__ */ d.jsx(
+  return t.useEffect(() => () => s(), [s]), j(() => {
+    l().find((g) => g.ref.current === document.activeElement)?.ref.current?.scrollIntoView({ block: "nearest" });
+  }, [l]), /* @__PURE__ */ u(
     M.div,
     {
       "aria-hidden": !0,
@@ -735,105 +735,105 @@ var $e = t.forwardRef((o, i) => {
         n.current === null && (n.current = window.setInterval(c, 50));
       }),
       onPointerMove: R(r.onPointerMove, () => {
-        u.onItemLeave?.(), n.current === null && (n.current = window.setInterval(c, 50));
+        d.onItemLeave?.(), n.current === null && (n.current = window.setInterval(c, 50));
       }),
       onPointerLeave: R(r.onPointerLeave, () => {
-        l();
+        s();
       })
     }
   );
-}), jt = "SelectSeparator", Je = t.forwardRef(
+}), Vt = "SelectSeparator", et = t.forwardRef(
   (o, i) => {
     const { __scopeSelect: e, ...c } = o;
-    return /* @__PURE__ */ d.jsx(M.div, { "aria-hidden": !0, ...c, ref: i });
+    return /* @__PURE__ */ u(M.div, { "aria-hidden": !0, ...c, ref: i });
   }
 );
-Je.displayName = jt;
-var Ce = "SelectArrow", Lt = t.forwardRef(
+et.displayName = Vt;
+var ye = "SelectArrow", Bt = t.forwardRef(
   (o, i) => {
-    const { __scopeSelect: e, ...c } = o, r = de(e), u = Y(Ce, e), n = q(Ce, e);
-    return u.open && n.position === "popper" ? /* @__PURE__ */ d.jsx(pt, { ...r, ...c, ref: i }) : null;
+    const { __scopeSelect: e, ...c } = o, r = ue(e), d = Y(ye, e), n = q(ye, e);
+    return d.open && n.position === "popper" ? /* @__PURE__ */ u(mt, { ...r, ...c, ref: i }) : null;
   }
 );
-Lt.displayName = Ce;
-function Qe(o) {
+Bt.displayName = ye;
+function tt(o) {
   return o === "" || o === void 0;
 }
-var et = t.forwardRef(
+var ot = t.forwardRef(
   (o, i) => {
-    const { value: e, ...c } = o, r = t.useRef(null), u = L(i, r), n = vt(e);
+    const { value: e, ...c } = o, r = t.useRef(null), d = k(i, r), n = St(e);
     return t.useEffect(() => {
-      const s = r.current, l = window.HTMLSelectElement.prototype, g = Object.getOwnPropertyDescriptor(
-        l,
+      const l = r.current, s = window.HTMLSelectElement.prototype, g = Object.getOwnPropertyDescriptor(
+        s,
         "value"
       ).set;
       if (n !== e && g) {
-        const w = new Event("change", { bubbles: !0 });
-        g.call(s, e), s.dispatchEvent(w);
+        const C = new Event("change", { bubbles: !0 });
+        g.call(l, e), l.dispatchEvent(C);
       }
-    }, [n, e]), /* @__PURE__ */ d.jsx(gt, { asChild: !0, children: /* @__PURE__ */ d.jsx("select", { ...c, ref: u, defaultValue: e }) });
+    }, [n, e]), /* @__PURE__ */ u(wt, { asChild: !0, children: /* @__PURE__ */ u("select", { ...c, ref: d, defaultValue: e }) });
   }
 );
-et.displayName = "BubbleSelect";
-function tt(o) {
-  const i = ht(o), e = t.useRef(""), c = t.useRef(0), r = t.useCallback(
+ot.displayName = "BubbleSelect";
+function nt(o) {
+  const i = gt(o), e = t.useRef(""), c = t.useRef(0), r = t.useCallback(
     (n) => {
-      const s = e.current + n;
-      i(s), function l(f) {
-        e.current = f, window.clearTimeout(c.current), f !== "" && (c.current = window.setTimeout(() => l(""), 1e3));
-      }(s);
+      const l = e.current + n;
+      i(l), function s(f) {
+        e.current = f, window.clearTimeout(c.current), f !== "" && (c.current = window.setTimeout(() => s(""), 1e3));
+      }(l);
     },
     [i]
-  ), u = t.useCallback(() => {
+  ), d = t.useCallback(() => {
     e.current = "", window.clearTimeout(c.current);
   }, []);
-  return t.useEffect(() => () => window.clearTimeout(c.current), []), [e, r, u];
+  return t.useEffect(() => () => window.clearTimeout(c.current), []), [e, r, d];
 }
-function ot(o, i, e) {
-  const r = i.length > 1 && Array.from(i).every((f) => f === i[0]) ? i[0] : i, u = e ? o.indexOf(e) : -1;
-  let n = kt(o, Math.max(u, 0));
+function rt(o, i, e) {
+  const r = i.length > 1 && Array.from(i).every((f) => f === i[0]) ? i[0] : i, d = e ? o.indexOf(e) : -1;
+  let n = Ht(o, Math.max(d, 0));
   r.length === 1 && (n = n.filter((f) => f !== e));
-  const l = n.find(
+  const s = n.find(
     (f) => f.textValue.toLowerCase().startsWith(r.toLowerCase())
   );
-  return l !== e ? l : void 0;
+  return s !== e ? s : void 0;
 }
-function kt(o, i) {
+function Ht(o, i) {
   return o.map((e, c) => o[(i + c) % o.length]);
 }
-var co = be, io = _e, ao = Oe, uo = Ae, po = De, fo = je, mo = Be, ho = Fe, vo = Ue, go = Ge, So = ze, xo = qe, wo = Xe, Co = Ze, yo = Je;
+var ao = _e, uo = Oe, po = De, fo = Le, mo = ke, ho = Ve, vo = Fe, go = Ke, So = ze, wo = Ye, Co = qe, xo = Ze, yo = $e, Io = Je, To = et;
 export {
-  fo as Content,
-  ho as Group,
-  uo as Icon,
-  go as Item,
+  ho as Content,
+  go as Group,
+  fo as Icon,
+  wo as Item,
   xo as ItemIndicator,
-  So as ItemText,
-  vo as Label,
-  po as Portal,
-  co as Root,
-  Co as ScrollDownButton,
-  wo as ScrollUpButton,
-  be as Select,
-  Lt as SelectArrow,
-  je as SelectContent,
-  Fe as SelectGroup,
-  Ae as SelectIcon,
-  Ge as SelectItem,
-  qe as SelectItemIndicator,
-  ze as SelectItemText,
-  Ue as SelectLabel,
-  De as SelectPortal,
-  Ze as SelectScrollDownButton,
-  Xe as SelectScrollUpButton,
-  Je as SelectSeparator,
-  _e as SelectTrigger,
-  Oe as SelectValue,
-  Be as SelectViewport,
-  yo as Separator,
-  io as Trigger,
-  ao as Value,
-  mo as Viewport,
-  lo as createSelectScope
+  Co as ItemText,
+  So as Label,
+  mo as Portal,
+  ao as Root,
+  Io as ScrollDownButton,
+  yo as ScrollUpButton,
+  _e as Select,
+  Bt as SelectArrow,
+  Ve as SelectContent,
+  Ke as SelectGroup,
+  Le as SelectIcon,
+  Ye as SelectItem,
+  Ze as SelectItemIndicator,
+  qe as SelectItemText,
+  ze as SelectLabel,
+  ke as SelectPortal,
+  Je as SelectScrollDownButton,
+  $e as SelectScrollUpButton,
+  et as SelectSeparator,
+  Oe as SelectTrigger,
+  De as SelectValue,
+  Fe as SelectViewport,
+  To as Separator,
+  uo as Trigger,
+  po as Value,
+  vo as Viewport,
+  io as createSelectScope
 };
 //# sourceMappingURL=index.js.map