@cfx-dev/ui-components 4.5.22 → 5.0.2

package/dist/components/Select/Select.js

@@ -1,24 +1,23 @@
-import { jsx as i, jsxs as $, Fragment as Pe } from "react/jsx-runtime";
+import { jsx as i, jsxs as $, Fragment as be } from "react/jsx-runtime";
 import * as l from "react";
 import q from "react";
 import { R as ft, r as De } from "../../index-Cl_RnsqN.js";
-import { c as Ee } from "../../index-rKs9bXHr.js";
-import { e as K, P as N, u as Oe, c as mt, b as B, a as P, f as ht } from "../../index-CfQtbUfi.js";
-import { u as gt, c as vt } from "../../index-9LBuZ7x4.js";
-import { c as Le, d as _t, u as Ne, A as St, a as wt, h as xt, b as yt, R as Ct, F as It, D as Tt, C as bt, e as Pt } from "../../Combination-CcTTSYNP.js";
+import { c as Re } from "../../index-rKs9bXHr.js";
+import { e as z, P as N, u as Oe, c as mt, b as V, a as b, f as ht } from "../../index-CfQtbUfi.js";
+import { u as vt, c as gt } from "../../index-9LBuZ7x4.js";
+import { c as Le, d as St, u as Ne, A as wt, a as yt, h as Ct, b as xt, R as _t, F as It, D as Tt, C as Pt, e as bt } from "../../Combination-CcTTSYNP.js";
 import { u as Nt } from "../../index-BZPx6jYI.js";
-import { Icon as Rt } from "../Icon/Icon.js";
-import { clsx as xe } from "../../utils/clsx.js";
-import { ui as Et } from "../../utils/ui/ui.js";
-var Ot = "Portal", ke = l.forwardRef((t, o) => {
-  var a;
+import { Icon as Et } from "../Icon/Icon.js";
+import { clsx as Ce } from "../../utils/clsx.js";
+var Rt = "Portal", ke = l.forwardRef((t, o) => {
+  var s;
   const { container: e, ...r } = t, [n, d] = l.useState(!1);
-  K(() => d(!0), []);
-  const c = e || n && ((a = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : a.body);
-  return c ? ft.createPortal(/* @__PURE__ */ i(N.div, { ...r, ref: o }), c) : null;
+  z(() => d(!0), []);
+  const a = e || n && ((s = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : s.body);
+  return a ? ft.createPortal(/* @__PURE__ */ i(N.div, { ...r, ref: o }), a) : null;
 });
-ke.displayName = Ot;
-var ze = Object.freeze({
+ke.displayName = Rt;
+var Be = Object.freeze({
   // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
   position: "absolute",
   border: 0,
@@ -30,54 +29,54 @@ var ze = Object.freeze({
   clip: "rect(0, 0, 0, 0)",
   whiteSpace: "nowrap",
   wordWrap: "normal"
-}), Mt = "VisuallyHidden", At = l.forwardRef(
+}), Ot = "VisuallyHidden", Mt = l.forwardRef(
   (t, o) => /* @__PURE__ */ i(
     N.span,
     {
       ...t,
       ref: o,
-      style: { ...ze, ...t.style }
+      style: { ...Be, ...t.style }
     }
   )
 );
-At.displayName = Mt;
-var Dt = [" ", "Enter", "ArrowUp", "ArrowDown"], Lt = [" ", "Enter"], oe = "Select", [pe, fe, kt] = vt(oe), [le, Bo] = mt(oe, [
-  kt,
+Mt.displayName = Ot;
+var At = [" ", "Enter", "ArrowUp", "ArrowDown"], Dt = [" ", "Enter"], oe = "Select", [pe, fe, Lt] = gt(oe), [le, Lo] = mt(oe, [
+  Lt,
   Le
-]), me = Le(), [zt, Z] = le(oe), [Bt, Vt] = le(oe), Be = (t) => {
+]), me = Le(), [kt, Z] = le(oe), [Bt, Vt] = le(oe), Ve = (t) => {
   const {
     __scopeSelect: o,
     children: e,
     open: r,
     defaultOpen: n,
     onOpenChange: d,
-    value: c,
-    defaultValue: a,
-    onValueChange: s,
+    value: a,
+    defaultValue: s,
+    onValueChange: c,
     dir: p,
-    name: v,
-    autoComplete: _,
-    disabled: T,
-    required: b,
-    form: S
-  } = t, u = me(o), [g, y] = l.useState(null), [f, h] = l.useState(null), [M, A] = l.useState(!1), se = gt(p), [R, k] = Oe({
+    name: g,
+    autoComplete: S,
+    disabled: _,
+    required: P,
+    form: T
+  } = t, u = me(o), [v, C] = l.useState(null), [f, h] = l.useState(null), [M, A] = l.useState(!1), ce = vt(p), [E, L] = Oe({
     prop: r,
     defaultProp: n ?? !1,
     onChange: d,
     caller: oe
   }), [j, Q] = Oe({
-    prop: c,
-    defaultProp: a,
-    onChange: s,
+    prop: a,
+    defaultProp: s,
+    onChange: c,
     caller: oe
-  }), V = l.useRef(null), H = g ? S || !!g.closest("form") : !0, [G, W] = l.useState(/* @__PURE__ */ new Set()), F = Array.from(G).map((E) => E.props.value).join(";");
-  return /* @__PURE__ */ i(_t, { ...u, children: /* @__PURE__ */ $(
-    zt,
+  }), H = l.useRef(null), W = v ? T || !!v.closest("form") : !0, [G, U] = l.useState(/* @__PURE__ */ new Set()), F = Array.from(G).map((R) => R.props.value).join(";");
+  return /* @__PURE__ */ i(St, { ...u, children: /* @__PURE__ */ $(
+    kt,
     {
-      required: b,
+      required: P,
       scope: o,
-      trigger: g,
-      onTriggerChange: y,
+      trigger: v,
+      onTriggerChange: C,
       valueNode: f,
       onValueNodeChange: h,
       valueNodeHasChildren: M,
@@ -85,40 +84,40 @@ var Dt = [" ", "Enter", "ArrowUp", "ArrowDown"], Lt = [" ", "Enter"], oe = "Sele
       contentId: Ne(),
       value: j,
       onValueChange: Q,
-      open: R,
-      onOpenChange: k,
-      dir: se,
-      triggerPointerDownPosRef: V,
-      disabled: T,
+      open: E,
+      onOpenChange: L,
+      dir: ce,
+      triggerPointerDownPosRef: H,
+      disabled: _,
       children: [
         /* @__PURE__ */ i(pe.Provider, { scope: o, children: /* @__PURE__ */ i(
           Bt,
           {
             scope: t.__scopeSelect,
-            onNativeOptionAdd: l.useCallback((E) => {
-              W((z) => new Set(z).add(E));
+            onNativeOptionAdd: l.useCallback((R) => {
+              U((k) => new Set(k).add(R));
             }, []),
-            onNativeOptionRemove: l.useCallback((E) => {
-              W((z) => {
-                const U = new Set(z);
-                return U.delete(E), U;
+            onNativeOptionRemove: l.useCallback((R) => {
+              U((k) => {
+                const K = new Set(k);
+                return K.delete(R), K;
               });
             }, []),
             children: e
           }
         ) }),
-        H ? /* @__PURE__ */ $(
-          st,
+        W ? /* @__PURE__ */ $(
+          ct,
           {
             "aria-hidden": !0,
-            required: b,
+            required: P,
             tabIndex: -1,
-            name: v,
-            autoComplete: _,
+            name: g,
+            autoComplete: S,
             value: j,
-            onChange: (E) => Q(E.target.value),
-            disabled: T,
-            form: S,
+            onChange: (R) => Q(R.target.value),
+            disabled: _,
+            form: T,
             children: [
               j === void 0 ? /* @__PURE__ */ i("option", { value: "" }) : null,
               Array.from(G)
@@ -130,81 +129,81 @@ var Dt = [" ", "Enter", "ArrowUp", "ArrowDown"], Lt = [" ", "Enter"], oe = "Sele
     }
   ) });
 };
-Be.displayName = oe;
-var Ve = "SelectTrigger", He = l.forwardRef(
+Ve.displayName = oe;
+var He = "SelectTrigger", We = l.forwardRef(
   (t, o) => {
-    const { __scopeSelect: e, disabled: r = !1, ...n } = t, d = me(e), c = Z(Ve, e), a = c.disabled || r, s = B(o, c.onTriggerChange), p = fe(e), v = l.useRef("touch"), [_, T, b] = at((u) => {
-      const g = p().filter((h) => !h.disabled), y = g.find((h) => h.value === c.value), f = it(g, u, y);
-      f !== void 0 && c.onValueChange(f.value);
-    }), S = (u) => {
-      a || (c.onOpenChange(!0), b()), u && (c.triggerPointerDownPosRef.current = {
+    const { __scopeSelect: e, disabled: r = !1, ...n } = t, d = me(e), a = Z(He, e), s = a.disabled || r, c = V(o, a.onTriggerChange), p = fe(e), g = l.useRef("touch"), [S, _, P] = at((u) => {
+      const v = p().filter((h) => !h.disabled), C = v.find((h) => h.value === a.value), f = it(v, u, C);
+      f !== void 0 && a.onValueChange(f.value);
+    }), T = (u) => {
+      s || (a.onOpenChange(!0), P()), u && (a.triggerPointerDownPosRef.current = {
         x: Math.round(u.pageX),
         y: Math.round(u.pageY)
       });
     };
-    return /* @__PURE__ */ i(St, { asChild: !0, ...d, children: /* @__PURE__ */ i(
+    return /* @__PURE__ */ i(wt, { asChild: !0, ...d, children: /* @__PURE__ */ i(
       N.button,
       {
         type: "button",
         role: "combobox",
-        "aria-controls": c.contentId,
-        "aria-expanded": c.open,
-        "aria-required": c.required,
+        "aria-controls": a.contentId,
+        "aria-expanded": a.open,
+        "aria-required": a.required,
         "aria-autocomplete": "none",
-        dir: c.dir,
-        "data-state": c.open ? "open" : "closed",
-        disabled: a,
-        "data-disabled": a ? "" : void 0,
-        "data-placeholder": ct(c.value) ? "" : void 0,
+        dir: a.dir,
+        "data-state": a.open ? "open" : "closed",
+        disabled: s,
+        "data-disabled": s ? "" : void 0,
+        "data-placeholder": st(a.value) ? "" : void 0,
         ...n,
-        ref: s,
-        onClick: P(n.onClick, (u) => {
-          u.currentTarget.focus(), v.current !== "mouse" && S(u);
+        ref: c,
+        onClick: b(n.onClick, (u) => {
+          u.currentTarget.focus(), g.current !== "mouse" && T(u);
         }),
-        onPointerDown: P(n.onPointerDown, (u) => {
-          v.current = u.pointerType;
-          const g = u.target;
-          g.hasPointerCapture(u.pointerId) && g.releasePointerCapture(u.pointerId), u.button === 0 && u.ctrlKey === !1 && u.pointerType === "mouse" && (S(u), u.preventDefault());
+        onPointerDown: b(n.onPointerDown, (u) => {
+          g.current = u.pointerType;
+          const v = u.target;
+          v.hasPointerCapture(u.pointerId) && v.releasePointerCapture(u.pointerId), u.button === 0 && u.ctrlKey === !1 && u.pointerType === "mouse" && (T(u), u.preventDefault());
         }),
-        onKeyDown: P(n.onKeyDown, (u) => {
-          const g = _.current !== "";
-          !(u.ctrlKey || u.altKey || u.metaKey) && u.key.length === 1 && T(u.key), !(g && u.key === " ") && Dt.includes(u.key) && (S(), u.preventDefault());
+        onKeyDown: b(n.onKeyDown, (u) => {
+          const v = S.current !== "";
+          !(u.ctrlKey || u.altKey || u.metaKey) && u.key.length === 1 && _(u.key), !(v && u.key === " ") && At.includes(u.key) && (T(), u.preventDefault());
         })
       }
     ) });
   }
 );
-He.displayName = Ve;
-var We = "SelectValue", Fe = l.forwardRef(
+We.displayName = He;
+var Ue = "SelectValue", Fe = l.forwardRef(
   (t, o) => {
-    const { __scopeSelect: e, className: r, style: n, children: d, placeholder: c = "", ...a } = t, s = Z(We, e), { onValueNodeHasChildrenChange: p } = s, v = d !== void 0, _ = B(o, s.onValueNodeChange);
-    return K(() => {
-      p(v);
-    }, [p, v]), /* @__PURE__ */ i(
+    const { __scopeSelect: e, className: r, style: n, children: d, placeholder: a = "", ...s } = t, c = Z(Ue, e), { onValueNodeHasChildrenChange: p } = c, g = d !== void 0, S = V(o, c.onValueNodeChange);
+    return z(() => {
+      p(g);
+    }, [p, g]), /* @__PURE__ */ i(
       N.span,
       {
-        ...a,
-        ref: _,
+        ...s,
+        ref: S,
         style: { pointerEvents: "none" },
-        children: ct(s.value) ? /* @__PURE__ */ i(Pe, { children: c }) : d
+        children: st(c.value) ? /* @__PURE__ */ i(be, { children: a }) : d
       }
     );
   }
 );
-Fe.displayName = We;
-var Ht = "SelectIcon", Ue = l.forwardRef(
+Fe.displayName = Ue;
+var Ht = "SelectIcon", Ke = l.forwardRef(
   (t, o) => {
     const { __scopeSelect: e, children: r, ...n } = t;
     return /* @__PURE__ */ i(N.span, { "aria-hidden": !0, ...n, ref: o, children: r || "▼" });
   }
 );
-Ue.displayName = Ht;
-var Wt = "SelectPortal", Ke = (t) => /* @__PURE__ */ i(ke, { asChild: !0, ...t });
-Ke.displayName = Wt;
+Ke.displayName = Ht;
+var Wt = "SelectPortal", ze = (t) => /* @__PURE__ */ i(ke, { asChild: !0, ...t });
+ze.displayName = Wt;
 var ne = "SelectContent", je = l.forwardRef(
   (t, o) => {
     const e = Z(ne, t.__scopeSelect), [r, n] = l.useState();
-    if (K(() => {
+    if (z(() => {
       n(new DocumentFragment());
     }, []), !e.open) {
       const d = r;
@@ -217,97 +216,97 @@ var ne = "SelectContent", je = l.forwardRef(
   }
 );
 je.displayName = ne;
-var L = 10, [Ge, J] = le(ne), Ft = "SelectContentImpl", Ut = ht("SelectContent.RemoveScroll"), Ye = l.forwardRef(
+var D = 10, [Ge, J] = le(ne), Ut = "SelectContentImpl", Ft = ht("SelectContent.RemoveScroll"), Ye = l.forwardRef(
   (t, o) => {
     const {
       __scopeSelect: e,
       position: r = "item-aligned",
       onCloseAutoFocus: n,
       onEscapeKeyDown: d,
-      onPointerDownOutside: c,
+      onPointerDownOutside: a,
       //
       // PopperContent props
-      side: a,
-      sideOffset: s,
+      side: s,
+      sideOffset: c,
       align: p,
-      alignOffset: v,
-      arrowPadding: _,
-      collisionBoundary: T,
-      collisionPadding: b,
-      sticky: S,
+      alignOffset: g,
+      arrowPadding: S,
+      collisionBoundary: _,
+      collisionPadding: P,
+      sticky: T,
       hideWhenDetached: u,
-      avoidCollisions: g,
+      avoidCollisions: v,
       //
-      ...y
-    } = t, f = Z(ne, e), [h, M] = l.useState(null), [A, se] = l.useState(null), R = B(o, (m) => M(m)), [k, j] = l.useState(null), [Q, V] = l.useState(
+      ...C
+    } = t, f = Z(ne, e), [h, M] = l.useState(null), [A, ce] = l.useState(null), E = V(o, (m) => M(m)), [L, j] = l.useState(null), [Q, H] = l.useState(
       null
-    ), H = fe(e), [G, W] = l.useState(!1), F = l.useRef(!1);
+    ), W = fe(e), [G, U] = l.useState(!1), F = l.useRef(!1);
     l.useEffect(() => {
-      if (h) return xt(h);
-    }, [h]), yt();
-    const E = l.useCallback(
+      if (h) return Ct(h);
+    }, [h]), xt();
+    const R = l.useCallback(
       (m) => {
-        const [I, ...O] = H().map((x) => x.ref.current), [C] = O.slice(-1), w = document.activeElement;
-        for (const x of m)
-          if (x === w || (x == null || x.scrollIntoView({ block: "nearest" }), x === I && A && (A.scrollTop = 0), x === C && A && (A.scrollTop = A.scrollHeight), x == null || x.focus(), document.activeElement !== w)) return;
+        const [I, ...O] = W().map((y) => y.ref.current), [x] = O.slice(-1), w = document.activeElement;
+        for (const y of m)
+          if (y === w || (y == null || y.scrollIntoView({ block: "nearest" }), y === I && A && (A.scrollTop = 0), y === x && A && (A.scrollTop = A.scrollHeight), y == null || y.focus(), document.activeElement !== w)) return;
       },
-      [H, A]
-    ), z = l.useCallback(
-      () => E([k, h]),
-      [E, k, h]
+      [W, A]
+    ), k = l.useCallback(
+      () => R([L, h]),
+      [R, L, h]
     );
     l.useEffect(() => {
-      G && z();
-    }, [G, z]);
-    const { onOpenChange: U, triggerPointerDownPosRef: Y } = f;
+      G && k();
+    }, [G, k]);
+    const { onOpenChange: K, triggerPointerDownPosRef: Y } = f;
     l.useEffect(() => {
       if (h) {
         let m = { x: 0, y: 0 };
-        const I = (C) => {
-          var w, x;
+        const I = (x) => {
+          var w, y;
           m = {
-            x: Math.abs(Math.round(C.pageX) - (((w = Y.current) == null ? void 0 : w.x) ?? 0)),
-            y: Math.abs(Math.round(C.pageY) - (((x = Y.current) == null ? void 0 : x.y) ?? 0))
+            x: Math.abs(Math.round(x.pageX) - (((w = Y.current) == null ? void 0 : w.x) ?? 0)),
+            y: Math.abs(Math.round(x.pageY) - (((y = Y.current) == null ? void 0 : y.y) ?? 0))
           };
-        }, O = (C) => {
-          m.x <= 10 && m.y <= 10 ? C.preventDefault() : h.contains(C.target) || U(!1), document.removeEventListener("pointermove", I), Y.current = null;
+        }, O = (x) => {
+          m.x <= 10 && m.y <= 10 ? x.preventDefault() : h.contains(x.target) || K(!1), document.removeEventListener("pointermove", I), Y.current = null;
         };
         return Y.current !== null && (document.addEventListener("pointermove", I), document.addEventListener("pointerup", O, { capture: !0, once: !0 })), () => {
           document.removeEventListener("pointermove", I), document.removeEventListener("pointerup", O, { capture: !0 });
         };
       }
-    }, [h, U, Y]), l.useEffect(() => {
-      const m = () => U(!1);
+    }, [h, K, Y]), l.useEffect(() => {
+      const m = () => K(!1);
       return window.addEventListener("blur", m), window.addEventListener("resize", m), () => {
         window.removeEventListener("blur", m), window.removeEventListener("resize", m);
       };
-    }, [U]);
+    }, [K]);
     const [he, ie] = at((m) => {
-      const I = H().filter((w) => !w.disabled), O = I.find((w) => w.ref.current === document.activeElement), C = it(I, m, O);
-      C && setTimeout(() => C.ref.current.focus());
-    }), ge = l.useCallback(
+      const I = W().filter((w) => !w.disabled), O = I.find((w) => w.ref.current === document.activeElement), x = it(I, m, O);
+      x && setTimeout(() => x.ref.current.focus());
+    }), ve = l.useCallback(
       (m, I, O) => {
-        const C = !F.current && !O;
-        (f.value !== void 0 && f.value === I || C) && (j(m), C && (F.current = !0));
+        const x = !F.current && !O;
+        (f.value !== void 0 && f.value === I || x) && (j(m), x && (F.current = !0));
       },
       [f.value]
-    ), ve = l.useCallback(() => h == null ? void 0 : h.focus(), [h]), re = l.useCallback(
+    ), ge = l.useCallback(() => h == null ? void 0 : h.focus(), [h]), re = l.useCallback(
       (m, I, O) => {
-        const C = !F.current && !O;
-        (f.value !== void 0 && f.value === I || C) && V(m);
+        const x = !F.current && !O;
+        (f.value !== void 0 && f.value === I || x) && H(m);
       },
       [f.value]
-    ), de = r === "popper" ? ye : $e, ce = de === ye ? {
-      side: a,
-      sideOffset: s,
+    ), de = r === "popper" ? xe : $e, se = de === xe ? {
+      side: s,
+      sideOffset: c,
       align: p,
-      alignOffset: v,
-      arrowPadding: _,
-      collisionBoundary: T,
-      collisionPadding: b,
-      sticky: S,
+      alignOffset: g,
+      arrowPadding: S,
+      collisionBoundary: _,
+      collisionPadding: P,
+      sticky: T,
       hideWhenDetached: u,
-      avoidCollisions: g
+      avoidCollisions: v
     } : {};
     return /* @__PURE__ */ i(
       Ge,
@@ -315,17 +314,17 @@ var L = 10, [Ge, J] = le(ne), Ft = "SelectContentImpl", Ut = ht("SelectContent.R
         scope: e,
         content: h,
         viewport: A,
-        onViewportChange: se,
-        itemRefCallback: ge,
-        selectedItem: k,
-        onItemLeave: ve,
+        onViewportChange: ce,
+        itemRefCallback: ve,
+        selectedItem: L,
+        onItemLeave: ge,
         itemTextRefCallback: re,
-        focusSelectedItem: z,
+        focusSelectedItem: k,
         selectedItemText: Q,
         position: r,
         isPositioned: G,
         searchRef: he,
-        children: /* @__PURE__ */ i(Ct, { as: Ut, allowPinchZoom: !0, children: /* @__PURE__ */ i(
+        children: /* @__PURE__ */ i(_t, { as: Ft, allowPinchZoom: !0, children: /* @__PURE__ */ i(
           It,
           {
             asChild: !0,
@@ -333,7 +332,7 @@ var L = 10, [Ge, J] = le(ne), Ft = "SelectContentImpl", Ut = ht("SelectContent.R
             onMountAutoFocus: (m) => {
               m.preventDefault();
             },
-            onUnmountAutoFocus: P(n, (m) => {
+            onUnmountAutoFocus: b(n, (m) => {
               var I;
               (I = f.trigger) == null || I.focus({ preventScroll: !0 }), m.preventDefault();
             }),
@@ -343,7 +342,7 @@ var L = 10, [Ge, J] = le(ne), Ft = "SelectContentImpl", Ut = ht("SelectContent.R
                 asChild: !0,
                 disableOutsidePointerEvents: !0,
                 onEscapeKeyDown: d,
-                onPointerDownOutside: c,
+                onPointerDownOutside: a,
                 onFocusOutside: (m) => m.preventDefault(),
                 onDismiss: () => f.onOpenChange(!1),
                 children: /* @__PURE__ */ i(
@@ -354,27 +353,27 @@ var L = 10, [Ge, J] = le(ne), Ft = "SelectContentImpl", Ut = ht("SelectContent.R
                     "data-state": f.open ? "open" : "closed",
                     dir: f.dir,
                     onContextMenu: (m) => m.preventDefault(),
-                    ...y,
-                    ...ce,
-                    onPlaced: () => W(!0),
-                    ref: R,
+                    ...C,
+                    ...se,
+                    onPlaced: () => U(!0),
+                    ref: E,
                     style: {
                       // flex layout so we can place the scroll buttons properly
                       display: "flex",
                       flexDirection: "column",
                       // reset the outline by default as the content MAY get focused
                       outline: "none",
-                      ...y.style
+                      ...C.style
                     },
-                    onKeyDown: P(y.onKeyDown, (m) => {
+                    onKeyDown: b(C.onKeyDown, (m) => {
                       const I = m.ctrlKey || m.altKey || m.metaKey;
                       if (m.key === "Tab" && m.preventDefault(), !I && m.key.length === 1 && ie(m.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(m.key)) {
-                        let C = H().filter((w) => !w.disabled).map((w) => w.ref.current);
-                        if (["ArrowUp", "End"].includes(m.key) && (C = C.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(m.key)) {
-                          const w = m.target, x = C.indexOf(w);
-                          C = C.slice(x + 1);
+                        let x = W().filter((w) => !w.disabled).map((w) => w.ref.current);
+                        if (["ArrowUp", "End"].includes(m.key) && (x = x.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(m.key)) {
+                          const w = m.target, y = x.indexOf(w);
+                          x = x.slice(y + 1);
                         }
-                        setTimeout(() => E(C)), m.preventDefault();
+                        setTimeout(() => R(x)), m.preventDefault();
                       }
                     })
                   }
@@ -387,85 +386,85 @@ var L = 10, [Ge, J] = le(ne), Ft = "SelectContentImpl", Ut = ht("SelectContent.R
     );
   }
 );
-Ye.displayName = Ft;
+Ye.displayName = Ut;
 var Kt = "SelectItemAlignedPosition", $e = l.forwardRef((t, o) => {
-  const { __scopeSelect: e, onPlaced: r, ...n } = t, d = Z(ne, e), c = J(ne, e), [a, s] = l.useState(null), [p, v] = l.useState(null), _ = B(o, (R) => v(R)), T = fe(e), b = l.useRef(!1), S = l.useRef(!0), { viewport: u, selectedItem: g, selectedItemText: y, focusSelectedItem: f } = c, h = l.useCallback(() => {
-    if (d.trigger && d.valueNode && a && p && u && g && y) {
-      const R = d.trigger.getBoundingClientRect(), k = p.getBoundingClientRect(), j = d.valueNode.getBoundingClientRect(), Q = y.getBoundingClientRect();
+  const { __scopeSelect: e, onPlaced: r, ...n } = t, d = Z(ne, e), a = J(ne, e), [s, c] = l.useState(null), [p, g] = l.useState(null), S = V(o, (E) => g(E)), _ = fe(e), P = l.useRef(!1), T = l.useRef(!0), { viewport: u, selectedItem: v, selectedItemText: C, focusSelectedItem: f } = a, h = l.useCallback(() => {
+    if (d.trigger && d.valueNode && s && p && u && v && C) {
+      const E = d.trigger.getBoundingClientRect(), L = p.getBoundingClientRect(), j = d.valueNode.getBoundingClientRect(), Q = C.getBoundingClientRect();
       if (d.dir !== "rtl") {
-        const w = Q.left - k.left, x = j.left - w, ee = R.left - x, te = R.width + ee, _e = Math.max(te, k.width), Se = window.innerWidth - L, we = Ee(x, [
-          L,
+        const w = Q.left - L.left, y = j.left - w, ee = E.left - y, te = E.width + ee, Se = Math.max(te, L.width), we = window.innerWidth - D, ye = Re(y, [
+          D,
           // 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(L, Se - _e)
+          Math.max(D, we - Se)
         ]);
-        a.style.minWidth = te + "px", a.style.left = we + "px";
+        s.style.minWidth = te + "px", s.style.left = ye + "px";
       } else {
-        const w = k.right - Q.right, x = window.innerWidth - j.right - w, ee = window.innerWidth - R.right - x, te = R.width + ee, _e = Math.max(te, k.width), Se = window.innerWidth - L, we = Ee(x, [
-          L,
-          Math.max(L, Se - _e)
+        const w = L.right - Q.right, y = window.innerWidth - j.right - w, ee = window.innerWidth - E.right - y, te = E.width + ee, Se = Math.max(te, L.width), we = window.innerWidth - D, ye = Re(y, [
+          D,
+          Math.max(D, we - Se)
         ]);
-        a.style.minWidth = te + "px", a.style.right = we + "px";
+        s.style.minWidth = te + "px", s.style.right = ye + "px";
       }
-      const V = T(), H = window.innerHeight - L * 2, G = u.scrollHeight, W = window.getComputedStyle(p), F = parseInt(W.borderTopWidth, 10), E = parseInt(W.paddingTop, 10), z = parseInt(W.borderBottomWidth, 10), U = parseInt(W.paddingBottom, 10), Y = F + E + G + U + z, he = Math.min(g.offsetHeight * 5, Y), ie = window.getComputedStyle(u), ge = parseInt(ie.paddingTop, 10), ve = parseInt(ie.paddingBottom, 10), re = R.top + R.height / 2 - L, de = H - re, ce = g.offsetHeight / 2, m = g.offsetTop + ce, I = F + E + m, O = Y - I;
+      const H = _(), W = window.innerHeight - D * 2, G = u.scrollHeight, U = window.getComputedStyle(p), F = parseInt(U.borderTopWidth, 10), R = parseInt(U.paddingTop, 10), k = parseInt(U.borderBottomWidth, 10), K = parseInt(U.paddingBottom, 10), Y = F + R + G + K + k, he = Math.min(v.offsetHeight * 5, Y), ie = window.getComputedStyle(u), ve = parseInt(ie.paddingTop, 10), ge = parseInt(ie.paddingBottom, 10), re = E.top + E.height / 2 - D, de = W - re, se = v.offsetHeight / 2, m = v.offsetTop + se, I = F + R + m, O = Y - I;
       if (I <= re) {
-        const w = V.length > 0 && g === V[V.length - 1].ref.current;
-        a.style.bottom = "0px";
-        const x = p.clientHeight - u.offsetTop - u.offsetHeight, ee = Math.max(
+        const w = H.length > 0 && v === H[H.length - 1].ref.current;
+        s.style.bottom = "0px";
+        const y = p.clientHeight - u.offsetTop - u.offsetHeight, ee = Math.max(
           de,
-          ce + // viewport might have padding bottom, include it to avoid a scrollable viewport
-          (w ? ve : 0) + x + z
+          se + // viewport might have padding bottom, include it to avoid a scrollable viewport
+          (w ? ge : 0) + y + k
         ), te = I + ee;
-        a.style.height = te + "px";
+        s.style.height = te + "px";
       } else {
-        const w = V.length > 0 && g === V[0].ref.current;
-        a.style.top = "0px";
+        const w = H.length > 0 && v === H[0].ref.current;
+        s.style.top = "0px";
         const ee = Math.max(
           re,
           F + u.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
-          (w ? ge : 0) + ce
+          (w ? ve : 0) + se
         ) + O;
-        a.style.height = ee + "px", u.scrollTop = I - re + u.offsetTop;
+        s.style.height = ee + "px", u.scrollTop = I - re + u.offsetTop;
       }
-      a.style.margin = `${L}px 0`, a.style.minHeight = he + "px", a.style.maxHeight = H + "px", r == null || r(), requestAnimationFrame(() => b.current = !0);
+      s.style.margin = `${D}px 0`, s.style.minHeight = he + "px", s.style.maxHeight = W + "px", r == null || r(), requestAnimationFrame(() => P.current = !0);
     }
   }, [
-    T,
+    _,
     d.trigger,
     d.valueNode,
-    a,
+    s,
     p,
     u,
-    g,
-    y,
+    v,
+    C,
     d.dir,
     r
   ]);
-  K(() => h(), [h]);
+  z(() => h(), [h]);
   const [M, A] = l.useState();
-  K(() => {
+  z(() => {
     p && A(window.getComputedStyle(p).zIndex);
   }, [p]);
-  const se = l.useCallback(
-    (R) => {
-      R && S.current === !0 && (h(), f == null || f(), S.current = !1);
+  const ce = l.useCallback(
+    (E) => {
+      E && T.current === !0 && (h(), f == null || f(), T.current = !1);
     },
     [h, f]
   );
   return /* @__PURE__ */ i(
-    Gt,
+    jt,
     {
       scope: e,
-      contentWrapper: a,
-      shouldExpandOnScrollRef: b,
-      onScrollButtonChange: se,
+      contentWrapper: s,
+      shouldExpandOnScrollRef: P,
+      onScrollButtonChange: ce,
       children: /* @__PURE__ */ i(
         "div",
         {
-          ref: s,
+          ref: c,
           style: {
             display: "flex",
             flexDirection: "column",
@@ -476,7 +475,7 @@ var Kt = "SelectItemAlignedPosition", $e = l.forwardRef((t, o) => {
             N.div,
             {
               ...n,
-              ref: _,
+              ref: S,
               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.
@@ -493,17 +492,17 @@ var Kt = "SelectItemAlignedPosition", $e = l.forwardRef((t, o) => {
   );
 });
 $e.displayName = Kt;
-var jt = "SelectPopperPosition", ye = l.forwardRef((t, o) => {
+var zt = "SelectPopperPosition", xe = l.forwardRef((t, o) => {
   const {
     __scopeSelect: e,
     align: r = "start",
-    collisionPadding: n = L,
+    collisionPadding: n = D,
     ...d
-  } = t, c = me(e);
+  } = t, a = me(e);
   return /* @__PURE__ */ i(
-    bt,
+    Pt,
     {
-      ...c,
+      ...a,
       ...d,
       ref: o,
       align: r,
@@ -521,11 +520,11 @@ var jt = "SelectPopperPosition", ye = l.forwardRef((t, o) => {
     }
   );
 });
-ye.displayName = jt;
-var [Gt, Re] = le(ne, {}), Ce = "SelectViewport", qe = l.forwardRef(
+xe.displayName = zt;
+var [jt, Ee] = le(ne, {}), _e = "SelectViewport", qe = l.forwardRef(
   (t, o) => {
-    const { __scopeSelect: e, nonce: r, ...n } = t, d = J(Ce, e), c = Re(Ce, e), a = B(o, d.onViewportChange), s = l.useRef(0);
-    return /* @__PURE__ */ $(Pe, { children: [
+    const { __scopeSelect: e, nonce: r, ...n } = t, d = J(_e, e), a = Ee(_e, e), s = V(o, d.onViewportChange), c = l.useRef(0);
+    return /* @__PURE__ */ $(be, { children: [
       /* @__PURE__ */ i(
         "style",
         {
@@ -541,7 +540,7 @@ var [Gt, Re] = le(ne, {}), Ce = "SelectViewport", qe = l.forwardRef(
           "data-radix-select-viewport": "",
           role: "presentation",
           ...n,
-          ref: a,
+          ref: s,
           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
@@ -555,63 +554,63 @@ var [Gt, Re] = le(ne, {}), Ce = "SelectViewport", qe = l.forwardRef(
             overflow: "hidden auto",
             ...n.style
           },
-          onScroll: P(n.onScroll, (p) => {
-            const v = p.currentTarget, { contentWrapper: _, shouldExpandOnScrollRef: T } = c;
-            if (T != null && T.current && _) {
-              const b = Math.abs(s.current - v.scrollTop);
-              if (b > 0) {
-                const S = window.innerHeight - L * 2, u = parseFloat(_.style.minHeight), g = parseFloat(_.style.height), y = Math.max(u, g);
-                if (y < S) {
-                  const f = y + b, h = Math.min(S, f), M = f - h;
-                  _.style.height = h + "px", _.style.bottom === "0px" && (v.scrollTop = M > 0 ? M : 0, _.style.justifyContent = "flex-end");
+          onScroll: b(n.onScroll, (p) => {
+            const g = p.currentTarget, { contentWrapper: S, shouldExpandOnScrollRef: _ } = a;
+            if (_ != null && _.current && S) {
+              const P = Math.abs(c.current - g.scrollTop);
+              if (P > 0) {
+                const T = window.innerHeight - D * 2, u = parseFloat(S.style.minHeight), v = parseFloat(S.style.height), C = Math.max(u, v);
+                if (C < T) {
+                  const f = C + P, h = Math.min(T, f), M = f - h;
+                  S.style.height = h + "px", S.style.bottom === "0px" && (g.scrollTop = M > 0 ? M : 0, S.style.justifyContent = "flex-end");
                 }
               }
             }
-            s.current = v.scrollTop;
+            c.current = g.scrollTop;
           })
         }
       ) })
     ] });
   }
 );
-qe.displayName = Ce;
-var Xe = "SelectGroup", [Yt, $t] = le(Xe), qt = l.forwardRef(
+qe.displayName = _e;
+var Xe = "SelectGroup", [Gt, Yt] = le(Xe), $t = l.forwardRef(
   (t, o) => {
     const { __scopeSelect: e, ...r } = t, n = Ne();
-    return /* @__PURE__ */ i(Yt, { scope: e, id: n, children: /* @__PURE__ */ i(N.div, { role: "group", "aria-labelledby": n, ...r, ref: o }) });
+    return /* @__PURE__ */ i(Gt, { scope: e, id: n, children: /* @__PURE__ */ i(N.div, { role: "group", "aria-labelledby": n, ...r, ref: o }) });
   }
 );
-qt.displayName = Xe;
-var Ze = "SelectLabel", Xt = l.forwardRef(
+$t.displayName = Xe;
+var Ze = "SelectLabel", qt = l.forwardRef(
   (t, o) => {
-    const { __scopeSelect: e, ...r } = t, n = $t(Ze, e);
+    const { __scopeSelect: e, ...r } = t, n = Yt(Ze, e);
     return /* @__PURE__ */ i(N.div, { id: n.id, ...r, ref: o });
   }
 );
-Xt.displayName = Ze;
-var ue = "SelectItem", [Zt, Je] = le(ue), Qe = l.forwardRef(
+qt.displayName = Ze;
+var ue = "SelectItem", [Xt, Je] = le(ue), Qe = l.forwardRef(
   (t, o) => {
     const {
       __scopeSelect: e,
       value: r,
       disabled: n = !1,
       textValue: d,
-      ...c
-    } = t, a = Z(ue, e), s = J(ue, e), p = a.value === r, [v, _] = l.useState(d ?? ""), [T, b] = l.useState(!1), S = B(
+      ...a
+    } = t, s = Z(ue, e), c = J(ue, e), p = s.value === r, [g, S] = l.useState(d ?? ""), [_, P] = l.useState(!1), T = V(
       o,
       (f) => {
         var h;
-        return (h = s.itemRefCallback) == null ? void 0 : h.call(s, f, r, n);
+        return (h = c.itemRefCallback) == null ? void 0 : h.call(c, f, r, n);
       }
-    ), u = Ne(), g = l.useRef("touch"), y = () => {
-      n || (a.onValueChange(r), a.onOpenChange(!1));
+    ), u = Ne(), v = l.useRef("touch"), C = () => {
+      n || (s.onValueChange(r), s.onOpenChange(!1));
     };
     if (r === "")
       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(
-      Zt,
+      Xt,
       {
         scope: e,
         value: r,
@@ -619,7 +618,7 @@ var ue = "SelectItem", [Zt, Je] = le(ue), Qe = l.forwardRef(
         textId: u,
         isSelected: p,
         onItemTextChange: l.useCallback((f) => {
-          _((h) => h || ((f == null ? void 0 : f.textContent) ?? "").trim());
+          S((h) => h || ((f == null ? void 0 : f.textContent) ?? "").trim());
         }, []),
         children: /* @__PURE__ */ i(
           pe.ItemSlot,
@@ -627,42 +626,42 @@ var ue = "SelectItem", [Zt, Je] = le(ue), Qe = l.forwardRef(
             scope: e,
             value: r,
             disabled: n,
-            textValue: v,
+            textValue: g,
             children: /* @__PURE__ */ i(
               N.div,
               {
                 role: "option",
                 "aria-labelledby": u,
-                "data-highlighted": T ? "" : void 0,
-                "aria-selected": p && T,
+                "data-highlighted": _ ? "" : void 0,
+                "aria-selected": p && _,
                 "data-state": p ? "checked" : "unchecked",
                 "aria-disabled": n || void 0,
                 "data-disabled": n ? "" : void 0,
                 tabIndex: n ? void 0 : -1,
-                ...c,
-                ref: S,
-                onFocus: P(c.onFocus, () => b(!0)),
-                onBlur: P(c.onBlur, () => b(!1)),
-                onClick: P(c.onClick, () => {
-                  g.current !== "mouse" && y();
+                ...a,
+                ref: T,
+                onFocus: b(a.onFocus, () => P(!0)),
+                onBlur: b(a.onBlur, () => P(!1)),
+                onClick: b(a.onClick, () => {
+                  v.current !== "mouse" && C();
                 }),
-                onPointerUp: P(c.onPointerUp, () => {
-                  g.current === "mouse" && y();
+                onPointerUp: b(a.onPointerUp, () => {
+                  v.current === "mouse" && C();
                 }),
-                onPointerDown: P(c.onPointerDown, (f) => {
-                  g.current = f.pointerType;
+                onPointerDown: b(a.onPointerDown, (f) => {
+                  v.current = f.pointerType;
                 }),
-                onPointerMove: P(c.onPointerMove, (f) => {
+                onPointerMove: b(a.onPointerMove, (f) => {
                   var h;
-                  g.current = f.pointerType, n ? (h = s.onItemLeave) == null || h.call(s) : g.current === "mouse" && f.currentTarget.focus({ preventScroll: !0 });
+                  v.current = f.pointerType, n ? (h = c.onItemLeave) == null || h.call(c) : v.current === "mouse" && f.currentTarget.focus({ preventScroll: !0 });
                 }),
-                onPointerLeave: P(c.onPointerLeave, (f) => {
+                onPointerLeave: b(a.onPointerLeave, (f) => {
                   var h;
-                  f.currentTarget === document.activeElement && ((h = s.onItemLeave) == null || h.call(s));
+                  f.currentTarget === document.activeElement && ((h = c.onItemLeave) == null || h.call(c));
                 }),
-                onKeyDown: P(c.onKeyDown, (f) => {
+                onKeyDown: b(a.onKeyDown, (f) => {
                   var M;
-                  ((M = s.searchRef) == null ? void 0 : M.current) !== "" && f.key === " " || (Lt.includes(f.key) && y(), f.key === " " && f.preventDefault());
+                  ((M = c.searchRef) == null ? void 0 : M.current) !== "" && f.key === " " || (Dt.includes(f.key) && C(), f.key === " " && f.preventDefault());
                 })
               }
             )
@@ -675,21 +674,21 @@ var ue = "SelectItem", [Zt, Je] = le(ue), Qe = l.forwardRef(
 Qe.displayName = ue;
 var ae = "SelectItemText", et = l.forwardRef(
   (t, o) => {
-    const { __scopeSelect: e, className: r, style: n, ...d } = t, c = Z(ae, e), a = J(ae, e), s = Je(ae, e), p = Vt(ae, e), [v, _] = l.useState(null), T = B(
+    const { __scopeSelect: e, className: r, style: n, ...d } = t, a = Z(ae, e), s = J(ae, e), c = Je(ae, e), p = Vt(ae, e), [g, S] = l.useState(null), _ = V(
       o,
-      (y) => _(y),
-      s.onItemTextChange,
-      (y) => {
+      (C) => S(C),
+      c.onItemTextChange,
+      (C) => {
         var f;
-        return (f = a.itemTextRefCallback) == null ? void 0 : f.call(a, y, s.value, s.disabled);
+        return (f = s.itemTextRefCallback) == null ? void 0 : f.call(s, C, c.value, c.disabled);
       }
-    ), b = v == null ? void 0 : v.textContent, S = l.useMemo(
-      () => /* @__PURE__ */ i("option", { value: s.value, disabled: s.disabled, children: b }, s.value),
-      [s.disabled, s.value, b]
-    ), { onNativeOptionAdd: u, onNativeOptionRemove: g } = p;
-    return K(() => (u(S), () => g(S)), [u, g, S]), /* @__PURE__ */ $(Pe, { children: [
-      /* @__PURE__ */ i(N.span, { id: s.textId, ...d, ref: T }),
-      s.isSelected && c.valueNode && !c.valueNodeHasChildren ? De.createPortal(d.children, c.valueNode) : null
+    ), P = g == null ? void 0 : g.textContent, T = l.useMemo(
+      () => /* @__PURE__ */ i("option", { value: c.value, disabled: c.disabled, children: P }, c.value),
+      [c.disabled, c.value, P]
+    ), { onNativeOptionAdd: u, onNativeOptionRemove: v } = p;
+    return z(() => (u(T), () => v(T)), [u, v, T]), /* @__PURE__ */ $(be, { children: [
+      /* @__PURE__ */ i(N.span, { id: c.textId, ...d, ref: _ }),
+      c.isSelected && a.valueNode && !a.valueNodeHasChildren ? De.createPortal(d.children, a.valueNode) : null
     ] });
   }
 );
@@ -702,130 +701,130 @@ var tt = "SelectItemIndicator", ot = l.forwardRef(
 );
 ot.displayName = tt;
 var Ie = "SelectScrollUpButton", nt = l.forwardRef((t, o) => {
-  const e = J(Ie, t.__scopeSelect), r = Re(Ie, t.__scopeSelect), [n, d] = l.useState(!1), c = B(o, r.onScrollButtonChange);
-  return K(() => {
+  const e = J(Ie, t.__scopeSelect), r = Ee(Ie, t.__scopeSelect), [n, d] = l.useState(!1), a = V(o, r.onScrollButtonChange);
+  return z(() => {
     if (e.viewport && e.isPositioned) {
-      let a = function() {
-        const p = s.scrollTop > 0;
+      let s = function() {
+        const p = c.scrollTop > 0;
         d(p);
       };
-      const s = e.viewport;
-      return a(), s.addEventListener("scroll", a), () => s.removeEventListener("scroll", a);
+      const c = e.viewport;
+      return s(), c.addEventListener("scroll", s), () => c.removeEventListener("scroll", s);
     }
   }, [e.viewport, e.isPositioned]), n ? /* @__PURE__ */ i(
     lt,
     {
       ...t,
-      ref: c,
+      ref: a,
       onAutoScroll: () => {
-        const { viewport: a, selectedItem: s } = e;
-        a && s && (a.scrollTop = a.scrollTop - s.offsetHeight);
+        const { viewport: s, selectedItem: c } = e;
+        s && c && (s.scrollTop = s.scrollTop - c.offsetHeight);
       }
     }
   ) : null;
 });
 nt.displayName = Ie;
 var Te = "SelectScrollDownButton", rt = l.forwardRef((t, o) => {
-  const e = J(Te, t.__scopeSelect), r = Re(Te, t.__scopeSelect), [n, d] = l.useState(!1), c = B(o, r.onScrollButtonChange);
-  return K(() => {
+  const e = J(Te, t.__scopeSelect), r = Ee(Te, t.__scopeSelect), [n, d] = l.useState(!1), a = V(o, r.onScrollButtonChange);
+  return z(() => {
     if (e.viewport && e.isPositioned) {
-      let a = function() {
-        const p = s.scrollHeight - s.clientHeight, v = Math.ceil(s.scrollTop) < p;
-        d(v);
+      let s = function() {
+        const p = c.scrollHeight - c.clientHeight, g = Math.ceil(c.scrollTop) < p;
+        d(g);
       };
-      const s = e.viewport;
-      return a(), s.addEventListener("scroll", a), () => s.removeEventListener("scroll", a);
+      const c = e.viewport;
+      return s(), c.addEventListener("scroll", s), () => c.removeEventListener("scroll", s);
     }
   }, [e.viewport, e.isPositioned]), n ? /* @__PURE__ */ i(
     lt,
     {
       ...t,
-      ref: c,
+      ref: a,
       onAutoScroll: () => {
-        const { viewport: a, selectedItem: s } = e;
-        a && s && (a.scrollTop = a.scrollTop + s.offsetHeight);
+        const { viewport: s, selectedItem: c } = e;
+        s && c && (s.scrollTop = s.scrollTop + c.offsetHeight);
       }
     }
   ) : null;
 });
 rt.displayName = Te;
 var lt = l.forwardRef((t, o) => {
-  const { __scopeSelect: e, onAutoScroll: r, ...n } = t, d = J("SelectScrollButton", e), c = l.useRef(null), a = fe(e), s = l.useCallback(() => {
-    c.current !== null && (window.clearInterval(c.current), c.current = null);
+  const { __scopeSelect: e, onAutoScroll: r, ...n } = t, d = J("SelectScrollButton", e), a = l.useRef(null), s = fe(e), c = l.useCallback(() => {
+    a.current !== null && (window.clearInterval(a.current), a.current = null);
   }, []);
-  return l.useEffect(() => () => s(), [s]), K(() => {
-    var v;
-    const p = a().find((_) => _.ref.current === document.activeElement);
-    (v = p == null ? void 0 : p.ref.current) == null || v.scrollIntoView({ block: "nearest" });
-  }, [a]), /* @__PURE__ */ i(
+  return l.useEffect(() => () => c(), [c]), z(() => {
+    var g;
+    const p = s().find((S) => S.ref.current === document.activeElement);
+    (g = p == null ? void 0 : p.ref.current) == null || g.scrollIntoView({ block: "nearest" });
+  }, [s]), /* @__PURE__ */ i(
     N.div,
     {
       "aria-hidden": !0,
       ...n,
       ref: o,
       style: { flexShrink: 0, ...n.style },
-      onPointerDown: P(n.onPointerDown, () => {
-        c.current === null && (c.current = window.setInterval(r, 50));
+      onPointerDown: b(n.onPointerDown, () => {
+        a.current === null && (a.current = window.setInterval(r, 50));
       }),
-      onPointerMove: P(n.onPointerMove, () => {
+      onPointerMove: b(n.onPointerMove, () => {
         var p;
-        (p = d.onItemLeave) == null || p.call(d), c.current === null && (c.current = window.setInterval(r, 50));
+        (p = d.onItemLeave) == null || p.call(d), a.current === null && (a.current = window.setInterval(r, 50));
       }),
-      onPointerLeave: P(n.onPointerLeave, () => {
-        s();
+      onPointerLeave: b(n.onPointerLeave, () => {
+        c();
       })
     }
   );
-}), Jt = "SelectSeparator", Qt = l.forwardRef(
+}), Zt = "SelectSeparator", Jt = l.forwardRef(
   (t, o) => {
     const { __scopeSelect: e, ...r } = t;
     return /* @__PURE__ */ i(N.div, { "aria-hidden": !0, ...r, ref: o });
   }
 );
-Qt.displayName = Jt;
-var be = "SelectArrow", eo = l.forwardRef(
+Jt.displayName = Zt;
+var Pe = "SelectArrow", Qt = l.forwardRef(
   (t, o) => {
-    const { __scopeSelect: e, ...r } = t, n = me(e), d = Z(be, e), c = J(be, e);
-    return d.open && c.position === "popper" ? /* @__PURE__ */ i(Pt, { ...n, ...r, ref: o }) : null;
+    const { __scopeSelect: e, ...r } = t, n = me(e), d = Z(Pe, e), a = J(Pe, e);
+    return d.open && a.position === "popper" ? /* @__PURE__ */ i(bt, { ...n, ...r, ref: o }) : null;
   }
 );
-eo.displayName = be;
-var to = "SelectBubbleInput", st = l.forwardRef(
+Qt.displayName = Pe;
+var eo = "SelectBubbleInput", ct = l.forwardRef(
   ({ __scopeSelect: t, value: o, ...e }, r) => {
-    const n = l.useRef(null), d = B(r, n), c = Nt(o);
+    const n = l.useRef(null), d = V(r, n), a = Nt(o);
     return l.useEffect(() => {
-      const a = n.current;
-      if (!a) return;
-      const s = window.HTMLSelectElement.prototype, v = Object.getOwnPropertyDescriptor(
-        s,
+      const s = n.current;
+      if (!s) return;
+      const c = window.HTMLSelectElement.prototype, g = Object.getOwnPropertyDescriptor(
+        c,
         "value"
       ).set;
-      if (c !== o && v) {
-        const _ = new Event("change", { bubbles: !0 });
-        v.call(a, o), a.dispatchEvent(_);
+      if (a !== o && g) {
+        const S = new Event("change", { bubbles: !0 });
+        g.call(s, o), s.dispatchEvent(S);
       }
-    }, [c, o]), /* @__PURE__ */ i(
+    }, [a, o]), /* @__PURE__ */ i(
       N.select,
       {
         ...e,
-        style: { ...ze, ...e.style },
+        style: { ...Be, ...e.style },
         ref: d,
         defaultValue: o
       }
     );
   }
 );
-st.displayName = to;
-function ct(t) {
+ct.displayName = eo;
+function st(t) {
   return t === "" || t === void 0;
 }
 function at(t) {
-  const o = wt(t), e = l.useRef(""), r = l.useRef(0), n = l.useCallback(
-    (c) => {
-      const a = e.current + c;
-      o(a), function s(p) {
-        e.current = p, window.clearTimeout(r.current), p !== "" && (r.current = window.setTimeout(() => s(""), 1e3));
-      }(a);
+  const o = yt(t), e = l.useRef(""), r = l.useRef(0), n = l.useCallback(
+    (a) => {
+      const s = e.current + a;
+      o(s), function c(p) {
+        e.current = p, window.clearTimeout(r.current), p !== "" && (r.current = window.setTimeout(() => c(""), 1e3));
+      }(s);
     },
     [o]
   ), d = l.useCallback(() => {
@@ -835,17 +834,17 @@ function at(t) {
 }
 function it(t, o, e) {
   const n = o.length > 1 && Array.from(o).every((p) => p === o[0]) ? o[0] : o, d = e ? t.indexOf(e) : -1;
-  let c = oo(t, Math.max(d, 0));
-  n.length === 1 && (c = c.filter((p) => p !== e));
-  const s = c.find(
+  let a = to(t, Math.max(d, 0));
+  n.length === 1 && (a = a.filter((p) => p !== e));
+  const c = a.find(
     (p) => p.textValue.toLowerCase().startsWith(n.toLowerCase())
   );
-  return s !== e ? s : void 0;
+  return c !== e ? c : void 0;
 }
-function oo(t, o) {
+function to(t, o) {
   return t.map((e, r) => t[(o + r) % t.length]);
 }
-var no = Be, ro = He, lo = Fe, so = Ue, co = Ke, ao = je, io = qe, uo = Qe, po = et, fo = ot, mo = nt, ho = rt, dt = {
+var oo = Ve, no = We, ro = Fe, lo = Ke, co = ze, so = je, ao = qe, io = Qe, uo = et, po = ot, fo = nt, mo = rt, dt = {
   color: void 0,
   size: void 0,
   className: void 0,
@@ -859,7 +858,7 @@ var no = Be, ro = He, lo = Fe, so = Ue, co = Ke, ao = je, io = qe, uo = Qe, po =
     }
     return t;
   }, X.apply(this, arguments);
-}, go = function(t, o) {
+}, ho = function(t, o) {
   var e = {};
   for (var r in t) Object.prototype.hasOwnProperty.call(t, r) && o.indexOf(r) < 0 && (e[r] = t[r]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function") for (var n = 0, r = Object.getOwnPropertySymbols(t); n < r.length; n++)
@@ -882,18 +881,18 @@ function pt(t) {
 }
 function vo(t) {
   var o = function(e) {
-    var r = t.attr, n = t.size, d = t.title, c = go(t, ["attr", "size", "title"]), a = n || e.size || "1em", s;
-    return e.className && (s = e.className), t.className && (s = (s ? s + " " : "") + t.className), q.createElement("svg", X({
+    var r = t.attr, n = t.size, d = t.title, a = ho(t, ["attr", "size", "title"]), s = n || e.size || "1em", c;
+    return e.className && (c = e.className), t.className && (c = (c ? c + " " : "") + t.className), q.createElement("svg", X({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
-    }, e.attr, r, c, {
-      className: s,
+    }, e.attr, r, a, {
+      className: c,
       style: X(X({
         color: t.color || e.color
       }, e.style), t.style),
-      height: a,
-      width: a,
+      height: s,
+      width: s,
       xmlns: "http://www.w3.org/2000/svg"
     }), d && q.createElement("title", null, d), t.children);
   };
@@ -904,70 +903,52 @@ function vo(t) {
 function Ae(t) {
   return pt({ attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z" } }] })(t);
 }
-function _o(t) {
+function go(t) {
   return pt({ attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z" } }] })(t);
 }
-const So = "cfxui__Select__trigger__232e4", wo = "cfxui__Select__fullWidth__739d7", xo = "cfxui__Select__icon__36b6c", yo = "cfxui__Select__content__067da", Co = "cfxui__Select__app__e0114", Io = "cfxui__Select__arrow__8e7eb", To = "cfxui__Select__option__2de5d", bo = "cfxui__Select__tickIcon__71e80", D = {
+const So = "cfxui__Select__trigger__232e4", wo = "cfxui__Select__fullWidth__739d7", yo = "cfxui__Select__icon__36b6c", Co = "cfxui__Select__content__067da", xo = "cfxui__Select__arrow__8e7eb", _o = "cfxui__Select__option__2de5d", Io = "cfxui__Select__tickIcon__71e80", B = {
   trigger: So,
   fullWidth: wo,
-  icon: xo,
-  content: yo,
-  app: Co,
-  arrow: Io,
-  option: To,
-  tickIcon: bo,
-  "select-size-initial-large": "cfxui__Select__select-size-initial-large__5e47d",
-  "select-size-initial-small": "cfxui__Select__select-size-initial-small__5ae12",
-  "select-size-small-large": "cfxui__Select__select-size-small-large__79811",
-  "select-size-small-small": "cfxui__Select__select-size-small-small__1c10c",
-  "select-size-small-medium-large": "cfxui__Select__select-size-small-medium-large__0bc35",
-  "select-size-small-medium-small": "cfxui__Select__select-size-small-medium-small__82515",
-  "select-size-medium-large": "cfxui__Select__select-size-medium-large__e0eb0",
-  "select-size-medium-small": "cfxui__Select__select-size-medium-small__2c904",
-  "select-size-medium-large-large": "cfxui__Select__select-size-medium-large-large__a66c1",
-  "select-size-medium-large-small": "cfxui__Select__select-size-medium-large-small__7dce3",
-  "select-size-large-large": "cfxui__Select__select-size-large-large__88062",
-  "select-size-large-small": "cfxui__Select__select-size-large-small__fb50b",
-  "select-size-xlarge-large": "cfxui__Select__select-size-xlarge-large__5abb1",
-  "select-size-xlarge-small": "cfxui__Select__select-size-xlarge-small__5ddbb"
+  icon: yo,
+  content: Co,
+  arrow: xo,
+  option: _o,
+  tickIcon: Io
 };
-function Vo(t) {
+function ko(t) {
   const {
     value: o,
     options: e,
     onChange: r,
-    size: n = "normal",
-    placeholder: d,
-    disabled: c = !1,
+    placeholder: n,
+    disabled: d = !1,
     fullWidth: a = !1,
     className: s
-  } = t, [p, v] = q.useState(!1), _ = Et.getResponsiveFlatClassnames("select-size", n).map((S) => D[S]), T = xe(
+  } = t, [c, p] = q.useState(!1), g = Ce(
     s,
-    D.trigger,
-    _,
+    B.trigger,
     {
-      [D.disabled]: c,
-      [D.fullWidth]: a
+      [B.disabled]: d,
+      [B.fullWidth]: a
     }
-  ), b = xe(
-    D.content,
-    _
+  ), S = Ce(
+    B.content
   );
-  return /* @__PURE__ */ $(no, { value: o, onValueChange: r, onOpenChange: v, open: p, children: [
-    /* @__PURE__ */ $(ro, { disabled: c, className: T, children: [
-      /* @__PURE__ */ i(lo, { placeholder: d }),
-      /* @__PURE__ */ i(so, { className: D.icon, children: /* @__PURE__ */ i(Ae, {}) })
+  return /* @__PURE__ */ $(oo, { value: o, onValueChange: r, onOpenChange: p, open: c, children: [
+    /* @__PURE__ */ $(no, { disabled: d, className: g, children: [
+      /* @__PURE__ */ i(ro, { placeholder: n }),
+      /* @__PURE__ */ i(lo, { className: B.icon, children: /* @__PURE__ */ i(Ae, {}) })
     ] }),
-    /* @__PURE__ */ i(co, { children: /* @__PURE__ */ $(ao, { className: b, children: [
-      /* @__PURE__ */ i(mo, { className: D.arrow, children: /* @__PURE__ */ i(_o, {}) }),
-      /* @__PURE__ */ i(io, { children: e.map((S) => /* @__PURE__ */ $(uo, { value: S.value, className: xe(D.option), children: [
-        /* @__PURE__ */ i(po, { children: S.label }),
-        /* @__PURE__ */ i(fo, { className: D.indicator, children: /* @__PURE__ */ i(Rt, { name: "Tick", className: D.tickIcon }) })
-      ] }, S.value)) }),
-      /* @__PURE__ */ i(ho, { className: D.arrow, children: /* @__PURE__ */ i(Ae, {}) })
+    /* @__PURE__ */ i(co, { children: /* @__PURE__ */ $(so, { className: S, children: [
+      /* @__PURE__ */ i(fo, { className: B.arrow, children: /* @__PURE__ */ i(go, {}) }),
+      /* @__PURE__ */ i(ao, { children: e.map((_) => /* @__PURE__ */ $(io, { value: _.value, className: Ce(B.option), children: [
+        /* @__PURE__ */ i(uo, { children: _.label }),
+        /* @__PURE__ */ i(po, { className: B.indicator, children: /* @__PURE__ */ i(Et, { name: "Tick", className: B.tickIcon }) })
+      ] }, _.value)) }),
+      /* @__PURE__ */ i(mo, { className: B.arrow, children: /* @__PURE__ */ i(Ae, {}) })
     ] }) })
   ] });
 }
 export {
-  Vo as Select
+  ko as Select
 };