@cfx-dev/ui-components 3.0.2 → 3.0.4

package/dist/components/Select/Select.js

@@ -2,9 +2,9 @@ import { jsx as C, Fragment as At, jsxs as de } from "react/jsx-runtime";
 import * as u from "react";
 import j, { useLayoutEffect as Po, useEffect as Ro } from "react";
 import { r as Tt, R as Ao } from "../../index-2hJuj4UN.js";
-import { c as Ot, u as K, S as gt, g as Se, P as U, b as z, h as To, f as Z, e as Oo, d as No, a as Ht } from "../../index-CjWRnNpt.js";
-import { f as fn, _ as xe, c as Io } from "../../tslib.es6-CBKHJX9H.js";
-import { a as _o, u as Mo } from "../../medium-JVtzoF2c.js";
+import { c as Ot, u as K, S as gt, g as Se, P as U, b as z, h as To, f as Z, e as Oo, d as _o, a as Ht } from "../../index-CjWRnNpt.js";
+import { f as fn, _ as xe, c as No } from "../../tslib.es6-CBKHJX9H.js";
+import { a as Io, u as Mo } from "../../medium-JVtzoF2c.js";
 import { Icon as Lo } from "../Icon/Icon.js";
 import { clsx as Vt } from "../../utils/clsx.js";
 var pn = function(e) {
@@ -92,11 +92,11 @@ var Ho = "DismissableLayer", wt = "dismissableLayer.update", Vo = "dismissableLa
       onDismiss: s,
       ...a
     } = e, l = u.useContext(mn), [p, f] = u.useState(null), w = (p == null ? void 0 : p.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, m] = u.useState({}), v = K(t, (E) => f(E)), d = Array.from(l.layers), [g] = [...l.layersWithOutsidePointerEventsDisabled].slice(-1), h = d.indexOf(g), y = p ? d.indexOf(p) : -1, x = l.layersWithOutsidePointerEventsDisabled.size > 0, S = y >= h, b = Ko((E) => {
-      const T = E.target, I = [...l.branches].some((_) => _.contains(T));
-      !S || I || (r == null || r(E), c == null || c(E), E.defaultPrevented || s == null || s());
+      const T = E.target, N = [...l.branches].some((I) => I.contains(T));
+      !S || N || (r == null || r(E), c == null || c(E), E.defaultPrevented || s == null || s());
     }, w), P = Yo((E) => {
       const T = E.target;
-      [...l.branches].some((_) => _.contains(T)) || (i == null || i(E), c == null || c(E), E.defaultPrevented || s == null || s());
+      [...l.branches].some((I) => I.contains(T)) || (i == null || i(E), c == null || c(E), E.defaultPrevented || s == null || s());
     }, w);
     return Wo((E) => {
       y === l.layers.size - 1 && (o == null || o(E), !E.defaultPrevented && s && (E.preventDefault(), s()));
@@ -249,7 +249,7 @@ var dt = "focusScope.autoFocusOnMount", ft = "focusScope.autoFocusOnUnmount", Yt
       const d = document.activeElement;
       if (!s.contains(d)) {
         const h = new CustomEvent(dt, Yt);
-        s.addEventListener(dt, l), s.dispatchEvent(h), h.defaultPrevented || (qo(er(wn(s)), { select: !0 }), document.activeElement === d && ue(s));
+        s.addEventListener(dt, l), s.dispatchEvent(h), h.defaultPrevented || (Go(er(wn(s)), { select: !0 }), document.activeElement === d && ue(s));
       }
       return () => {
         s.removeEventListener(dt, l), setTimeout(() => {
@@ -264,7 +264,7 @@ var dt = "focusScope.autoFocusOnMount", ft = "focusScope.autoFocusOnUnmount", Yt
       if (!n && !o || m.paused) return;
       const g = d.key === "Tab" && !d.altKey && !d.ctrlKey && !d.metaKey, h = document.activeElement;
       if (g && h) {
-        const y = d.currentTarget, [x, S] = Go(y);
+        const y = d.currentTarget, [x, S] = qo(y);
         x && S ? !d.shiftKey && h === S ? (d.preventDefault(), n && ue(x, { select: !0 })) : d.shiftKey && h === x && (d.preventDefault(), n && ue(S, { select: !0 })) : h === y && d.preventDefault();
       }
     },
@@ -273,12 +273,12 @@ var dt = "focusScope.autoFocusOnMount", ft = "focusScope.autoFocusOnUnmount", Yt
   return /* @__PURE__ */ C(U.div, { tabIndex: -1, ...c, ref: w, onKeyDown: v });
 });
 gn.displayName = Xo;
-function qo(e, { select: t = !1 } = {}) {
+function Go(e, { select: t = !1 } = {}) {
   const n = document.activeElement;
   for (const o of e)
     if (ue(o, { select: t }), document.activeElement !== n) return;
 }
-function Go(e) {
+function qo(e) {
   const t = wn(e), n = jt(t, e), o = jt(t.reverse(), e);
   return [n, o];
 }
@@ -320,15 +320,15 @@ function Jo() {
   return {
     add(t) {
       const n = e[0];
-      t !== n && (n == null || n.pause()), e = qt(e, t), e.unshift(t);
+      t !== n && (n == null || n.pause()), e = Gt(e, t), e.unshift(t);
     },
     remove(t) {
       var n;
-      e = qt(e, t), (n = e[0]) == null || n.resume();
+      e = Gt(e, t), (n = e[0]) == null || n.resume();
     }
   };
 }
-function qt(e, t) {
+function Gt(e, t) {
   const n = [...e], o = n.indexOf(t);
   return o !== -1 && n.splice(o, 1), n;
 }
@@ -337,13 +337,13 @@ function er(e) {
 }
 var tr = u.useId || (() => {
 }), nr = 0;
-function Nt(e) {
+function _t(e) {
   const [t, n] = u.useState(tr());
   return Z(() => {
     n((o) => o ?? String(nr++));
   }, [e]), t ? `radix-${t}` : "";
 }
-const or = ["top", "right", "bottom", "left"], te = Math.min, q = Math.max, Je = Math.round, Ke = Math.floor, pe = (e) => ({
+const or = ["top", "right", "bottom", "left"], te = Math.min, G = Math.max, Je = Math.round, Ke = Math.floor, pe = (e) => ({
   x: e,
   y: e
 }), rr = {
@@ -356,7 +356,7 @@ const or = ["top", "right", "bottom", "left"], te = Math.min, q = Math.max, Je =
   end: "start"
 };
 function yt(e, t, n) {
-  return q(e, te(t, n));
+  return G(e, te(t, n));
 }
 function se(e, t) {
   return typeof e == "function" ? e(t) : e;
@@ -364,24 +364,24 @@ function se(e, t) {
 function ce(e) {
   return e.split("-")[0];
 }
-function Ie(e) {
+function Ne(e) {
   return e.split("-")[1];
 }
-function It(e) {
+function Nt(e) {
   return e === "x" ? "y" : "x";
 }
-function _t(e) {
+function It(e) {
   return e === "y" ? "height" : "width";
 }
 function me(e) {
   return ["top", "bottom"].includes(ce(e)) ? "y" : "x";
 }
 function Mt(e) {
-  return It(me(e));
+  return Nt(me(e));
 }
 function sr(e, t, n) {
   n === void 0 && (n = !1);
-  const o = Ie(e), r = Mt(e), i = _t(r);
+  const o = Ne(e), r = Mt(e), i = It(r);
   let c = r === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
   return t.reference[i] > t.floating[i] && (c = et(c)), [c, et(c)];
 }
@@ -406,7 +406,7 @@ function ar(e, t, n) {
   }
 }
 function lr(e, t, n, o) {
-  const r = Ie(e);
+  const r = Ne(e);
   let i = ar(ce(e), n === "start", o);
   return r && (i = i.map((c) => c + "-" + r), t && (i = i.concat(i.map(xt)))), i;
 }
@@ -448,12 +448,12 @@ function tt(e) {
     y: n
   };
 }
-function Gt(e, t, n) {
+function qt(e, t, n) {
   let {
     reference: o,
     floating: r
   } = e;
-  const i = me(t), c = Mt(t), s = _t(c), a = ce(t), l = i === "y", p = o.x + o.width / 2 - r.width / 2, f = o.y + o.height / 2 - r.height / 2, w = o[s] / 2 - r[s] / 2;
+  const i = me(t), c = Mt(t), s = It(c), a = ce(t), l = i === "y", p = o.x + o.width / 2 - r.width / 2, f = o.y + o.height / 2 - r.height / 2, w = o[s] / 2 - r[s] / 2;
   let m;
   switch (a) {
     case "top":
@@ -486,7 +486,7 @@ function Gt(e, t, n) {
         y: o.y
       };
   }
-  switch (Ie(t)) {
+  switch (Ne(t)) {
     case "start":
       m[c] -= w * (n && l ? -1 : 1);
       break;
@@ -510,7 +510,7 @@ const dr = async (e, t, n) => {
   }), {
     x: p,
     y: f
-  } = Gt(l, o, a), w = o, m = {}, v = 0;
+  } = qt(l, o, a), w = o, m = {}, v = 0;
   for (let d = 0; d < s.length; d++) {
     const {
       name: g,
@@ -547,7 +547,7 @@ const dr = async (e, t, n) => {
     }) : b.rects), {
       x: p,
       y: f
-    } = Gt(l, w, a)), d = -1);
+    } = qt(l, w, a)), d = -1);
   }
   return {
     x: p,
@@ -623,15 +623,15 @@ const fr = (e) => ({
     const f = yn(p), w = {
       x: n,
       y: o
-    }, m = Mt(r), v = _t(m), d = await c.getDimensions(l), g = m === "y", h = g ? "top" : "left", y = g ? "bottom" : "right", x = g ? "clientHeight" : "clientWidth", S = i.reference[v] + i.reference[m] - w[m] - i.floating[v], b = w[m] - i.reference[m], P = await (c.getOffsetParent == null ? void 0 : c.getOffsetParent(l));
+    }, m = Mt(r), v = It(m), d = await c.getDimensions(l), g = m === "y", h = g ? "top" : "left", y = g ? "bottom" : "right", x = g ? "clientHeight" : "clientWidth", S = i.reference[v] + i.reference[m] - w[m] - i.floating[v], b = w[m] - i.reference[m], P = await (c.getOffsetParent == null ? void 0 : c.getOffsetParent(l));
     let E = P ? P[x] : 0;
     (!E || !await (c.isElement == null ? void 0 : c.isElement(P))) && (E = s.floating[x] || i.floating[v]);
-    const T = S / 2 - b / 2, I = E / 2 - d[v] / 2 - 1, _ = te(f[h], I), V = te(f[y], I), B = _, $ = E - d[v] - V, N = E / 2 - d[v] / 2 + T, O = yt(B, N, $), W = !a.arrow && Ie(r) != null && N !== O && i.reference[v] / 2 - (N < B ? _ : V) - d[v] / 2 < 0, A = W ? N < B ? N - B : N - $ : 0;
+    const T = S / 2 - b / 2, N = E / 2 - d[v] / 2 - 1, I = te(f[h], N), V = te(f[y], N), B = I, $ = E - d[v] - V, _ = E / 2 - d[v] / 2 + T, O = yt(B, _, $), W = !a.arrow && Ne(r) != null && _ !== O && i.reference[v] / 2 - (_ < B ? I : V) - d[v] / 2 < 0, A = W ? _ < B ? _ - B : _ - $ : 0;
     return {
       [m]: w[m] + A,
       data: {
         [m]: O,
-        centerOffset: N - O - A,
+        centerOffset: _ - O - A,
         ...W && {
           alignmentOffset: A
         }
@@ -665,34 +665,34 @@ const fr = (e) => ({
         return {};
       const h = ce(r), y = me(s), x = ce(s) === s, S = await (a.isRTL == null ? void 0 : a.isRTL(l.floating)), b = w || (x || !d ? [et(s)] : cr(s)), P = v !== "none";
       !w && P && b.push(...lr(s, d, v, S));
-      const E = [s, ...b], T = await He(t, g), I = [];
-      let _ = ((o = i.flip) == null ? void 0 : o.overflows) || [];
-      if (p && I.push(T[h]), f) {
-        const N = sr(r, c, S);
-        I.push(T[N[0]], T[N[1]]);
+      const E = [s, ...b], T = await He(t, g), N = [];
+      let I = ((o = i.flip) == null ? void 0 : o.overflows) || [];
+      if (p && N.push(T[h]), f) {
+        const _ = sr(r, c, S);
+        N.push(T[_[0]], T[_[1]]);
       }
-      if (_ = [..._, {
+      if (I = [...I, {
         placement: r,
-        overflows: I
-      }], !I.every((N) => N <= 0)) {
+        overflows: N
+      }], !N.every((_) => _ <= 0)) {
         var V, B;
-        const N = (((V = i.flip) == null ? void 0 : V.index) || 0) + 1, O = E[N];
+        const _ = (((V = i.flip) == null ? void 0 : V.index) || 0) + 1, O = E[_];
         if (O)
           return {
             data: {
-              index: N,
-              overflows: _
+              index: _,
+              overflows: I
             },
             reset: {
               placement: O
             }
           };
-        let W = (B = _.filter((A) => A.overflows[0] <= 0).sort((A, D) => A.overflows[1] - D.overflows[1])[0]) == null ? void 0 : B.placement;
+        let W = (B = I.filter((A) => A.overflows[0] <= 0).sort((A, D) => A.overflows[1] - D.overflows[1])[0]) == null ? void 0 : B.placement;
         if (!W)
           switch (m) {
             case "bestFit": {
               var $;
-              const A = ($ = _.filter((D) => {
+              const A = ($ = I.filter((D) => {
                 if (P) {
                   const k = me(D.placement);
                   return k === y || // Create a bias to the `y` side axis due to horizontal
@@ -777,7 +777,7 @@ async function hr(e, t) {
     placement: n,
     platform: o,
     elements: r
-  } = e, i = await (o.isRTL == null ? void 0 : o.isRTL(r.floating)), c = ce(n), s = Ie(n), a = me(n) === "y", l = ["left", "top"].includes(c) ? -1 : 1, p = i && a ? -1 : 1, f = se(t, e);
+  } = e, i = await (o.isRTL == null ? void 0 : o.isRTL(r.floating)), c = ce(n), s = Ne(n), a = me(n) === "y", l = ["left", "top"].includes(c) ? -1 : 1, p = i && a ? -1 : 1, f = se(t, e);
   let {
     mainAxis: w,
     crossAxis: m,
@@ -850,7 +850,7 @@ const vr = function(e) {
       } = se(e, t), l = {
         x: n,
         y: o
-      }, p = await He(t, a), f = me(ce(r)), w = It(f);
+      }, p = await He(t, a), f = me(ce(r)), w = Nt(f);
       let m = l[w], v = l[f];
       if (i) {
         const g = w === "y" ? "top" : "left", h = w === "y" ? "bottom" : "right", y = m + p[g], x = m - p[h];
@@ -891,7 +891,7 @@ const vr = function(e) {
       } = se(e, t), p = {
         x: n,
         y: o
-      }, f = me(r), w = It(f);
+      }, f = me(r), w = Nt(f);
       let m = p[w], v = p[f];
       const d = se(s, t), g = typeof d == "number" ? {
         mainAxis: d,
@@ -930,7 +930,7 @@ const vr = function(e) {
         apply: c = () => {
         },
         ...s
-      } = se(e, t), a = await He(t, s), l = ce(n), p = Ie(n), f = me(n) === "y", {
+      } = se(e, t), a = await He(t, s), l = ce(n), p = Ne(n), f = me(n) === "y", {
         width: w,
         height: m
       } = o.floating;
@@ -939,8 +939,8 @@ const vr = function(e) {
       const g = m - a.top - a.bottom, h = w - a.left - a.right, y = te(m - a[v], g), x = te(w - a[d], h), S = !t.middlewareData.shift;
       let b = y, P = x;
       if (f ? P = p || S ? te(x, h) : h : b = p || S ? te(y, g) : g, S && !p) {
-        const T = q(a.left, 0), I = q(a.right, 0), _ = q(a.top, 0), V = q(a.bottom, 0);
-        f ? P = w - 2 * (T !== 0 || I !== 0 ? T + I : q(a.left, a.right)) : b = m - 2 * (_ !== 0 || V !== 0 ? _ + V : q(a.top, a.bottom));
+        const T = G(a.left, 0), N = G(a.right, 0), I = G(a.top, 0), V = G(a.bottom, 0);
+        f ? P = w - 2 * (T !== 0 || N !== 0 ? T + N : G(a.left, a.right)) : b = m - 2 * (I !== 0 || V !== 0 ? I + V : G(a.top, a.bottom));
       }
       await c({
         ...t,
@@ -956,10 +956,10 @@ const vr = function(e) {
     }
   };
 };
-function _e(e) {
+function Ie(e) {
   return xn(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
-function G(e) {
+function q(e) {
   var t;
   return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
@@ -968,16 +968,16 @@ function ae(e) {
   return (t = (xn(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
 }
 function xn(e) {
-  return e instanceof Node || e instanceof G(e).Node;
+  return e instanceof Node || e instanceof q(e).Node;
 }
 function ne(e) {
-  return e instanceof Element || e instanceof G(e).Element;
+  return e instanceof Element || e instanceof q(e).Element;
 }
 function oe(e) {
-  return e instanceof HTMLElement || e instanceof G(e).HTMLElement;
+  return e instanceof HTMLElement || e instanceof q(e).HTMLElement;
 }
 function Jt(e) {
-  return typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof G(e).ShadowRoot;
+  return typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof q(e).ShadowRoot;
 }
 function $e(e) {
   const {
@@ -989,7 +989,7 @@ function $e(e) {
   return /auto|scroll|overlay|hidden|clip/.test(t + o + n) && !["inline", "contents"].includes(r);
 }
 function xr(e) {
-  return ["table", "td", "th"].includes(_e(e));
+  return ["table", "td", "th"].includes(Ie(e));
 }
 function rt(e) {
   return [":popover-open", ":modal"].some((t) => {
@@ -1006,7 +1006,7 @@ function Lt(e) {
 }
 function Sr(e) {
   let t = he(e);
-  for (; oe(t) && !Ne(t); ) {
+  for (; oe(t) && !_e(t); ) {
     if (rt(t))
       return null;
     if (Lt(t))
@@ -1018,11 +1018,11 @@ function Sr(e) {
 function Dt() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-function Ne(e) {
-  return ["html", "body", "#document"].includes(_e(e));
+function _e(e) {
+  return ["html", "body", "#document"].includes(Ie(e));
 }
 function J(e) {
-  return G(e).getComputedStyle(e);
+  return q(e).getComputedStyle(e);
 }
 function it(e) {
   return ne(e) ? {
@@ -1034,7 +1034,7 @@ function it(e) {
   };
 }
 function he(e) {
-  if (_e(e) === "html")
+  if (Ie(e) === "html")
     return e;
   const t = (
     // Step into the shadow DOM of the parent of a slotted node.
@@ -1047,12 +1047,12 @@ function he(e) {
 }
 function Sn(e) {
   const t = he(e);
-  return Ne(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : oe(t) && $e(t) ? t : Sn(t);
+  return _e(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : oe(t) && $e(t) ? t : Sn(t);
 }
 function Ve(e, t, n) {
   var o;
   t === void 0 && (t = []), n === void 0 && (n = !0);
-  const r = Sn(e), i = r === ((o = e.ownerDocument) == null ? void 0 : o.body), c = G(r);
+  const r = Sn(e), i = r === ((o = e.ownerDocument) == null ? void 0 : o.body), c = q(r);
   return i ? t.concat(c, c.visualViewport || [], $e(r) ? r : [], c.frameElement && n ? Ve(c.frameElement) : []) : t.concat(r, Ve(r, [], n));
 }
 function bn(e) {
@@ -1085,14 +1085,14 @@ function Te(e) {
 }
 const br = /* @__PURE__ */ pe(0);
 function Cn(e) {
-  const t = G(e);
+  const t = q(e);
   return !Dt() || !t.visualViewport ? br : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
 function Cr(e, t, n) {
-  return t === void 0 && (t = !1), !n || t && n !== G(e) ? !1 : t;
+  return t === void 0 && (t = !1), !n || t && n !== q(e) ? !1 : t;
 }
 function be(e, t, n, o) {
   t === void 0 && (t = !1), n === void 0 && (n = !1);
@@ -1102,11 +1102,11 @@ function be(e, t, n, o) {
   const s = Cr(i, n, o) ? Cn(i) : pe(0);
   let a = (r.left + s.x) / c.x, l = (r.top + s.y) / c.y, p = r.width / c.x, f = r.height / c.y;
   if (i) {
-    const w = G(i), m = o && ne(o) ? G(o) : o;
+    const w = q(i), m = o && ne(o) ? q(o) : o;
     let v = w, d = v.frameElement;
     for (; d && o && m !== v; ) {
       const g = Te(d), h = d.getBoundingClientRect(), y = J(d), x = h.left + (d.clientLeft + parseFloat(y.paddingLeft)) * g.x, S = h.top + (d.clientTop + parseFloat(y.paddingTop)) * g.y;
-      a *= g.x, l *= g.y, p *= g.x, f *= g.y, a += x, l += S, v = G(d), d = v.frameElement;
+      a *= g.x, l *= g.y, p *= g.x, f *= g.y, a += x, l += S, v = q(d), d = v.frameElement;
     }
   }
   return tt({
@@ -1131,7 +1131,7 @@ function Er(e) {
     scrollTop: 0
   }, l = pe(1);
   const p = pe(0), f = oe(o);
-  if ((f || !f && !i) && ((_e(o) !== "body" || $e(c)) && (a = it(o)), oe(o))) {
+  if ((f || !f && !i) && ((Ie(o) !== "body" || $e(c)) && (a = it(o)), oe(o))) {
     const w = be(o);
     l = Te(o), p.x = w.x + o.clientLeft, p.y = w.y + o.clientTop;
   }
@@ -1149,10 +1149,10 @@ function En(e) {
   return be(ae(e)).left + it(e).scrollLeft;
 }
 function Rr(e) {
-  const t = ae(e), n = it(e), o = e.ownerDocument.body, r = q(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), i = q(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
+  const t = ae(e), n = it(e), o = e.ownerDocument.body, r = G(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), i = G(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
   let c = -n.scrollLeft + En(e);
   const s = -n.scrollTop;
-  return J(o).direction === "rtl" && (c += q(t.clientWidth, o.clientWidth) - r), {
+  return J(o).direction === "rtl" && (c += G(t.clientWidth, o.clientWidth) - r), {
     width: r,
     height: i,
     x: c,
@@ -1160,7 +1160,7 @@ function Rr(e) {
   };
 }
 function Ar(e, t) {
-  const n = G(e), o = ae(e), r = n.visualViewport;
+  const n = q(e), o = ae(e), r = n.visualViewport;
   let i = o.clientWidth, c = o.clientHeight, s = 0, a = 0;
   if (r) {
     i = r.width, c = r.height;
@@ -1203,22 +1203,22 @@ function en(e, t, n) {
 }
 function Pn(e, t) {
   const n = he(e);
-  return n === t || !ne(n) || Ne(n) ? !1 : J(n).position === "fixed" || Pn(n, t);
+  return n === t || !ne(n) || _e(n) ? !1 : J(n).position === "fixed" || Pn(n, t);
 }
 function Or(e, t) {
   const n = t.get(e);
   if (n)
     return n;
-  let o = Ve(e, [], !1).filter((s) => ne(s) && _e(s) !== "body"), r = null;
+  let o = Ve(e, [], !1).filter((s) => ne(s) && Ie(s) !== "body"), r = null;
   const i = J(e).position === "fixed";
   let c = i ? he(e) : e;
-  for (; ne(c) && !Ne(c); ) {
+  for (; ne(c) && !_e(c); ) {
     const s = J(c), a = Lt(c);
     !a && s.position === "fixed" && (r = null), (i ? !a && !r : !a && s.position === "static" && !!r && ["absolute", "fixed"].includes(r.position) || $e(c) && !a && Pn(e, c)) ? o = o.filter((p) => p !== c) : r = s, c = he(c);
   }
   return t.set(e, o), o;
 }
-function Nr(e) {
+function _r(e) {
   let {
     element: t,
     boundary: n,
@@ -1227,7 +1227,7 @@ function Nr(e) {
   } = e;
   const c = [...n === "clippingAncestors" ? rt(t) ? [] : Or(t, this._c) : [].concat(n), o], s = c[0], a = c.reduce((l, p) => {
     const f = en(t, p, r);
-    return l.top = q(f.top, l.top), l.right = te(f.right, l.right), l.bottom = te(f.bottom, l.bottom), l.left = q(f.left, l.left), l;
+    return l.top = G(f.top, l.top), l.right = te(f.right, l.right), l.bottom = te(f.bottom, l.bottom), l.left = G(f.left, l.left), l;
   }, en(t, s, r));
   return {
     width: a.right - a.left,
@@ -1236,7 +1236,7 @@ function Nr(e) {
     y: a.top
   };
 }
-function Ir(e) {
+function Nr(e) {
   const {
     width: t,
     height: n
@@ -1246,7 +1246,7 @@ function Ir(e) {
     height: n
   };
 }
-function _r(e, t, n) {
+function Ir(e, t, n) {
   const o = oe(t), r = ae(t), i = n === "fixed", c = be(e, !0, i, t);
   let s = {
     scrollLeft: 0,
@@ -1254,7 +1254,7 @@ function _r(e, t, n) {
   };
   const a = pe(0);
   if (o || !o && !i)
-    if ((_e(t) !== "body" || $e(r)) && (s = it(t)), o) {
+    if ((Ie(t) !== "body" || $e(r)) && (s = it(t)), o) {
       const f = be(t, !0, i, t);
       a.x = f.x + t.clientLeft, a.y = f.y + t.clientTop;
     } else r && (a.x = En(r));
@@ -1273,12 +1273,12 @@ function tn(e, t) {
   return !oe(e) || J(e).position === "fixed" ? null : t ? t(e) : e.offsetParent;
 }
 function Rn(e, t) {
-  const n = G(e);
+  const n = q(e);
   if (rt(e))
     return n;
   if (!oe(e)) {
     let r = he(e);
-    for (; r && !Ne(r); ) {
+    for (; r && !_e(r); ) {
       if (ne(r) && !pt(r))
         return r;
       r = he(r);
@@ -1288,12 +1288,12 @@ function Rn(e, t) {
   let o = tn(e, t);
   for (; o && xr(o) && pt(o); )
     o = tn(o, t);
-  return o && Ne(o) && pt(o) && !Lt(o) ? n : o || Sr(e) || n;
+  return o && _e(o) && pt(o) && !Lt(o) ? n : o || Sr(e) || n;
 }
 const Mr = async function(e) {
   const t = this.getOffsetParent || Rn, n = this.getDimensions, o = await n(e.floating);
   return {
-    reference: _r(e.reference, await t(e.floating), e.strategy),
+    reference: Ir(e.reference, await t(e.floating), e.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -1308,11 +1308,11 @@ function Lr(e) {
 const Dr = {
   convertOffsetParentRelativeRectToViewportRelativeRect: Er,
   getDocumentElement: ae,
-  getClippingRect: Nr,
+  getClippingRect: _r,
   getOffsetParent: Rn,
   getElementRects: Mr,
   getClientRects: Pr,
-  getDimensions: Ir,
+  getDimensions: Nr,
   getScale: Te,
   isElement: ne,
   isRTL: Lr
@@ -1336,7 +1336,7 @@ function kr(e, t) {
       return;
     const m = Ke(p), v = Ke(r.clientWidth - (l + f)), d = Ke(r.clientHeight - (p + w)), g = Ke(l), y = {
       rootMargin: -m + "px " + -v + "px " + -d + "px " + -g + "px",
-      threshold: q(0, te(1, a)) || 1
+      threshold: G(0, te(1, a)) || 1
     };
     let x = !0;
     function S(b) {
@@ -1412,7 +1412,7 @@ const Fr = vr, Wr = gr, Hr = pr, Vr = yr, $r = mr, nn = fr, Ur = wr, zr = (e, t,
     platform: i
   });
 };
-var Ge = typeof document < "u" ? Po : Ro;
+var qe = typeof document < "u" ? Po : Ro;
 function nt(e, t) {
   if (e === t)
     return !0;
@@ -1452,7 +1452,7 @@ function on(e, t) {
 }
 function rn(e) {
   const t = u.useRef(e);
-  return Ge(() => {
+  return qe(() => {
     t.current = e;
   }), t;
 }
@@ -1483,7 +1483,7 @@ function Kr(e) {
     A !== P.current && (P.current = A, d(A));
   }, []), x = u.useCallback((A) => {
     A !== E.current && (E.current = A, h(A));
-  }, []), S = i || v, b = c || g, P = u.useRef(null), E = u.useRef(null), T = u.useRef(p), I = a != null, _ = rn(a), V = rn(r), B = u.useCallback(() => {
+  }, []), S = i || v, b = c || g, P = u.useRef(null), E = u.useRef(null), T = u.useRef(p), N = a != null, I = rn(a), V = rn(r), B = u.useCallback(() => {
     if (!P.current || !E.current)
       return;
     const A = {
@@ -1501,23 +1501,23 @@ function Kr(e) {
       }));
     });
   }, [w, t, n, V]);
-  Ge(() => {
+  qe(() => {
     l === !1 && T.current.isPositioned && (T.current.isPositioned = !1, f((A) => ({
       ...A,
       isPositioned: !1
     })));
   }, [l]);
   const $ = u.useRef(!1);
-  Ge(() => ($.current = !0, () => {
+  qe(() => ($.current = !0, () => {
     $.current = !1;
-  }), []), Ge(() => {
+  }), []), qe(() => {
     if (S && (P.current = S), b && (E.current = b), S && b) {
-      if (_.current)
-        return _.current(S, b, B);
+      if (I.current)
+        return I.current(S, b, B);
       B();
     }
-  }, [S, b, B, _, I]);
-  const N = u.useMemo(() => ({
+  }, [S, b, B, I, N]);
+  const _ = u.useMemo(() => ({
     reference: P,
     floating: E,
     setReference: y,
@@ -1549,10 +1549,10 @@ function Kr(e) {
   return u.useMemo(() => ({
     ...p,
     update: B,
-    refs: N,
+    refs: _,
     elements: O,
     floatingStyles: W
-  }), [p, B, N, O, W]);
+  }), [p, B, _, O, W]);
 }
 const Yr = (e) => {
   function t(n) {
@@ -1581,10 +1581,10 @@ const Yr = (e) => {
 }), Xr = (e, t) => ({
   ...Wr(e),
   options: [e, t]
-}), qr = (e, t) => ({
+}), Gr = (e, t) => ({
   ...Ur(e),
   options: [e, t]
-}), Gr = (e, t) => ({
+}), qr = (e, t) => ({
   ...Hr(e),
   options: [e, t]
 }), Zr = (e, t) => ({
@@ -1613,14 +1613,14 @@ var ei = "Arrow", Tn = u.forwardRef((e, t) => {
   );
 });
 Tn.displayName = ei;
-var ti = Tn, Bt = "Popper", [On, Nn] = Ot(Bt), [ni, In] = On(Bt), _n = (e) => {
+var ti = Tn, Bt = "Popper", [On, _n] = Ot(Bt), [ni, Nn] = On(Bt), In = (e) => {
   const { __scopePopper: t, children: n } = e, [o, r] = u.useState(null);
   return /* @__PURE__ */ C(ni, { scope: t, anchor: o, onAnchorChange: r, children: n });
 };
-_n.displayName = Bt;
+In.displayName = Bt;
 var Mn = "PopperAnchor", Ln = u.forwardRef(
   (e, t) => {
-    const { __scopePopper: n, virtualRef: o, ...r } = e, i = In(Mn, n), c = u.useRef(null), s = K(t, c);
+    const { __scopePopper: n, virtualRef: o, ...r } = e, i = Nn(Mn, n), c = u.useRef(null), s = K(t, c);
     return u.useEffect(() => {
       i.onAnchorChange((o == null ? void 0 : o.current) || c.current);
     }), o ? null : /* @__PURE__ */ C(U.div, { ...r, ref: s });
@@ -1645,15 +1645,15 @@ var Ft = "PopperContent", [oi, ri] = On(Ft), Dn = u.forwardRef(
       updatePositionStrategy: m = "optimized",
       onPlaced: v,
       ...d
-    } = e, g = In(Ft, n), [h, y] = u.useState(null), x = K(t, (X) => y(X)), [S, b] = u.useState(null), P = Oo(S), E = (P == null ? void 0 : P.width) ?? 0, T = (P == null ? void 0 : P.height) ?? 0, I = o + (i !== "center" ? "-" + i : ""), _ = typeof p == "number" ? p : { top: 0, right: 0, bottom: 0, left: 0, ...p }, V = Array.isArray(l) ? l : [l], B = V.length > 0, $ = {
-      padding: _,
+    } = e, g = Nn(Ft, n), [h, y] = u.useState(null), x = K(t, (X) => y(X)), [S, b] = u.useState(null), P = Oo(S), E = (P == null ? void 0 : P.width) ?? 0, T = (P == null ? void 0 : P.height) ?? 0, N = o + (i !== "center" ? "-" + i : ""), I = typeof p == "number" ? p : { top: 0, right: 0, bottom: 0, left: 0, ...p }, V = Array.isArray(l) ? l : [l], B = V.length > 0, $ = {
+      padding: I,
       boundary: V.filter(si),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
       altBoundary: B
-    }, { refs: N, floatingStyles: O, placement: W, isPositioned: A, middlewareData: D } = Kr({
+    }, { refs: _, floatingStyles: O, placement: W, isPositioned: A, middlewareData: D } = Kr({
       // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
       strategy: "fixed",
-      placement: I,
+      placement: N,
       whileElementsMounted: (...X) => Br(...X, {
         animationFrame: m === "always"
       }),
@@ -1665,10 +1665,10 @@ var Ft = "PopperContent", [oi, ri] = On(Ft), Dn = u.forwardRef(
         a && Xr({
           mainAxis: !0,
           crossAxis: !1,
-          limiter: f === "partial" ? qr() : void 0,
+          limiter: f === "partial" ? Gr() : void 0,
           ...$
         }),
-        a && Gr({ ...$ }),
+        a && qr({ ...$ }),
         Zr({
           ...$,
           apply: ({ elements: X, rects: ee, availableWidth: ke, availableHeight: Be }) => {
@@ -1690,7 +1690,7 @@ var Ft = "PopperContent", [oi, ri] = On(Ft), Dn = u.forwardRef(
     }, [h]), /* @__PURE__ */ C(
       "div",
       {
-        ref: N.setFloating,
+        ref: _.setFloating,
         "data-radix-popper-content-wrapper": "",
         style: {
           ...O,
@@ -1810,7 +1810,7 @@ function Fn(e) {
   const [t, n = "center"] = e.split("-");
   return [t, n];
 }
-var ai = _n, li = Ln, ui = Dn, di = Bn, fi = "Portal", Wn = u.forwardRef((e, t) => {
+var ai = In, li = Ln, ui = Dn, di = Bn, fi = "Portal", Wn = u.forwardRef((e, t) => {
   var s;
   const { container: n, ...o } = e, [r, i] = u.useState(!1);
   Z(() => i(!0), []);
@@ -1890,7 +1890,7 @@ var mi = function(e) {
   return r ? (o.push.apply(o, Array.from(r.querySelectorAll("[aria-live]"))), vi(o, r, n, "aria-hidden")) : function() {
     return null;
   };
-}, Ze = "right-scroll-bar-position", Qe = "width-before-scroll-bar", wi = "with-scroll-bars-hidden", yi = "--removed-body-scroll-bar-size", $n = _o(), ht = function() {
+}, Ze = "right-scroll-bar-position", Qe = "width-before-scroll-bar", wi = "with-scroll-bars-hidden", yi = "--removed-body-scroll-bar-size", $n = Io(), ht = function() {
 }, st = u.forwardRef(function(e, t) {
   var n = u.useRef(null), o = u.useState({
     onScrollCapture: ht,
@@ -1977,7 +1977,7 @@ var Ei = function() {
     right: t[2],
     gap: Math.max(0, o - n + t[2] - t[0])
   };
-}, Oi = Un(), Oe = "data-scroll-locked", Ni = function(e, t, n, o) {
+}, Oi = Un(), Oe = "data-scroll-locked", _i = function(e, t, n, o) {
   var r = e.left, i = e.top, c = e.right, s = e.gap;
   return n === void 0 && (n = "margin"), `
   .`.concat(wi, ` {
@@ -2024,20 +2024,20 @@ var Ei = function() {
 }, sn = function() {
   var e = parseInt(document.body.getAttribute(Oe) || "0", 10);
   return isFinite(e) ? e : 0;
-}, Ii = function() {
+}, Ni = function() {
   u.useEffect(function() {
     return document.body.setAttribute(Oe, (sn() + 1).toString()), function() {
       var e = sn() - 1;
       e <= 0 ? document.body.removeAttribute(Oe) : document.body.setAttribute(Oe, e.toString());
     };
   }, []);
-}, _i = function(e) {
+}, Ii = function(e) {
   var t = e.noRelative, n = e.noImportant, o = e.gapMode, r = o === void 0 ? "margin" : o;
-  Ii();
+  Ni();
   var i = u.useMemo(function() {
     return Ti(r);
   }, [r]);
-  return u.createElement(Oi, { styles: Ni(i, !t, r, n ? "" : "!important") });
+  return u.createElement(Oi, { styles: _i(i, !t, r, n ? "" : "!important") });
 }, St = !1;
 if (typeof window < "u")
   try {
@@ -2107,7 +2107,7 @@ var Re = St ? { passive: !1 } : !1, Mi = function(e) {
     a && (t.contains(s) || t === s)
   );
   return (p && (Math.abs(f) < 1 || !r) || !p && (Math.abs(w) < 1 || !r)) && (l = !0), l;
-}, qe = function(e) {
+}, Ge = function(e) {
   return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
 }, an = function(e) {
   return [e.deltaX, e.deltaY];
@@ -2128,7 +2128,7 @@ function Ui(e) {
   }, [e]), u.useEffect(function() {
     if (e.inert) {
       document.body.classList.add("block-interactivity-".concat(r));
-      var d = Io([e.lockRef.current], (e.shards || []).map(ln), !0).filter(Boolean);
+      var d = No([e.lockRef.current], (e.shards || []).map(ln), !0).filter(Boolean);
       return d.forEach(function(g) {
         return g.classList.add("allow-interactivity-".concat(r));
       }), function() {
@@ -2141,7 +2141,7 @@ function Ui(e) {
   var s = u.useCallback(function(d, g) {
     if ("touches" in d && d.touches.length === 2)
       return !c.current.allowPinchZoom;
-    var h = qe(d), y = n.current, x = "deltaX" in d ? d.deltaX : y[0] - h[0], S = "deltaY" in d ? d.deltaY : y[1] - h[1], b, P = d.target, E = Math.abs(x) > Math.abs(S) ? "h" : "v";
+    var h = Ge(d), y = n.current, x = "deltaX" in d ? d.deltaX : y[0] - h[0], S = "deltaY" in d ? d.deltaY : y[1] - h[1], b, P = d.target, E = Math.abs(x) > Math.abs(S) ? "h" : "v";
     if ("touches" in d && E === "h" && P.type === "range")
       return !1;
     var T = cn(E, P);
@@ -2151,12 +2151,12 @@ function Ui(e) {
       return !1;
     if (!o.current && "changedTouches" in d && (x || S) && (o.current = b), !b)
       return !0;
-    var I = o.current || b;
-    return Wi(I, g, d, I === "h" ? x : S, !0);
+    var N = o.current || b;
+    return Wi(N, g, d, N === "h" ? x : S, !0);
   }, []), a = u.useCallback(function(d) {
     var g = d;
     if (!(!Ae.length || Ae[Ae.length - 1] !== i)) {
-      var h = "deltaY" in g ? an(g) : qe(g), y = t.current.filter(function(b) {
+      var h = "deltaY" in g ? an(g) : Ge(g), y = t.current.filter(function(b) {
         return b.name === g.type && (b.target === g.target || g.target === b.shadowParent) && Hi(b.delta, h);
       })[0];
       if (y && y.should) {
@@ -2178,11 +2178,11 @@ function Ui(e) {
       });
     }, 1);
   }, []), p = u.useCallback(function(d) {
-    n.current = qe(d), o.current = void 0;
+    n.current = Ge(d), o.current = void 0;
   }, []), f = u.useCallback(function(d) {
     l(d.type, an(d), d.target, s(d, e.lockRef.current));
   }, []), w = u.useCallback(function(d) {
-    l(d.type, qe(d), d.target, s(d, e.lockRef.current));
+    l(d.type, Ge(d), d.target, s(d, e.lockRef.current));
   }, []);
   u.useEffect(function() {
     return Ae.push(i), e.setCallbacks({
@@ -2200,7 +2200,7 @@ function Ui(e) {
     u.Fragment,
     null,
     v ? u.createElement(i, { styles: Vi(r) }) : null,
-    m ? u.createElement(_i, { gapMode: e.gapMode }) : null
+    m ? u.createElement(Ii, { gapMode: e.gapMode }) : null
   );
 }
 function zi(e) {
@@ -2215,8 +2215,8 @@ var jn = u.forwardRef(function(e, t) {
 jn.classNames = st.classNames;
 var Yi = [" ", "Enter", "ArrowUp", "ArrowDown"], ji = [" ", "Enter"], Ue = "Select", [ct, at, Xi] = ko(Ue), [Me, Ys] = Ot(Ue, [
   Xi,
-  Nn
-]), lt = Nn(), [qi, ve] = Me(Ue), [Gi, Zi] = Me(Ue), Xn = (e) => {
+  _n
+]), lt = _n(), [Gi, ve] = Me(Ue), [qi, Zi] = Me(Ue), Xn = (e) => {
   const {
     __scopeSelect: t,
     children: n,
@@ -2235,13 +2235,13 @@ var Yi = [" ", "Enter", "ArrowUp", "ArrowDown"], ji = [" ", "Enter"], Ue = "Sele
     prop: o,
     defaultProp: r,
     onChange: i
-  }), [T, I] = Ht({
+  }), [T, N] = Ht({
     prop: c,
     defaultProp: s,
     onChange: a
-  }), _ = u.useRef(null), V = d ? !!d.closest("form") : !0, [B, $] = u.useState(/* @__PURE__ */ new Set()), N = Array.from(B).map((O) => O.props.value).join(";");
+  }), I = u.useRef(null), V = d ? !!d.closest("form") : !0, [B, $] = u.useState(/* @__PURE__ */ new Set()), _ = Array.from(B).map((O) => O.props.value).join(";");
   return /* @__PURE__ */ C(ai, { ...v, children: /* @__PURE__ */ de(
-    qi,
+    Gi,
     {
       required: m,
       scope: t,
@@ -2251,17 +2251,17 @@ var Yi = [" ", "Enter", "ArrowUp", "ArrowDown"], ji = [" ", "Enter"], Ue = "Sele
       onValueNodeChange: y,
       valueNodeHasChildren: x,
       onValueNodeHasChildrenChange: S,
-      contentId: Nt(),
+      contentId: _t(),
       value: T,
-      onValueChange: I,
+      onValueChange: N,
       open: P,
       onOpenChange: E,
       dir: b,
-      triggerPointerDownPosRef: _,
+      triggerPointerDownPosRef: I,
       disabled: w,
       children: [
         /* @__PURE__ */ C(ct.Provider, { scope: t, children: /* @__PURE__ */ C(
-          Gi,
+          qi,
           {
             scope: e.__scopeSelect,
             onNativeOptionAdd: u.useCallback((O) => {
@@ -2285,23 +2285,23 @@ var Yi = [" ", "Enter", "ArrowUp", "ArrowDown"], ji = [" ", "Enter"], Ue = "Sele
             name: p,
             autoComplete: f,
             value: T,
-            onChange: (O) => I(O.target.value),
+            onChange: (O) => N(O.target.value),
             disabled: w,
             children: [
               T === void 0 ? /* @__PURE__ */ C("option", { value: "" }) : null,
               Array.from(B)
             ]
           },
-          N
+          _
         ) : null
       ]
     }
   ) });
 };
 Xn.displayName = Ue;
-var qn = "SelectTrigger", Gn = u.forwardRef(
+var Gn = "SelectTrigger", qn = u.forwardRef(
   (e, t) => {
-    const { __scopeSelect: n, disabled: o = !1, ...r } = e, i = lt(n), c = ve(qn, n), s = c.disabled || o, a = K(t, c.onTriggerChange), l = at(n), [p, f, w] = yo((v) => {
+    const { __scopeSelect: n, disabled: o = !1, ...r } = e, i = lt(n), c = ve(Gn, n), s = c.disabled || o, a = K(t, c.onTriggerChange), l = at(n), [p, f, w] = yo((v) => {
       const d = l().filter((y) => !y.disabled), g = d.find((y) => y.value === c.value), h = xo(d, v, g);
       h !== void 0 && c.onValueChange(h.value);
     }), m = () => {
@@ -2341,7 +2341,7 @@ var qn = "SelectTrigger", Gn = u.forwardRef(
     ) });
   }
 );
-Gn.displayName = qn;
+qn.displayName = Gn;
 var Zn = "SelectValue", Qn = u.forwardRef(
   (e, t) => {
     const { __scopeSelect: n, className: o, style: r, children: i, placeholder: c = "", ...s } = e, a = ve(Zn, n), { onValueNodeHasChildrenChange: l } = a, p = i !== void 0, f = K(t, a.onValueNodeChange);
@@ -2406,9 +2406,9 @@ var ie = 10, [no, ge] = Me(Ce), es = "SelectContentImpl", oo = u.forwardRef(
       avoidCollisions: g,
       //
       ...h
-    } = e, y = ve(Ce, n), [x, S] = u.useState(null), [b, P] = u.useState(null), E = K(t, (R) => S(R)), [T, I] = u.useState(null), [_, V] = u.useState(
+    } = e, y = ve(Ce, n), [x, S] = u.useState(null), [b, P] = u.useState(null), E = K(t, (R) => S(R)), [T, N] = u.useState(null), [I, V] = u.useState(
       null
-    ), B = at(n), [$, N] = u.useState(!1), O = u.useRef(!1);
+    ), B = at(n), [$, _] = u.useState(!1), O = u.useRef(!1);
     u.useEffect(() => {
       if (x) return gi(x);
     }, [x]), jo();
@@ -2455,7 +2455,7 @@ var ie = 10, [no, ge] = Me(Ce), es = "SelectContentImpl", oo = u.forwardRef(
     }), Le = u.useCallback(
       (R, H, Y) => {
         const F = !O.current && !Y;
-        (y.value !== void 0 && y.value === H || F) && (I(R), F && (O.current = !0));
+        (y.value !== void 0 && y.value === H || F) && (N(R), F && (O.current = !0));
       },
       [y.value]
     ), De = u.useCallback(() => x == null ? void 0 : x.focus(), [x]), le = u.useCallback(
@@ -2488,7 +2488,7 @@ var ie = 10, [no, ge] = Me(Ce), es = "SelectContentImpl", oo = u.forwardRef(
         onItemLeave: De,
         itemTextRefCallback: le,
         focusSelectedItem: A,
-        selectedItemText: _,
+        selectedItemText: I,
         position: o,
         isPositioned: $,
         searchRef: we,
@@ -2523,7 +2523,7 @@ var ie = 10, [no, ge] = Me(Ce), es = "SelectContentImpl", oo = u.forwardRef(
                     onContextMenu: (R) => R.preventDefault(),
                     ...h,
                     ...ye,
-                    onPlaced: () => N(!0),
+                    onPlaced: () => _(!0),
                     ref: E,
                     style: {
                       // flex layout so we can place the scroll buttons properly
@@ -2558,15 +2558,15 @@ oo.displayName = es;
 var ts = "SelectItemAlignedPosition", ro = u.forwardRef((e, t) => {
   const { __scopeSelect: n, onPlaced: o, ...r } = e, i = ve(Ce, n), c = ge(Ce, n), [s, a] = u.useState(null), [l, p] = u.useState(null), f = K(t, (E) => p(E)), w = at(n), m = u.useRef(!1), v = u.useRef(!0), { viewport: d, selectedItem: g, selectedItemText: h, focusSelectedItem: y } = c, x = u.useCallback(() => {
     if (i.trigger && i.valueNode && s && l && d && g && h) {
-      const E = i.trigger.getBoundingClientRect(), T = l.getBoundingClientRect(), I = i.valueNode.getBoundingClientRect(), _ = h.getBoundingClientRect();
+      const E = i.trigger.getBoundingClientRect(), T = l.getBoundingClientRect(), N = i.valueNode.getBoundingClientRect(), I = h.getBoundingClientRect();
       if (i.dir !== "rtl") {
-        const M = _.left - T.left, L = I.left - M, X = E.left - L, ee = E.width + X, ke = Math.max(ee, T.width), Be = window.innerWidth - ie, Fe = $t(L, [ie, Be - ke]);
+        const M = I.left - T.left, L = N.left - M, X = E.left - L, ee = E.width + X, ke = Math.max(ee, T.width), Be = window.innerWidth - ie, Fe = $t(L, [ie, Be - ke]);
         s.style.minWidth = ee + "px", s.style.left = Fe + "px";
       } else {
-        const M = T.right - _.right, L = window.innerWidth - I.right - M, X = window.innerWidth - E.right - L, ee = E.width + X, ke = Math.max(ee, T.width), Be = window.innerWidth - ie, Fe = $t(L, [ie, Be - ke]);
+        const M = T.right - I.right, L = window.innerWidth - N.right - M, X = window.innerWidth - E.right - L, ee = E.width + X, ke = Math.max(ee, T.width), Be = window.innerWidth - ie, Fe = $t(L, [ie, Be - ke]);
         s.style.minWidth = ee + "px", s.style.right = Fe + "px";
       }
-      const V = w(), B = window.innerHeight - ie * 2, $ = d.scrollHeight, N = window.getComputedStyle(l), O = parseInt(N.borderTopWidth, 10), W = parseInt(N.paddingTop, 10), A = parseInt(N.borderBottomWidth, 10), D = parseInt(N.paddingBottom, 10), k = O + W + $ + D + A, we = Math.min(g.offsetHeight * 5, k), re = window.getComputedStyle(d), Le = parseInt(re.paddingTop, 10), De = parseInt(re.paddingBottom, 10), le = E.top + E.height / 2 - ie, Ee = B - le, ye = g.offsetHeight / 2, R = g.offsetTop + ye, H = O + W + R, Y = k - H;
+      const V = w(), B = window.innerHeight - ie * 2, $ = d.scrollHeight, _ = window.getComputedStyle(l), O = parseInt(_.borderTopWidth, 10), W = parseInt(_.paddingTop, 10), A = parseInt(_.borderBottomWidth, 10), D = parseInt(_.paddingBottom, 10), k = O + W + $ + D + A, we = Math.min(g.offsetHeight * 5, k), re = window.getComputedStyle(d), Le = parseInt(re.paddingTop, 10), De = parseInt(re.paddingBottom, 10), le = E.top + E.height / 2 - ie, Ee = B - le, ye = g.offsetHeight / 2, R = g.offsetTop + ye, H = O + W + R, Y = k - H;
       if (H <= le) {
         const M = g === V[V.length - 1].ref.current;
         s.style.bottom = "0px";
@@ -2729,7 +2729,7 @@ var [os, Wt] = Me(Ce, {}), Ct = "SelectViewport", io = u.forwardRef(
 io.displayName = Ct;
 var so = "SelectGroup", [rs, is] = Me(so), ss = u.forwardRef(
   (e, t) => {
-    const { __scopeSelect: n, ...o } = e, r = Nt();
+    const { __scopeSelect: n, ...o } = e, r = _t();
     return /* @__PURE__ */ C(rs, { scope: n, id: r, children: /* @__PURE__ */ C(U.div, { role: "group", "aria-labelledby": r, ...o, ref: t }) });
   }
 );
@@ -2755,7 +2755,7 @@ var ot = "SelectItem", [as, ao] = Me(ot), lo = u.forwardRef(
         var y;
         return (y = a.itemRefCallback) == null ? void 0 : y.call(a, h, o, r);
       }
-    ), d = Nt(), g = () => {
+    ), d = _t(), g = () => {
       r || (s.onValueChange(o), s.onOpenChange(!1));
     };
     if (o === "")
@@ -2939,7 +2939,7 @@ function go(e) {
 }
 var wo = u.forwardRef(
   (e, t) => {
-    const { value: n, ...o } = e, r = u.useRef(null), i = K(t, r), c = No(n);
+    const { value: n, ...o } = e, r = u.useRef(null), i = K(t, r), c = _o(n);
     return u.useEffect(() => {
       const s = r.current, a = window.HTMLSelectElement.prototype, p = Object.getOwnPropertyDescriptor(
         a,
@@ -2979,7 +2979,7 @@ function xo(e, t, n) {
 function fs(e, t) {
   return e.map((n, o) => e[(t + o) % e.length]);
 }
-var ps = Xn, ms = Gn, hs = Qn, vs = Jn, gs = eo, ws = to, ys = io, xs = lo, Ss = uo, bs = po, Cs = mo, Es = ho, So = {
+var ps = Xn, ms = qn, hs = Qn, vs = Jn, gs = eo, ws = to, ys = io, xs = lo, Ss = uo, bs = po, Cs = mo, Es = ho, So = {
   color: void 0,
   size: void 0,
   className: void 0,
@@ -3041,12 +3041,12 @@ function dn(e) {
 function As(e) {
   return Co({ tag: "svg", 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" } }] })(e);
 }
-const Ts = "_content_4qddr_1", Os = "_option_4qddr_1", Ns = "_trigger_4qddr_1", Is = "_small_4qddr_5", _s = "_large_4qddr_9", Ms = "_fullWidth_4qddr_131", Ls = "_icon_4qddr_135", Ds = "_app_4qddr_1", ks = "_arrow_4qddr_155", Q = {
+const Ts = "cfxui__Select__content__067da", Os = "cfxui__Select__option__2de5d", _s = "cfxui__Select__trigger__232e4", Ns = "cfxui__Select__small__87505", Is = "cfxui__Select__large__22ee9", Ms = "cfxui__Select__fullWidth__739d7", Ls = "cfxui__Select__icon__36b6c", Ds = "cfxui__Select__app__e0114", ks = "cfxui__Select__arrow__8e7eb", Q = {
   content: Ts,
   option: Os,
-  trigger: Ns,
-  small: Is,
-  large: _s,
+  trigger: _s,
+  small: Ns,
+  large: Is,
   fullWidth: Ms,
   icon: Ls,
   app: Ds,