@senitix/ui 0.4.1 → 0.4.3

package/dist/{select-BJpZrtep.js → select-Ce2C2acZ.js}

@@ -1,45 +1,49 @@
-import { jsx as c, jsxs as Q, Fragment as Te } from "react/jsx-runtime";
-import * as o from "react";
+import { jsx as c, jsxs as Q, Fragment as be } from "react/jsx-runtime";
+import * as n from "react";
 import * as Ee from "react-dom";
-import { f as gt, u as vt, g as St, P as M, h as k, i as z, j as R, k as wt, l as Re, e as yt, C as Ct } from "./scroll-area-A3jGu-Ta.js";
-import { o as _e, u as Pe, R as xt, p as be, q as It, A as Tt, P as bt, r as Nt, s as Rt, t as Pt, F as Et, v as _t, C as Mt, w as At } from "./input-BgPy-4Qu.js";
-import { u as Ot } from "./checkbox-BY2zxQVv.js";
-import { V as Dt } from "./index-Dk_Et2WJ.js";
-import { c as G } from "./index-DtaLkIY8.js";
-import { C as Me } from "./chevron-down-BiUlxZA-.js";
-import { C as Lt } from "./chevron-up-BmYZUtrk.js";
+import { g as gt, u as vt, b as St, P as M, d as k, h as z, e as R, j as wt, k as Re } from "./scroll-area-CGNbDUBQ.js";
+import { g as _e, u as Pe, h as yt, e as Te, f as Ct, A as xt, P as It, i as bt, k as Tt, j as Nt, F as Rt, D as Pt, l as Et, m as _t, d as Me } from "./input-Pfq8fkiV.js";
+import { V as Mt } from "./index-D8-pHJim.js";
+import { c as G } from "./index-BGUveO6l.js";
+import { c as At } from "./button-BP_ug5gP.js";
+import { C as Ot } from "./badge-D0C_rP2l.js";
+import { C as Dt } from "./chevron-up-Dr7EIn9V.js";
+function Lt(t) {
+  const o = n.useRef({ value: t, previous: t });
+  return n.useMemo(() => (o.current.value !== t && (o.current.previous = o.current.value, o.current.value = t), o.current.previous), [t]);
+}
 // @__NO_SIDE_EFFECTS__
 function Vt(t) {
-  const n = /* @__PURE__ */ kt(t), e = o.forwardRef((s, r) => {
-    const { children: d, ...i } = s, l = o.Children.toArray(d), a = l.find(Ht);
+  const o = /* @__PURE__ */ kt(t), e = n.forwardRef((s, r) => {
+    const { children: d, ...i } = s, l = n.Children.toArray(d), a = l.find(Ht);
     if (a) {
-      const u = a.props.children, v = l.map((S) => S === a ? o.Children.count(u) > 1 ? o.Children.only(null) : o.isValidElement(u) ? u.props.children : null : S);
-      return /* @__PURE__ */ c(n, { ...i, ref: r, children: o.isValidElement(u) ? o.cloneElement(u, void 0, v) : null });
+      const u = a.props.children, v = l.map((S) => S === a ? n.Children.count(u) > 1 ? n.Children.only(null) : n.isValidElement(u) ? u.props.children : null : S);
+      return /* @__PURE__ */ c(o, { ...i, ref: r, children: n.isValidElement(u) ? n.cloneElement(u, void 0, v) : null });
     }
-    return /* @__PURE__ */ c(n, { ...i, ref: r, children: d });
+    return /* @__PURE__ */ c(o, { ...i, ref: r, children: d });
   });
   return e.displayName = `${t}.Slot`, e;
 }
 // @__NO_SIDE_EFFECTS__
 function kt(t) {
-  const n = o.forwardRef((e, s) => {
+  const o = n.forwardRef((e, s) => {
     const { children: r, ...d } = e;
-    if (o.isValidElement(r)) {
+    if (n.isValidElement(r)) {
       const i = Ft(r), l = Wt(d, r.props);
-      return r.type !== o.Fragment && (l.ref = s ? gt(s, i) : i), o.cloneElement(r, l);
+      return r.type !== n.Fragment && (l.ref = s ? gt(s, i) : i), n.cloneElement(r, l);
     }
-    return o.Children.count(r) > 1 ? o.Children.only(null) : null;
+    return n.Children.count(r) > 1 ? n.Children.only(null) : null;
   });
-  return n.displayName = `${t}.SlotClone`, n;
+  return o.displayName = `${t}.SlotClone`, o;
 }
 var Bt = Symbol("radix.slottable");
 function Ht(t) {
-  return o.isValidElement(t) && typeof t.type == "function" && "__radixId" in t.type && t.type.__radixId === Bt;
+  return n.isValidElement(t) && typeof t.type == "function" && "__radixId" in t.type && t.type.__radixId === Bt;
 }
-function Wt(t, n) {
-  const e = { ...n };
-  for (const s in n) {
-    const r = t[s], d = n[s];
+function Wt(t, o) {
+  const e = { ...o };
+  for (const s in o) {
+    const r = t[s], d = o[s];
     /^on[A-Z]/.test(s) ? r && d ? e[s] = (...l) => {
       const a = d(...l);
       return r(...l), a;
@@ -49,15 +53,15 @@ function Wt(t, n) {
 }
 function Ft(t) {
   var s, r;
-  let n = (s = Object.getOwnPropertyDescriptor(t.props, "ref")) == null ? void 0 : s.get, e = n && "isReactWarning" in n && n.isReactWarning;
-  return e ? t.ref : (n = (r = Object.getOwnPropertyDescriptor(t, "ref")) == null ? void 0 : r.get, e = n && "isReactWarning" in n && n.isReactWarning, e ? t.props.ref : t.props.ref || t.ref);
+  let o = (s = Object.getOwnPropertyDescriptor(t.props, "ref")) == null ? void 0 : s.get, e = o && "isReactWarning" in o && o.isReactWarning;
+  return e ? t.ref : (o = (r = Object.getOwnPropertyDescriptor(t, "ref")) == null ? void 0 : r.get, e = o && "isReactWarning" in o && o.isReactWarning, e ? t.props.ref : t.props.ref || t.ref);
 }
-var Ut = [" ", "Enter", "ArrowUp", "ArrowDown"], Kt = [" ", "Enter"], ee = "Select", [de, ue, $t] = It(ee), [ne] = St(ee, [
+var Ut = [" ", "Enter", "ArrowUp", "ArrowDown"], Kt = [" ", "Enter"], ee = "Select", [de, ue, $t] = Ct(ee), [ne] = St(ee, [
   $t,
   _e
 ]), pe = _e(), [jt, Y] = ne(ee), [zt, Gt] = ne(ee), Ae = (t) => {
   const {
-    __scopeSelect: n,
+    __scopeSelect: o,
     children: e,
     open: s,
     defaultOpen: r,
@@ -68,10 +72,10 @@ var Ut = [" ", "Enter", "ArrowUp", "ArrowDown"], Kt = [" ", "Enter"], ee = "Sele
     dir: u,
     name: v,
     autoComplete: S,
-    disabled: b,
+    disabled: T,
     required: N,
-    form: T
-  } = t, p = pe(n), [g, C] = o.useState(null), [f, h] = o.useState(null), [A, O] = o.useState(!1), re = vt(u), [P, L] = Pe({
+    form: b
+  } = t, p = pe(o), [g, C] = n.useState(null), [f, h] = n.useState(null), [A, O] = n.useState(!1), re = vt(u), [P, L] = Pe({
     prop: s,
     defaultProp: r ?? !1,
     onChange: d,
@@ -81,35 +85,35 @@ var Ut = [" ", "Enter", "ArrowUp", "ArrowDown"], Kt = [" ", "Enter"], ee = "Sele
     defaultProp: l,
     onChange: a,
     caller: ee
-  }), B = o.useRef(null), H = g ? T || !!g.closest("form") : !0, [$, W] = o.useState(/* @__PURE__ */ new Set()), F = Array.from($).map((E) => E.props.value).join(";");
-  return /* @__PURE__ */ c(xt, { ...p, children: /* @__PURE__ */ Q(
+  }), B = n.useRef(null), H = g ? b || !!g.closest("form") : !0, [$, W] = n.useState(/* @__PURE__ */ new Set()), F = Array.from($).map((E) => E.props.value).join(";");
+  return /* @__PURE__ */ c(yt, { ...p, children: /* @__PURE__ */ Q(
     jt,
     {
       required: N,
-      scope: n,
+      scope: o,
       trigger: g,
       onTriggerChange: C,
       valueNode: f,
       onValueNodeChange: h,
       valueNodeHasChildren: A,
       onValueNodeHasChildrenChange: O,
-      contentId: be(),
+      contentId: Te(),
       value: K,
       onValueChange: Z,
       open: P,
       onOpenChange: L,
       dir: re,
       triggerPointerDownPosRef: B,
-      disabled: b,
+      disabled: T,
       children: [
-        /* @__PURE__ */ c(de.Provider, { scope: n, children: /* @__PURE__ */ c(
+        /* @__PURE__ */ c(de.Provider, { scope: o, children: /* @__PURE__ */ c(
           zt,
           {
             scope: t.__scopeSelect,
-            onNativeOptionAdd: o.useCallback((E) => {
+            onNativeOptionAdd: n.useCallback((E) => {
               W((V) => new Set(V).add(E));
             }, []),
-            onNativeOptionRemove: o.useCallback((E) => {
+            onNativeOptionRemove: n.useCallback((E) => {
               W((V) => {
                 const U = new Set(V);
                 return U.delete(E), U;
@@ -128,8 +132,8 @@ var Ut = [" ", "Enter", "ArrowUp", "ArrowDown"], Kt = [" ", "Enter"], ee = "Sele
             autoComplete: S,
             value: K,
             onChange: (E) => Z(E.target.value),
-            disabled: b,
-            form: T,
+            disabled: T,
+            form: b,
             children: [
               K === void 0 ? /* @__PURE__ */ c("option", { value: "" }) : null,
               Array.from($)
@@ -142,18 +146,18 @@ var Ut = [" ", "Enter", "ArrowUp", "ArrowDown"], Kt = [" ", "Enter"], ee = "Sele
   ) });
 };
 Ae.displayName = ee;
-var Oe = "SelectTrigger", De = o.forwardRef(
-  (t, n) => {
-    const { __scopeSelect: e, disabled: s = !1, ...r } = t, d = pe(e), i = Y(Oe, e), l = i.disabled || s, a = k(n, i.onTriggerChange), u = ue(e), v = o.useRef("touch"), [S, b, N] = st((p) => {
+var Oe = "SelectTrigger", De = n.forwardRef(
+  (t, o) => {
+    const { __scopeSelect: e, disabled: s = !1, ...r } = t, d = pe(e), i = Y(Oe, e), l = i.disabled || s, a = k(o, i.onTriggerChange), u = ue(e), v = n.useRef("touch"), [S, T, N] = st((p) => {
       const g = u().filter((h) => !h.disabled), C = g.find((h) => h.value === i.value), f = lt(g, p, C);
       f !== void 0 && i.onValueChange(f.value);
-    }), T = (p) => {
+    }), b = (p) => {
       l || (i.onOpenChange(!0), N()), p && (i.triggerPointerDownPosRef.current = {
         x: Math.round(p.pageX),
         y: Math.round(p.pageY)
       });
     };
-    return /* @__PURE__ */ c(Tt, { asChild: !0, ...d, children: /* @__PURE__ */ c(
+    return /* @__PURE__ */ c(xt, { asChild: !0, ...d, children: /* @__PURE__ */ c(
       M.button,
       {
         type: "button",
@@ -170,25 +174,25 @@ var Oe = "SelectTrigger", De = o.forwardRef(
         ...r,
         ref: a,
         onClick: R(r.onClick, (p) => {
-          p.currentTarget.focus(), v.current !== "mouse" && T(p);
+          p.currentTarget.focus(), v.current !== "mouse" && b(p);
         }),
         onPointerDown: R(r.onPointerDown, (p) => {
           v.current = p.pointerType;
           const g = p.target;
-          g.hasPointerCapture(p.pointerId) && g.releasePointerCapture(p.pointerId), p.button === 0 && p.ctrlKey === !1 && p.pointerType === "mouse" && (T(p), p.preventDefault());
+          g.hasPointerCapture(p.pointerId) && g.releasePointerCapture(p.pointerId), p.button === 0 && p.ctrlKey === !1 && p.pointerType === "mouse" && (b(p), p.preventDefault());
         }),
         onKeyDown: R(r.onKeyDown, (p) => {
           const g = S.current !== "";
-          !(p.ctrlKey || p.altKey || p.metaKey) && p.key.length === 1 && b(p.key), !(g && p.key === " ") && Ut.includes(p.key) && (T(), p.preventDefault());
+          !(p.ctrlKey || p.altKey || p.metaKey) && p.key.length === 1 && T(p.key), !(g && p.key === " ") && Ut.includes(p.key) && (b(), p.preventDefault());
         })
       }
     ) });
   }
 );
 De.displayName = Oe;
-var Le = "SelectValue", Ve = o.forwardRef(
-  (t, n) => {
-    const { __scopeSelect: e, className: s, style: r, children: d, placeholder: i = "", ...l } = t, a = Y(Le, e), { onValueNodeHasChildrenChange: u } = a, v = d !== void 0, S = k(n, a.onValueNodeChange);
+var Le = "SelectValue", Ve = n.forwardRef(
+  (t, o) => {
+    const { __scopeSelect: e, className: s, style: r, children: d, placeholder: i = "", ...l } = t, a = Y(Le, e), { onValueNodeHasChildrenChange: u } = a, v = d !== void 0, S = k(o, a.onValueNodeChange);
     return z(() => {
       u(v);
     }, [u, v]), /* @__PURE__ */ c(
@@ -197,24 +201,24 @@ var Le = "SelectValue", Ve = o.forwardRef(
         ...l,
         ref: S,
         style: { pointerEvents: "none" },
-        children: rt(a.value) ? /* @__PURE__ */ c(Te, { children: i }) : d
+        children: rt(a.value) ? /* @__PURE__ */ c(be, { children: i }) : d
       }
     );
   }
 );
 Ve.displayName = Le;
-var Yt = "SelectIcon", ke = o.forwardRef(
-  (t, n) => {
+var Yt = "SelectIcon", ke = n.forwardRef(
+  (t, o) => {
     const { __scopeSelect: e, children: s, ...r } = t;
-    return /* @__PURE__ */ c(M.span, { "aria-hidden": !0, ...r, ref: n, children: s || "▼" });
+    return /* @__PURE__ */ c(M.span, { "aria-hidden": !0, ...r, ref: o, children: s || "▼" });
   }
 );
 ke.displayName = Yt;
-var qt = "SelectPortal", Be = (t) => /* @__PURE__ */ c(bt, { asChild: !0, ...t });
+var qt = "SelectPortal", Be = (t) => /* @__PURE__ */ c(It, { asChild: !0, ...t });
 Be.displayName = qt;
-var te = "SelectContent", He = o.forwardRef(
-  (t, n) => {
-    const e = Y(te, t.__scopeSelect), [s, r] = o.useState();
+var te = "SelectContent", He = n.forwardRef(
+  (t, o) => {
+    const e = Y(te, t.__scopeSelect), [s, r] = n.useState();
     if (z(() => {
       r(new DocumentFragment());
     }, []), !e.open) {
@@ -224,12 +228,12 @@ var te = "SelectContent", He = o.forwardRef(
         d
       ) : null;
     }
-    return /* @__PURE__ */ c(Fe, { ...t, ref: n });
+    return /* @__PURE__ */ c(Fe, { ...t, ref: o });
   }
 );
 He.displayName = te;
-var D = 10, [We, q] = ne(te), Zt = "SelectContentImpl", Xt = /* @__PURE__ */ Vt("SelectContent.RemoveScroll"), Fe = o.forwardRef(
-  (t, n) => {
+var D = 10, [We, q] = ne(te), Zt = "SelectContentImpl", Xt = /* @__PURE__ */ Vt("SelectContent.RemoveScroll"), Fe = n.forwardRef(
+  (t, o) => {
     const {
       __scopeSelect: e,
       position: s = "item-aligned",
@@ -243,35 +247,35 @@ var D = 10, [We, q] = ne(te), Zt = "SelectContentImpl", Xt = /* @__PURE__ */ Vt(
       align: u,
       alignOffset: v,
       arrowPadding: S,
-      collisionBoundary: b,
+      collisionBoundary: T,
       collisionPadding: N,
-      sticky: T,
+      sticky: b,
       hideWhenDetached: p,
       avoidCollisions: g,
       //
       ...C
-    } = t, f = Y(te, e), [h, A] = o.useState(null), [O, re] = o.useState(null), P = k(n, (m) => A(m)), [L, K] = o.useState(null), [Z, B] = o.useState(
+    } = t, f = Y(te, e), [h, A] = n.useState(null), [O, re] = n.useState(null), P = k(o, (m) => A(m)), [L, K] = n.useState(null), [Z, B] = n.useState(
       null
-    ), H = ue(e), [$, W] = o.useState(!1), F = o.useRef(!1);
-    o.useEffect(() => {
-      if (h) return Nt(h);
-    }, [h]), Rt();
-    const E = o.useCallback(
+    ), H = ue(e), [$, W] = n.useState(!1), F = n.useRef(!1);
+    n.useEffect(() => {
+      if (h) return bt(h);
+    }, [h]), Tt();
+    const E = n.useCallback(
       (m) => {
         const [I, ..._] = H().map((y) => y.ref.current), [x] = _.slice(-1), w = document.activeElement;
         for (const y of m)
           if (y === w || (y == null || y.scrollIntoView({ block: "nearest" }), y === I && O && (O.scrollTop = 0), y === x && O && (O.scrollTop = O.scrollHeight), y == null || y.focus(), document.activeElement !== w)) return;
       },
       [H, O]
-    ), V = o.useCallback(
+    ), V = n.useCallback(
       () => E([L, h]),
       [E, L, h]
     );
-    o.useEffect(() => {
+    n.useEffect(() => {
       $ && V();
     }, [$, V]);
     const { onOpenChange: U, triggerPointerDownPosRef: j } = f;
-    o.useEffect(() => {
+    n.useEffect(() => {
       if (h) {
         let m = { x: 0, y: 0 };
         const I = (x) => {
@@ -287,7 +291,7 @@ var D = 10, [We, q] = ne(te), Zt = "SelectContentImpl", Xt = /* @__PURE__ */ Vt(
           document.removeEventListener("pointermove", I), document.removeEventListener("pointerup", _, { capture: !0 });
         };
       }
-    }, [h, U, j]), o.useEffect(() => {
+    }, [h, U, j]), n.useEffect(() => {
       const m = () => U(!1);
       return window.addEventListener("blur", m), window.addEventListener("resize", m), () => {
         window.removeEventListener("blur", m), window.removeEventListener("resize", m);
@@ -296,13 +300,13 @@ var D = 10, [We, q] = ne(te), Zt = "SelectContentImpl", Xt = /* @__PURE__ */ Vt(
     const [fe, ae] = st((m) => {
       const I = H().filter((w) => !w.disabled), _ = I.find((w) => w.ref.current === document.activeElement), x = lt(I, m, _);
       x && setTimeout(() => x.ref.current.focus());
-    }), me = o.useCallback(
+    }), me = n.useCallback(
       (m, I, _) => {
         const x = !F.current && !_;
         (f.value !== void 0 && f.value === I || x) && (K(m), x && (F.current = !0));
       },
       [f.value]
-    ), he = o.useCallback(() => h == null ? void 0 : h.focus(), [h]), oe = o.useCallback(
+    ), he = n.useCallback(() => h == null ? void 0 : h.focus(), [h]), oe = n.useCallback(
       (m, I, _) => {
         const x = !F.current && !_;
         (f.value !== void 0 && f.value === I || x) && B(m);
@@ -314,9 +318,9 @@ var D = 10, [We, q] = ne(te), Zt = "SelectContentImpl", Xt = /* @__PURE__ */ Vt(
       align: u,
       alignOffset: v,
       arrowPadding: S,
-      collisionBoundary: b,
+      collisionBoundary: T,
       collisionPadding: N,
-      sticky: T,
+      sticky: b,
       hideWhenDetached: p,
       avoidCollisions: g
     } : {};
@@ -336,8 +340,8 @@ var D = 10, [We, q] = ne(te), Zt = "SelectContentImpl", Xt = /* @__PURE__ */ Vt(
         position: s,
         isPositioned: $,
         searchRef: fe,
-        children: /* @__PURE__ */ c(Pt, { as: Xt, allowPinchZoom: !0, children: /* @__PURE__ */ c(
-          Et,
+        children: /* @__PURE__ */ c(Nt, { as: Xt, allowPinchZoom: !0, children: /* @__PURE__ */ c(
+          Rt,
           {
             asChild: !0,
             trapped: f.open,
@@ -349,7 +353,7 @@ var D = 10, [We, q] = ne(te), Zt = "SelectContentImpl", Xt = /* @__PURE__ */ Vt(
               (I = f.trigger) == null || I.focus({ preventScroll: !0 }), m.preventDefault();
             }),
             children: /* @__PURE__ */ c(
-              _t,
+              Pt,
               {
                 asChild: !0,
                 disableOutsidePointerEvents: !0,
@@ -399,8 +403,8 @@ var D = 10, [We, q] = ne(te), Zt = "SelectContentImpl", Xt = /* @__PURE__ */ Vt(
   }
 );
 Fe.displayName = Zt;
-var Jt = "SelectItemAlignedPosition", Ue = o.forwardRef((t, n) => {
-  const { __scopeSelect: e, onPlaced: s, ...r } = t, d = Y(te, e), i = q(te, e), [l, a] = o.useState(null), [u, v] = o.useState(null), S = k(n, (P) => v(P)), b = ue(e), N = o.useRef(!1), T = o.useRef(!0), { viewport: p, selectedItem: g, selectedItemText: C, focusSelectedItem: f } = i, h = o.useCallback(() => {
+var Jt = "SelectItemAlignedPosition", Ue = n.forwardRef((t, o) => {
+  const { __scopeSelect: e, onPlaced: s, ...r } = t, d = Y(te, e), i = q(te, e), [l, a] = n.useState(null), [u, v] = n.useState(null), S = k(o, (P) => v(P)), T = ue(e), N = n.useRef(!1), b = n.useRef(!0), { viewport: p, selectedItem: g, selectedItemText: C, focusSelectedItem: f } = i, h = n.useCallback(() => {
     if (d.trigger && d.valueNode && l && u && p && g && C) {
       const P = d.trigger.getBoundingClientRect(), L = u.getBoundingClientRect(), K = d.valueNode.getBoundingClientRect(), Z = C.getBoundingClientRect();
       if (d.dir !== "rtl") {
@@ -421,7 +425,7 @@ var Jt = "SelectItemAlignedPosition", Ue = o.forwardRef((t, n) => {
         ]);
         l.style.minWidth = J + "px", l.style.right = Se + "px";
       }
-      const B = b(), H = window.innerHeight - D * 2, $ = p.scrollHeight, W = window.getComputedStyle(u), F = parseInt(W.borderTopWidth, 10), E = parseInt(W.paddingTop, 10), V = parseInt(W.borderBottomWidth, 10), U = parseInt(W.paddingBottom, 10), j = F + E + $ + U + V, fe = Math.min(g.offsetHeight * 5, j), ae = window.getComputedStyle(p), me = parseInt(ae.paddingTop, 10), he = parseInt(ae.paddingBottom, 10), oe = P.top + P.height / 2 - D, ie = H - oe, se = g.offsetHeight / 2, m = g.offsetTop + se, I = F + E + m, _ = j - I;
+      const B = T(), H = window.innerHeight - D * 2, $ = p.scrollHeight, W = window.getComputedStyle(u), F = parseInt(W.borderTopWidth, 10), E = parseInt(W.paddingTop, 10), V = parseInt(W.borderBottomWidth, 10), U = parseInt(W.paddingBottom, 10), j = F + E + $ + U + V, fe = Math.min(g.offsetHeight * 5, j), ae = window.getComputedStyle(p), me = parseInt(ae.paddingTop, 10), he = parseInt(ae.paddingBottom, 10), oe = P.top + P.height / 2 - D, ie = H - oe, se = g.offsetHeight / 2, m = g.offsetTop + se, I = F + E + m, _ = j - I;
       if (I <= oe) {
         const w = B.length > 0 && g === B[B.length - 1].ref.current;
         l.style.bottom = "0px";
@@ -444,7 +448,7 @@ var Jt = "SelectItemAlignedPosition", Ue = o.forwardRef((t, n) => {
       l.style.margin = `${D}px 0`, l.style.minHeight = fe + "px", l.style.maxHeight = H + "px", s == null || s(), requestAnimationFrame(() => N.current = !0);
     }
   }, [
-    b,
+    T,
     d.trigger,
     d.valueNode,
     l,
@@ -456,13 +460,13 @@ var Jt = "SelectItemAlignedPosition", Ue = o.forwardRef((t, n) => {
     s
   ]);
   z(() => h(), [h]);
-  const [A, O] = o.useState();
+  const [A, O] = n.useState();
   z(() => {
     u && O(window.getComputedStyle(u).zIndex);
   }, [u]);
-  const re = o.useCallback(
+  const re = n.useCallback(
     (P) => {
-      P && T.current === !0 && (h(), f == null || f(), T.current = !1);
+      P && b.current === !0 && (h(), f == null || f(), b.current = !1);
     },
     [h, f]
   );
@@ -504,7 +508,7 @@ var Jt = "SelectItemAlignedPosition", Ue = o.forwardRef((t, n) => {
   );
 });
 Ue.displayName = Jt;
-var Qt = "SelectPopperPosition", we = o.forwardRef((t, n) => {
+var Qt = "SelectPopperPosition", we = n.forwardRef((t, o) => {
   const {
     __scopeSelect: e,
     align: s = "start",
@@ -512,11 +516,11 @@ var Qt = "SelectPopperPosition", we = o.forwardRef((t, n) => {
     ...d
   } = t, i = pe(e);
   return /* @__PURE__ */ c(
-    Mt,
+    Et,
     {
       ...i,
       ...d,
-      ref: n,
+      ref: o,
       align: s,
       collisionPadding: r,
       style: {
@@ -533,10 +537,10 @@ var Qt = "SelectPopperPosition", we = o.forwardRef((t, n) => {
   );
 });
 we.displayName = Qt;
-var [eo, Ne] = ne(te, {}), ye = "SelectViewport", Ke = o.forwardRef(
-  (t, n) => {
-    const { __scopeSelect: e, nonce: s, ...r } = t, d = q(ye, e), i = Ne(ye, e), l = k(n, d.onViewportChange), a = o.useRef(0);
-    return /* @__PURE__ */ Q(Te, { children: [
+var [eo, Ne] = ne(te, {}), ye = "SelectViewport", Ke = n.forwardRef(
+  (t, o) => {
+    const { __scopeSelect: e, nonce: s, ...r } = t, d = q(ye, e), i = Ne(ye, e), l = k(o, d.onViewportChange), a = n.useRef(0);
+    return /* @__PURE__ */ Q(be, { children: [
       /* @__PURE__ */ c(
         "style",
         {
@@ -567,13 +571,13 @@ var [eo, Ne] = ne(te, {}), ye = "SelectViewport", Ke = o.forwardRef(
             ...r.style
           },
           onScroll: R(r.onScroll, (u) => {
-            const v = u.currentTarget, { contentWrapper: S, shouldExpandOnScrollRef: b } = i;
-            if (b != null && b.current && S) {
+            const v = u.currentTarget, { contentWrapper: S, shouldExpandOnScrollRef: T } = i;
+            if (T != null && T.current && S) {
               const N = Math.abs(a.current - v.scrollTop);
               if (N > 0) {
-                const T = window.innerHeight - D * 2, p = parseFloat(S.style.minHeight), g = parseFloat(S.style.height), C = Math.max(p, g);
-                if (C < T) {
-                  const f = C + N, h = Math.min(T, f), A = f - h;
+                const b = window.innerHeight - D * 2, p = parseFloat(S.style.minHeight), g = parseFloat(S.style.height), C = Math.max(p, g);
+                if (C < b) {
+                  const f = C + N, h = Math.min(b, f), A = f - h;
                   S.style.height = h + "px", S.style.bottom === "0px" && (v.scrollTop = A > 0 ? A : 0, S.style.justifyContent = "flex-end");
                 }
               }
@@ -586,35 +590,35 @@ var [eo, Ne] = ne(te, {}), ye = "SelectViewport", Ke = o.forwardRef(
   }
 );
 Ke.displayName = ye;
-var $e = "SelectGroup", [to, oo] = ne($e), je = o.forwardRef(
-  (t, n) => {
-    const { __scopeSelect: e, ...s } = t, r = be();
-    return /* @__PURE__ */ c(to, { scope: e, id: r, children: /* @__PURE__ */ c(M.div, { role: "group", "aria-labelledby": r, ...s, ref: n }) });
+var $e = "SelectGroup", [to, oo] = ne($e), je = n.forwardRef(
+  (t, o) => {
+    const { __scopeSelect: e, ...s } = t, r = Te();
+    return /* @__PURE__ */ c(to, { scope: e, id: r, children: /* @__PURE__ */ c(M.div, { role: "group", "aria-labelledby": r, ...s, ref: o }) });
   }
 );
 je.displayName = $e;
-var ze = "SelectLabel", Ge = o.forwardRef(
-  (t, n) => {
+var ze = "SelectLabel", Ge = n.forwardRef(
+  (t, o) => {
     const { __scopeSelect: e, ...s } = t, r = oo(ze, e);
-    return /* @__PURE__ */ c(M.div, { id: r.id, ...s, ref: n });
+    return /* @__PURE__ */ c(M.div, { id: r.id, ...s, ref: o });
   }
 );
 Ge.displayName = ze;
-var ce = "SelectItem", [no, Ye] = ne(ce), qe = o.forwardRef(
-  (t, n) => {
+var ce = "SelectItem", [no, Ye] = ne(ce), qe = n.forwardRef(
+  (t, o) => {
     const {
       __scopeSelect: e,
       value: s,
       disabled: r = !1,
       textValue: d,
       ...i
-    } = t, l = Y(ce, e), a = q(ce, e), u = l.value === s, [v, S] = o.useState(d ?? ""), [b, N] = o.useState(!1), T = k(
-      n,
+    } = t, l = Y(ce, e), a = q(ce, e), u = l.value === s, [v, S] = n.useState(d ?? ""), [T, N] = n.useState(!1), b = k(
+      o,
       (f) => {
         var h;
         return (h = a.itemRefCallback) == null ? void 0 : h.call(a, f, s, r);
       }
-    ), p = be(), g = o.useRef("touch"), C = () => {
+    ), p = Te(), g = n.useRef("touch"), C = () => {
       r || (l.onValueChange(s), l.onOpenChange(!1));
     };
     if (s === "")
@@ -629,7 +633,7 @@ var ce = "SelectItem", [no, Ye] = ne(ce), qe = o.forwardRef(
         disabled: r,
         textId: p,
         isSelected: u,
-        onItemTextChange: o.useCallback((f) => {
+        onItemTextChange: n.useCallback((f) => {
           S((h) => h || ((f == null ? void 0 : f.textContent) ?? "").trim());
         }, []),
         children: /* @__PURE__ */ c(
@@ -644,14 +648,14 @@ var ce = "SelectItem", [no, Ye] = ne(ce), qe = o.forwardRef(
               {
                 role: "option",
                 "aria-labelledby": p,
-                "data-highlighted": b ? "" : void 0,
-                "aria-selected": u && b,
+                "data-highlighted": T ? "" : void 0,
+                "aria-selected": u && T,
                 "data-state": u ? "checked" : "unchecked",
                 "aria-disabled": r || void 0,
                 "data-disabled": r ? "" : void 0,
                 tabIndex: r ? void 0 : -1,
                 ...i,
-                ref: T,
+                ref: b,
                 onFocus: R(i.onFocus, () => N(!0)),
                 onBlur: R(i.onBlur, () => N(!1)),
                 onClick: R(i.onClick, () => {
@@ -684,36 +688,36 @@ var ce = "SelectItem", [no, Ye] = ne(ce), qe = o.forwardRef(
   }
 );
 qe.displayName = ce;
-var le = "SelectItemText", Ze = o.forwardRef(
-  (t, n) => {
-    const { __scopeSelect: e, className: s, style: r, ...d } = t, i = Y(le, e), l = q(le, e), a = Ye(le, e), u = Gt(le, e), [v, S] = o.useState(null), b = k(
-      n,
+var le = "SelectItemText", Ze = n.forwardRef(
+  (t, o) => {
+    const { __scopeSelect: e, className: s, style: r, ...d } = t, i = Y(le, e), l = q(le, e), a = Ye(le, e), u = Gt(le, e), [v, S] = n.useState(null), T = k(
+      o,
       (C) => S(C),
       a.onItemTextChange,
       (C) => {
         var f;
         return (f = l.itemTextRefCallback) == null ? void 0 : f.call(l, C, a.value, a.disabled);
       }
-    ), N = v == null ? void 0 : v.textContent, T = o.useMemo(
+    ), N = v == null ? void 0 : v.textContent, b = n.useMemo(
       () => /* @__PURE__ */ c("option", { value: a.value, disabled: a.disabled, children: N }, a.value),
       [a.disabled, a.value, N]
     ), { onNativeOptionAdd: p, onNativeOptionRemove: g } = u;
-    return z(() => (p(T), () => g(T)), [p, g, T]), /* @__PURE__ */ Q(Te, { children: [
-      /* @__PURE__ */ c(M.span, { id: a.textId, ...d, ref: b }),
+    return z(() => (p(b), () => g(b)), [p, g, b]), /* @__PURE__ */ Q(be, { children: [
+      /* @__PURE__ */ c(M.span, { id: a.textId, ...d, ref: T }),
       a.isSelected && i.valueNode && !i.valueNodeHasChildren ? Ee.createPortal(d.children, i.valueNode) : null
     ] });
   }
 );
 Ze.displayName = le;
-var Xe = "SelectItemIndicator", Je = o.forwardRef(
-  (t, n) => {
+var Xe = "SelectItemIndicator", Je = n.forwardRef(
+  (t, o) => {
     const { __scopeSelect: e, ...s } = t;
-    return Ye(Xe, e).isSelected ? /* @__PURE__ */ c(M.span, { "aria-hidden": !0, ...s, ref: n }) : null;
+    return Ye(Xe, e).isSelected ? /* @__PURE__ */ c(M.span, { "aria-hidden": !0, ...s, ref: o }) : null;
   }
 );
 Je.displayName = Xe;
-var Ce = "SelectScrollUpButton", Qe = o.forwardRef((t, n) => {
-  const e = q(Ce, t.__scopeSelect), s = Ne(Ce, t.__scopeSelect), [r, d] = o.useState(!1), i = k(n, s.onScrollButtonChange);
+var Ce = "SelectScrollUpButton", Qe = n.forwardRef((t, o) => {
+  const e = q(Ce, t.__scopeSelect), s = Ne(Ce, t.__scopeSelect), [r, d] = n.useState(!1), i = k(o, s.onScrollButtonChange);
   return z(() => {
     if (e.viewport && e.isPositioned) {
       let l = function() {
@@ -736,8 +740,8 @@ var Ce = "SelectScrollUpButton", Qe = o.forwardRef((t, n) => {
   ) : null;
 });
 Qe.displayName = Ce;
-var xe = "SelectScrollDownButton", et = o.forwardRef((t, n) => {
-  const e = q(xe, t.__scopeSelect), s = Ne(xe, t.__scopeSelect), [r, d] = o.useState(!1), i = k(n, s.onScrollButtonChange);
+var xe = "SelectScrollDownButton", et = n.forwardRef((t, o) => {
+  const e = q(xe, t.__scopeSelect), s = Ne(xe, t.__scopeSelect), [r, d] = n.useState(!1), i = k(o, s.onScrollButtonChange);
   return z(() => {
     if (e.viewport && e.isPositioned) {
       let l = function() {
@@ -760,11 +764,11 @@ var xe = "SelectScrollDownButton", et = o.forwardRef((t, n) => {
   ) : null;
 });
 et.displayName = xe;
-var tt = o.forwardRef((t, n) => {
-  const { __scopeSelect: e, onAutoScroll: s, ...r } = t, d = q("SelectScrollButton", e), i = o.useRef(null), l = ue(e), a = o.useCallback(() => {
+var tt = n.forwardRef((t, o) => {
+  const { __scopeSelect: e, onAutoScroll: s, ...r } = t, d = q("SelectScrollButton", e), i = n.useRef(null), l = ue(e), a = n.useCallback(() => {
     i.current !== null && (window.clearInterval(i.current), i.current = null);
   }, []);
-  return o.useEffect(() => () => a(), [a]), z(() => {
+  return n.useEffect(() => () => a(), [a]), z(() => {
     var v;
     const u = l().find((S) => S.ref.current === document.activeElement);
     (v = u == null ? void 0 : u.ref.current) == null || v.scrollIntoView({ block: "nearest" });
@@ -773,7 +777,7 @@ var tt = o.forwardRef((t, n) => {
     {
       "aria-hidden": !0,
       ...r,
-      ref: n,
+      ref: o,
       style: { flexShrink: 0, ...r.style },
       onPointerDown: R(r.onPointerDown, () => {
         i.current === null && (i.current = window.setInterval(s, 50));
@@ -787,41 +791,41 @@ var tt = o.forwardRef((t, n) => {
       })
     }
   );
-}), ro = "SelectSeparator", ot = o.forwardRef(
-  (t, n) => {
+}), ro = "SelectSeparator", ot = n.forwardRef(
+  (t, o) => {
     const { __scopeSelect: e, ...s } = t;
-    return /* @__PURE__ */ c(M.div, { "aria-hidden": !0, ...s, ref: n });
+    return /* @__PURE__ */ c(M.div, { "aria-hidden": !0, ...s, ref: o });
   }
 );
 ot.displayName = ro;
-var Ie = "SelectArrow", so = o.forwardRef(
-  (t, n) => {
+var Ie = "SelectArrow", so = n.forwardRef(
+  (t, o) => {
     const { __scopeSelect: e, ...s } = t, r = pe(e), d = Y(Ie, e), i = q(Ie, e);
-    return d.open && i.position === "popper" ? /* @__PURE__ */ c(At, { ...r, ...s, ref: n }) : null;
+    return d.open && i.position === "popper" ? /* @__PURE__ */ c(_t, { ...r, ...s, ref: o }) : null;
   }
 );
 so.displayName = Ie;
-var lo = "SelectBubbleInput", nt = o.forwardRef(
-  ({ __scopeSelect: t, value: n, ...e }, s) => {
-    const r = o.useRef(null), d = k(s, r), i = Ot(n);
-    return o.useEffect(() => {
+var lo = "SelectBubbleInput", nt = n.forwardRef(
+  ({ __scopeSelect: t, value: o, ...e }, s) => {
+    const r = n.useRef(null), d = k(s, r), i = Lt(o);
+    return n.useEffect(() => {
       const l = r.current;
       if (!l) return;
       const a = window.HTMLSelectElement.prototype, v = Object.getOwnPropertyDescriptor(
         a,
         "value"
       ).set;
-      if (i !== n && v) {
+      if (i !== o && v) {
         const S = new Event("change", { bubbles: !0 });
-        v.call(l, n), l.dispatchEvent(S);
+        v.call(l, o), l.dispatchEvent(S);
       }
-    }, [i, n]), /* @__PURE__ */ c(
+    }, [i, o]), /* @__PURE__ */ c(
       M.select,
       {
         ...e,
-        style: { ...Dt, ...e.style },
+        style: { ...Mt, ...e.style },
         ref: d,
-        defaultValue: n
+        defaultValue: o
       }
     );
   }
@@ -831,21 +835,21 @@ function rt(t) {
   return t === "" || t === void 0;
 }
 function st(t) {
-  const n = wt(t), e = o.useRef(""), s = o.useRef(0), r = o.useCallback(
+  const o = wt(t), e = n.useRef(""), s = n.useRef(0), r = n.useCallback(
     (i) => {
       const l = e.current + i;
-      n(l), function a(u) {
+      o(l), function a(u) {
         e.current = u, window.clearTimeout(s.current), u !== "" && (s.current = window.setTimeout(() => a(""), 1e3));
       }(l);
     },
-    [n]
-  ), d = o.useCallback(() => {
+    [o]
+  ), d = n.useCallback(() => {
     e.current = "", window.clearTimeout(s.current);
   }, []);
-  return o.useEffect(() => () => window.clearTimeout(s.current), []), [e, r, d];
+  return n.useEffect(() => () => window.clearTimeout(s.current), []), [e, r, d];
 }
-function lt(t, n, e) {
-  const r = n.length > 1 && Array.from(n).every((u) => u === n[0]) ? n[0] : n, d = e ? t.indexOf(e) : -1;
+function lt(t, o, e) {
+  const r = o.length > 1 && Array.from(o).every((u) => u === o[0]) ? o[0] : o, d = e ? t.indexOf(e) : -1;
   let i = ao(t, Math.max(d, 0));
   r.length === 1 && (i = i.filter((u) => u !== e));
   const a = i.find(
@@ -853,12 +857,12 @@ function lt(t, n, e) {
   );
   return a !== e ? a : void 0;
 }
-function ao(t, n) {
-  return t.map((e, s) => t[(n + s) % t.length]);
+function ao(t, o) {
+  return t.map((e, s) => t[(o + s) % t.length]);
 }
 var io = Ae, at = De, co = Ve, uo = ke, po = Be, it = He, fo = Ke, mo = je, ct = Ge, dt = qe, ho = Ze, go = Je, ut = Qe, pt = et, ft = ot;
-const Mo = io, Ao = mo, Oo = co, vo = yt(
-  "flex items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 transition-all duration-200",
+const Mo = io, Ao = mo, Oo = co, vo = At(
+  "flex items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 transition-all duration-200",
   {
     variants: {
       size: {
@@ -879,40 +883,40 @@ const Mo = io, Ao = mo, Oo = co, vo = yt(
       width: "full"
     }
   }
-), So = o.forwardRef(({ className: t, children: n, size: e, width: s, ...r }, d) => /* @__PURE__ */ Q(
+), So = n.forwardRef(({ className: t, children: o, size: e, width: s, ...r }, d) => /* @__PURE__ */ Q(
   at,
   {
     ref: d,
     className: G(vo({ size: e, width: s }), t),
     ...r,
     children: [
-      n,
+      o,
       /* @__PURE__ */ c(uo, { asChild: !0, children: /* @__PURE__ */ c(Me, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
 So.displayName = at.displayName;
-const mt = o.forwardRef(({ className: t, ...n }, e) => /* @__PURE__ */ c(
+const mt = n.forwardRef(({ className: t, ...o }, e) => /* @__PURE__ */ c(
   ut,
   {
     ref: e,
     className: G("flex cursor-default items-center justify-center py-1", t),
-    ...n,
-    children: /* @__PURE__ */ c(Lt, { className: "h-4 w-4" })
+    ...o,
+    children: /* @__PURE__ */ c(Dt, { className: "h-4 w-4" })
   }
 ));
 mt.displayName = ut.displayName;
-const ht = o.forwardRef(({ className: t, ...n }, e) => /* @__PURE__ */ c(
+const ht = n.forwardRef(({ className: t, ...o }, e) => /* @__PURE__ */ c(
   pt,
   {
     ref: e,
     className: G("flex cursor-default items-center justify-center py-1", t),
-    ...n,
+    ...o,
     children: /* @__PURE__ */ c(Me, { className: "h-4 w-4" })
   }
 ));
 ht.displayName = pt.displayName;
-const wo = o.forwardRef(({ className: t, children: n, position: e = "popper", ...s }, r) => /* @__PURE__ */ c(po, { children: /* @__PURE__ */ Q(
+const wo = n.forwardRef(({ className: t, children: o, position: e = "popper", ...s }, r) => /* @__PURE__ */ c(po, { children: /* @__PURE__ */ Q(
   it,
   {
     ref: r,
@@ -932,7 +936,7 @@ const wo = o.forwardRef(({ className: t, children: n, position: e = "popper", ..
             "p-1",
             e === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
           ),
-          children: n
+          children: o
         }
       ),
       /* @__PURE__ */ c(ht, {})
@@ -940,16 +944,16 @@ const wo = o.forwardRef(({ className: t, children: n, position: e = "popper", ..
   }
 ) }));
 wo.displayName = it.displayName;
-const yo = o.forwardRef(({ className: t, ...n }, e) => /* @__PURE__ */ c(
+const yo = n.forwardRef(({ className: t, ...o }, e) => /* @__PURE__ */ c(
   ct,
   {
     ref: e,
     className: G("py-1.5 pl-8 pr-2 text-sm font-semibold", t),
-    ...n
+    ...o
   }
 ));
 yo.displayName = ct.displayName;
-const Co = o.forwardRef(({ className: t, children: n, ...e }, s) => /* @__PURE__ */ Q(
+const Co = n.forwardRef(({ className: t, children: o, ...e }, s) => /* @__PURE__ */ Q(
   dt,
   {
     ref: s,
@@ -959,18 +963,18 @@ const Co = o.forwardRef(({ className: t, children: n, ...e }, s) => /* @__PURE__
     ),
     ...e,
     children: [
-      /* @__PURE__ */ c("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ c(go, { children: /* @__PURE__ */ c(Ct, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ c(ho, { children: n })
+      /* @__PURE__ */ c("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ c(go, { children: /* @__PURE__ */ c(Ot, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ c(ho, { children: o })
     ]
   }
 ));
 Co.displayName = dt.displayName;
-const xo = o.forwardRef(({ className: t, ...n }, e) => /* @__PURE__ */ c(
+const xo = n.forwardRef(({ className: t, ...o }, e) => /* @__PURE__ */ c(
   ft,
   {
     ref: e,
     className: G("-mx-1 my-1 h-px bg-muted", t),
-    ...n
+    ...o
   }
 ));
 xo.displayName = ft.displayName;
@@ -984,6 +988,7 @@ export {
   Co as f,
   xo as g,
   mt as h,
-  ht as i
+  ht as i,
+  Lt as u
 };
-//# sourceMappingURL=select-BJpZrtep.js.map
+//# sourceMappingURL=select-Ce2C2acZ.js.map