ics-ui-kit 0.1.0-alpha.12 → 0.1.0-alpha.13

package/dist/components/select.js

@@ -1,46 +1,50 @@
-var Pt = Object.defineProperty, Et = Object.defineProperties;
-var _t = Object.getOwnPropertyDescriptors;
-var fe = Object.getOwnPropertySymbols;
-var Le = Object.prototype.hasOwnProperty, ke = Object.prototype.propertyIsEnumerable;
-var De = (t, o, e) => o in t ? Pt(t, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[o] = e, v = (t, o) => {
+var Tt = Object.defineProperty, Nt = Object.defineProperties;
+var Rt = Object.getOwnPropertyDescriptors;
+var pe = Object.getOwnPropertySymbols;
+var De = Object.prototype.hasOwnProperty, Oe = Object.prototype.propertyIsEnumerable;
+var Ae = (t, o, e) => o in t ? Tt(t, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[o] = e, h = (t, o) => {
   for (var e in o || (o = {}))
-    Le.call(o, e) && De(t, e, o[e]);
-  if (fe)
-    for (var e of fe(o))
-      ke.call(o, e) && De(t, e, o[e]);
+    De.call(o, e) && Ae(t, e, o[e]);
+  if (pe)
+    for (var e of pe(o))
+      Oe.call(o, e) && Ae(t, e, o[e]);
   return t;
-}, x = (t, o) => Et(t, _t(o));
-var E = (t, o) => {
+}, w = (t, o) => Nt(t, Rt(o));
+var T = (t, o) => {
   var e = {};
   for (var s in t)
-    Le.call(t, s) && o.indexOf(s) < 0 && (e[s] = t[s]);
-  if (t != null && fe)
-    for (var s of fe(t))
-      o.indexOf(s) < 0 && ke.call(t, s) && (e[s] = t[s]);
+    De.call(t, s) && o.indexOf(s) < 0 && (e[s] = t[s]);
+  if (t != null && pe)
+    for (var s of pe(t))
+      o.indexOf(s) < 0 && Oe.call(t, s) && (e[s] = t[s]);
   return e;
 };
-import { jsx as d, jsxs as ee, Fragment as Me } from "react/jsx-runtime";
+import { jsx as d, jsxs as Q, Fragment as Ee } from "react/jsx-runtime";
 import * as n from "react";
-import Q from "react";
-import * as He from "react-dom";
-import { c as Ue, u as Be, d as j, a as A, e as Mt } from "../index-DvquTpxI.js";
-import { u as B, S as Te } from "../index-DPws5oAn.js";
-import { u as Ae, P as At, D as Ot } from "../index-U7y6nBZR.js";
-import { u as Dt, F as Lt } from "../index-D808y1pT.js";
-import { c as We, R as kt, V as Bt, A as Vt, C as Ht, b as Ut } from "../index-0WznJ1QS.js";
-import { P as V } from "../index-pysSAa5G.js";
-import { u as Wt } from "../index-BZPx6jYI.js";
-import { h as Ft, R as Kt, I as $t } from "../IsolatedStylesWrapper-B_Qu75eR.js";
+import * as Be from "react-dom";
+import { c as Le } from "../index-rKs9bXHr.js";
+import { P as k, u as j, c as A } from "../index-B6K06mzp.js";
+import { c as Pt } from "../index-BCZIl2rL.js";
+import { u as G, c as Et } from "../index-Bj6ZBhqh.js";
+import { c as _t, u as Mt } from "../index-Mbnk_gHS.js";
+import { u as At } from "../index-ByaXH_ih.js";
+import { P as Dt, D as Ot, I as Lt } from "../IsolatedStylesWrapper-WgaoHh7y.js";
+import { h as kt, u as Bt, R as Vt, F as Ht } from "../index-CACw01gt.js";
+import { u as _e } from "../index-COBL2CQB.js";
+import { c as Ve, R as Ut, A as Wt, C as Ft, a as Kt } from "../index-n71RB2rx.js";
+import { u as ke } from "../index-CzNelU6n.js";
+import { u as $t } from "../index-BZPx6jYI.js";
+import { V as Gt } from "../index-DBsc8nMF.js";
 import { c as oe } from "../index-CR-odn5-.js";
-import { c as Fe } from "../createLucideIcon-DgrNxRV5.js";
-import { C as Gt } from "../check-C-TqZgvb.js";
+import { c as He } from "../createLucideIcon-DgrNxRV5.js";
+import { C as zt } from "../check-C-TqZgvb.js";
 /**
  * @license lucide-react v0.460.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ke = Fe("ChevronDown", [
+const Ue = He("ChevronDown", [
   ["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]
 ]);
 /**
@@ -49,247 +53,201 @@ const Ke = Fe("ChevronDown", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const zt = Fe("ChevronUp", [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]]);
-function Ve(t, [o, e]) {
-  return Math.min(e, Math.max(o, t));
-}
-function jt(t) {
-  const o = t + "CollectionProvider", [e, s] = Ue(o), [r, a] = e(
-    o,
-    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
-  ), c = (I) => {
-    const { scope: y, children: w } = I, u = Q.useRef(null), g = Q.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ d(r, { scope: y, itemMap: g, collectionRef: u, children: w });
-  };
-  c.displayName = o;
-  const l = t + "CollectionSlot", i = Q.forwardRef(
-    (I, y) => {
-      const { scope: w, children: u } = I, g = a(l, w), m = B(y, g.collectionRef);
-      return /* @__PURE__ */ d(Te, { ref: m, children: u });
-    }
-  );
-  i.displayName = l;
-  const f = t + "CollectionItemSlot", S = "data-radix-collection-item", T = Q.forwardRef(
-    (I, y) => {
-      const N = I, { scope: w, children: u } = N, g = E(N, ["scope", "children"]), m = Q.useRef(null), p = B(y, m), b = a(f, w);
-      return Q.useEffect(() => (b.itemMap.set(m, v({ ref: m }, g)), () => void b.itemMap.delete(m))), /* @__PURE__ */ d(Te, { [S]: "", ref: p, children: u });
-    }
-  );
-  T.displayName = f;
-  function C(I) {
-    const y = a(t + "CollectionConsumer", I);
-    return Q.useCallback(() => {
-      const u = y.collectionRef.current;
-      if (!u) return [];
-      const g = Array.from(u.querySelectorAll(`[${S}]`));
-      return Array.from(y.itemMap.values()).sort(
-        (b, N) => g.indexOf(b.ref.current) - g.indexOf(N.ref.current)
-      );
-    }, [y.collectionRef, y.itemMap]);
-  }
-  return [
-    { Provider: c, Slot: i, ItemSlot: T },
-    C,
-    s
-  ];
-}
-var qt = n.createContext(void 0);
-function Yt(t) {
-  const o = n.useContext(qt);
-  return t || o || "ltr";
-}
-var Xt = [" ", "Enter", "ArrowUp", "ArrowDown"], Zt = [" ", "Enter"], de = "Select", [he, ve, Jt] = jt(de), [le, Yo] = Ue(de, [
-  Jt,
-  We
-]), ge = We(), [Qt, q] = le(de), [eo, to] = le(de), $e = (t) => {
+const jt = He("ChevronUp", [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]]);
+var Yt = [" ", "Enter", "ArrowUp", "ArrowDown"], qt = [" ", "Enter"], ee = "Select", [me, he, Xt] = Pt(ee), [le, Qo] = _t(ee, [
+  Xt,
+  Ve
+]), ve = Ve(), [Zt, Y] = le(ee), [Jt, Qt] = le(ee), We = (t) => {
   const {
     __scopeSelect: o,
     children: e,
     open: s,
     defaultOpen: r,
     onOpenChange: a,
-    value: c,
-    defaultValue: l,
+    value: l,
+    defaultValue: c,
     onValueChange: i,
     dir: f,
-    name: S,
-    autoComplete: T,
-    disabled: C,
-    required: I,
-    form: y
-  } = t, w = ge(o), [u, g] = n.useState(null), [m, p] = n.useState(null), [b, N] = n.useState(!1), ce = Yt(f), [re = !1, O] = Be({
+    name: g,
+    autoComplete: P,
+    disabled: S,
+    required: E,
+    form: _
+  } = t, b = ve(o), [u, y] = n.useState(null), [v, p] = n.useState(null), [I, M] = n.useState(!1), ce = At(f), [re, D] = ke({
     prop: s,
-    defaultProp: r,
-    onChange: a
-  }), [U, X] = Be({
-    prop: c,
-    defaultProp: l,
-    onChange: i
-  }), ne = n.useRef(null), k = u ? y || !!u.closest("form") : !0, [z, se] = n.useState(/* @__PURE__ */ new Set()), W = Array.from(z).map((D) => D.props.value).join(";");
-  return /* @__PURE__ */ d(kt, x(v({}, w), { children: /* @__PURE__ */ ee(
-    Qt,
+    defaultProp: r != null ? r : !1,
+    onChange: a,
+    caller: ee
+  }), [H, X] = ke({
+    prop: l,
+    defaultProp: c,
+    onChange: i,
+    caller: ee
+  }), ne = n.useRef(null), B = u ? _ || !!u.closest("form") : !0, [z, se] = n.useState(/* @__PURE__ */ new Set()), U = Array.from(z).map((O) => O.props.value).join(";");
+  return /* @__PURE__ */ d(Ut, w(h({}, b), { children: /* @__PURE__ */ Q(
+    Zt,
     {
-      required: I,
+      required: E,
       scope: o,
       trigger: u,
-      onTriggerChange: g,
-      valueNode: m,
+      onTriggerChange: y,
+      valueNode: v,
       onValueNodeChange: p,
-      valueNodeHasChildren: b,
-      onValueNodeHasChildrenChange: N,
-      contentId: Ae(),
-      value: U,
+      valueNodeHasChildren: I,
+      onValueNodeHasChildrenChange: M,
+      contentId: _e(),
+      value: H,
       onValueChange: X,
       open: re,
-      onOpenChange: O,
+      onOpenChange: D,
       dir: ce,
       triggerPointerDownPosRef: ne,
-      disabled: C,
+      disabled: S,
       children: [
-        /* @__PURE__ */ d(he.Provider, { scope: o, children: /* @__PURE__ */ d(
-          eo,
+        /* @__PURE__ */ d(me.Provider, { scope: o, children: /* @__PURE__ */ d(
+          Jt,
           {
             scope: t.__scopeSelect,
-            onNativeOptionAdd: n.useCallback((D) => {
-              se((F) => new Set(F).add(D));
+            onNativeOptionAdd: n.useCallback((O) => {
+              se((W) => new Set(W).add(O));
             }, []),
-            onNativeOptionRemove: n.useCallback((D) => {
-              se((F) => {
-                const K = new Set(F);
-                return K.delete(D), K;
+            onNativeOptionRemove: n.useCallback((O) => {
+              se((W) => {
+                const F = new Set(W);
+                return F.delete(O), F;
               });
             }, []),
             children: e
           }
         ) }),
-        k ? /* @__PURE__ */ ee(
-          vt,
+        B ? /* @__PURE__ */ Q(
+          pt,
           {
             "aria-hidden": !0,
-            required: I,
+            required: E,
             tabIndex: -1,
-            name: S,
-            autoComplete: T,
-            value: U,
-            onChange: (D) => X(D.target.value),
-            disabled: C,
-            form: y,
+            name: g,
+            autoComplete: P,
+            value: H,
+            onChange: (O) => X(O.target.value),
+            disabled: S,
+            form: _,
             children: [
-              U === void 0 ? /* @__PURE__ */ d("option", { value: "" }) : null,
+              H === void 0 ? /* @__PURE__ */ d("option", { value: "" }) : null,
               Array.from(z)
             ]
           },
-          W
+          U
         ) : null
       ]
     }
   ) }));
 };
-$e.displayName = de;
-var Ge = "SelectTrigger", ze = n.forwardRef(
+We.displayName = ee;
+var Fe = "SelectTrigger", Ke = n.forwardRef(
   (t, o) => {
-    const w = t, { __scopeSelect: e, disabled: s = !1 } = w, r = E(w, ["__scopeSelect", "disabled"]), a = ge(e), c = q(Ge, e), l = c.disabled || s, i = B(o, c.onTriggerChange), f = ve(e), S = n.useRef("touch"), [T, C, I] = gt((u) => {
-      const g = f().filter((b) => !b.disabled), m = g.find((b) => b.value === c.value), p = St(g, u, m);
-      p !== void 0 && c.onValueChange(p.value);
-    }), y = (u) => {
-      l || (c.onOpenChange(!0), I()), u && (c.triggerPointerDownPosRef.current = {
+    const b = t, { __scopeSelect: e, disabled: s = !1 } = b, r = T(b, ["__scopeSelect", "disabled"]), a = ve(e), l = Y(Fe, e), c = l.disabled || s, i = G(o, l.onTriggerChange), f = he(e), g = n.useRef("touch"), [P, S, E] = mt((u) => {
+      const y = f().filter((I) => !I.disabled), v = y.find((I) => I.value === l.value), p = ht(y, u, v);
+      p !== void 0 && l.onValueChange(p.value);
+    }), _ = (u) => {
+      c || (l.onOpenChange(!0), E()), u && (l.triggerPointerDownPosRef.current = {
         x: Math.round(u.pageX),
         y: Math.round(u.pageY)
       });
     };
-    return /* @__PURE__ */ d(Vt, x(v({ asChild: !0 }, a), { children: /* @__PURE__ */ d(
-      V.button,
-      x(v({
+    return /* @__PURE__ */ d(Wt, w(h({ asChild: !0 }, a), { children: /* @__PURE__ */ d(
+      k.button,
+      w(h({
         type: "button",
         role: "combobox",
-        "aria-controls": c.contentId,
-        "aria-expanded": c.open,
-        "aria-required": c.required,
+        "aria-controls": l.contentId,
+        "aria-expanded": l.open,
+        "aria-required": l.required,
         "aria-autocomplete": "none",
-        dir: c.dir,
-        "data-state": c.open ? "open" : "closed",
-        disabled: l,
-        "data-disabled": l ? "" : void 0,
-        "data-placeholder": ht(c.value) ? "" : void 0
+        dir: l.dir,
+        "data-state": l.open ? "open" : "closed",
+        disabled: c,
+        "data-disabled": c ? "" : void 0,
+        "data-placeholder": ft(l.value) ? "" : void 0
       }, r), {
         ref: i,
         onClick: A(r.onClick, (u) => {
-          u.currentTarget.focus(), S.current !== "mouse" && y(u);
+          u.currentTarget.focus(), g.current !== "mouse" && _(u);
         }),
         onPointerDown: A(r.onPointerDown, (u) => {
-          S.current = u.pointerType;
-          const g = u.target;
-          g.hasPointerCapture(u.pointerId) && g.releasePointerCapture(u.pointerId), u.button === 0 && u.ctrlKey === !1 && u.pointerType === "mouse" && (y(u), u.preventDefault());
+          g.current = u.pointerType;
+          const y = u.target;
+          y.hasPointerCapture(u.pointerId) && y.releasePointerCapture(u.pointerId), u.button === 0 && u.ctrlKey === !1 && u.pointerType === "mouse" && (_(u), u.preventDefault());
         }),
         onKeyDown: A(r.onKeyDown, (u) => {
-          const g = T.current !== "";
-          !(u.ctrlKey || u.altKey || u.metaKey) && u.key.length === 1 && C(u.key), !(g && u.key === " ") && Xt.includes(u.key) && (y(), u.preventDefault());
+          const y = P.current !== "";
+          !(u.ctrlKey || u.altKey || u.metaKey) && u.key.length === 1 && S(u.key), !(y && u.key === " ") && Yt.includes(u.key) && (_(), u.preventDefault());
         })
       })
     ) }));
   }
 );
-ze.displayName = Ge;
-var je = "SelectValue", qe = n.forwardRef(
+Ke.displayName = Fe;
+var $e = "SelectValue", Ge = n.forwardRef(
   (t, o) => {
-    const C = t, { __scopeSelect: e, className: s, style: r, children: a, placeholder: c = "" } = C, l = E(C, ["__scopeSelect", "className", "style", "children", "placeholder"]), i = q(je, e), { onValueNodeHasChildrenChange: f } = i, S = a !== void 0, T = B(o, i.onValueNodeChange);
+    const S = t, { __scopeSelect: e, className: s, style: r, children: a, placeholder: l = "" } = S, c = T(S, ["__scopeSelect", "className", "style", "children", "placeholder"]), i = Y($e, e), { onValueNodeHasChildrenChange: f } = i, g = a !== void 0, P = G(o, i.onValueNodeChange);
     return j(() => {
-      f(S);
-    }, [f, S]), /* @__PURE__ */ d(
-      V.span,
-      x(v({}, l), {
-        ref: T,
+      f(g);
+    }, [f, g]), /* @__PURE__ */ d(
+      k.span,
+      w(h({}, c), {
+        ref: P,
         style: { pointerEvents: "none" },
-        children: ht(i.value) ? /* @__PURE__ */ d(Me, { children: c }) : a
+        children: ft(i.value) ? /* @__PURE__ */ d(Ee, { children: l }) : a
       })
     );
   }
 );
-qe.displayName = je;
-var oo = "SelectIcon", Ye = n.forwardRef(
+Ge.displayName = $e;
+var eo = "SelectIcon", ze = n.forwardRef(
   (t, o) => {
-    const a = t, { __scopeSelect: e, children: s } = a, r = E(a, ["__scopeSelect", "children"]);
-    return /* @__PURE__ */ d(V.span, x(v({ "aria-hidden": !0 }, r), { ref: o, children: s || "▼" }));
+    const a = t, { __scopeSelect: e, children: s } = a, r = T(a, ["__scopeSelect", "children"]);
+    return /* @__PURE__ */ d(k.span, w(h({ "aria-hidden": !0 }, r), { ref: o, children: s || "▼" }));
   }
 );
-Ye.displayName = oo;
-var ro = "SelectPortal", Xe = (t) => /* @__PURE__ */ d(At, v({ asChild: !0 }, t));
-Xe.displayName = ro;
-var te = "SelectContent", Ze = n.forwardRef(
+ze.displayName = eo;
+var to = "SelectPortal", je = (t) => /* @__PURE__ */ d(Dt, h({ asChild: !0 }, t));
+je.displayName = to;
+var te = "SelectContent", Ye = n.forwardRef(
   (t, o) => {
-    const e = q(te, t.__scopeSelect), [s, r] = n.useState();
+    const e = Y(te, t.__scopeSelect), [s, r] = n.useState();
     if (j(() => {
       r(new DocumentFragment());
     }, []), !e.open) {
       const a = s;
-      return a ? He.createPortal(
-        /* @__PURE__ */ d(Je, { scope: t.__scopeSelect, children: /* @__PURE__ */ d(he.Slot, { scope: t.__scopeSelect, children: /* @__PURE__ */ d("div", { children: t.children }) }) }),
+      return a ? Be.createPortal(
+        /* @__PURE__ */ d(qe, { scope: t.__scopeSelect, children: /* @__PURE__ */ d(me.Slot, { scope: t.__scopeSelect, children: /* @__PURE__ */ d("div", { children: t.children }) }) }),
         a
       ) : null;
     }
-    return /* @__PURE__ */ d(Qe, x(v({}, t), { ref: o }));
+    return /* @__PURE__ */ d(Xe, w(h({}, t), { ref: o }));
   }
 );
-Ze.displayName = te;
-var H = 10, [Je, Y] = le(te), no = "SelectContentImpl", Qe = n.forwardRef(
+Ye.displayName = te;
+var V = 10, [qe, q] = le(te), oo = "SelectContentImpl", ro = Et("SelectContent.RemoveScroll"), Xe = n.forwardRef(
   (t, o) => {
     const ae = t, {
       __scopeSelect: e,
       position: s = "item-aligned",
       onCloseAutoFocus: r,
       onEscapeKeyDown: a,
-      onPointerDownOutside: c,
-      side: l,
+      onPointerDownOutside: l,
+      side: c,
       sideOffset: i,
       align: f,
-      alignOffset: S,
-      arrowPadding: T,
-      collisionBoundary: C,
-      collisionPadding: I,
-      sticky: y,
-      hideWhenDetached: w,
+      alignOffset: g,
+      arrowPadding: P,
+      collisionBoundary: S,
+      collisionPadding: E,
+      sticky: _,
+      hideWhenDetached: b,
       avoidCollisions: u
-    } = ae, g = E(ae, [
+    } = ae, y = T(ae, [
       "__scopeSelect",
       "position",
       "onCloseAutoFocus",
@@ -307,103 +265,103 @@ var H = 10, [Je, Y] = le(te), no = "SelectContentImpl", Qe = n.forwardRef(
       "sticky",
       "hideWhenDetached",
       "avoidCollisions"
-    ]), m = q(te, e), [p, b] = n.useState(null), [N, ce] = n.useState(null), re = B(o, (h) => b(h)), [O, U] = n.useState(null), [X, ne] = n.useState(
+    ]), v = Y(te, e), [p, I] = n.useState(null), [M, ce] = n.useState(null), re = G(o, (m) => I(m)), [D, H] = n.useState(null), [X, ne] = n.useState(
       null
-    ), k = ve(e), [z, se] = n.useState(!1), W = n.useRef(!1);
+    ), B = he(e), [z, se] = n.useState(!1), U = n.useRef(!1);
     n.useEffect(() => {
-      if (p) return Ft(p);
-    }, [p]), Dt();
-    const D = n.useCallback(
-      (h) => {
-        const [M, ...L] = k().map((P) => P.ref.current), [_] = L.slice(-1), R = document.activeElement;
-        for (const P of h)
-          if (P === R || (P == null || P.scrollIntoView({ block: "nearest" }), P === M && N && (N.scrollTop = 0), P === _ && N && (N.scrollTop = N.scrollHeight), P == null || P.focus(), document.activeElement !== R)) return;
+      if (p) return kt(p);
+    }, [p]), Bt();
+    const O = n.useCallback(
+      (m) => {
+        const [R, ...L] = B().map((C) => C.ref.current), [N] = L.slice(-1), x = document.activeElement;
+        for (const C of m)
+          if (C === x || (C == null || C.scrollIntoView({ block: "nearest" }), C === R && M && (M.scrollTop = 0), C === N && M && (M.scrollTop = M.scrollHeight), C == null || C.focus(), document.activeElement !== x)) return;
       },
-      [k, N]
-    ), F = n.useCallback(
-      () => D([O, p]),
-      [D, O, p]
+      [B, M]
+    ), W = n.useCallback(
+      () => O([D, p]),
+      [O, D, p]
     );
     n.useEffect(() => {
-      z && F();
-    }, [z, F]);
-    const { onOpenChange: K, triggerPointerDownPosRef: Z } = m;
+      z && W();
+    }, [z, W]);
+    const { onOpenChange: F, triggerPointerDownPosRef: Z } = v;
     n.useEffect(() => {
       if (p) {
-        let h = { x: 0, y: 0 };
-        const M = (_) => {
-          var R, P, $, G;
-          h = {
-            x: Math.abs(Math.round(_.pageX) - ((P = (R = Z.current) == null ? void 0 : R.x) != null ? P : 0)),
-            y: Math.abs(Math.round(_.pageY) - ((G = ($ = Z.current) == null ? void 0 : $.y) != null ? G : 0))
+        let m = { x: 0, y: 0 };
+        const R = (N) => {
+          var x, C, K, $;
+          m = {
+            x: Math.abs(Math.round(N.pageX) - ((C = (x = Z.current) == null ? void 0 : x.x) != null ? C : 0)),
+            y: Math.abs(Math.round(N.pageY) - (($ = (K = Z.current) == null ? void 0 : K.y) != null ? $ : 0))
           };
-        }, L = (_) => {
-          h.x <= 10 && h.y <= 10 ? _.preventDefault() : p.contains(_.target) || K(!1), document.removeEventListener("pointermove", M), Z.current = null;
+        }, L = (N) => {
+          m.x <= 10 && m.y <= 10 ? N.preventDefault() : p.contains(N.target) || F(!1), document.removeEventListener("pointermove", R), Z.current = null;
         };
-        return Z.current !== null && (document.addEventListener("pointermove", M), document.addEventListener("pointerup", L, { capture: !0, once: !0 })), () => {
-          document.removeEventListener("pointermove", M), document.removeEventListener("pointerup", L, { capture: !0 });
+        return Z.current !== null && (document.addEventListener("pointermove", R), document.addEventListener("pointerup", L, { capture: !0, once: !0 })), () => {
+          document.removeEventListener("pointermove", R), document.removeEventListener("pointerup", L, { capture: !0 });
         };
       }
-    }, [p, K, Z]), n.useEffect(() => {
-      const h = () => K(!1);
-      return window.addEventListener("blur", h), window.addEventListener("resize", h), () => {
-        window.removeEventListener("blur", h), window.removeEventListener("resize", h);
+    }, [p, F, Z]), n.useEffect(() => {
+      const m = () => F(!1);
+      return window.addEventListener("blur", m), window.addEventListener("resize", m), () => {
+        window.removeEventListener("blur", m), window.removeEventListener("resize", m);
       };
-    }, [K]);
-    const [ue, Se] = gt((h) => {
-      const M = k().filter((R) => !R.disabled), L = M.find((R) => R.ref.current === document.activeElement), _ = St(M, h, L);
-      _ && setTimeout(() => _.ref.current.focus());
-    }), pe = n.useCallback(
-      (h, M, L) => {
-        const _ = !W.current && !L;
-        (m.value !== void 0 && m.value === M || _) && (U(h), _ && (W.current = !0));
+    }, [F]);
+    const [de, ge] = mt((m) => {
+      const R = B().filter((x) => !x.disabled), L = R.find((x) => x.ref.current === document.activeElement), N = ht(R, m, L);
+      N && setTimeout(() => N.ref.current.focus());
+    }), ue = n.useCallback(
+      (m, R, L) => {
+        const N = !U.current && !L;
+        (v.value !== void 0 && v.value === R || N) && (H(m), N && (U.current = !0));
       },
-      [m.value]
-    ), we = n.useCallback(() => p == null ? void 0 : p.focus(), [p]), ye = n.useCallback(
-      (h, M, L) => {
-        const _ = !W.current && !L;
-        (m.value !== void 0 && m.value === M || _) && ne(h);
+      [v.value]
+    ), Se = n.useCallback(() => p == null ? void 0 : p.focus(), [p]), we = n.useCallback(
+      (m, R, L) => {
+        const N = !U.current && !L;
+        (v.value !== void 0 && v.value === R || N) && ne(m);
       },
-      [m.value]
-    ), J = s === "popper" ? Ne : et, Ce = J === Ne ? {
-      side: l,
+      [v.value]
+    ), J = s === "popper" ? Ie : Ze, ye = J === Ie ? {
+      side: c,
       sideOffset: i,
       align: f,
-      alignOffset: S,
-      arrowPadding: T,
-      collisionBoundary: C,
-      collisionPadding: I,
-      sticky: y,
-      hideWhenDetached: w,
+      alignOffset: g,
+      arrowPadding: P,
+      collisionBoundary: S,
+      collisionPadding: E,
+      sticky: _,
+      hideWhenDetached: b,
       avoidCollisions: u
     } : {};
     return /* @__PURE__ */ d(
-      Je,
+      qe,
       {
         scope: e,
         content: p,
-        viewport: N,
+        viewport: M,
         onViewportChange: ce,
-        itemRefCallback: pe,
-        selectedItem: O,
-        onItemLeave: we,
-        itemTextRefCallback: ye,
-        focusSelectedItem: F,
+        itemRefCallback: ue,
+        selectedItem: D,
+        onItemLeave: Se,
+        itemTextRefCallback: we,
+        focusSelectedItem: W,
         selectedItemText: X,
         position: s,
         isPositioned: z,
-        searchRef: ue,
-        children: /* @__PURE__ */ d(Kt, { as: Te, allowPinchZoom: !0, children: /* @__PURE__ */ d(
-          Lt,
+        searchRef: de,
+        children: /* @__PURE__ */ d(Vt, { as: ro, allowPinchZoom: !0, children: /* @__PURE__ */ d(
+          Ht,
           {
             asChild: !0,
-            trapped: m.open,
-            onMountAutoFocus: (h) => {
-              h.preventDefault();
+            trapped: v.open,
+            onMountAutoFocus: (m) => {
+              m.preventDefault();
             },
-            onUnmountAutoFocus: A(r, (h) => {
-              var M;
-              (M = m.trigger) == null || M.focus({ preventScroll: !0 }), h.preventDefault();
+            onUnmountAutoFocus: A(r, (m) => {
+              var R;
+              (R = v.trigger) == null || R.focus({ preventScroll: !0 }), m.preventDefault();
             }),
             children: /* @__PURE__ */ d(
               Ot,
@@ -411,36 +369,36 @@ var H = 10, [Je, Y] = le(te), no = "SelectContentImpl", Qe = n.forwardRef(
                 asChild: !0,
                 disableOutsidePointerEvents: !0,
                 onEscapeKeyDown: a,
-                onPointerDownOutside: c,
-                onFocusOutside: (h) => h.preventDefault(),
-                onDismiss: () => m.onOpenChange(!1),
+                onPointerDownOutside: l,
+                onFocusOutside: (m) => m.preventDefault(),
+                onDismiss: () => v.onOpenChange(!1),
                 children: /* @__PURE__ */ d(
                   J,
-                  x(v(v({
+                  w(h(h({
                     role: "listbox",
-                    id: m.contentId,
-                    "data-state": m.open ? "open" : "closed",
-                    dir: m.dir,
-                    onContextMenu: (h) => h.preventDefault()
-                  }, g), Ce), {
+                    id: v.contentId,
+                    "data-state": v.open ? "open" : "closed",
+                    dir: v.dir,
+                    onContextMenu: (m) => m.preventDefault()
+                  }, y), ye), {
                     onPlaced: () => se(!0),
                     ref: re,
-                    style: v({
+                    style: h({
                       // flex layout so we can place the scroll buttons properly
                       display: "flex",
                       flexDirection: "column",
                       // reset the outline by default as the content MAY get focused
                       outline: "none"
-                    }, g.style),
-                    onKeyDown: A(g.onKeyDown, (h) => {
-                      const M = h.ctrlKey || h.altKey || h.metaKey;
-                      if (h.key === "Tab" && h.preventDefault(), !M && h.key.length === 1 && Se(h.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(h.key)) {
-                        let _ = k().filter((R) => !R.disabled).map((R) => R.ref.current);
-                        if (["ArrowUp", "End"].includes(h.key) && (_ = _.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(h.key)) {
-                          const R = h.target, P = _.indexOf(R);
-                          _ = _.slice(P + 1);
+                    }, y.style),
+                    onKeyDown: A(y.onKeyDown, (m) => {
+                      const R = m.ctrlKey || m.altKey || m.metaKey;
+                      if (m.key === "Tab" && m.preventDefault(), !R && m.key.length === 1 && ge(m.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(m.key)) {
+                        let N = B().filter((x) => !x.disabled).map((x) => x.ref.current);
+                        if (["ArrowUp", "End"].includes(m.key) && (N = N.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(m.key)) {
+                          const x = m.target, C = N.indexOf(x);
+                          N = N.slice(C + 1);
                         }
-                        setTimeout(() => D(_)), h.preventDefault();
+                        setTimeout(() => O(N)), m.preventDefault();
                       }
                     })
                   })
@@ -453,80 +411,80 @@ var H = 10, [Je, Y] = le(te), no = "SelectContentImpl", Qe = n.forwardRef(
     );
   }
 );
-Qe.displayName = no;
-var so = "SelectItemAlignedPosition", et = n.forwardRef((t, o) => {
-  const re = t, { __scopeSelect: e, onPlaced: s } = re, r = E(re, ["__scopeSelect", "onPlaced"]), a = q(te, e), c = Y(te, e), [l, i] = n.useState(null), [f, S] = n.useState(null), T = B(o, (O) => S(O)), C = ve(e), I = n.useRef(!1), y = n.useRef(!0), { viewport: w, selectedItem: u, selectedItemText: g, focusSelectedItem: m } = c, p = n.useCallback(() => {
-    if (a.trigger && a.valueNode && l && f && w && u && g) {
-      const O = a.trigger.getBoundingClientRect(), U = f.getBoundingClientRect(), X = a.valueNode.getBoundingClientRect(), ne = g.getBoundingClientRect();
+Xe.displayName = oo;
+var no = "SelectItemAlignedPosition", Ze = n.forwardRef((t, o) => {
+  const re = t, { __scopeSelect: e, onPlaced: s } = re, r = T(re, ["__scopeSelect", "onPlaced"]), a = Y(te, e), l = q(te, e), [c, i] = n.useState(null), [f, g] = n.useState(null), P = G(o, (D) => g(D)), S = he(e), E = n.useRef(!1), _ = n.useRef(!0), { viewport: b, selectedItem: u, selectedItemText: y, focusSelectedItem: v } = l, p = n.useCallback(() => {
+    if (a.trigger && a.valueNode && c && f && b && u && y) {
+      const D = a.trigger.getBoundingClientRect(), H = f.getBoundingClientRect(), X = a.valueNode.getBoundingClientRect(), ne = y.getBoundingClientRect();
       if (a.dir !== "rtl") {
-        const R = ne.left - U.left, P = X.left - R, $ = O.left - P, G = O.width + $, be = Math.max(G, U.width), xe = window.innerWidth - H, Ie = Ve(P, [
-          H,
+        const x = ne.left - H.left, C = X.left - x, K = D.left - C, $ = D.width + K, be = Math.max($, H.width), xe = window.innerWidth - V, Ce = Le(C, [
+          V,
           // Prevents the content from going off the starting edge of the
           // viewport. It may still go off the ending edge, but this can be
           // controlled by the user since they may want to manage overflow in a
           // specific way.
           // https://github.com/radix-ui/primitives/issues/2049
-          Math.max(H, xe - be)
+          Math.max(V, xe - be)
         ]);
-        l.style.minWidth = G + "px", l.style.left = Ie + "px";
+        c.style.minWidth = $ + "px", c.style.left = Ce + "px";
       } else {
-        const R = U.right - ne.right, P = window.innerWidth - X.right - R, $ = window.innerWidth - O.right - P, G = O.width + $, be = Math.max(G, U.width), xe = window.innerWidth - H, Ie = Ve(P, [
-          H,
-          Math.max(H, xe - be)
+        const x = H.right - ne.right, C = window.innerWidth - X.right - x, K = window.innerWidth - D.right - C, $ = D.width + K, be = Math.max($, H.width), xe = window.innerWidth - V, Ce = Le(C, [
+          V,
+          Math.max(V, xe - be)
         ]);
-        l.style.minWidth = G + "px", l.style.right = Ie + "px";
+        c.style.minWidth = $ + "px", c.style.right = Ce + "px";
       }
-      const k = C(), z = window.innerHeight - H * 2, se = w.scrollHeight, W = window.getComputedStyle(f), D = parseInt(W.borderTopWidth, 10), F = parseInt(W.paddingTop, 10), K = parseInt(W.borderBottomWidth, 10), Z = parseInt(W.paddingBottom, 10), ue = D + F + se + Z + K, Se = Math.min(u.offsetHeight * 5, ue), pe = window.getComputedStyle(w), we = parseInt(pe.paddingTop, 10), ye = parseInt(pe.paddingBottom, 10), J = O.top + O.height / 2 - H, Ce = z - J, ae = u.offsetHeight / 2, h = u.offsetTop + ae, M = D + F + h, L = ue - M;
-      if (M <= J) {
-        const R = k.length > 0 && u === k[k.length - 1].ref.current;
-        l.style.bottom = "0px";
-        const P = f.clientHeight - w.offsetTop - w.offsetHeight, $ = Math.max(
-          Ce,
+      const B = S(), z = window.innerHeight - V * 2, se = b.scrollHeight, U = window.getComputedStyle(f), O = parseInt(U.borderTopWidth, 10), W = parseInt(U.paddingTop, 10), F = parseInt(U.borderBottomWidth, 10), Z = parseInt(U.paddingBottom, 10), de = O + W + se + Z + F, ge = Math.min(u.offsetHeight * 5, de), ue = window.getComputedStyle(b), Se = parseInt(ue.paddingTop, 10), we = parseInt(ue.paddingBottom, 10), J = D.top + D.height / 2 - V, ye = z - J, ae = u.offsetHeight / 2, m = u.offsetTop + ae, R = O + W + m, L = de - R;
+      if (R <= J) {
+        const x = B.length > 0 && u === B[B.length - 1].ref.current;
+        c.style.bottom = "0px";
+        const C = f.clientHeight - b.offsetTop - b.offsetHeight, K = Math.max(
+          ye,
           ae + // viewport might have padding bottom, include it to avoid a scrollable viewport
-          (R ? ye : 0) + P + K
-        ), G = M + $;
-        l.style.height = G + "px";
+          (x ? we : 0) + C + F
+        ), $ = R + K;
+        c.style.height = $ + "px";
       } else {
-        const R = k.length > 0 && u === k[0].ref.current;
-        l.style.top = "0px";
-        const $ = Math.max(
+        const x = B.length > 0 && u === B[0].ref.current;
+        c.style.top = "0px";
+        const K = Math.max(
           J,
-          D + w.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
-          (R ? we : 0) + ae
+          O + b.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
+          (x ? Se : 0) + ae
         ) + L;
-        l.style.height = $ + "px", w.scrollTop = M - J + w.offsetTop;
+        c.style.height = K + "px", b.scrollTop = R - J + b.offsetTop;
       }
-      l.style.margin = `${H}px 0`, l.style.minHeight = Se + "px", l.style.maxHeight = z + "px", s == null || s(), requestAnimationFrame(() => I.current = !0);
+      c.style.margin = `${V}px 0`, c.style.minHeight = ge + "px", c.style.maxHeight = z + "px", s == null || s(), requestAnimationFrame(() => E.current = !0);
     }
   }, [
-    C,
+    S,
     a.trigger,
     a.valueNode,
-    l,
+    c,
     f,
-    w,
+    b,
     u,
-    g,
+    y,
     a.dir,
     s
   ]);
   j(() => p(), [p]);
-  const [b, N] = n.useState();
+  const [I, M] = n.useState();
   j(() => {
-    f && N(window.getComputedStyle(f).zIndex);
+    f && M(window.getComputedStyle(f).zIndex);
   }, [f]);
   const ce = n.useCallback(
-    (O) => {
-      O && y.current === !0 && (p(), m == null || m(), y.current = !1);
+    (D) => {
+      D && _.current === !0 && (p(), v == null || v(), _.current = !1);
     },
-    [p, m]
+    [p, v]
   );
   return /* @__PURE__ */ d(
-    lo,
+    ao,
     {
       scope: e,
-      contentWrapper: l,
-      shouldExpandOnScrollRef: I,
+      contentWrapper: c,
+      shouldExpandOnScrollRef: E,
       onScrollButtonChange: ce,
       children: /* @__PURE__ */ d(
         "div",
@@ -536,13 +494,13 @@ var so = "SelectItemAlignedPosition", et = n.forwardRef((t, o) => {
             display: "flex",
             flexDirection: "column",
             position: "fixed",
-            zIndex: b
+            zIndex: I
           },
           children: /* @__PURE__ */ d(
-            V.div,
-            x(v({}, r), {
-              ref: T,
-              style: v({
+            k.div,
+            w(h({}, r), {
+              ref: P,
+              style: h({
                 // When we get the height of the content, it includes borders. If we were to set
                 // the height without having `boxSizing: 'border-box'` it would be too big.
                 boxSizing: "border-box",
@@ -556,24 +514,24 @@ var so = "SelectItemAlignedPosition", et = n.forwardRef((t, o) => {
     }
   );
 });
-et.displayName = so;
-var ao = "SelectPopperPosition", Ne = n.forwardRef((t, o) => {
-  const l = t, {
+Ze.displayName = no;
+var so = "SelectPopperPosition", Ie = n.forwardRef((t, o) => {
+  const c = t, {
     __scopeSelect: e,
     align: s = "start",
-    collisionPadding: r = H
-  } = l, a = E(l, [
+    collisionPadding: r = V
+  } = c, a = T(c, [
     "__scopeSelect",
     "align",
     "collisionPadding"
-  ]), c = ge(e);
+  ]), l = ve(e);
   return /* @__PURE__ */ d(
-    Ht,
-    x(v(v({}, c), a), {
+    Ft,
+    w(h(h({}, l), a), {
       ref: o,
       align: s,
       collisionPadding: r,
-      style: x(v({
+      style: w(h({
         // Ensure border-box for floating-ui calculations
         boxSizing: "border-box"
       }, a.style), {
@@ -586,11 +544,11 @@ var ao = "SelectPopperPosition", Ne = n.forwardRef((t, o) => {
     })
   );
 });
-Ne.displayName = ao;
-var [lo, Oe] = le(te, {}), Re = "SelectViewport", tt = n.forwardRef(
+Ie.displayName = so;
+var [ao, Me] = le(te, {}), Te = "SelectViewport", Je = n.forwardRef(
   (t, o) => {
-    const f = t, { __scopeSelect: e, nonce: s } = f, r = E(f, ["__scopeSelect", "nonce"]), a = Y(Re, e), c = Oe(Re, e), l = B(o, a.onViewportChange), i = n.useRef(0);
-    return /* @__PURE__ */ ee(Me, { children: [
+    const f = t, { __scopeSelect: e, nonce: s } = f, r = T(f, ["__scopeSelect", "nonce"]), a = q(Te, e), l = Me(Te, e), c = G(o, a.onViewportChange), i = n.useRef(0);
+    return /* @__PURE__ */ Q(Ee, { children: [
       /* @__PURE__ */ d(
         "style",
         {
@@ -600,14 +558,14 @@ var [lo, Oe] = le(te, {}), Re = "SelectViewport", tt = n.forwardRef(
           nonce: s
         }
       ),
-      /* @__PURE__ */ d(he.Slot, { scope: e, children: /* @__PURE__ */ d(
-        V.div,
-        x(v({
+      /* @__PURE__ */ d(me.Slot, { scope: e, children: /* @__PURE__ */ d(
+        k.div,
+        w(h({
           "data-radix-select-viewport": "",
           role: "presentation"
         }, r), {
-          ref: l,
-          style: v({
+          ref: c,
+          style: h({
             // we use position: 'relative' here on the `viewport` so that when we call
             // `selectedItem.offsetTop` in calculations, the offset is relative to the viewport
             // (independent of the scrollUpButton).
@@ -619,121 +577,121 @@ var [lo, Oe] = le(te, {}), Re = "SelectViewport", tt = n.forwardRef(
             // https://developer.chrome.com/blog/vertical-form-controls
             overflow: "hidden auto"
           }, r.style),
-          onScroll: A(r.onScroll, (S) => {
-            const T = S.currentTarget, { contentWrapper: C, shouldExpandOnScrollRef: I } = c;
-            if (I != null && I.current && C) {
-              const y = Math.abs(i.current - T.scrollTop);
-              if (y > 0) {
-                const w = window.innerHeight - H * 2, u = parseFloat(C.style.minHeight), g = parseFloat(C.style.height), m = Math.max(u, g);
-                if (m < w) {
-                  const p = m + y, b = Math.min(w, p), N = p - b;
-                  C.style.height = b + "px", C.style.bottom === "0px" && (T.scrollTop = N > 0 ? N : 0, C.style.justifyContent = "flex-end");
+          onScroll: A(r.onScroll, (g) => {
+            const P = g.currentTarget, { contentWrapper: S, shouldExpandOnScrollRef: E } = l;
+            if (E != null && E.current && S) {
+              const _ = Math.abs(i.current - P.scrollTop);
+              if (_ > 0) {
+                const b = window.innerHeight - V * 2, u = parseFloat(S.style.minHeight), y = parseFloat(S.style.height), v = Math.max(u, y);
+                if (v < b) {
+                  const p = v + _, I = Math.min(b, p), M = p - I;
+                  S.style.height = I + "px", S.style.bottom === "0px" && (P.scrollTop = M > 0 ? M : 0, S.style.justifyContent = "flex-end");
                 }
               }
             }
-            i.current = T.scrollTop;
+            i.current = P.scrollTop;
           })
         })
       ) })
     ] });
   }
 );
-tt.displayName = Re;
-var ot = "SelectGroup", [co, io] = le(ot), rt = n.forwardRef(
+Je.displayName = Te;
+var Qe = "SelectGroup", [lo, co] = le(Qe), et = n.forwardRef(
   (t, o) => {
-    const a = t, { __scopeSelect: e } = a, s = E(a, ["__scopeSelect"]), r = Ae();
-    return /* @__PURE__ */ d(co, { scope: e, id: r, children: /* @__PURE__ */ d(V.div, x(v({ role: "group", "aria-labelledby": r }, s), { ref: o })) });
+    const a = t, { __scopeSelect: e } = a, s = T(a, ["__scopeSelect"]), r = _e();
+    return /* @__PURE__ */ d(lo, { scope: e, id: r, children: /* @__PURE__ */ d(k.div, w(h({ role: "group", "aria-labelledby": r }, s), { ref: o })) });
   }
 );
-rt.displayName = ot;
-var nt = "SelectLabel", st = n.forwardRef(
+et.displayName = Qe;
+var tt = "SelectLabel", ot = n.forwardRef(
   (t, o) => {
-    const a = t, { __scopeSelect: e } = a, s = E(a, ["__scopeSelect"]), r = io(nt, e);
-    return /* @__PURE__ */ d(V.div, x(v({ id: r.id }, s), { ref: o }));
+    const a = t, { __scopeSelect: e } = a, s = T(a, ["__scopeSelect"]), r = co(tt, e);
+    return /* @__PURE__ */ d(k.div, w(h({ id: r.id }, s), { ref: o }));
   }
 );
-st.displayName = nt;
-var me = "SelectItem", [uo, at] = le(me), lt = n.forwardRef(
+ot.displayName = tt;
+var fe = "SelectItem", [io, rt] = le(fe), nt = n.forwardRef(
   (t, o) => {
-    const m = t, {
+    const v = t, {
       __scopeSelect: e,
       value: s,
       disabled: r = !1,
       textValue: a
-    } = m, c = E(m, [
+    } = v, l = T(v, [
       "__scopeSelect",
       "value",
       "disabled",
       "textValue"
-    ]), l = q(me, e), i = Y(me, e), f = l.value === s, [S, T] = n.useState(a != null ? a : ""), [C, I] = n.useState(!1), y = B(
+    ]), c = Y(fe, e), i = q(fe, e), f = c.value === s, [g, P] = n.useState(a != null ? a : ""), [S, E] = n.useState(!1), _ = G(
       o,
       (p) => {
-        var b;
-        return (b = i.itemRefCallback) == null ? void 0 : b.call(i, p, s, r);
+        var I;
+        return (I = i.itemRefCallback) == null ? void 0 : I.call(i, p, s, r);
       }
-    ), w = Ae(), u = n.useRef("touch"), g = () => {
-      r || (l.onValueChange(s), l.onOpenChange(!1));
+    ), b = _e(), u = n.useRef("touch"), y = () => {
+      r || (c.onValueChange(s), c.onOpenChange(!1));
     };
     if (s === "")
       throw new Error(
         "A <Select.Item /> must have a value prop that is not an empty string. This is because the Select value can be set to an empty string to clear the selection and show the placeholder."
       );
     return /* @__PURE__ */ d(
-      uo,
+      io,
       {
         scope: e,
         value: s,
         disabled: r,
-        textId: w,
+        textId: b,
         isSelected: f,
         onItemTextChange: n.useCallback((p) => {
-          T((b) => {
-            var N;
-            return b || ((N = p == null ? void 0 : p.textContent) != null ? N : "").trim();
+          P((I) => {
+            var M;
+            return I || ((M = p == null ? void 0 : p.textContent) != null ? M : "").trim();
           });
         }, []),
         children: /* @__PURE__ */ d(
-          he.ItemSlot,
+          me.ItemSlot,
           {
             scope: e,
             value: s,
             disabled: r,
-            textValue: S,
+            textValue: g,
             children: /* @__PURE__ */ d(
-              V.div,
-              x(v({
+              k.div,
+              w(h({
                 role: "option",
-                "aria-labelledby": w,
-                "data-highlighted": C ? "" : void 0,
-                "aria-selected": f && C,
+                "aria-labelledby": b,
+                "data-highlighted": S ? "" : void 0,
+                "aria-selected": f && S,
                 "data-state": f ? "checked" : "unchecked",
                 "aria-disabled": r || void 0,
                 "data-disabled": r ? "" : void 0,
                 tabIndex: r ? void 0 : -1
-              }, c), {
-                ref: y,
-                onFocus: A(c.onFocus, () => I(!0)),
-                onBlur: A(c.onBlur, () => I(!1)),
-                onClick: A(c.onClick, () => {
-                  u.current !== "mouse" && g();
+              }, l), {
+                ref: _,
+                onFocus: A(l.onFocus, () => E(!0)),
+                onBlur: A(l.onBlur, () => E(!1)),
+                onClick: A(l.onClick, () => {
+                  console.log("test"), u.current !== "mouse" && y();
                 }),
-                onPointerUp: A(c.onPointerUp, () => {
-                  u.current === "mouse" && g();
+                onPointerUp: A(l.onPointerUp, () => {
+                  u.current === "mouse" && y();
                 }),
-                onPointerDown: A(c.onPointerDown, (p) => {
+                onPointerDown: A(l.onPointerDown, (p) => {
                   u.current = p.pointerType;
                 }),
-                onPointerMove: A(c.onPointerMove, (p) => {
-                  var b;
-                  u.current = p.pointerType, r ? (b = i.onItemLeave) == null || b.call(i) : u.current === "mouse" && p.currentTarget.focus({ preventScroll: !0 });
+                onPointerMove: A(l.onPointerMove, (p) => {
+                  var I;
+                  u.current = p.pointerType, r ? (I = i.onItemLeave) == null || I.call(i) : u.current === "mouse" && p.currentTarget.focus({ preventScroll: !0 });
                 }),
-                onPointerLeave: A(c.onPointerLeave, (p) => {
-                  var b;
-                  p.currentTarget === document.activeElement && ((b = i.onItemLeave) == null || b.call(i));
+                onPointerLeave: A(l.onPointerLeave, (p) => {
+                  var I;
+                  p.currentTarget === document.activeElement && ((I = i.onItemLeave) == null || I.call(i));
                 }),
-                onKeyDown: A(c.onKeyDown, (p) => {
-                  var N;
-                  ((N = i.searchRef) == null ? void 0 : N.current) !== "" && p.key === " " || (Zt.includes(p.key) && g(), p.key === " " && p.preventDefault());
+                onKeyDown: A(l.onKeyDown, (p) => {
+                  var M;
+                  ((M = i.searchRef) == null ? void 0 : M.current) !== "" && p.key === " " || (qt.includes(p.key) && y(), p.key === " " && p.preventDefault());
                 })
               })
             )
@@ -743,148 +701,158 @@ var me = "SelectItem", [uo, at] = le(me), lt = n.forwardRef(
     );
   }
 );
-lt.displayName = me;
-var ie = "SelectItemText", ct = n.forwardRef(
+nt.displayName = fe;
+var ie = "SelectItemText", st = n.forwardRef(
   (t, o) => {
-    const g = t, { __scopeSelect: e, className: s, style: r } = g, a = E(g, ["__scopeSelect", "className", "style"]), c = q(ie, e), l = Y(ie, e), i = at(ie, e), f = to(ie, e), [S, T] = n.useState(null), C = B(
+    const y = t, { __scopeSelect: e, className: s, style: r } = y, a = T(y, ["__scopeSelect", "className", "style"]), l = Y(ie, e), c = q(ie, e), i = rt(ie, e), f = Qt(ie, e), [g, P] = n.useState(null), S = G(
       o,
-      (m) => T(m),
+      (v) => P(v),
       i.onItemTextChange,
-      (m) => {
+      (v) => {
         var p;
-        return (p = l.itemTextRefCallback) == null ? void 0 : p.call(l, m, i.value, i.disabled);
+        return (p = c.itemTextRefCallback) == null ? void 0 : p.call(c, v, i.value, i.disabled);
       }
-    ), I = S == null ? void 0 : S.textContent, y = n.useMemo(
-      () => /* @__PURE__ */ d("option", { value: i.value, disabled: i.disabled, children: I }, i.value),
-      [i.disabled, i.value, I]
-    ), { onNativeOptionAdd: w, onNativeOptionRemove: u } = f;
-    return j(() => (w(y), () => u(y)), [w, u, y]), /* @__PURE__ */ ee(Me, { children: [
-      /* @__PURE__ */ d(V.span, x(v({ id: i.textId }, a), { ref: C })),
-      i.isSelected && c.valueNode && !c.valueNodeHasChildren ? He.createPortal(a.children, c.valueNode) : null
+    ), E = g == null ? void 0 : g.textContent, _ = n.useMemo(
+      () => /* @__PURE__ */ d("option", { value: i.value, disabled: i.disabled, children: E }, i.value),
+      [i.disabled, i.value, E]
+    ), { onNativeOptionAdd: b, onNativeOptionRemove: u } = f;
+    return j(() => (b(_), () => u(_)), [b, u, _]), /* @__PURE__ */ Q(Ee, { children: [
+      /* @__PURE__ */ d(k.span, w(h({ id: i.textId }, a), { ref: S })),
+      i.isSelected && l.valueNode && !l.valueNodeHasChildren ? Be.createPortal(a.children, l.valueNode) : null
     ] });
   }
 );
-ct.displayName = ie;
-var it = "SelectItemIndicator", dt = n.forwardRef(
+st.displayName = ie;
+var at = "SelectItemIndicator", lt = n.forwardRef(
   (t, o) => {
-    const a = t, { __scopeSelect: e } = a, s = E(a, ["__scopeSelect"]);
-    return at(it, e).isSelected ? /* @__PURE__ */ d(V.span, x(v({ "aria-hidden": !0 }, s), { ref: o })) : null;
+    const a = t, { __scopeSelect: e } = a, s = T(a, ["__scopeSelect"]);
+    return rt(at, e).isSelected ? /* @__PURE__ */ d(k.span, w(h({ "aria-hidden": !0 }, s), { ref: o })) : null;
   }
 );
-dt.displayName = it;
-var Pe = "SelectScrollUpButton", ut = n.forwardRef((t, o) => {
-  const e = Y(Pe, t.__scopeSelect), s = Oe(Pe, t.__scopeSelect), [r, a] = n.useState(!1), c = B(o, s.onScrollButtonChange);
+lt.displayName = at;
+var Ne = "SelectScrollUpButton", ct = n.forwardRef((t, o) => {
+  const e = q(Ne, t.__scopeSelect), s = Me(Ne, t.__scopeSelect), [r, a] = n.useState(!1), l = G(o, s.onScrollButtonChange);
   return j(() => {
     if (e.viewport && e.isPositioned) {
-      let l = function() {
+      let c = function() {
         const f = i.scrollTop > 0;
         a(f);
       };
       const i = e.viewport;
-      return l(), i.addEventListener("scroll", l), () => i.removeEventListener("scroll", l);
+      return c(), i.addEventListener("scroll", c), () => i.removeEventListener("scroll", c);
     }
   }, [e.viewport, e.isPositioned]), r ? /* @__PURE__ */ d(
-    ft,
-    x(v({}, t), {
-      ref: c,
+    dt,
+    w(h({}, t), {
+      ref: l,
       onAutoScroll: () => {
-        const { viewport: l, selectedItem: i } = e;
-        l && i && (l.scrollTop = l.scrollTop - i.offsetHeight);
+        const { viewport: c, selectedItem: i } = e;
+        c && i && (c.scrollTop = c.scrollTop - i.offsetHeight);
       }
     })
   ) : null;
 });
-ut.displayName = Pe;
-var Ee = "SelectScrollDownButton", pt = n.forwardRef((t, o) => {
-  const e = Y(Ee, t.__scopeSelect), s = Oe(Ee, t.__scopeSelect), [r, a] = n.useState(!1), c = B(o, s.onScrollButtonChange);
+ct.displayName = Ne;
+var Re = "SelectScrollDownButton", it = n.forwardRef((t, o) => {
+  const e = q(Re, t.__scopeSelect), s = Me(Re, t.__scopeSelect), [r, a] = n.useState(!1), l = G(o, s.onScrollButtonChange);
   return j(() => {
     if (e.viewport && e.isPositioned) {
-      let l = function() {
-        const f = i.scrollHeight - i.clientHeight, S = Math.ceil(i.scrollTop) < f;
-        a(S);
+      let c = function() {
+        const f = i.scrollHeight - i.clientHeight, g = Math.ceil(i.scrollTop) < f;
+        a(g);
       };
       const i = e.viewport;
-      return l(), i.addEventListener("scroll", l), () => i.removeEventListener("scroll", l);
+      return c(), i.addEventListener("scroll", c), () => i.removeEventListener("scroll", c);
     }
   }, [e.viewport, e.isPositioned]), r ? /* @__PURE__ */ d(
-    ft,
-    x(v({}, t), {
-      ref: c,
+    dt,
+    w(h({}, t), {
+      ref: l,
       onAutoScroll: () => {
-        const { viewport: l, selectedItem: i } = e;
-        l && i && (l.scrollTop = l.scrollTop + i.offsetHeight);
+        const { viewport: c, selectedItem: i } = e;
+        c && i && (c.scrollTop = c.scrollTop + i.offsetHeight);
       }
     })
   ) : null;
 });
-pt.displayName = Ee;
-var ft = n.forwardRef((t, o) => {
-  const f = t, { __scopeSelect: e, onAutoScroll: s } = f, r = E(f, ["__scopeSelect", "onAutoScroll"]), a = Y("SelectScrollButton", e), c = n.useRef(null), l = ve(e), i = n.useCallback(() => {
-    c.current !== null && (window.clearInterval(c.current), c.current = null);
+it.displayName = Re;
+var dt = n.forwardRef((t, o) => {
+  const f = t, { __scopeSelect: e, onAutoScroll: s } = f, r = T(f, ["__scopeSelect", "onAutoScroll"]), a = q("SelectScrollButton", e), l = n.useRef(null), c = he(e), i = n.useCallback(() => {
+    l.current !== null && (window.clearInterval(l.current), l.current = null);
   }, []);
   return n.useEffect(() => () => i(), [i]), j(() => {
-    var T;
-    const S = l().find((C) => C.ref.current === document.activeElement);
-    (T = S == null ? void 0 : S.ref.current) == null || T.scrollIntoView({ block: "nearest" });
-  }, [l]), /* @__PURE__ */ d(
-    V.div,
-    x(v({
+    var P;
+    const g = c().find((S) => S.ref.current === document.activeElement);
+    (P = g == null ? void 0 : g.ref.current) == null || P.scrollIntoView({ block: "nearest" });
+  }, [c]), /* @__PURE__ */ d(
+    k.div,
+    w(h({
       "aria-hidden": !0
     }, r), {
       ref: o,
-      style: v({ flexShrink: 0 }, r.style),
+      style: h({ flexShrink: 0 }, r.style),
       onPointerDown: A(r.onPointerDown, () => {
-        c.current === null && (c.current = window.setInterval(s, 50));
+        l.current === null && (l.current = window.setInterval(s, 50));
       }),
       onPointerMove: A(r.onPointerMove, () => {
-        var S;
-        (S = a.onItemLeave) == null || S.call(a), c.current === null && (c.current = window.setInterval(s, 50));
+        var g;
+        (g = a.onItemLeave) == null || g.call(a), l.current === null && (l.current = window.setInterval(s, 50));
       }),
       onPointerLeave: A(r.onPointerLeave, () => {
         i();
       })
     })
   );
-}), po = "SelectSeparator", mt = n.forwardRef(
+}), uo = "SelectSeparator", ut = n.forwardRef(
   (t, o) => {
-    const r = t, { __scopeSelect: e } = r, s = E(r, ["__scopeSelect"]);
-    return /* @__PURE__ */ d(V.div, x(v({ "aria-hidden": !0 }, s), { ref: o }));
+    const r = t, { __scopeSelect: e } = r, s = T(r, ["__scopeSelect"]);
+    return /* @__PURE__ */ d(k.div, w(h({ "aria-hidden": !0 }, s), { ref: o }));
   }
 );
-mt.displayName = po;
-var _e = "SelectArrow", fo = n.forwardRef(
+ut.displayName = uo;
+var Pe = "SelectArrow", po = n.forwardRef(
   (t, o) => {
-    const l = t, { __scopeSelect: e } = l, s = E(l, ["__scopeSelect"]), r = ge(e), a = q(_e, e), c = Y(_e, e);
-    return a.open && c.position === "popper" ? /* @__PURE__ */ d(Ut, x(v(v({}, r), s), { ref: o })) : null;
+    const c = t, { __scopeSelect: e } = c, s = T(c, ["__scopeSelect"]), r = ve(e), a = Y(Pe, e), l = q(Pe, e);
+    return a.open && l.position === "popper" ? /* @__PURE__ */ d(Kt, w(h(h({}, r), s), { ref: o })) : null;
   }
 );
-fo.displayName = _e;
-function ht(t) {
-  return t === "" || t === void 0;
-}
-var vt = n.forwardRef(
-  (t, o) => {
-    const l = t, { value: e } = l, s = E(l, ["value"]), r = n.useRef(null), a = B(o, r), c = Wt(e);
+po.displayName = Pe;
+var fo = "SelectBubbleInput", pt = n.forwardRef(
+  (r, s) => {
+    var a = r, { __scopeSelect: t, value: o } = a, e = T(a, ["__scopeSelect", "value"]);
+    const l = n.useRef(null), c = G(s, l), i = $t(o);
     return n.useEffect(() => {
-      const i = r.current, f = window.HTMLSelectElement.prototype, T = Object.getOwnPropertyDescriptor(
-        f,
+      const f = l.current;
+      if (!f) return;
+      const g = window.HTMLSelectElement.prototype, S = Object.getOwnPropertyDescriptor(
+        g,
         "value"
       ).set;
-      if (c !== e && T) {
-        const C = new Event("change", { bubbles: !0 });
-        T.call(i, e), i.dispatchEvent(C);
+      if (i !== o && S) {
+        const E = new Event("change", { bubbles: !0 });
+        S.call(f, o), f.dispatchEvent(E);
       }
-    }, [c, e]), /* @__PURE__ */ d(Bt, { asChild: !0, children: /* @__PURE__ */ d("select", x(v({}, s), { ref: a, defaultValue: e })) });
+    }, [i, o]), /* @__PURE__ */ d(
+      k.select,
+      w(h({}, e), {
+        style: h(h({}, Gt), e.style),
+        ref: c,
+        defaultValue: o
+      })
+    );
   }
 );
-vt.displayName = "BubbleSelect";
-function gt(t) {
+pt.displayName = fo;
+function ft(t) {
+  return t === "" || t === void 0;
+}
+function mt(t) {
   const o = Mt(t), e = n.useRef(""), s = n.useRef(0), r = n.useCallback(
-    (c) => {
-      const l = e.current + c;
-      o(l), function i(f) {
+    (l) => {
+      const c = e.current + l;
+      o(c), function i(f) {
         e.current = f, window.clearTimeout(s.current), f !== "" && (s.current = window.setTimeout(() => i(""), 1e3));
-      }(l);
+      }(c);
     },
     [o]
   ), a = n.useCallback(() => {
@@ -892,11 +860,11 @@ function gt(t) {
   }, []);
   return n.useEffect(() => () => window.clearTimeout(s.current), []), [e, r, a];
 }
-function St(t, o, e) {
+function ht(t, o, e) {
   const r = o.length > 1 && Array.from(o).every((f) => f === o[0]) ? o[0] : o, a = e ? t.indexOf(e) : -1;
-  let c = mo(t, Math.max(a, 0));
-  r.length === 1 && (c = c.filter((f) => f !== e));
-  const i = c.find(
+  let l = mo(t, Math.max(a, 0));
+  r.length === 1 && (l = l.filter((f) => f !== e));
+  const i = l.find(
     (f) => f.textValue.toLowerCase().startsWith(r.toLowerCase())
   );
   return i !== e ? i : void 0;
@@ -904,8 +872,8 @@ function St(t, o, e) {
 function mo(t, o) {
   return t.map((e, s) => t[(o + s) % t.length]);
 }
-var ho = $e, wt = ze, vo = qe, go = Ye, So = Xe, yt = Ze, wo = tt, yo = rt, Ct = st, bt = lt, Co = ct, bo = dt, xt = ut, It = pt, Tt = mt;
-const Xo = ho, Zo = yo, Jo = vo, xo = oe({
+var ho = We, vt = Ke, vo = Ge, go = ze, So = je, gt = Ye, wo = Je, yo = et, St = ot, wt = nt, bo = st, xo = lt, yt = ct, bt = it, xt = ut;
+const er = ho, tr = yo, or = vo, Co = oe({
   base: [
     "flex h-10 w-full items-center justify-between whitespace-nowrap rounded-lg border border-secondary-border bg-secondary-bg px-3 py-2.5 shadow-sm outline-none lg:h-9 lg:py-2",
     "text-sm text-primary-fg",
@@ -930,36 +898,36 @@ const Xo = ho, Zo = yo, Jo = vo, xo = oe({
     icon: "h-4 w-4 text-muted group-disabled:hidden"
   }
 }), Io = n.forwardRef((a, r) => {
-  var c = a, { className: t, children: o, invalid: e } = c, s = E(c, ["className", "children", "invalid"]);
-  const l = xo({ invalid: e });
-  return /* @__PURE__ */ ee(wt, x(v({ ref: r, className: l.base({ className: t }) }, s), { children: [
+  var l = a, { className: t, children: o, invalid: e } = l, s = T(l, ["className", "children", "invalid"]);
+  const c = Co({ invalid: e });
+  return /* @__PURE__ */ Q(vt, w(h({ ref: r, className: c.base({ className: t }) }, s), { children: [
     o,
-    /* @__PURE__ */ d(go, { asChild: !0, children: /* @__PURE__ */ d(Ke, { className: l.icon() }) })
+    /* @__PURE__ */ d(go, { asChild: !0, children: /* @__PURE__ */ d(Ue, { className: c.icon() }) })
   ] }));
 });
-Io.displayName = wt.displayName;
+Io.displayName = vt.displayName;
 const To = oe({
   base: ["flex cursor-default items-center justify-center py-1"],
   slots: {
     icon: "h-4 w-4"
   }
-}), Nt = n.forwardRef((s, e) => {
-  var r = s, { className: t } = r, o = E(r, ["className"]);
+}), Ct = n.forwardRef((s, e) => {
+  var r = s, { className: t } = r, o = T(r, ["className"]);
   const a = To();
-  return /* @__PURE__ */ d(xt, x(v({ ref: e, className: a.base({ className: t }) }, o), { children: /* @__PURE__ */ d(zt, { className: a.icon() }) }));
+  return /* @__PURE__ */ d(yt, w(h({ ref: e, className: a.base({ className: t }) }, o), { children: /* @__PURE__ */ d(jt, { className: a.icon() }) }));
 });
-Nt.displayName = xt.displayName;
+Ct.displayName = yt.displayName;
 const No = oe({
   base: ["flex cursor-default items-center justify-center py-1"],
   slots: {
     icon: "h-4 w-4"
   }
-}), Rt = n.forwardRef((s, e) => {
-  var r = s, { className: t } = r, o = E(r, ["className"]);
+}), It = n.forwardRef((s, e) => {
+  var r = s, { className: t } = r, o = T(r, ["className"]);
   const a = No();
-  return /* @__PURE__ */ d(It, x(v({ ref: e, className: a.base({ className: t }) }, o), { children: /* @__PURE__ */ d(Ke, { className: a.icon() }) }));
+  return /* @__PURE__ */ d(bt, w(h({ ref: e, className: a.base({ className: t }) }, o), { children: /* @__PURE__ */ d(Ue, { className: a.icon() }) }));
 });
-Rt.displayName = It.displayName;
+It.displayName = bt.displayName;
 const Ro = oe({
   base: [
     "relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-lg",
@@ -980,31 +948,31 @@ const Ro = oe({
     }
   }
 }), Po = n.forwardRef((a, r) => {
-  var c = a, { className: t, children: o, position: e = "popper" } = c, s = E(c, ["className", "children", "position"]);
-  const l = Ro({ position: e });
-  return /* @__PURE__ */ d(So, { children: /* @__PURE__ */ d($t, { children: /* @__PURE__ */ ee(
-    yt,
-    x(v({
+  var l = a, { className: t, children: o, position: e = "popper" } = l, s = T(l, ["className", "children", "position"]);
+  const c = Ro({ position: e });
+  return /* @__PURE__ */ d(So, { children: /* @__PURE__ */ d(Lt, { children: /* @__PURE__ */ Q(
+    gt,
+    w(h({
       ref: r,
-      className: l.base({ className: t }),
+      className: c.base({ className: t }),
       position: e
     }, s), {
       children: [
-        /* @__PURE__ */ d(Nt, {}),
-        /* @__PURE__ */ d(wo, { className: l.viewport(), children: o }),
-        /* @__PURE__ */ d(Rt, {})
+        /* @__PURE__ */ d(Ct, {}),
+        /* @__PURE__ */ d(wo, { className: c.viewport(), children: o }),
+        /* @__PURE__ */ d(It, {})
       ]
     })
   ) }) });
 });
-Po.displayName = yt.displayName;
+Po.displayName = gt.displayName;
 const Eo = oe({
   base: ["overflow-hidden overflow-ellipsis px-2 py-1.5 text-xs font-medium text-muted"]
 }), _o = n.forwardRef((s, e) => {
-  var r = s, { className: t } = r, o = E(r, ["className"]);
-  return /* @__PURE__ */ d(Ct, v({ ref: e, className: Eo({ className: t }) }, o));
+  var r = s, { className: t } = r, o = T(r, ["className"]);
+  return /* @__PURE__ */ d(St, h({ ref: e, className: Eo({ className: t }) }, o));
 });
-_o.displayName = Ct.displayName;
+_o.displayName = St.displayName;
 const Mo = oe({
   base: [
     "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8",
@@ -1015,31 +983,31 @@ const Mo = oe({
     indicatorIcon: "h-4 w-4"
   }
 }), Ao = n.forwardRef((r, s) => {
-  var a = r, { className: t, children: o } = a, e = E(a, ["className", "children"]);
-  const c = Mo();
-  return /* @__PURE__ */ ee(bt, x(v({ ref: s, className: c.base({ className: t }) }, e), { children: [
-    /* @__PURE__ */ d("span", { className: c.indicator(), children: /* @__PURE__ */ d(bo, { children: /* @__PURE__ */ d(Gt, { className: c.indicatorIcon() }) }) }),
-    /* @__PURE__ */ d(Co, { children: o })
+  var a = r, { className: t, children: o } = a, e = T(a, ["className", "children"]);
+  const l = Mo();
+  return /* @__PURE__ */ Q(wt, w(h({ ref: s, className: l.base({ className: t }) }, e), { children: [
+    /* @__PURE__ */ d("span", { className: l.indicator(), children: /* @__PURE__ */ d(xo, { children: /* @__PURE__ */ d(zt, { className: l.indicatorIcon() }) }) }),
+    /* @__PURE__ */ d(bo, { children: o })
   ] }));
 });
-Ao.displayName = bt.displayName;
-const Oo = oe({
+Ao.displayName = wt.displayName;
+const Do = oe({
   base: ["-mx-1 my-1 h-px bg-muted"]
-}), Do = n.forwardRef((s, e) => {
-  var r = s, { className: t } = r, o = E(r, ["className"]);
-  return /* @__PURE__ */ d(Tt, v({ ref: e, className: Oo({ className: t }) }, o));
+}), Oo = n.forwardRef((s, e) => {
+  var r = s, { className: t } = r, o = T(r, ["className"]);
+  return /* @__PURE__ */ d(xt, h({ ref: e, className: Do({ className: t }) }, o));
 });
-Do.displayName = Tt.displayName;
+Oo.displayName = xt.displayName;
 export {
-  Xo as Select,
+  er as Select,
   Po as SelectContent,
-  Zo as SelectGroup,
+  tr as SelectGroup,
   Ao as SelectItem,
   _o as SelectLabel,
-  Rt as SelectScrollDownButton,
-  Nt as SelectScrollUpButton,
-  Do as SelectSeparator,
+  It as SelectScrollDownButton,
+  Ct as SelectScrollUpButton,
+  Oo as SelectSeparator,
   Io as SelectTrigger,
-  Jo as SelectValue
+  or as SelectValue
 };
 //# sourceMappingURL=select.js.map