@spear-ai/spectral 1.3.56 → 1.3.58

package/dist/Select.js

@@ -1,11 +1,11 @@
 "use client";
 import "./styles/main.css";
-import { jsx as s, jsxs as F, Fragment as ce } from "react/jsx-runtime";
+import { jsx as n, jsxs as B, Fragment as ae } from "react/jsx-runtime";
 import "./Icons/AnnotationsIcon.js";
 import "./Icons/CalendarIcon.js";
 import "./Icons/CheckCircleIcon.js";
 import "./Icons/CheckSquareIcon.js";
-import { CheckmarkIcon as dt } from "./Icons/CheckmarkIcon.js";
+import { CheckmarkIcon as at } from "./Icons/CheckmarkIcon.js";
 import { ChevronDownIcon as xe } from "./Icons/ChevronDownIcon.js";
 import "./Icons/ChevronUpIcon.js";
 import "./Icons/ClockIcon.js";
@@ -28,7 +28,7 @@ import "./Icons/LabelIcon.js";
 import "./Icons/LassoIcon.js";
 import "./Icons/LineToolIcon.js";
 import "./Icons/LiveViewIcon.js";
-import { LoaderIcon as ut } from "./Icons/LoaderIcon.js";
+import { LoaderIcon as lt } from "./Icons/LoaderIcon.js";
 import "./Icons/LocationIcon.js";
 import "./Icons/LogoutIcon.js";
 import "./Icons/MetadataIcon.js";
@@ -47,398 +47,351 @@ import "./Icons/WarningIcon.js";
 import "./Icons/ZoomAllIcon.js";
 import "./Icons/ZoomXIcon.js";
 import "./Icons/ZoomYIcon.js";
-import { Label as pt } from "./Label.js";
-import * as o from "react";
-import ee, { forwardRef as mt } from "react";
-import * as Ae from "react-dom";
-import { c as De, b as U, f as ye, a as _e, u as Pe, P as k, d as O, g as $, i as ft, D as ht } from "./index-DfFzqLW6.js";
-import { h as gt, u as vt, R as St, F as Ct } from "./index-BDYruyoU.js";
-import { c as Le, R as wt, a as xt, C as yt, A as It } from "./index-C18a1qz_.js";
-import { V as bt } from "./index-CFeaEsew.js";
-import { useFormFieldId as Tt, useFormFieldState as Rt, getAriaProps as Nt, getErrorMessageId as Pt, groupOptions as Et, getFormFieldCSSProperties as _t, getStateClasses as Mt, getTriggerClasses as Ot, ErrorMessage as At, LoadingState as Dt, EmptyState as Lt, getOptionClasses as kt } from "./utils/formFieldUtils.js";
-import { c as ue } from "./twUtils-CRiPKpXj.js";
-function Me(t, [n, e]) {
-  return Math.min(e, Math.max(n, t));
+import { Label as ct } from "./Label.js";
+import * as t from "react";
+import { forwardRef as dt } from "react";
+import * as Me from "react-dom";
+import { d as Re, c as pt, b as Ne, a as Y, P as L, e as _, u as q, h as ut, g as mt } from "./index-CA7haECj.js";
+import { u as ft, c as ht, a as gt } from "./index-CbXx14YO.js";
+import { D as vt } from "./index-cCg4yNa8.js";
+import { h as St, u as wt, R as xt, F as Ct } from "./index-DUK1rxhf.js";
+import { c as Oe, R as yt, a as It, C as bt, A as Tt } from "./index-FeGk8zep.js";
+import { V as Nt } from "./index-Cfyte2YO.js";
+import { useFormFieldId as Pt, useFormFieldState as Rt, getAriaProps as Et, getErrorMessageId as _t, groupOptions as Mt, getFormFieldCSSProperties as Ot, getStateClasses as At, getTriggerClasses as Dt, ErrorMessage as Lt, LoadingState as kt, EmptyState as Vt, getOptionClasses as Bt } from "./utils/formFieldUtils.js";
+import { c as de } from "./twUtils-CRiPKpXj.js";
+function Ee(r, [a, e]) {
+  return Math.min(e, Math.max(a, r));
 }
-function Vt(t) {
-  const n = t + "CollectionProvider", [e, d] = De(n), [c, p] = e(
-    n,
-    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
-  ), r = (a) => {
-    const { scope: f, children: v } = a, u = ee.useRef(null), g = ee.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ s(c, { scope: f, itemMap: g, collectionRef: u, children: v });
-  };
-  r.displayName = n;
-  const i = t + "CollectionSlot", l = ye(i), m = ee.forwardRef(
-    (a, f) => {
-      const { scope: v, children: u } = a, g = p(i, v), P = U(f, g.collectionRef);
-      return /* @__PURE__ */ s(l, { ref: P, children: u });
-    }
-  );
-  m.displayName = i;
-  const S = t + "CollectionItemSlot", C = "data-radix-collection-item", b = ye(S), x = ee.forwardRef(
-    (a, f) => {
-      const { scope: v, children: u, ...g } = a, P = ee.useRef(null), E = U(f, P), V = p(S, v);
-      return ee.useEffect(() => (V.itemMap.set(P, { ref: P, ...g }), () => void V.itemMap.delete(P))), /* @__PURE__ */ s(b, { [C]: "", ref: E, children: u });
-    }
-  );
-  x.displayName = S;
-  function w(a) {
-    const f = p(t + "CollectionConsumer", a);
-    return ee.useCallback(() => {
-      const u = f.collectionRef.current;
-      if (!u) return [];
-      const g = Array.from(u.querySelectorAll(`[${C}]`));
-      return Array.from(f.itemMap.values()).sort(
-        (V, T) => g.indexOf(V.ref.current) - g.indexOf(T.ref.current)
-      );
-    }, [f.collectionRef, f.itemMap]);
-  }
-  return [
-    { Provider: r, Slot: m, ItemSlot: x },
-    w,
-    d
-  ];
-}
-var Bt = o.createContext(void 0);
-function Ht(t) {
-  const n = o.useContext(Bt);
-  return t || n || "ltr";
-}
-function Ft(t) {
-  const n = o.useRef({ value: t, previous: t });
-  return o.useMemo(() => (n.current.value !== t && (n.current.previous = n.current.value, n.current.value = t), n.current.previous), [t]);
-}
-var Ut = [" ", "Enter", "ArrowUp", "ArrowDown"], Wt = [" ", "Enter"], te = "Select", [me, fe, Kt] = Vt(te), [re] = De(te, [
-  Kt,
-  Le
-]), he = Le(), [zt, X] = re(te), [Gt, jt] = re(te), ke = (t) => {
+var Ht = [" ", "Enter", "ArrowUp", "ArrowDown"], Ft = [" ", "Enter"], ee = "Select", [ue, me, Ut] = ht(ee), [ne] = pt(ee, [
+  Ut,
+  Oe
+]), fe = Oe(), [Wt, $] = ne(ee), [Kt, zt] = ne(ee), Ae = (r) => {
   const {
-    __scopeSelect: n,
+    __scopeSelect: a,
     children: e,
-    open: d,
-    defaultOpen: c,
+    open: c,
+    defaultOpen: l,
     onOpenChange: p,
-    value: r,
-    defaultValue: i,
-    onValueChange: l,
+    value: o,
+    defaultValue: s,
+    onValueChange: i,
     dir: m,
-    name: S,
-    autoComplete: C,
-    disabled: b,
-    required: x,
-    form: w
-  } = t, a = he(n), [f, v] = o.useState(null), [u, g] = o.useState(null), [P, E] = o.useState(!1), V = Ht(m), [T, A] = _e({
-    prop: d,
-    defaultProp: c ?? !1,
+    name: v,
+    autoComplete: w,
+    disabled: T,
+    required: I,
+    form: C
+  } = r, d = fe(a), [h, S] = t.useState(null), [u, g] = t.useState(null), [z, M] = t.useState(!1), Z = ft(m), [P, O] = Re({
+    prop: c,
+    defaultProp: l ?? !1,
     onChange: p,
-    caller: te
-  }), [W, q] = _e({
-    prop: r,
-    defaultProp: i,
-    onChange: l,
-    caller: te
-  }), B = o.useRef(null), K = f ? w || !!f.closest("form") : !0, [z, H] = o.useState(/* @__PURE__ */ new Set()), G = Array.from(z).map((M) => M.props.value).join(";");
-  return /* @__PURE__ */ s(wt, { ...a, children: /* @__PURE__ */ F(
-    zt,
+    caller: ee
+  }), [H, G] = Re({
+    prop: o,
+    defaultProp: s,
+    onChange: i,
+    caller: ee
+  }), k = t.useRef(null), F = h ? C || !!h.closest("form") : !0, [U, V] = t.useState(/* @__PURE__ */ new Set()), W = Array.from(U).map((E) => E.props.value).join(";");
+  return /* @__PURE__ */ n(yt, { ...d, children: /* @__PURE__ */ B(
+    Wt,
     {
-      required: x,
-      scope: n,
-      trigger: f,
-      onTriggerChange: v,
+      required: I,
+      scope: a,
+      trigger: h,
+      onTriggerChange: S,
       valueNode: u,
       onValueNodeChange: g,
-      valueNodeHasChildren: P,
-      onValueNodeHasChildrenChange: E,
-      contentId: Pe(),
-      value: W,
-      onValueChange: q,
-      open: T,
-      onOpenChange: A,
-      dir: V,
-      triggerPointerDownPosRef: B,
-      disabled: b,
+      valueNodeHasChildren: z,
+      onValueNodeHasChildrenChange: M,
+      contentId: Ne(),
+      value: H,
+      onValueChange: G,
+      open: P,
+      onOpenChange: O,
+      dir: Z,
+      triggerPointerDownPosRef: k,
+      disabled: T,
       children: [
-        /* @__PURE__ */ s(me.Provider, { scope: n, children: /* @__PURE__ */ s(
-          Gt,
+        /* @__PURE__ */ n(ue.Provider, { scope: a, children: /* @__PURE__ */ n(
+          Kt,
           {
-            scope: t.__scopeSelect,
-            onNativeOptionAdd: o.useCallback((M) => {
-              H((R) => new Set(R).add(M));
+            scope: r.__scopeSelect,
+            onNativeOptionAdd: t.useCallback((E) => {
+              V((b) => new Set(b).add(E));
             }, []),
-            onNativeOptionRemove: o.useCallback((M) => {
-              H((R) => {
-                const D = new Set(R);
-                return D.delete(M), D;
+            onNativeOptionRemove: t.useCallback((E) => {
+              V((b) => {
+                const A = new Set(b);
+                return A.delete(E), A;
               });
             }, []),
             children: e
           }
         ) }),
-        K ? /* @__PURE__ */ F(
-          it,
+        F ? /* @__PURE__ */ B(
+          nt,
           {
             "aria-hidden": !0,
-            required: x,
+            required: I,
             tabIndex: -1,
-            name: S,
-            autoComplete: C,
-            value: W,
-            onChange: (M) => q(M.target.value),
-            disabled: b,
-            form: w,
+            name: v,
+            autoComplete: w,
+            value: H,
+            onChange: (E) => G(E.target.value),
+            disabled: T,
+            form: C,
             children: [
-              W === void 0 ? /* @__PURE__ */ s("option", { value: "" }) : null,
-              Array.from(z)
+              H === void 0 ? /* @__PURE__ */ n("option", { value: "" }) : null,
+              Array.from(U)
             ]
           },
-          G
+          W
         ) : null
       ]
     }
   ) });
 };
-ke.displayName = te;
-var Ve = "SelectTrigger", Be = o.forwardRef(
-  (t, n) => {
-    const { __scopeSelect: e, disabled: d = !1, ...c } = t, p = he(e), r = X(Ve, e), i = r.disabled || d, l = U(n, r.onTriggerChange), m = fe(e), S = o.useRef("touch"), [C, b, x] = ct((a) => {
-      const f = m().filter((g) => !g.disabled), v = f.find((g) => g.value === r.value), u = at(f, a, v);
-      u !== void 0 && r.onValueChange(u.value);
-    }), w = (a) => {
-      i || (r.onOpenChange(!0), x()), a && (r.triggerPointerDownPosRef.current = {
-        x: Math.round(a.pageX),
-        y: Math.round(a.pageY)
+Ae.displayName = ee;
+var De = "SelectTrigger", Le = t.forwardRef(
+  (r, a) => {
+    const { __scopeSelect: e, disabled: c = !1, ...l } = r, p = fe(e), o = $(De, e), s = o.disabled || c, i = Y(a, o.onTriggerChange), m = me(e), v = t.useRef("touch"), [w, T, I] = st((d) => {
+      const h = m().filter((g) => !g.disabled), S = h.find((g) => g.value === o.value), u = it(h, d, S);
+      u !== void 0 && o.onValueChange(u.value);
+    }), C = (d) => {
+      s || (o.onOpenChange(!0), I()), d && (o.triggerPointerDownPosRef.current = {
+        x: Math.round(d.pageX),
+        y: Math.round(d.pageY)
       });
     };
-    return /* @__PURE__ */ s(xt, { asChild: !0, ...p, children: /* @__PURE__ */ s(
-      k.button,
+    return /* @__PURE__ */ n(It, { asChild: !0, ...p, children: /* @__PURE__ */ n(
+      L.button,
       {
         type: "button",
         role: "combobox",
-        "aria-controls": r.contentId,
-        "aria-expanded": r.open,
-        "aria-required": r.required,
+        "aria-controls": o.contentId,
+        "aria-expanded": o.open,
+        "aria-required": o.required,
         "aria-autocomplete": "none",
-        dir: r.dir,
-        "data-state": r.open ? "open" : "closed",
-        disabled: i,
-        "data-disabled": i ? "" : void 0,
-        "data-placeholder": lt(r.value) ? "" : void 0,
-        ...c,
-        ref: l,
-        onClick: O(c.onClick, (a) => {
-          a.currentTarget.focus(), S.current !== "mouse" && w(a);
+        dir: o.dir,
+        "data-state": o.open ? "open" : "closed",
+        disabled: s,
+        "data-disabled": s ? "" : void 0,
+        "data-placeholder": rt(o.value) ? "" : void 0,
+        ...l,
+        ref: i,
+        onClick: _(l.onClick, (d) => {
+          d.currentTarget.focus(), v.current !== "mouse" && C(d);
         }),
-        onPointerDown: O(c.onPointerDown, (a) => {
-          S.current = a.pointerType;
-          const f = a.target;
-          f.hasPointerCapture(a.pointerId) && f.releasePointerCapture(a.pointerId), a.button === 0 && a.ctrlKey === !1 && a.pointerType === "mouse" && (w(a), a.preventDefault());
+        onPointerDown: _(l.onPointerDown, (d) => {
+          v.current = d.pointerType;
+          const h = d.target;
+          h.hasPointerCapture(d.pointerId) && h.releasePointerCapture(d.pointerId), d.button === 0 && d.ctrlKey === !1 && d.pointerType === "mouse" && (C(d), d.preventDefault());
         }),
-        onKeyDown: O(c.onKeyDown, (a) => {
-          const f = C.current !== "";
-          !(a.ctrlKey || a.altKey || a.metaKey) && a.key.length === 1 && b(a.key), !(f && a.key === " ") && Ut.includes(a.key) && (w(), a.preventDefault());
+        onKeyDown: _(l.onKeyDown, (d) => {
+          const h = w.current !== "";
+          !(d.ctrlKey || d.altKey || d.metaKey) && d.key.length === 1 && T(d.key), !(h && d.key === " ") && Ht.includes(d.key) && (C(), d.preventDefault());
         })
       }
     ) });
   }
 );
-Be.displayName = Ve;
-var He = "SelectValue", Fe = o.forwardRef(
-  (t, n) => {
-    const { __scopeSelect: e, className: d, style: c, children: p, placeholder: r = "", ...i } = t, l = X(He, e), { onValueNodeHasChildrenChange: m } = l, S = p !== void 0, C = U(n, l.onValueNodeChange);
-    return $(() => {
-      m(S);
-    }, [m, S]), /* @__PURE__ */ s(
-      k.span,
+Le.displayName = De;
+var ke = "SelectValue", Ve = t.forwardRef(
+  (r, a) => {
+    const { __scopeSelect: e, className: c, style: l, children: p, placeholder: o = "", ...s } = r, i = $(ke, e), { onValueNodeHasChildrenChange: m } = i, v = p !== void 0, w = Y(a, i.onValueNodeChange);
+    return q(() => {
+      m(v);
+    }, [m, v]), /* @__PURE__ */ n(
+      L.span,
       {
-        ...i,
-        ref: C,
+        ...s,
+        ref: w,
         style: { pointerEvents: "none" },
-        children: lt(l.value) ? /* @__PURE__ */ s(ce, { children: r }) : p
+        children: rt(i.value) ? /* @__PURE__ */ n(ae, { children: o }) : p
       }
     );
   }
 );
-Fe.displayName = He;
-var qt = "SelectIcon", Ue = o.forwardRef(
-  (t, n) => {
-    const { __scopeSelect: e, children: d, ...c } = t;
-    return /* @__PURE__ */ s(k.span, { "aria-hidden": !0, ...c, ref: n, children: d || "▼" });
+Ve.displayName = ke;
+var Gt = "SelectIcon", Be = t.forwardRef(
+  (r, a) => {
+    const { __scopeSelect: e, children: c, ...l } = r;
+    return /* @__PURE__ */ n(L.span, { "aria-hidden": !0, ...l, ref: a, children: c || "▼" });
   }
 );
-Ue.displayName = qt;
-var oe = "SelectContent", We = o.forwardRef(
-  (t, n) => {
-    const e = X(oe, t.__scopeSelect), [d, c] = o.useState();
-    if ($(() => {
-      c(new DocumentFragment());
+Be.displayName = Gt;
+var te = "SelectContent", He = t.forwardRef(
+  (r, a) => {
+    const e = $(te, r.__scopeSelect), [c, l] = t.useState();
+    if (q(() => {
+      l(new DocumentFragment());
     }, []), !e.open) {
-      const p = d;
-      return p ? Ae.createPortal(
-        /* @__PURE__ */ s(Ke, { scope: t.__scopeSelect, children: /* @__PURE__ */ s(me.Slot, { scope: t.__scopeSelect, children: /* @__PURE__ */ s("div", { children: t.children }) }) }),
+      const p = c;
+      return p ? Me.createPortal(
+        /* @__PURE__ */ n(Fe, { scope: r.__scopeSelect, children: /* @__PURE__ */ n(ue.Slot, { scope: r.__scopeSelect, children: /* @__PURE__ */ n("div", { children: r.children }) }) }),
         p
       ) : null;
     }
-    return /* @__PURE__ */ s(ze, { ...t, ref: n });
+    return /* @__PURE__ */ n(Ue, { ...r, ref: a });
   }
 );
-We.displayName = oe;
-var j = 10, [Ke, Z] = re(oe), Yt = "SelectContentImpl", $t = ye("SelectContent.RemoveScroll"), ze = o.forwardRef(
-  (t, n) => {
+He.displayName = te;
+var K = 10, [Fe, X] = ne(te), jt = "SelectContentImpl", Yt = mt("SelectContent.RemoveScroll"), Ue = t.forwardRef(
+  (r, a) => {
     const {
       __scopeSelect: e,
-      position: d = "item-aligned",
-      onCloseAutoFocus: c,
+      position: c = "item-aligned",
+      onCloseAutoFocus: l,
       onEscapeKeyDown: p,
-      onPointerDownOutside: r,
+      onPointerDownOutside: o,
       //
       // PopperContent props
-      side: i,
-      sideOffset: l,
+      side: s,
+      sideOffset: i,
       align: m,
-      alignOffset: S,
-      arrowPadding: C,
-      collisionBoundary: b,
-      collisionPadding: x,
-      sticky: w,
-      hideWhenDetached: a,
-      avoidCollisions: f,
+      alignOffset: v,
+      arrowPadding: w,
+      collisionBoundary: T,
+      collisionPadding: I,
+      sticky: C,
+      hideWhenDetached: d,
+      avoidCollisions: h,
       //
-      ...v
-    } = t, u = X(oe, e), [g, P] = o.useState(null), [E, V] = o.useState(null), T = U(n, (h) => P(h)), [A, W] = o.useState(null), [q, B] = o.useState(
+      ...S
+    } = r, u = $(te, e), [g, z] = t.useState(null), [M, Z] = t.useState(null), P = Y(a, (f) => z(f)), [O, H] = t.useState(null), [G, k] = t.useState(
       null
-    ), K = fe(e), [z, H] = o.useState(!1), G = o.useRef(!1);
-    o.useEffect(() => {
-      if (g) return gt(g);
-    }, [g]), vt();
-    const M = o.useCallback(
-      (h) => {
-        const [N, ...L] = K().map((_) => _.ref.current), [y] = L.slice(-1), I = document.activeElement;
-        for (const _ of h)
-          if (_ === I || (_?.scrollIntoView({ block: "nearest" }), _ === N && E && (E.scrollTop = 0), _ === y && E && (E.scrollTop = E.scrollHeight), _?.focus(), document.activeElement !== I)) return;
+    ), F = me(e), [U, V] = t.useState(!1), W = t.useRef(!1);
+    t.useEffect(() => {
+      if (g) return St(g);
+    }, [g]), wt();
+    const E = t.useCallback(
+      (f) => {
+        const [N, ...D] = F().map((R) => R.ref.current), [x] = D.slice(-1), y = document.activeElement;
+        for (const R of f)
+          if (R === y || (R?.scrollIntoView({ block: "nearest" }), R === N && M && (M.scrollTop = 0), R === x && M && (M.scrollTop = M.scrollHeight), R?.focus(), document.activeElement !== y)) return;
       },
-      [K, E]
-    ), R = o.useCallback(
-      () => M([A, g]),
-      [M, A, g]
+      [F, M]
+    ), b = t.useCallback(
+      () => E([O, g]),
+      [E, O, g]
     );
-    o.useEffect(() => {
-      z && R();
-    }, [z, R]);
-    const { onOpenChange: D, triggerPointerDownPosRef: Y } = u;
-    o.useEffect(() => {
+    t.useEffect(() => {
+      U && b();
+    }, [U, b]);
+    const { onOpenChange: A, triggerPointerDownPosRef: j } = u;
+    t.useEffect(() => {
       if (g) {
-        let h = { x: 0, y: 0 };
-        const N = (y) => {
-          h = {
-            x: Math.abs(Math.round(y.pageX) - (Y.current?.x ?? 0)),
-            y: Math.abs(Math.round(y.pageY) - (Y.current?.y ?? 0))
+        let f = { x: 0, y: 0 };
+        const N = (x) => {
+          f = {
+            x: Math.abs(Math.round(x.pageX) - (j.current?.x ?? 0)),
+            y: Math.abs(Math.round(x.pageY) - (j.current?.y ?? 0))
           };
-        }, L = (y) => {
-          h.x <= 10 && h.y <= 10 ? y.preventDefault() : g.contains(y.target) || D(!1), document.removeEventListener("pointermove", N), Y.current = null;
+        }, D = (x) => {
+          f.x <= 10 && f.y <= 10 ? x.preventDefault() : g.contains(x.target) || A(!1), document.removeEventListener("pointermove", N), j.current = null;
         };
-        return Y.current !== null && (document.addEventListener("pointermove", N), document.addEventListener("pointerup", L, { capture: !0, once: !0 })), () => {
-          document.removeEventListener("pointermove", N), document.removeEventListener("pointerup", L, { capture: !0 });
+        return j.current !== null && (document.addEventListener("pointermove", N), document.addEventListener("pointerup", D, { capture: !0, once: !0 })), () => {
+          document.removeEventListener("pointermove", N), document.removeEventListener("pointerup", D, { capture: !0 });
         };
       }
-    }, [g, D, Y]), o.useEffect(() => {
-      const h = () => D(!1);
-      return window.addEventListener("blur", h), window.addEventListener("resize", h), () => {
-        window.removeEventListener("blur", h), window.removeEventListener("resize", h);
+    }, [g, A, j]), t.useEffect(() => {
+      const f = () => A(!1);
+      return window.addEventListener("blur", f), window.addEventListener("resize", f), () => {
+        window.removeEventListener("blur", f), window.removeEventListener("resize", f);
       };
-    }, [D]);
-    const [se, ae] = ct((h) => {
-      const N = K().filter((I) => !I.disabled), L = N.find((I) => I.ref.current === document.activeElement), y = at(N, h, L);
-      y && setTimeout(() => y.ref.current.focus());
-    }), ge = o.useCallback(
-      (h, N, L) => {
-        const y = !G.current && !L;
-        (u.value !== void 0 && u.value === N || y) && (W(h), y && (G.current = !0));
+    }, [A]);
+    const [re, le] = st((f) => {
+      const N = F().filter((y) => !y.disabled), D = N.find((y) => y.ref.current === document.activeElement), x = it(N, f, D);
+      x && setTimeout(() => x.ref.current.focus());
+    }), he = t.useCallback(
+      (f, N, D) => {
+        const x = !W.current && !D;
+        (u.value !== void 0 && u.value === N || x) && (H(f), x && (W.current = !0));
       },
       [u.value]
-    ), ve = o.useCallback(() => g?.focus(), [g]), ne = o.useCallback(
-      (h, N, L) => {
-        const y = !G.current && !L;
-        (u.value !== void 0 && u.value === N || y) && B(h);
+    ), ge = t.useCallback(() => g?.focus(), [g]), oe = t.useCallback(
+      (f, N, D) => {
+        const x = !W.current && !D;
+        (u.value !== void 0 && u.value === N || x) && k(f);
       },
       [u.value]
-    ), de = d === "popper" ? Ie : Ge, ie = de === Ie ? {
-      side: i,
-      sideOffset: l,
+    ), ce = c === "popper" ? Ce : We, se = ce === Ce ? {
+      side: s,
+      sideOffset: i,
       align: m,
-      alignOffset: S,
-      arrowPadding: C,
-      collisionBoundary: b,
-      collisionPadding: x,
-      sticky: w,
-      hideWhenDetached: a,
-      avoidCollisions: f
+      alignOffset: v,
+      arrowPadding: w,
+      collisionBoundary: T,
+      collisionPadding: I,
+      sticky: C,
+      hideWhenDetached: d,
+      avoidCollisions: h
     } : {};
-    return /* @__PURE__ */ s(
-      Ke,
+    return /* @__PURE__ */ n(
+      Fe,
       {
         scope: e,
         content: g,
-        viewport: E,
-        onViewportChange: V,
-        itemRefCallback: ge,
-        selectedItem: A,
-        onItemLeave: ve,
-        itemTextRefCallback: ne,
-        focusSelectedItem: R,
-        selectedItemText: q,
-        position: d,
-        isPositioned: z,
-        searchRef: se,
-        children: /* @__PURE__ */ s(St, { as: $t, allowPinchZoom: !0, children: /* @__PURE__ */ s(
+        viewport: M,
+        onViewportChange: Z,
+        itemRefCallback: he,
+        selectedItem: O,
+        onItemLeave: ge,
+        itemTextRefCallback: oe,
+        focusSelectedItem: b,
+        selectedItemText: G,
+        position: c,
+        isPositioned: U,
+        searchRef: re,
+        children: /* @__PURE__ */ n(xt, { as: Yt, allowPinchZoom: !0, children: /* @__PURE__ */ n(
           Ct,
           {
             asChild: !0,
             trapped: u.open,
-            onMountAutoFocus: (h) => {
-              h.preventDefault();
+            onMountAutoFocus: (f) => {
+              f.preventDefault();
             },
-            onUnmountAutoFocus: O(c, (h) => {
-              u.trigger?.focus({ preventScroll: !0 }), h.preventDefault();
+            onUnmountAutoFocus: _(l, (f) => {
+              u.trigger?.focus({ preventScroll: !0 }), f.preventDefault();
             }),
-            children: /* @__PURE__ */ s(
-              ht,
+            children: /* @__PURE__ */ n(
+              vt,
               {
                 asChild: !0,
                 disableOutsidePointerEvents: !0,
                 onEscapeKeyDown: p,
-                onPointerDownOutside: r,
-                onFocusOutside: (h) => h.preventDefault(),
+                onPointerDownOutside: o,
+                onFocusOutside: (f) => f.preventDefault(),
                 onDismiss: () => u.onOpenChange(!1),
-                children: /* @__PURE__ */ s(
-                  de,
+                children: /* @__PURE__ */ n(
+                  ce,
                   {
                     role: "listbox",
                     id: u.contentId,
                     "data-state": u.open ? "open" : "closed",
                     dir: u.dir,
-                    onContextMenu: (h) => h.preventDefault(),
-                    ...v,
-                    ...ie,
-                    onPlaced: () => H(!0),
-                    ref: T,
+                    onContextMenu: (f) => f.preventDefault(),
+                    ...S,
+                    ...se,
+                    onPlaced: () => V(!0),
+                    ref: P,
                     style: {
                       // flex layout so we can place the scroll buttons properly
                       display: "flex",
                       flexDirection: "column",
                       // reset the outline by default as the content MAY get focused
                       outline: "none",
-                      ...v.style
+                      ...S.style
                     },
-                    onKeyDown: O(v.onKeyDown, (h) => {
-                      const N = h.ctrlKey || h.altKey || h.metaKey;
-                      if (h.key === "Tab" && h.preventDefault(), !N && h.key.length === 1 && ae(h.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(h.key)) {
-                        let y = K().filter((I) => !I.disabled).map((I) => I.ref.current);
-                        if (["ArrowUp", "End"].includes(h.key) && (y = y.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(h.key)) {
-                          const I = h.target, _ = y.indexOf(I);
-                          y = y.slice(_ + 1);
+                    onKeyDown: _(S.onKeyDown, (f) => {
+                      const N = f.ctrlKey || f.altKey || f.metaKey;
+                      if (f.key === "Tab" && f.preventDefault(), !N && f.key.length === 1 && le(f.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(f.key)) {
+                        let x = F().filter((y) => !y.disabled).map((y) => y.ref.current);
+                        if (["ArrowUp", "End"].includes(f.key) && (x = x.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(f.key)) {
+                          const y = f.target, R = x.indexOf(y);
+                          x = x.slice(R + 1);
                         }
-                        setTimeout(() => M(y)), h.preventDefault();
+                        setTimeout(() => E(x)), f.preventDefault();
                       }
                     })
                   }
@@ -451,103 +404,103 @@ var j = 10, [Ke, Z] = re(oe), Yt = "SelectContentImpl", $t = ye("SelectContent.R
     );
   }
 );
-ze.displayName = Yt;
-var Xt = "SelectItemAlignedPosition", Ge = o.forwardRef((t, n) => {
-  const { __scopeSelect: e, onPlaced: d, ...c } = t, p = X(oe, e), r = Z(oe, e), [i, l] = o.useState(null), [m, S] = o.useState(null), C = U(n, (T) => S(T)), b = fe(e), x = o.useRef(!1), w = o.useRef(!0), { viewport: a, selectedItem: f, selectedItemText: v, focusSelectedItem: u } = r, g = o.useCallback(() => {
-    if (p.trigger && p.valueNode && i && m && a && f && v) {
-      const T = p.trigger.getBoundingClientRect(), A = m.getBoundingClientRect(), W = p.valueNode.getBoundingClientRect(), q = v.getBoundingClientRect();
+Ue.displayName = jt;
+var qt = "SelectItemAlignedPosition", We = t.forwardRef((r, a) => {
+  const { __scopeSelect: e, onPlaced: c, ...l } = r, p = $(te, e), o = X(te, e), [s, i] = t.useState(null), [m, v] = t.useState(null), w = Y(a, (P) => v(P)), T = me(e), I = t.useRef(!1), C = t.useRef(!0), { viewport: d, selectedItem: h, selectedItemText: S, focusSelectedItem: u } = o, g = t.useCallback(() => {
+    if (p.trigger && p.valueNode && s && m && d && h && S) {
+      const P = p.trigger.getBoundingClientRect(), O = m.getBoundingClientRect(), H = p.valueNode.getBoundingClientRect(), G = S.getBoundingClientRect();
       if (p.dir !== "rtl") {
-        const I = q.left - A.left, _ = W.left - I, J = T.left - _, Q = T.width + J, Se = Math.max(Q, A.width), Ce = window.innerWidth - j, we = Me(_, [
-          j,
+        const y = G.left - O.left, R = H.left - y, J = P.left - R, Q = P.width + J, ve = Math.max(Q, O.width), Se = window.innerWidth - K, we = Ee(R, [
+          K,
           // 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(j, Ce - Se)
+          Math.max(K, Se - ve)
         ]);
-        i.style.minWidth = Q + "px", i.style.left = we + "px";
+        s.style.minWidth = Q + "px", s.style.left = we + "px";
       } else {
-        const I = A.right - q.right, _ = window.innerWidth - W.right - I, J = window.innerWidth - T.right - _, Q = T.width + J, Se = Math.max(Q, A.width), Ce = window.innerWidth - j, we = Me(_, [
-          j,
-          Math.max(j, Ce - Se)
+        const y = O.right - G.right, R = window.innerWidth - H.right - y, J = window.innerWidth - P.right - R, Q = P.width + J, ve = Math.max(Q, O.width), Se = window.innerWidth - K, we = Ee(R, [
+          K,
+          Math.max(K, Se - ve)
         ]);
-        i.style.minWidth = Q + "px", i.style.right = we + "px";
+        s.style.minWidth = Q + "px", s.style.right = we + "px";
       }
-      const B = b(), K = window.innerHeight - j * 2, z = a.scrollHeight, H = window.getComputedStyle(m), G = parseInt(H.borderTopWidth, 10), M = parseInt(H.paddingTop, 10), R = parseInt(H.borderBottomWidth, 10), D = parseInt(H.paddingBottom, 10), Y = G + M + z + D + R, se = Math.min(f.offsetHeight * 5, Y), ae = window.getComputedStyle(a), ge = parseInt(ae.paddingTop, 10), ve = parseInt(ae.paddingBottom, 10), ne = T.top + T.height / 2 - j, de = K - ne, ie = f.offsetHeight / 2, h = f.offsetTop + ie, N = G + M + h, L = Y - N;
-      if (N <= ne) {
-        const I = B.length > 0 && f === B[B.length - 1].ref.current;
-        i.style.bottom = "0px";
-        const _ = m.clientHeight - a.offsetTop - a.offsetHeight, J = Math.max(
-          de,
-          ie + // viewport might have padding bottom, include it to avoid a scrollable viewport
-          (I ? ve : 0) + _ + R
+      const k = T(), F = window.innerHeight - K * 2, U = d.scrollHeight, V = window.getComputedStyle(m), W = parseInt(V.borderTopWidth, 10), E = parseInt(V.paddingTop, 10), b = parseInt(V.borderBottomWidth, 10), A = parseInt(V.paddingBottom, 10), j = W + E + U + A + b, re = Math.min(h.offsetHeight * 5, j), le = window.getComputedStyle(d), he = parseInt(le.paddingTop, 10), ge = parseInt(le.paddingBottom, 10), oe = P.top + P.height / 2 - K, ce = F - oe, se = h.offsetHeight / 2, f = h.offsetTop + se, N = W + E + f, D = j - N;
+      if (N <= oe) {
+        const y = k.length > 0 && h === k[k.length - 1].ref.current;
+        s.style.bottom = "0px";
+        const R = m.clientHeight - d.offsetTop - d.offsetHeight, J = Math.max(
+          ce,
+          se + // viewport might have padding bottom, include it to avoid a scrollable viewport
+          (y ? ge : 0) + R + b
         ), Q = N + J;
-        i.style.height = Q + "px";
+        s.style.height = Q + "px";
       } else {
-        const I = B.length > 0 && f === B[0].ref.current;
-        i.style.top = "0px";
+        const y = k.length > 0 && h === k[0].ref.current;
+        s.style.top = "0px";
         const J = Math.max(
-          ne,
-          G + a.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
-          (I ? ge : 0) + ie
-        ) + L;
-        i.style.height = J + "px", a.scrollTop = N - ne + a.offsetTop;
+          oe,
+          W + d.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
+          (y ? he : 0) + se
+        ) + D;
+        s.style.height = J + "px", d.scrollTop = N - oe + d.offsetTop;
       }
-      i.style.margin = `${j}px 0`, i.style.minHeight = se + "px", i.style.maxHeight = K + "px", d?.(), requestAnimationFrame(() => x.current = !0);
+      s.style.margin = `${K}px 0`, s.style.minHeight = re + "px", s.style.maxHeight = F + "px", c?.(), requestAnimationFrame(() => I.current = !0);
     }
   }, [
-    b,
+    T,
     p.trigger,
     p.valueNode,
-    i,
+    s,
     m,
-    a,
-    f,
-    v,
+    d,
+    h,
+    S,
     p.dir,
-    d
+    c
   ]);
-  $(() => g(), [g]);
-  const [P, E] = o.useState();
-  $(() => {
-    m && E(window.getComputedStyle(m).zIndex);
+  q(() => g(), [g]);
+  const [z, M] = t.useState();
+  q(() => {
+    m && M(window.getComputedStyle(m).zIndex);
   }, [m]);
-  const V = o.useCallback(
-    (T) => {
-      T && w.current === !0 && (g(), u?.(), w.current = !1);
+  const Z = t.useCallback(
+    (P) => {
+      P && C.current === !0 && (g(), u?.(), C.current = !1);
     },
     [g, u]
   );
-  return /* @__PURE__ */ s(
-    Jt,
+  return /* @__PURE__ */ n(
+    Xt,
     {
       scope: e,
-      contentWrapper: i,
-      shouldExpandOnScrollRef: x,
-      onScrollButtonChange: V,
-      children: /* @__PURE__ */ s(
+      contentWrapper: s,
+      shouldExpandOnScrollRef: I,
+      onScrollButtonChange: Z,
+      children: /* @__PURE__ */ n(
         "div",
         {
-          ref: l,
+          ref: i,
           style: {
             display: "flex",
             flexDirection: "column",
             position: "fixed",
-            zIndex: P
+            zIndex: z
           },
-          children: /* @__PURE__ */ s(
-            k.div,
+          children: /* @__PURE__ */ n(
+            L.div,
             {
-              ...c,
-              ref: C,
+              ...l,
+              ref: w,
               style: {
                 // When we get the height of the content, it includes borders. If we were to set
                 // the height without having `boxSizing: 'border-box'` it would be too big.
                 boxSizing: "border-box",
                 // We need to ensure the content doesn't get taller than the wrapper
                 maxHeight: "100%",
-                ...c.style
+                ...l.style
               }
             }
           )
@@ -556,22 +509,22 @@ var Xt = "SelectItemAlignedPosition", Ge = o.forwardRef((t, n) => {
     }
   );
 });
-Ge.displayName = Xt;
-var Zt = "SelectPopperPosition", Ie = o.forwardRef((t, n) => {
+We.displayName = qt;
+var $t = "SelectPopperPosition", Ce = t.forwardRef((r, a) => {
   const {
     __scopeSelect: e,
-    align: d = "start",
-    collisionPadding: c = j,
+    align: c = "start",
+    collisionPadding: l = K,
     ...p
-  } = t, r = he(e);
-  return /* @__PURE__ */ s(
-    yt,
+  } = r, o = fe(e);
+  return /* @__PURE__ */ n(
+    bt,
     {
-      ...r,
+      ...o,
       ...p,
-      ref: n,
-      align: d,
-      collisionPadding: c,
+      ref: a,
+      align: c,
+      collisionPadding: l,
       style: {
         // Ensure border-box for floating-ui calculations
         boxSizing: "border-box",
@@ -585,27 +538,27 @@ var Zt = "SelectPopperPosition", Ie = o.forwardRef((t, n) => {
     }
   );
 });
-Ie.displayName = Zt;
-var [Jt, Ee] = re(oe, {}), be = "SelectViewport", je = o.forwardRef(
-  (t, n) => {
-    const { __scopeSelect: e, nonce: d, ...c } = t, p = Z(be, e), r = Ee(be, e), i = U(n, p.onViewportChange), l = o.useRef(0);
-    return /* @__PURE__ */ F(ce, { children: [
-      /* @__PURE__ */ s(
+Ce.displayName = $t;
+var [Xt, Pe] = ne(te, {}), ye = "SelectViewport", Ke = t.forwardRef(
+  (r, a) => {
+    const { __scopeSelect: e, nonce: c, ...l } = r, p = X(ye, e), o = Pe(ye, e), s = Y(a, p.onViewportChange), i = t.useRef(0);
+    return /* @__PURE__ */ B(ae, { children: [
+      /* @__PURE__ */ n(
         "style",
         {
           dangerouslySetInnerHTML: {
             __html: "[data-radix-select-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-select-viewport]::-webkit-scrollbar{display:none}"
           },
-          nonce: d
+          nonce: c
         }
       ),
-      /* @__PURE__ */ s(me.Slot, { scope: e, children: /* @__PURE__ */ s(
-        k.div,
+      /* @__PURE__ */ n(ue.Slot, { scope: e, children: /* @__PURE__ */ n(
+        L.div,
         {
           "data-radix-select-viewport": "",
           role: "presentation",
-          ...c,
-          ref: i,
+          ...l,
+          ref: s,
           style: {
             // we use position: 'relative' here on the `viewport` so that when we call
             // `selectedItem.offsetTop` in calculations, the offset is relative to the viewport
@@ -617,110 +570,110 @@ var [Jt, Ee] = re(oe, {}), be = "SelectViewport", je = o.forwardRef(
             // revisit this if/when that is supported
             // https://developer.chrome.com/blog/vertical-form-controls
             overflow: "hidden auto",
-            ...c.style
+            ...l.style
           },
-          onScroll: O(c.onScroll, (m) => {
-            const S = m.currentTarget, { contentWrapper: C, shouldExpandOnScrollRef: b } = r;
-            if (b?.current && C) {
-              const x = Math.abs(l.current - S.scrollTop);
-              if (x > 0) {
-                const w = window.innerHeight - j * 2, a = parseFloat(C.style.minHeight), f = parseFloat(C.style.height), v = Math.max(a, f);
-                if (v < w) {
-                  const u = v + x, g = Math.min(w, u), P = u - g;
-                  C.style.height = g + "px", C.style.bottom === "0px" && (S.scrollTop = P > 0 ? P : 0, C.style.justifyContent = "flex-end");
+          onScroll: _(l.onScroll, (m) => {
+            const v = m.currentTarget, { contentWrapper: w, shouldExpandOnScrollRef: T } = o;
+            if (T?.current && w) {
+              const I = Math.abs(i.current - v.scrollTop);
+              if (I > 0) {
+                const C = window.innerHeight - K * 2, d = parseFloat(w.style.minHeight), h = parseFloat(w.style.height), S = Math.max(d, h);
+                if (S < C) {
+                  const u = S + I, g = Math.min(C, u), z = u - g;
+                  w.style.height = g + "px", w.style.bottom === "0px" && (v.scrollTop = z > 0 ? z : 0, w.style.justifyContent = "flex-end");
                 }
               }
             }
-            l.current = S.scrollTop;
+            i.current = v.scrollTop;
           })
         }
       ) })
     ] });
   }
 );
-je.displayName = be;
-var qe = "SelectGroup", [Qt, eo] = re(qe), Ye = o.forwardRef(
-  (t, n) => {
-    const { __scopeSelect: e, ...d } = t, c = Pe();
-    return /* @__PURE__ */ s(Qt, { scope: e, id: c, children: /* @__PURE__ */ s(k.div, { role: "group", "aria-labelledby": c, ...d, ref: n }) });
+Ke.displayName = ye;
+var ze = "SelectGroup", [Zt, Jt] = ne(ze), Ge = t.forwardRef(
+  (r, a) => {
+    const { __scopeSelect: e, ...c } = r, l = Ne();
+    return /* @__PURE__ */ n(Zt, { scope: e, id: l, children: /* @__PURE__ */ n(L.div, { role: "group", "aria-labelledby": l, ...c, ref: a }) });
   }
 );
-Ye.displayName = qe;
-var $e = "SelectLabel", Xe = o.forwardRef(
-  (t, n) => {
-    const { __scopeSelect: e, ...d } = t, c = eo($e, e);
-    return /* @__PURE__ */ s(k.div, { id: c.id, ...d, ref: n });
+Ge.displayName = ze;
+var je = "SelectLabel", Ye = t.forwardRef(
+  (r, a) => {
+    const { __scopeSelect: e, ...c } = r, l = Jt(je, e);
+    return /* @__PURE__ */ n(L.div, { id: l.id, ...c, ref: a });
   }
 );
-Xe.displayName = $e;
-var pe = "SelectItem", [to, Ze] = re(pe), Je = o.forwardRef(
-  (t, n) => {
+Ye.displayName = je;
+var pe = "SelectItem", [Qt, qe] = ne(pe), $e = t.forwardRef(
+  (r, a) => {
     const {
       __scopeSelect: e,
-      value: d,
-      disabled: c = !1,
+      value: c,
+      disabled: l = !1,
       textValue: p,
-      ...r
-    } = t, i = X(pe, e), l = Z(pe, e), m = i.value === d, [S, C] = o.useState(p ?? ""), [b, x] = o.useState(!1), w = U(
-      n,
-      (u) => l.itemRefCallback?.(u, d, c)
-    ), a = Pe(), f = o.useRef("touch"), v = () => {
-      c || (i.onValueChange(d), i.onOpenChange(!1));
+      ...o
+    } = r, s = $(pe, e), i = X(pe, e), m = s.value === c, [v, w] = t.useState(p ?? ""), [T, I] = t.useState(!1), C = Y(
+      a,
+      (u) => i.itemRefCallback?.(u, c, l)
+    ), d = Ne(), h = t.useRef("touch"), S = () => {
+      l || (s.onValueChange(c), s.onOpenChange(!1));
     };
-    if (d === "")
+    if (c === "")
       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__ */ s(
-      to,
+    return /* @__PURE__ */ n(
+      Qt,
       {
         scope: e,
-        value: d,
-        disabled: c,
-        textId: a,
+        value: c,
+        disabled: l,
+        textId: d,
         isSelected: m,
-        onItemTextChange: o.useCallback((u) => {
-          C((g) => g || (u?.textContent ?? "").trim());
+        onItemTextChange: t.useCallback((u) => {
+          w((g) => g || (u?.textContent ?? "").trim());
         }, []),
-        children: /* @__PURE__ */ s(
-          me.ItemSlot,
+        children: /* @__PURE__ */ n(
+          ue.ItemSlot,
           {
             scope: e,
-            value: d,
-            disabled: c,
-            textValue: S,
-            children: /* @__PURE__ */ s(
-              k.div,
+            value: c,
+            disabled: l,
+            textValue: v,
+            children: /* @__PURE__ */ n(
+              L.div,
               {
                 role: "option",
-                "aria-labelledby": a,
-                "data-highlighted": b ? "" : void 0,
-                "aria-selected": m && b,
+                "aria-labelledby": d,
+                "data-highlighted": T ? "" : void 0,
+                "aria-selected": m && T,
                 "data-state": m ? "checked" : "unchecked",
-                "aria-disabled": c || void 0,
-                "data-disabled": c ? "" : void 0,
-                tabIndex: c ? void 0 : -1,
-                ...r,
-                ref: w,
-                onFocus: O(r.onFocus, () => x(!0)),
-                onBlur: O(r.onBlur, () => x(!1)),
-                onClick: O(r.onClick, () => {
-                  f.current !== "mouse" && v();
+                "aria-disabled": l || void 0,
+                "data-disabled": l ? "" : void 0,
+                tabIndex: l ? void 0 : -1,
+                ...o,
+                ref: C,
+                onFocus: _(o.onFocus, () => I(!0)),
+                onBlur: _(o.onBlur, () => I(!1)),
+                onClick: _(o.onClick, () => {
+                  h.current !== "mouse" && S();
                 }),
-                onPointerUp: O(r.onPointerUp, () => {
-                  f.current === "mouse" && v();
+                onPointerUp: _(o.onPointerUp, () => {
+                  h.current === "mouse" && S();
                 }),
-                onPointerDown: O(r.onPointerDown, (u) => {
-                  f.current = u.pointerType;
+                onPointerDown: _(o.onPointerDown, (u) => {
+                  h.current = u.pointerType;
                 }),
-                onPointerMove: O(r.onPointerMove, (u) => {
-                  f.current = u.pointerType, c ? l.onItemLeave?.() : f.current === "mouse" && u.currentTarget.focus({ preventScroll: !0 });
+                onPointerMove: _(o.onPointerMove, (u) => {
+                  h.current = u.pointerType, l ? i.onItemLeave?.() : h.current === "mouse" && u.currentTarget.focus({ preventScroll: !0 });
                 }),
-                onPointerLeave: O(r.onPointerLeave, (u) => {
-                  u.currentTarget === document.activeElement && l.onItemLeave?.();
+                onPointerLeave: _(o.onPointerLeave, (u) => {
+                  u.currentTarget === document.activeElement && i.onItemLeave?.();
                 }),
-                onKeyDown: O(r.onKeyDown, (u) => {
-                  l.searchRef?.current !== "" && u.key === " " || (Wt.includes(u.key) && v(), u.key === " " && u.preventDefault());
+                onKeyDown: _(o.onKeyDown, (u) => {
+                  i.searchRef?.current !== "" && u.key === " " || (Ft.includes(u.key) && S(), u.key === " " && u.preventDefault());
                 })
               }
             )
@@ -730,262 +683,262 @@ var pe = "SelectItem", [to, Ze] = re(pe), Je = o.forwardRef(
     );
   }
 );
-Je.displayName = pe;
-var le = "SelectItemText", Qe = o.forwardRef(
-  (t, n) => {
-    const { __scopeSelect: e, className: d, style: c, ...p } = t, r = X(le, e), i = Z(le, e), l = Ze(le, e), m = jt(le, e), [S, C] = o.useState(null), b = U(
-      n,
-      (v) => C(v),
-      l.onItemTextChange,
-      (v) => i.itemTextRefCallback?.(v, l.value, l.disabled)
-    ), x = S?.textContent, w = o.useMemo(
-      () => /* @__PURE__ */ s("option", { value: l.value, disabled: l.disabled, children: x }, l.value),
-      [l.disabled, l.value, x]
-    ), { onNativeOptionAdd: a, onNativeOptionRemove: f } = m;
-    return $(() => (a(w), () => f(w)), [a, f, w]), /* @__PURE__ */ F(ce, { children: [
-      /* @__PURE__ */ s(k.span, { id: l.textId, ...p, ref: b }),
-      l.isSelected && r.valueNode && !r.valueNodeHasChildren ? Ae.createPortal(p.children, r.valueNode) : null
+$e.displayName = pe;
+var ie = "SelectItemText", Xe = t.forwardRef(
+  (r, a) => {
+    const { __scopeSelect: e, className: c, style: l, ...p } = r, o = $(ie, e), s = X(ie, e), i = qe(ie, e), m = zt(ie, e), [v, w] = t.useState(null), T = Y(
+      a,
+      (S) => w(S),
+      i.onItemTextChange,
+      (S) => s.itemTextRefCallback?.(S, i.value, i.disabled)
+    ), I = v?.textContent, C = t.useMemo(
+      () => /* @__PURE__ */ n("option", { value: i.value, disabled: i.disabled, children: I }, i.value),
+      [i.disabled, i.value, I]
+    ), { onNativeOptionAdd: d, onNativeOptionRemove: h } = m;
+    return q(() => (d(C), () => h(C)), [d, h, C]), /* @__PURE__ */ B(ae, { children: [
+      /* @__PURE__ */ n(L.span, { id: i.textId, ...p, ref: T }),
+      i.isSelected && o.valueNode && !o.valueNodeHasChildren ? Me.createPortal(p.children, o.valueNode) : null
     ] });
   }
 );
-Qe.displayName = le;
-var et = "SelectItemIndicator", tt = o.forwardRef(
-  (t, n) => {
-    const { __scopeSelect: e, ...d } = t;
-    return Ze(et, e).isSelected ? /* @__PURE__ */ s(k.span, { "aria-hidden": !0, ...d, ref: n }) : null;
+Xe.displayName = ie;
+var Ze = "SelectItemIndicator", Je = t.forwardRef(
+  (r, a) => {
+    const { __scopeSelect: e, ...c } = r;
+    return qe(Ze, e).isSelected ? /* @__PURE__ */ n(L.span, { "aria-hidden": !0, ...c, ref: a }) : null;
   }
 );
-tt.displayName = et;
-var Te = "SelectScrollUpButton", ot = o.forwardRef((t, n) => {
-  const e = Z(Te, t.__scopeSelect), d = Ee(Te, t.__scopeSelect), [c, p] = o.useState(!1), r = U(n, d.onScrollButtonChange);
-  return $(() => {
+Je.displayName = Ze;
+var Ie = "SelectScrollUpButton", Qe = t.forwardRef((r, a) => {
+  const e = X(Ie, r.__scopeSelect), c = Pe(Ie, r.__scopeSelect), [l, p] = t.useState(!1), o = Y(a, c.onScrollButtonChange);
+  return q(() => {
     if (e.viewport && e.isPositioned) {
-      let i = function() {
-        const m = l.scrollTop > 0;
+      let s = function() {
+        const m = i.scrollTop > 0;
         p(m);
       };
-      const l = e.viewport;
-      return i(), l.addEventListener("scroll", i), () => l.removeEventListener("scroll", i);
+      const i = e.viewport;
+      return s(), i.addEventListener("scroll", s), () => i.removeEventListener("scroll", s);
     }
-  }, [e.viewport, e.isPositioned]), c ? /* @__PURE__ */ s(
-    rt,
+  }, [e.viewport, e.isPositioned]), l ? /* @__PURE__ */ n(
+    tt,
     {
-      ...t,
-      ref: r,
+      ...r,
+      ref: o,
       onAutoScroll: () => {
-        const { viewport: i, selectedItem: l } = e;
-        i && l && (i.scrollTop = i.scrollTop - l.offsetHeight);
+        const { viewport: s, selectedItem: i } = e;
+        s && i && (s.scrollTop = s.scrollTop - i.offsetHeight);
       }
     }
   ) : null;
 });
-ot.displayName = Te;
-var Re = "SelectScrollDownButton", nt = o.forwardRef((t, n) => {
-  const e = Z(Re, t.__scopeSelect), d = Ee(Re, t.__scopeSelect), [c, p] = o.useState(!1), r = U(n, d.onScrollButtonChange);
-  return $(() => {
+Qe.displayName = Ie;
+var be = "SelectScrollDownButton", et = t.forwardRef((r, a) => {
+  const e = X(be, r.__scopeSelect), c = Pe(be, r.__scopeSelect), [l, p] = t.useState(!1), o = Y(a, c.onScrollButtonChange);
+  return q(() => {
     if (e.viewport && e.isPositioned) {
-      let i = function() {
-        const m = l.scrollHeight - l.clientHeight, S = Math.ceil(l.scrollTop) < m;
-        p(S);
+      let s = function() {
+        const m = i.scrollHeight - i.clientHeight, v = Math.ceil(i.scrollTop) < m;
+        p(v);
       };
-      const l = e.viewport;
-      return i(), l.addEventListener("scroll", i), () => l.removeEventListener("scroll", i);
+      const i = e.viewport;
+      return s(), i.addEventListener("scroll", s), () => i.removeEventListener("scroll", s);
     }
-  }, [e.viewport, e.isPositioned]), c ? /* @__PURE__ */ s(
-    rt,
+  }, [e.viewport, e.isPositioned]), l ? /* @__PURE__ */ n(
+    tt,
     {
-      ...t,
-      ref: r,
+      ...r,
+      ref: o,
       onAutoScroll: () => {
-        const { viewport: i, selectedItem: l } = e;
-        i && l && (i.scrollTop = i.scrollTop + l.offsetHeight);
+        const { viewport: s, selectedItem: i } = e;
+        s && i && (s.scrollTop = s.scrollTop + i.offsetHeight);
       }
     }
   ) : null;
 });
-nt.displayName = Re;
-var rt = o.forwardRef((t, n) => {
-  const { __scopeSelect: e, onAutoScroll: d, ...c } = t, p = Z("SelectScrollButton", e), r = o.useRef(null), i = fe(e), l = o.useCallback(() => {
-    r.current !== null && (window.clearInterval(r.current), r.current = null);
+et.displayName = be;
+var tt = t.forwardRef((r, a) => {
+  const { __scopeSelect: e, onAutoScroll: c, ...l } = r, p = X("SelectScrollButton", e), o = t.useRef(null), s = me(e), i = t.useCallback(() => {
+    o.current !== null && (window.clearInterval(o.current), o.current = null);
   }, []);
-  return o.useEffect(() => () => l(), [l]), $(() => {
-    i().find((S) => S.ref.current === document.activeElement)?.ref.current?.scrollIntoView({ block: "nearest" });
-  }, [i]), /* @__PURE__ */ s(
-    k.div,
+  return t.useEffect(() => () => i(), [i]), q(() => {
+    s().find((v) => v.ref.current === document.activeElement)?.ref.current?.scrollIntoView({ block: "nearest" });
+  }, [s]), /* @__PURE__ */ n(
+    L.div,
     {
       "aria-hidden": !0,
-      ...c,
-      ref: n,
-      style: { flexShrink: 0, ...c.style },
-      onPointerDown: O(c.onPointerDown, () => {
-        r.current === null && (r.current = window.setInterval(d, 50));
+      ...l,
+      ref: a,
+      style: { flexShrink: 0, ...l.style },
+      onPointerDown: _(l.onPointerDown, () => {
+        o.current === null && (o.current = window.setInterval(c, 50));
       }),
-      onPointerMove: O(c.onPointerMove, () => {
-        p.onItemLeave?.(), r.current === null && (r.current = window.setInterval(d, 50));
+      onPointerMove: _(l.onPointerMove, () => {
+        p.onItemLeave?.(), o.current === null && (o.current = window.setInterval(c, 50));
       }),
-      onPointerLeave: O(c.onPointerLeave, () => {
-        l();
+      onPointerLeave: _(l.onPointerLeave, () => {
+        i();
       })
     }
   );
-}), oo = "SelectSeparator", st = o.forwardRef(
-  (t, n) => {
-    const { __scopeSelect: e, ...d } = t;
-    return /* @__PURE__ */ s(k.div, { "aria-hidden": !0, ...d, ref: n });
+}), eo = "SelectSeparator", ot = t.forwardRef(
+  (r, a) => {
+    const { __scopeSelect: e, ...c } = r;
+    return /* @__PURE__ */ n(L.div, { "aria-hidden": !0, ...c, ref: a });
   }
 );
-st.displayName = oo;
-var Ne = "SelectArrow", no = o.forwardRef(
-  (t, n) => {
-    const { __scopeSelect: e, ...d } = t, c = he(e), p = X(Ne, e), r = Z(Ne, e);
-    return p.open && r.position === "popper" ? /* @__PURE__ */ s(It, { ...c, ...d, ref: n }) : null;
+ot.displayName = eo;
+var Te = "SelectArrow", to = t.forwardRef(
+  (r, a) => {
+    const { __scopeSelect: e, ...c } = r, l = fe(e), p = $(Te, e), o = X(Te, e);
+    return p.open && o.position === "popper" ? /* @__PURE__ */ n(Tt, { ...l, ...c, ref: a }) : null;
   }
 );
-no.displayName = Ne;
-var ro = "SelectBubbleInput", it = o.forwardRef(
-  ({ __scopeSelect: t, value: n, ...e }, d) => {
-    const c = o.useRef(null), p = U(d, c), r = Ft(n);
-    return o.useEffect(() => {
-      const i = c.current;
-      if (!i) return;
-      const l = window.HTMLSelectElement.prototype, S = Object.getOwnPropertyDescriptor(
-        l,
+to.displayName = Te;
+var oo = "SelectBubbleInput", nt = t.forwardRef(
+  ({ __scopeSelect: r, value: a, ...e }, c) => {
+    const l = t.useRef(null), p = Y(c, l), o = gt(a);
+    return t.useEffect(() => {
+      const s = l.current;
+      if (!s) return;
+      const i = window.HTMLSelectElement.prototype, v = Object.getOwnPropertyDescriptor(
+        i,
         "value"
       ).set;
-      if (r !== n && S) {
-        const C = new Event("change", { bubbles: !0 });
-        S.call(i, n), i.dispatchEvent(C);
+      if (o !== a && v) {
+        const w = new Event("change", { bubbles: !0 });
+        v.call(s, a), s.dispatchEvent(w);
       }
-    }, [r, n]), /* @__PURE__ */ s(
-      k.select,
+    }, [o, a]), /* @__PURE__ */ n(
+      L.select,
       {
         ...e,
-        style: { ...bt, ...e.style },
+        style: { ...Nt, ...e.style },
         ref: p,
-        defaultValue: n
+        defaultValue: a
       }
     );
   }
 );
-it.displayName = ro;
-function lt(t) {
-  return t === "" || t === void 0;
+nt.displayName = oo;
+function rt(r) {
+  return r === "" || r === void 0;
 }
-function ct(t) {
-  const n = ft(t), e = o.useRef(""), d = o.useRef(0), c = o.useCallback(
-    (r) => {
-      const i = e.current + r;
-      n(i), (function l(m) {
-        e.current = m, window.clearTimeout(d.current), m !== "" && (d.current = window.setTimeout(() => l(""), 1e3));
-      })(i);
+function st(r) {
+  const a = ut(r), e = t.useRef(""), c = t.useRef(0), l = t.useCallback(
+    (o) => {
+      const s = e.current + o;
+      a(s), (function i(m) {
+        e.current = m, window.clearTimeout(c.current), m !== "" && (c.current = window.setTimeout(() => i(""), 1e3));
+      })(s);
     },
-    [n]
-  ), p = o.useCallback(() => {
-    e.current = "", window.clearTimeout(d.current);
+    [a]
+  ), p = t.useCallback(() => {
+    e.current = "", window.clearTimeout(c.current);
   }, []);
-  return o.useEffect(() => () => window.clearTimeout(d.current), []), [e, c, p];
+  return t.useEffect(() => () => window.clearTimeout(c.current), []), [e, l, p];
 }
-function at(t, n, e) {
-  const c = n.length > 1 && Array.from(n).every((m) => m === n[0]) ? n[0] : n, p = e ? t.indexOf(e) : -1;
-  let r = so(t, Math.max(p, 0));
-  c.length === 1 && (r = r.filter((m) => m !== e));
-  const l = r.find(
-    (m) => m.textValue.toLowerCase().startsWith(c.toLowerCase())
+function it(r, a, e) {
+  const l = a.length > 1 && Array.from(a).every((m) => m === a[0]) ? a[0] : a, p = e ? r.indexOf(e) : -1;
+  let o = no(r, Math.max(p, 0));
+  l.length === 1 && (o = o.filter((m) => m !== e));
+  const i = o.find(
+    (m) => m.textValue.toLowerCase().startsWith(l.toLowerCase())
   );
-  return l !== e ? l : void 0;
+  return i !== e ? i : void 0;
 }
-function so(t, n) {
-  return t.map((e, d) => t[(n + d) % t.length]);
+function no(r, a) {
+  return r.map((e, c) => r[(a + c) % r.length]);
 }
-var io = ke, lo = Be, co = Fe, ao = Ue, uo = We, po = je, mo = Ye, fo = Xe, ho = Je, go = Qe, vo = tt, So = ot, Co = nt, Oe = st;
-const wo = mt(
+var ro = Ae, so = Le, io = Ve, ao = Be, lo = He, co = Ke, po = Ge, uo = Ye, mo = $e, fo = Xe, ho = Je, go = Qe, vo = et, _e = ot;
+const So = dt(
   ({
-    align: t = "start",
-    alignOffset: n = 0,
+    align: r = "start",
+    alignOffset: a = 0,
     className: e,
-    collisionPadding: d = 10,
-    defaultValue: c,
+    collisionPadding: c = 10,
+    defaultValue: l,
     emptyMessage: p = "No options found",
-    errorMessage: r,
-    id: i,
-    label: l,
+    errorMessage: o,
+    id: s,
+    label: i,
     loadingMessage: m = "Loading…",
-    name: S,
-    onChange: C,
-    options: b = [],
-    placeholder: x = "Select an option",
-    position: w = "popper",
-    side: a = "bottom",
-    sideOffset: f = 4,
-    state: v = "default",
+    name: v,
+    onChange: w,
+    options: T = [],
+    placeholder: I = "Select an option",
+    position: C = "popper",
+    side: d = "bottom",
+    sideOffset: h = 4,
+    state: S = "default",
     value: u,
     "aria-label": g,
-    "aria-describedby": P,
-    ...E
-  }, V) => {
-    const T = Tt(i, S), A = Pt(T), { isDisabled: W, isLoading: q, isInvalid: B } = Rt(E.disabled, v), K = Nt(v, B, A, P), { groups: z, ungrouped: H } = Et(b), G = () => {
-      if (q)
-        return /* @__PURE__ */ s(Dt, { message: m });
-      if (b.length === 0)
-        return /* @__PURE__ */ s(Lt, { message: p });
-      const M = (R) => {
-        const D = u === R.value;
-        return /* @__PURE__ */ F(
-          ho,
+    "aria-describedby": z,
+    ...M
+  }, Z) => {
+    const P = Pt(s, v), O = _t(P), { isDisabled: H, isLoading: G, isInvalid: k } = Rt(M.disabled, S), F = Et(S, k, O, z), { groups: U, ungrouped: V } = Mt(T), W = () => {
+      if (G)
+        return /* @__PURE__ */ n(kt, { message: m });
+      if (T.length === 0)
+        return /* @__PURE__ */ n(Vt, { message: p });
+      const E = (b) => {
+        const A = u === b.value;
+        return /* @__PURE__ */ B(
+          mo,
           {
-            value: R.value,
-            disabled: R.disabled,
-            className: ue(
-              kt(D, !1, R.disabled),
+            value: b.value,
+            disabled: b.disabled,
+            className: de(
+              Bt(A, !1, b.disabled),
               "relative flex w-full cursor-pointer items-center"
             ),
             children: [
-              /* @__PURE__ */ s(go, { className: "block truncate", children: R.label }),
-              /* @__PURE__ */ s(vo, { asChild: !0, children: /* @__PURE__ */ s("span", { className: "absolute right-2 flex h-4 w-4 items-center justify-center", children: /* @__PURE__ */ s(dt, { size: 16 }) }) })
+              /* @__PURE__ */ n(fo, { className: "block truncate", children: b.label }),
+              /* @__PURE__ */ n(ho, { asChild: !0, children: /* @__PURE__ */ n("span", { className: "absolute right-2 flex h-4 w-4 items-center justify-center", children: /* @__PURE__ */ n(at, { size: 16 }) }) })
             ]
           },
-          R.value
+          b.value
         );
       };
-      return /* @__PURE__ */ F(ce, { children: [
-        H.length > 0 && /* @__PURE__ */ F(ce, { children: [
-          H.map(M),
-          Object.keys(z).length > 0 && /* @__PURE__ */ s(Oe, { className: "bg-border-secondary -mx-1 my-1 h-px" })
+      return /* @__PURE__ */ B(ae, { children: [
+        V.length > 0 && /* @__PURE__ */ B(ae, { children: [
+          V.map(E),
+          Object.keys(U).length > 0 && /* @__PURE__ */ n(_e, { className: "bg-border-secondary -mx-1 my-1 h-px" })
         ] }),
-        Object.entries(z).map(([R, D], Y) => /* @__PURE__ */ F(mo, { children: [
-          Y > 0 && /* @__PURE__ */ s(Oe, { className: "bg-border-secondary -mx-1 my-1 h-px" }),
-          /* @__PURE__ */ s(fo, { className: "text-text-primary px-2 py-1.5 text-base font-semibold", children: R }),
-          D.map((se) => M(se))
-        ] }, R))
+        Object.entries(U).map(([b, A], j) => /* @__PURE__ */ B(po, { children: [
+          j > 0 && /* @__PURE__ */ n(_e, { className: "bg-border-secondary -mx-1 my-1 h-px" }),
+          /* @__PURE__ */ n(uo, { className: "text-text-primary px-2 py-1.5 text-base font-semibold", children: b }),
+          A.map((re) => E(re))
+        ] }, b))
       ] });
     };
-    return /* @__PURE__ */ F("div", { className: "w-full", "data-testid": "select-root", children: [
-      l && /* @__PURE__ */ s(pt, { htmlFor: T, className: ue("text-text-primary mb-4 block", W && "text-text-secondary"), children: l }),
-      /* @__PURE__ */ F(
-        io,
+    return /* @__PURE__ */ B("div", { className: "w-full", "data-testid": "select-root", children: [
+      i && /* @__PURE__ */ n(ct, { htmlFor: P, className: de("text-text-primary mb-4 block", H && "text-text-secondary"), children: i }),
+      /* @__PURE__ */ B(
+        ro,
         {
           value: u,
-          defaultValue: c,
-          onValueChange: C,
-          disabled: W,
-          name: S,
-          required: E.required,
+          defaultValue: l,
+          onValueChange: w,
+          disabled: H,
+          name: v,
+          required: M.required,
           children: [
-            /* @__PURE__ */ s(
-              lo,
+            /* @__PURE__ */ n(
+              so,
               {
-                ref: V,
-                id: T,
-                className: ue(Ot(v, !1), Mt(v), e),
-                "aria-label": g || l,
-                "data-state": v,
-                style: _t(),
-                ...K,
-                ...E,
+                ref: Z,
+                id: P,
+                className: de(Dt(S, !1), At(S), e),
+                "aria-label": g || i,
+                "data-state": S,
+                style: Ot(),
+                ...F,
+                ...M,
                 asChild: !0,
-                children: /* @__PURE__ */ F("button", { type: "button", children: [
-                  /* @__PURE__ */ s(co, { placeholder: x, className: "block truncate" }),
-                  /* @__PURE__ */ s(ao, { asChild: !0, children: /* @__PURE__ */ s("div", { className: "flex items-center", children: q ? /* @__PURE__ */ s(ut, { size: 20 }) : /* @__PURE__ */ s(
+                children: /* @__PURE__ */ B("button", { type: "button", children: [
+                  /* @__PURE__ */ n(io, { placeholder: I, className: "block truncate" }),
+                  /* @__PURE__ */ n(ao, { asChild: !0, children: /* @__PURE__ */ n("div", { className: "flex items-center", children: G ? /* @__PURE__ */ n(lt, { size: 20 }) : /* @__PURE__ */ n(
                     xe,
                     {
                       className: "transition-transform duration-200 data-[state=open]:rotate-180",
@@ -995,20 +948,20 @@ const wo = mt(
                 ] })
               }
             ),
-            /* @__PURE__ */ s(
-              uo,
+            /* @__PURE__ */ n(
+              lo,
               {
-                position: w,
-                side: a,
-                align: t,
-                sideOffset: f,
-                alignOffset: n,
-                collisionPadding: d,
+                position: C,
+                side: d,
+                align: r,
+                sideOffset: h,
+                alignOffset: a,
+                collisionPadding: c,
                 asChild: !0,
-                children: /* @__PURE__ */ F(
+                children: /* @__PURE__ */ B(
                   "div",
                   {
-                    className: ue(
+                    className: de(
                       "border-input-border bg-input-bg z-50 rounded-lg border shadow-md",
                       "data-[state=open]:animate-in data-[state=closed]:animate-out",
                       "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
@@ -1025,9 +978,9 @@ const wo = mt(
                       maxHeight: "var(--radix-select-content-available-height)"
                     },
                     children: [
-                      /* @__PURE__ */ s(So, { className: "flex cursor-default items-center justify-center py-1", children: /* @__PURE__ */ s(xe, { className: "rotate-180", size: 18 }) }),
-                      /* @__PURE__ */ s(po, { asChild: !0, children: /* @__PURE__ */ s("div", { className: "max-h-96 p-1", style: { position: "relative", overflow: "hidden auto" }, children: G() }) }),
-                      /* @__PURE__ */ s(Co, { className: "flex cursor-default items-center justify-center py-1", children: /* @__PURE__ */ s(xe, { size: 18 }) })
+                      /* @__PURE__ */ n(go, { className: "flex cursor-default items-center justify-center py-1", children: /* @__PURE__ */ n(xe, { className: "rotate-180", size: 18 }) }),
+                      /* @__PURE__ */ n(co, { asChild: !0, children: /* @__PURE__ */ n("div", { className: "max-h-96 p-1", style: { position: "relative", overflow: "hidden auto" }, children: W() }) }),
+                      /* @__PURE__ */ n(vo, { className: "flex cursor-default items-center justify-center py-1", children: /* @__PURE__ */ n(xe, { size: 18 }) })
                     ]
                   }
                 )
@@ -1036,11 +989,11 @@ const wo = mt(
           ]
         }
       ),
-      B && r && /* @__PURE__ */ s(At, { id: A, message: r })
+      k && o && /* @__PURE__ */ n(Lt, { id: O, message: o })
     ] });
   }
 );
-wo.displayName = "Select";
+So.displayName = "Select";
 export {
-  wo as Select
+  So as Select
 };