@cfx-dev/ui-components 5.0.22 → 5.0.23

package/dist/components/Select/Select.js

@@ -1,19 +1,19 @@
 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 { R as ft, r as De } from "../../index-CUyjBl1Y.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 { e as z, P as N, u as Oe, a as V, c as b, d as mt, f as ht } from "../../index-8cuIcSMB.js";
+import { u as vt, c as gt } from "../../index-BzirdFxK.js";
+import { d as St, u as Ne, A as wt, c as Le, 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-BNueeiCk.js";
 import { u as Nt } from "../../index-BZPx6jYI.js";
 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;
+  var c;
   const { container: e, ...r } = t, [n, d] = l.useState(!1);
   z(() => d(!0), []);
-  const a = e || n && ((s = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : s.body);
+  const a = e || n && ((c = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : c.body);
   return a ? ft.createPortal(/* @__PURE__ */ i(N.div, { ...r, ref: o }), a) : null;
 });
 ke.displayName = Rt;
@@ -40,7 +40,7 @@ var Be = Object.freeze({
   )
 );
 Mt.displayName = Ot;
-var At = [" ", "Enter", "ArrowUp", "ArrowDown"], Dt = [" ", "Enter"], oe = "Select", [pe, fe, Lt] = gt(oe), [le, Lo] = mt(oe, [
+var At = [" ", "Enter", "ArrowUp", "ArrowDown"], Dt = [" ", "Enter"], oe = "Select", [pe, fe, Lt] = gt(oe), [le] = mt(oe, [
   Lt,
   Le
 ]), me = Le(), [kt, Z] = le(oe), [Bt, Vt] = le(oe), Ve = (t) => {
@@ -51,23 +51,23 @@ var At = [" ", "Enter", "ArrowUp", "ArrowDown"], Dt = [" ", "Enter"], oe = "Sele
     defaultOpen: n,
     onOpenChange: d,
     value: a,
-    defaultValue: s,
-    onValueChange: c,
+    defaultValue: c,
+    onValueChange: s,
     dir: p,
     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({
+  } = t, u = me(o), [v, C] = l.useState(null), [f, h] = l.useState(null), [M, A] = l.useState(!1), se = vt(p), [E, L] = Oe({
     prop: r,
     defaultProp: n ?? !1,
     onChange: d,
     caller: oe
   }), [j, Q] = Oe({
     prop: a,
-    defaultProp: s,
-    onChange: c,
+    defaultProp: c,
+    onChange: s,
     caller: oe
   }), 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__ */ $(
@@ -86,7 +86,7 @@ var At = [" ", "Enter", "ArrowUp", "ArrowDown"], Dt = [" ", "Enter"], oe = "Sele
       onValueChange: Q,
       open: E,
       onOpenChange: L,
-      dir: ce,
+      dir: se,
       triggerPointerDownPosRef: H,
       disabled: _,
       children: [
@@ -107,7 +107,7 @@ var At = [" ", "Enter", "ArrowUp", "ArrowDown"], Dt = [" ", "Enter"], oe = "Sele
           }
         ) }),
         W ? /* @__PURE__ */ $(
-          ct,
+          st,
           {
             "aria-hidden": !0,
             required: P,
@@ -132,11 +132,11 @@ var At = [" ", "Enter", "ArrowUp", "ArrowDown"], Dt = [" ", "Enter"], oe = "Sele
 Ve.displayName = oe;
 var He = "SelectTrigger", We = l.forwardRef(
   (t, o) => {
-    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 { __scopeSelect: e, disabled: r = !1, ...n } = t, d = me(e), a = Z(He, e), c = a.disabled || r, s = 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 = {
+      c || (a.onOpenChange(!0), P()), u && (a.triggerPointerDownPosRef.current = {
         x: Math.round(u.pageX),
         y: Math.round(u.pageY)
       });
@@ -152,11 +152,11 @@ var He = "SelectTrigger", We = l.forwardRef(
         "aria-autocomplete": "none",
         dir: a.dir,
         "data-state": a.open ? "open" : "closed",
-        disabled: s,
-        "data-disabled": s ? "" : void 0,
-        "data-placeholder": st(a.value) ? "" : void 0,
+        disabled: c,
+        "data-disabled": c ? "" : void 0,
+        "data-placeholder": ct(a.value) ? "" : void 0,
         ...n,
-        ref: c,
+        ref: s,
         onClick: b(n.onClick, (u) => {
           u.currentTarget.focus(), g.current !== "mouse" && T(u);
         }),
@@ -176,16 +176,16 @@ var He = "SelectTrigger", We = l.forwardRef(
 We.displayName = He;
 var Ue = "SelectValue", Fe = l.forwardRef(
   (t, o) => {
-    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);
+    const { __scopeSelect: e, className: r, style: n, children: d, placeholder: a = "", ...c } = t, s = Z(Ue, e), { onValueNodeHasChildrenChange: p } = s, g = d !== void 0, S = V(o, s.onValueNodeChange);
     return z(() => {
       p(g);
     }, [p, g]), /* @__PURE__ */ i(
       N.span,
       {
-        ...s,
+        ...c,
         ref: S,
         style: { pointerEvents: "none" },
-        children: st(c.value) ? /* @__PURE__ */ i(be, { children: a }) : d
+        children: ct(s.value) ? /* @__PURE__ */ i(be, { children: a }) : d
       }
     );
   }
@@ -226,8 +226,8 @@ var D = 10, [Ge, J] = le(ne), Ut = "SelectContentImpl", Ft = ht("SelectContent.R
       onPointerDownOutside: a,
       //
       // PopperContent props
-      side: s,
-      sideOffset: c,
+      side: c,
+      sideOffset: s,
       align: p,
       alignOffset: g,
       arrowPadding: S,
@@ -238,7 +238,7 @@ var D = 10, [Ge, J] = le(ne), Ut = "SelectContentImpl", Ft = ht("SelectContent.R
       avoidCollisions: v,
       //
       ...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(
+    } = t, f = Z(ne, e), [h, M] = l.useState(null), [A, se] = l.useState(null), E = V(o, (m) => M(m)), [L, j] = l.useState(null), [Q, H] = l.useState(
       null
     ), W = fe(e), [G, U] = l.useState(!1), F = l.useRef(!1);
     l.useEffect(() => {
@@ -296,9 +296,9 @@ var D = 10, [Ge, J] = le(ne), Ut = "SelectContentImpl", Ft = ht("SelectContent.R
         (f.value !== void 0 && f.value === I || x) && H(m);
       },
       [f.value]
-    ), de = r === "popper" ? xe : $e, se = de === xe ? {
-      side: s,
-      sideOffset: c,
+    ), de = r === "popper" ? xe : $e, ce = de === xe ? {
+      side: c,
+      sideOffset: s,
       align: p,
       alignOffset: g,
       arrowPadding: S,
@@ -314,7 +314,7 @@ var D = 10, [Ge, J] = le(ne), Ut = "SelectContentImpl", Ft = ht("SelectContent.R
         scope: e,
         content: h,
         viewport: A,
-        onViewportChange: ce,
+        onViewportChange: se,
         itemRefCallback: ve,
         selectedItem: L,
         onItemLeave: ge,
@@ -354,7 +354,7 @@ var D = 10, [Ge, J] = le(ne), Ut = "SelectContentImpl", Ft = ht("SelectContent.R
                     dir: f.dir,
                     onContextMenu: (m) => m.preventDefault(),
                     ...C,
-                    ...se,
+                    ...ce,
                     onPlaced: () => U(!0),
                     ref: E,
                     style: {
@@ -388,8 +388,8 @@ var D = 10, [Ge, J] = le(ne), Ut = "SelectContentImpl", Ft = ht("SelectContent.R
 );
 Ye.displayName = Ut;
 var Kt = "SelectItemAlignedPosition", $e = l.forwardRef((t, o) => {
-  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 { __scopeSelect: e, onPlaced: r, ...n } = t, d = Z(ne, e), a = J(ne, e), [c, s] = 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 && c && 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 - 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, [
@@ -401,41 +401,41 @@ var Kt = "SelectItemAlignedPosition", $e = l.forwardRef((t, o) => {
           // https://github.com/radix-ui/primitives/issues/2049
           Math.max(D, we - Se)
         ]);
-        s.style.minWidth = te + "px", s.style.left = ye + "px";
+        c.style.minWidth = te + "px", c.style.left = ye + "px";
       } else {
         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)
         ]);
-        s.style.minWidth = te + "px", s.style.right = ye + "px";
+        c.style.minWidth = te + "px", c.style.right = ye + "px";
       }
-      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;
+      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, ce = v.offsetHeight / 2, m = v.offsetTop + ce, I = F + R + m, O = Y - I;
       if (I <= re) {
         const w = H.length > 0 && v === H[H.length - 1].ref.current;
-        s.style.bottom = "0px";
+        c.style.bottom = "0px";
         const y = p.clientHeight - u.offsetTop - u.offsetHeight, ee = Math.max(
           de,
-          se + // viewport might have padding bottom, include it to avoid a scrollable viewport
+          ce + // viewport might have padding bottom, include it to avoid a scrollable viewport
           (w ? ge : 0) + y + k
         ), te = I + ee;
-        s.style.height = te + "px";
+        c.style.height = te + "px";
       } else {
         const w = H.length > 0 && v === H[0].ref.current;
-        s.style.top = "0px";
+        c.style.top = "0px";
         const ee = Math.max(
           re,
           F + u.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
-          (w ? ve : 0) + se
+          (w ? ve : 0) + ce
         ) + O;
-        s.style.height = ee + "px", u.scrollTop = I - re + u.offsetTop;
+        c.style.height = ee + "px", u.scrollTop = I - re + u.offsetTop;
       }
-      s.style.margin = `${D}px 0`, s.style.minHeight = he + "px", s.style.maxHeight = W + "px", r == null || r(), requestAnimationFrame(() => P.current = !0);
+      c.style.margin = `${D}px 0`, c.style.minHeight = he + "px", c.style.maxHeight = W + "px", r == null || r(), requestAnimationFrame(() => P.current = !0);
     }
   }, [
     _,
     d.trigger,
     d.valueNode,
-    s,
+    c,
     p,
     u,
     v,
@@ -448,7 +448,7 @@ var Kt = "SelectItemAlignedPosition", $e = l.forwardRef((t, o) => {
   z(() => {
     p && A(window.getComputedStyle(p).zIndex);
   }, [p]);
-  const ce = l.useCallback(
+  const se = l.useCallback(
     (E) => {
       E && T.current === !0 && (h(), f == null || f(), T.current = !1);
     },
@@ -458,13 +458,13 @@ var Kt = "SelectItemAlignedPosition", $e = l.forwardRef((t, o) => {
     jt,
     {
       scope: e,
-      contentWrapper: s,
+      contentWrapper: c,
       shouldExpandOnScrollRef: P,
-      onScrollButtonChange: ce,
+      onScrollButtonChange: se,
       children: /* @__PURE__ */ i(
         "div",
         {
-          ref: c,
+          ref: s,
           style: {
             display: "flex",
             flexDirection: "column",
@@ -523,7 +523,7 @@ var zt = "SelectPopperPosition", xe = l.forwardRef((t, o) => {
 xe.displayName = zt;
 var [jt, Ee] = le(ne, {}), _e = "SelectViewport", qe = l.forwardRef(
   (t, o) => {
-    const { __scopeSelect: e, nonce: r, ...n } = t, d = J(_e, e), a = Ee(_e, e), s = V(o, d.onViewportChange), c = l.useRef(0);
+    const { __scopeSelect: e, nonce: r, ...n } = t, d = J(_e, e), a = Ee(_e, e), c = V(o, d.onViewportChange), s = l.useRef(0);
     return /* @__PURE__ */ $(be, { children: [
       /* @__PURE__ */ i(
         "style",
@@ -540,7 +540,7 @@ var [jt, Ee] = le(ne, {}), _e = "SelectViewport", qe = l.forwardRef(
           "data-radix-select-viewport": "",
           role: "presentation",
           ...n,
-          ref: s,
+          ref: c,
           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
@@ -557,7 +557,7 @@ var [jt, Ee] = le(ne, {}), _e = "SelectViewport", qe = l.forwardRef(
           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);
+              const P = Math.abs(s.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) {
@@ -566,7 +566,7 @@ var [jt, Ee] = le(ne, {}), _e = "SelectViewport", qe = l.forwardRef(
                 }
               }
             }
-            c.current = g.scrollTop;
+            s.current = g.scrollTop;
           })
         }
       ) })
@@ -596,14 +596,14 @@ var ue = "SelectItem", [Xt, Je] = le(ue), Qe = l.forwardRef(
       disabled: n = !1,
       textValue: d,
       ...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(
+    } = t, c = Z(ue, e), s = J(ue, e), p = c.value === r, [g, S] = l.useState(d ?? ""), [_, P] = l.useState(!1), T = V(
       o,
       (f) => {
         var h;
-        return (h = c.itemRefCallback) == null ? void 0 : h.call(c, f, r, n);
+        return (h = s.itemRefCallback) == null ? void 0 : h.call(s, f, r, n);
       }
     ), u = Ne(), v = l.useRef("touch"), C = () => {
-      n || (s.onValueChange(r), s.onOpenChange(!1));
+      n || (c.onValueChange(r), c.onOpenChange(!1));
     };
     if (r === "")
       throw new Error(
@@ -653,15 +653,15 @@ var ue = "SelectItem", [Xt, Je] = le(ue), Qe = l.forwardRef(
                 }),
                 onPointerMove: b(a.onPointerMove, (f) => {
                   var h;
-                  v.current = f.pointerType, n ? (h = c.onItemLeave) == null || h.call(c) : v.current === "mouse" && f.currentTarget.focus({ preventScroll: !0 });
+                  v.current = f.pointerType, n ? (h = s.onItemLeave) == null || h.call(s) : v.current === "mouse" && f.currentTarget.focus({ preventScroll: !0 });
                 }),
                 onPointerLeave: b(a.onPointerLeave, (f) => {
                   var h;
-                  f.currentTarget === document.activeElement && ((h = c.onItemLeave) == null || h.call(c));
+                  f.currentTarget === document.activeElement && ((h = s.onItemLeave) == null || h.call(s));
                 }),
                 onKeyDown: b(a.onKeyDown, (f) => {
                   var M;
-                  ((M = c.searchRef) == null ? void 0 : M.current) !== "" && f.key === " " || (Dt.includes(f.key) && C(), f.key === " " && f.preventDefault());
+                  ((M = s.searchRef) == null ? void 0 : M.current) !== "" && f.key === " " || (Dt.includes(f.key) && C(), f.key === " " && f.preventDefault());
                 })
               }
             )
@@ -674,21 +674,21 @@ var ue = "SelectItem", [Xt, 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, a = Z(ae, e), s = J(ae, e), c = Je(ae, e), p = Vt(ae, e), [g, S] = l.useState(null), _ = V(
+    const { __scopeSelect: e, className: r, style: n, ...d } = t, a = Z(ae, e), c = J(ae, e), s = Je(ae, e), p = Vt(ae, e), [g, S] = l.useState(null), _ = V(
       o,
       (C) => S(C),
-      c.onItemTextChange,
+      s.onItemTextChange,
       (C) => {
         var f;
-        return (f = s.itemTextRefCallback) == null ? void 0 : f.call(s, C, c.value, c.disabled);
+        return (f = c.itemTextRefCallback) == null ? void 0 : f.call(c, C, s.value, s.disabled);
       }
     ), 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]
+      () => /* @__PURE__ */ i("option", { value: s.value, disabled: s.disabled, children: P }, s.value),
+      [s.disabled, s.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
+      /* @__PURE__ */ i(N.span, { id: s.textId, ...d, ref: _ }),
+      s.isSelected && a.valueNode && !a.valueNodeHasChildren ? De.createPortal(d.children, a.valueNode) : null
     ] });
   }
 );
@@ -704,12 +704,12 @@ var Ie = "SelectScrollUpButton", nt = l.forwardRef((t, o) => {
   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 s = function() {
-        const p = c.scrollTop > 0;
+      let c = function() {
+        const p = s.scrollTop > 0;
         d(p);
       };
-      const c = e.viewport;
-      return s(), c.addEventListener("scroll", s), () => c.removeEventListener("scroll", s);
+      const s = e.viewport;
+      return c(), s.addEventListener("scroll", c), () => s.removeEventListener("scroll", c);
     }
   }, [e.viewport, e.isPositioned]), n ? /* @__PURE__ */ i(
     lt,
@@ -717,8 +717,8 @@ var Ie = "SelectScrollUpButton", nt = l.forwardRef((t, o) => {
       ...t,
       ref: a,
       onAutoScroll: () => {
-        const { viewport: s, selectedItem: c } = e;
-        s && c && (s.scrollTop = s.scrollTop - c.offsetHeight);
+        const { viewport: c, selectedItem: s } = e;
+        c && s && (c.scrollTop = c.scrollTop - s.offsetHeight);
       }
     }
   ) : null;
@@ -728,12 +728,12 @@ var Te = "SelectScrollDownButton", rt = l.forwardRef((t, o) => {
   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 s = function() {
-        const p = c.scrollHeight - c.clientHeight, g = Math.ceil(c.scrollTop) < p;
+      let c = function() {
+        const p = s.scrollHeight - s.clientHeight, g = Math.ceil(s.scrollTop) < p;
         d(g);
       };
-      const c = e.viewport;
-      return s(), c.addEventListener("scroll", s), () => c.removeEventListener("scroll", s);
+      const s = e.viewport;
+      return c(), s.addEventListener("scroll", c), () => s.removeEventListener("scroll", c);
     }
   }, [e.viewport, e.isPositioned]), n ? /* @__PURE__ */ i(
     lt,
@@ -741,22 +741,22 @@ var Te = "SelectScrollDownButton", rt = l.forwardRef((t, o) => {
       ...t,
       ref: a,
       onAutoScroll: () => {
-        const { viewport: s, selectedItem: c } = e;
-        s && c && (s.scrollTop = s.scrollTop + c.offsetHeight);
+        const { viewport: c, selectedItem: s } = e;
+        c && s && (c.scrollTop = c.scrollTop + s.offsetHeight);
       }
     }
   ) : null;
 });
 rt.displayName = Te;
 var lt = l.forwardRef((t, o) => {
-  const { __scopeSelect: e, onAutoScroll: r, ...n } = t, d = J("SelectScrollButton", e), a = l.useRef(null), s = fe(e), c = l.useCallback(() => {
+  const { __scopeSelect: e, onAutoScroll: r, ...n } = t, d = J("SelectScrollButton", e), a = l.useRef(null), c = fe(e), s = l.useCallback(() => {
     a.current !== null && (window.clearInterval(a.current), a.current = null);
   }, []);
-  return l.useEffect(() => () => c(), [c]), z(() => {
+  return l.useEffect(() => () => s(), [s]), z(() => {
     var g;
-    const p = s().find((S) => S.ref.current === document.activeElement);
+    const p = c().find((S) => S.ref.current === document.activeElement);
     (g = p == null ? void 0 : p.ref.current) == null || g.scrollIntoView({ block: "nearest" });
-  }, [s]), /* @__PURE__ */ i(
+  }, [c]), /* @__PURE__ */ i(
     N.div,
     {
       "aria-hidden": !0,
@@ -771,7 +771,7 @@ var lt = l.forwardRef((t, o) => {
         (p = d.onItemLeave) == null || p.call(d), a.current === null && (a.current = window.setInterval(r, 50));
       }),
       onPointerLeave: b(n.onPointerLeave, () => {
-        c();
+        s();
       })
     }
   );
@@ -789,19 +789,19 @@ var Pe = "SelectArrow", Qt = l.forwardRef(
   }
 );
 Qt.displayName = Pe;
-var eo = "SelectBubbleInput", ct = l.forwardRef(
+var eo = "SelectBubbleInput", st = l.forwardRef(
   ({ __scopeSelect: t, value: o, ...e }, r) => {
     const n = l.useRef(null), d = V(r, n), a = Nt(o);
     return l.useEffect(() => {
-      const s = n.current;
-      if (!s) return;
-      const c = window.HTMLSelectElement.prototype, g = Object.getOwnPropertyDescriptor(
-        c,
+      const c = n.current;
+      if (!c) return;
+      const s = window.HTMLSelectElement.prototype, g = Object.getOwnPropertyDescriptor(
+        s,
         "value"
       ).set;
       if (a !== o && g) {
         const S = new Event("change", { bubbles: !0 });
-        g.call(s, o), s.dispatchEvent(S);
+        g.call(c, o), c.dispatchEvent(S);
       }
     }, [a, o]), /* @__PURE__ */ i(
       N.select,
@@ -814,17 +814,17 @@ var eo = "SelectBubbleInput", ct = l.forwardRef(
     );
   }
 );
-ct.displayName = eo;
-function st(t) {
+st.displayName = eo;
+function ct(t) {
   return t === "" || t === void 0;
 }
 function at(t) {
   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);
+      const c = e.current + a;
+      o(c), function s(p) {
+        e.current = p, window.clearTimeout(r.current), p !== "" && (r.current = window.setTimeout(() => s(""), 1e3));
+      }(c);
     },
     [o]
   ), d = l.useCallback(() => {
@@ -836,15 +836,15 @@ 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 a = to(t, Math.max(d, 0));
   n.length === 1 && (a = a.filter((p) => p !== e));
-  const c = a.find(
+  const s = a.find(
     (p) => p.textValue.toLowerCase().startsWith(n.toLowerCase())
   );
-  return c !== e ? c : void 0;
+  return s !== e ? s : void 0;
 }
 function to(t, o) {
   return t.map((e, r) => t[(o + r) % t.length]);
 }
-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 = {
+var oo = Ve, no = We, ro = Fe, lo = Ke, so = ze, co = je, ao = qe, io = Qe, uo = et, po = ot, fo = nt, mo = rt, dt = {
   color: void 0,
   size: void 0,
   className: void 0,
@@ -881,18 +881,18 @@ function pt(t) {
 }
 function vo(t) {
   var o = function(e) {
-    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({
+    var r = t.attr, n = t.size, d = t.title, a = ho(t, ["attr", "size", "title"]), c = n || e.size || "1em", s;
+    return e.className && (s = e.className), t.className && (s = (s ? s + " " : "") + t.className), q.createElement("svg", X({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
     }, e.attr, r, a, {
-      className: c,
+      className: s,
       style: X(X({
         color: t.color || e.color
       }, e.style), t.style),
-      height: s,
-      width: s,
+      height: c,
+      width: c,
       xmlns: "http://www.w3.org/2000/svg"
     }), d && q.createElement("title", null, d), t.children);
   };
@@ -915,7 +915,7 @@ const So = "cfxui__Select__trigger__232e4", wo = "cfxui__Select__fullWidth__739d
   option: _o,
   tickIcon: Io
 };
-function ko(t) {
+function Lo(t) {
   const {
     value: o,
     options: e,
@@ -923,9 +923,9 @@ function ko(t) {
     placeholder: n,
     disabled: d = !1,
     fullWidth: a = !1,
-    className: s
-  } = t, [c, p] = q.useState(!1), g = Ce(
-    s,
+    className: c
+  } = t, [s, p] = q.useState(!1), g = Ce(
+    c,
     B.trigger,
     {
       [B.disabled]: d,
@@ -934,12 +934,12 @@ function ko(t) {
   ), S = Ce(
     B.content
   );
-  return /* @__PURE__ */ $(oo, { value: o, onValueChange: r, onOpenChange: p, open: c, children: [
+  return /* @__PURE__ */ $(oo, { value: o, onValueChange: r, onOpenChange: p, open: s, 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__ */ $(so, { className: S, children: [
+    /* @__PURE__ */ i(so, { children: /* @__PURE__ */ $(co, { 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 }),
@@ -950,5 +950,5 @@ function ko(t) {
   ] });
 }
 export {
-  ko as Select
+  Lo as Select
 };