@schandlergarcia/sf-web-components 1.0.12 → 1.0.13

package/dist/node_modules/@radix-ui/react-select/dist/index.js

@@ -1,270 +1,359 @@
 import * as t from "react";
-import * as Pe from "react-dom";
-import { clamp as Te } from "../../number/dist/index.js";
-import { composeEventHandlers as P } from "../../primitive/dist/index.js";
-import { createCollection as ot } from "../../react-collection/dist/index.js";
-import { useComposedRefs as A } from "../../react-compose-refs/dist/index.js";
-import { createContextScope as nt } from "../node_modules/@radix-ui/react-context/dist/index.js";
-import { DismissableLayer as rt } from "../../react-dismissable-layer/dist/index.js";
-import { useFocusGuards as ct } from "../../react-focus-guards/dist/index.js";
-import { FocusScope as st } from "../../react-focus-scope/dist/index.js";
-import { useId as Ee } from "../../react-id/dist/index.js";
-import { Anchor as lt, createPopperScope as Re, Content as it, Arrow as at } from "../../react-popper/dist/index.js";
-import { Portal as dt } from "../../react-portal/dist/index.js";
-import { Primitive as _ } from "../node_modules/@radix-ui/react-primitive/dist/index.js";
-import { createSlot as ut } from "../node_modules/@radix-ui/react-slot/dist/index.js";
-import { useCallbackRef as pt } from "../../react-use-callback-ref/dist/index.js";
-import { useLayoutEffect as k } from "../../react-use-layout-effect/dist/index.js";
-import { usePrevious as ft } from "../../react-use-previous/dist/index.js";
-import { VISUALLY_HIDDEN_STYLES as mt } from "../../react-visually-hidden/dist/index.js";
-import { hideOthers as ht } from "../../../aria-hidden/dist/es2015/index.js";
-import vt from "../../../react-remove-scroll/dist/es2015/Combination.js";
-import { jsx as m, jsxs as be, Fragment as xe } from "react/jsx-runtime";
-var gt = [" ", "Enter", "ArrowUp", "ArrowDown"], St = [" ", "Enter"], se = "Select", [Ce, le, wt] = ot(se), [$] = nt(se, [
-  wt,
-  Re
-]), ye = Re(), [oo, B] = $(se), [no, xt] = $(se), _e = "SelectTrigger", Ne = t.forwardRef(
-  (n, l) => {
-    const { __scopeSelect: e, disabled: i = !1, ...c } = n, d = ye(e), o = B(_e, e), r = o.disabled || i, s = A(l, o.onTriggerChange), p = le(e), g = t.useRef("touch"), [C, R, E] = et((a) => {
-      const h = p().filter((v) => !v.disabled), x = h.find((v) => v.value === o.value), f = tt(h, a, x);
-      f !== void 0 && o.onValueChange(f.value);
-    }), T = (a) => {
-      r || (o.onOpenChange(!0), E()), a && (o.triggerPointerDownPosRef.current = {
+import * as be from "react-dom";
+import { clamp as Re } from "../../number/dist/index.js";
+import { composeEventHandlers as R } from "../../primitive/dist/index.js";
+import { createCollection as lt } from "../../react-collection/dist/index.js";
+import { useComposedRefs as k } from "../../react-compose-refs/dist/index.js";
+import { createContextScope as ct } from "../node_modules/@radix-ui/react-context/dist/index.js";
+import { useDirection as st } from "../../react-direction/dist/index.js";
+import { DismissableLayer as it } from "../../react-dismissable-layer/dist/index.js";
+import { useFocusGuards as at } from "../../react-focus-guards/dist/index.js";
+import { FocusScope as dt } from "../../react-focus-scope/dist/index.js";
+import { useId as Ie } from "../../react-id/dist/index.js";
+import { Root as ut, Anchor as pt, createPopperScope as _e, Content as ft, Arrow as mt } from "../../react-popper/dist/index.js";
+import { Portal as ht } from "../../react-portal/dist/index.js";
+import { Primitive as M } from "../node_modules/@radix-ui/react-primitive/dist/index.js";
+import { createSlot as vt } from "../node_modules/@radix-ui/react-slot/dist/index.js";
+import { useCallbackRef as gt } from "../../react-use-callback-ref/dist/index.js";
+import { useControllableState as Ee } from "../../react-use-controllable-state/dist/index.js";
+import { useLayoutEffect as Y } from "../../react-use-layout-effect/dist/index.js";
+import { usePrevious as St } from "../../react-use-previous/dist/index.js";
+import { VISUALLY_HIDDEN_STYLES as wt } from "../../react-visually-hidden/dist/index.js";
+import { hideOthers as Ct } from "../../../aria-hidden/dist/es2015/index.js";
+import xt from "../../../react-remove-scroll/dist/es2015/Combination.js";
+import { jsx as p, jsxs as se, Fragment as Te } from "react/jsx-runtime";
+var yt = [" ", "Enter", "ArrowUp", "ArrowDown"], It = [" ", "Enter"], J = "Select", [ae, de, Tt] = lt(J), [te] = ct(J, [
+  Tt,
+  _e
+]), ue = _e(), [Pt, j] = te(J), [Rt, Et] = te(J), Ne = (o) => {
+  const {
+    __scopeSelect: s,
+    children: e,
+    open: i,
+    defaultOpen: l,
+    onOpenChange: d,
+    value: n,
+    defaultValue: r,
+    onValueChange: c,
+    dir: f,
+    name: g,
+    autoComplete: C,
+    disabled: E,
+    required: T,
+    form: y
+  } = o, a = ue(s), [h, S] = t.useState(null), [m, v] = t.useState(null), [F, A] = t.useState(!1), oe = st(f), [b, D] = Ee({
+    prop: i,
+    defaultProp: l ?? !1,
+    onChange: d,
+    caller: J
+  }), [K, X] = Ee({
+    prop: n,
+    defaultProp: r,
+    onChange: c,
+    caller: J
+  }), B = t.useRef(null), V = h ? y || !!h.closest("form") : !0, [G, H] = t.useState(/* @__PURE__ */ new Set()), U = Array.from(G).map((_) => _.props.value).join(";");
+  return /* @__PURE__ */ p(ut, { ...a, children: /* @__PURE__ */ se(
+    Pt,
+    {
+      required: T,
+      scope: s,
+      trigger: h,
+      onTriggerChange: S,
+      valueNode: m,
+      onValueNodeChange: v,
+      valueNodeHasChildren: F,
+      onValueNodeHasChildrenChange: A,
+      contentId: Ie(),
+      value: K,
+      onValueChange: X,
+      open: b,
+      onOpenChange: D,
+      dir: oe,
+      triggerPointerDownPosRef: B,
+      disabled: E,
+      children: [
+        /* @__PURE__ */ p(ae.Provider, { scope: s, children: /* @__PURE__ */ p(
+          Rt,
+          {
+            scope: o.__scopeSelect,
+            onNativeOptionAdd: t.useCallback((_) => {
+              H((L) => new Set(L).add(_));
+            }, []),
+            onNativeOptionRemove: t.useCallback((_) => {
+              H((L) => {
+                const W = new Set(L);
+                return W.delete(_), W;
+              });
+            }, []),
+            children: e
+          }
+        ) }),
+        V ? /* @__PURE__ */ se(
+          tt,
+          {
+            "aria-hidden": !0,
+            required: T,
+            tabIndex: -1,
+            name: g,
+            autoComplete: C,
+            value: K,
+            onChange: (_) => X(_.target.value),
+            disabled: E,
+            form: y,
+            children: [
+              K === void 0 ? /* @__PURE__ */ p("option", { value: "" }) : null,
+              Array.from(G)
+            ]
+          },
+          U
+        ) : null
+      ]
+    }
+  ) });
+};
+Ne.displayName = J;
+var Me = "SelectTrigger", Ae = t.forwardRef(
+  (o, s) => {
+    const { __scopeSelect: e, disabled: i = !1, ...l } = o, d = ue(e), n = j(Me, e), r = n.disabled || i, c = k(s, n.onTriggerChange), f = de(e), g = t.useRef("touch"), [C, E, T] = nt((a) => {
+      const h = f().filter((v) => !v.disabled), S = h.find((v) => v.value === n.value), m = rt(h, a, S);
+      m !== void 0 && n.onValueChange(m.value);
+    }), y = (a) => {
+      r || (n.onOpenChange(!0), T()), a && (n.triggerPointerDownPosRef.current = {
         x: Math.round(a.pageX),
         y: Math.round(a.pageY)
       });
     };
-    return /* @__PURE__ */ m(lt, { asChild: !0, ...d, children: /* @__PURE__ */ m(
-      _.button,
+    return /* @__PURE__ */ p(pt, { asChild: !0, ...d, children: /* @__PURE__ */ p(
+      M.button,
       {
         type: "button",
         role: "combobox",
-        "aria-controls": o.contentId,
-        "aria-expanded": o.open,
-        "aria-required": o.required,
+        "aria-controls": n.contentId,
+        "aria-expanded": n.open,
+        "aria-required": n.required,
         "aria-autocomplete": "none",
-        dir: o.dir,
-        "data-state": o.open ? "open" : "closed",
+        dir: n.dir,
+        "data-state": n.open ? "open" : "closed",
         disabled: r,
         "data-disabled": r ? "" : void 0,
-        "data-placeholder": Qe(o.value) ? "" : void 0,
-        ...c,
-        ref: s,
-        onClick: P(c.onClick, (a) => {
-          a.currentTarget.focus(), g.current !== "mouse" && T(a);
+        "data-placeholder": ot(n.value) ? "" : void 0,
+        ...l,
+        ref: c,
+        onClick: R(l.onClick, (a) => {
+          a.currentTarget.focus(), g.current !== "mouse" && y(a);
         }),
-        onPointerDown: P(c.onPointerDown, (a) => {
+        onPointerDown: R(l.onPointerDown, (a) => {
           g.current = a.pointerType;
           const h = a.target;
-          h.hasPointerCapture(a.pointerId) && h.releasePointerCapture(a.pointerId), a.button === 0 && a.ctrlKey === !1 && a.pointerType === "mouse" && (T(a), a.preventDefault());
+          h.hasPointerCapture(a.pointerId) && h.releasePointerCapture(a.pointerId), a.button === 0 && a.ctrlKey === !1 && a.pointerType === "mouse" && (y(a), a.preventDefault());
         }),
-        onKeyDown: P(c.onKeyDown, (a) => {
+        onKeyDown: R(l.onKeyDown, (a) => {
           const h = C.current !== "";
-          !(a.ctrlKey || a.altKey || a.metaKey) && a.key.length === 1 && R(a.key), !(h && a.key === " ") && gt.includes(a.key) && (T(), a.preventDefault());
+          !(a.ctrlKey || a.altKey || a.metaKey) && a.key.length === 1 && E(a.key), !(h && a.key === " ") && yt.includes(a.key) && (y(), a.preventDefault());
         })
       }
     ) });
   }
 );
-Ne.displayName = _e;
-var Me = "SelectValue", Ae = t.forwardRef(
-  (n, l) => {
-    const { __scopeSelect: e, className: i, style: c, children: d, placeholder: o = "", ...r } = n, s = B(Me, e), { onValueNodeHasChildrenChange: p } = s, g = d !== void 0, C = A(l, s.onValueNodeChange);
-    return k(() => {
-      p(g);
-    }, [p, g]), /* @__PURE__ */ m(
-      _.span,
+Ae.displayName = Me;
+var Oe = "SelectValue", De = t.forwardRef(
+  (o, s) => {
+    const { __scopeSelect: e, className: i, style: l, children: d, placeholder: n = "", ...r } = o, c = j(Oe, e), { onValueNodeHasChildrenChange: f } = c, g = d !== void 0, C = k(s, c.onValueNodeChange);
+    return Y(() => {
+      f(g);
+    }, [f, g]), /* @__PURE__ */ p(
+      M.span,
       {
         ...r,
         ref: C,
         style: { pointerEvents: "none" },
-        children: Qe(s.value) ? /* @__PURE__ */ m(xe, { children: o }) : d
+        children: ot(c.value) ? /* @__PURE__ */ p(Te, { children: n }) : d
       }
     );
   }
 );
-Ae.displayName = Me;
-var Ct = "SelectIcon", De = t.forwardRef(
-  (n, l) => {
-    const { __scopeSelect: e, children: i, ...c } = n;
-    return /* @__PURE__ */ m(_.span, { "aria-hidden": !0, ...c, ref: l, children: i || "▼" });
+De.displayName = Oe;
+var bt = "SelectIcon", Le = t.forwardRef(
+  (o, s) => {
+    const { __scopeSelect: e, children: i, ...l } = o;
+    return /* @__PURE__ */ p(M.span, { "aria-hidden": !0, ...l, ref: s, children: i || "▼" });
   }
 );
-De.displayName = Ct;
-var yt = "SelectPortal", Oe = (n) => /* @__PURE__ */ m(dt, { asChild: !0, ...n });
-Oe.displayName = yt;
-var G = "SelectContent", Le = t.forwardRef(
-  (n, l) => {
-    const e = B(G, n.__scopeSelect), [i, c] = t.useState();
-    if (k(() => {
-      c(new DocumentFragment());
+Le.displayName = bt;
+var _t = "SelectPortal", ke = (o) => /* @__PURE__ */ p(ht, { asChild: !0, ...o });
+ke.displayName = _t;
+var Q = "SelectContent", Be = t.forwardRef(
+  (o, s) => {
+    const e = j(Q, o.__scopeSelect), [i, l] = t.useState();
+    if (Y(() => {
+      l(new DocumentFragment());
     }, []), !e.open) {
       const d = i;
-      return d ? Pe.createPortal(
-        /* @__PURE__ */ m(ke, { scope: n.__scopeSelect, children: /* @__PURE__ */ m(Ce.Slot, { scope: n.__scopeSelect, children: /* @__PURE__ */ m("div", { children: n.children }) }) }),
+      return d ? be.createPortal(
+        /* @__PURE__ */ p(Ve, { scope: o.__scopeSelect, children: /* @__PURE__ */ p(ae.Slot, { scope: o.__scopeSelect, children: /* @__PURE__ */ p("div", { children: o.children }) }) }),
         d
       ) : null;
     }
-    return /* @__PURE__ */ m(Be, { ...n, ref: l });
+    return /* @__PURE__ */ p(He, { ...o, ref: s });
   }
 );
-Le.displayName = G;
-var M = 10, [ke, H] = $(G), It = "SelectContentImpl", Tt = ut("SelectContent.RemoveScroll"), Be = t.forwardRef(
-  (n, l) => {
+Be.displayName = Q;
+var O = 10, [Ve, q] = te(Q), Nt = "SelectContentImpl", Mt = vt("SelectContent.RemoveScroll"), He = t.forwardRef(
+  (o, s) => {
     const {
       __scopeSelect: e,
       position: i = "item-aligned",
-      onCloseAutoFocus: c,
+      onCloseAutoFocus: l,
       onEscapeKeyDown: d,
-      onPointerDownOutside: o,
+      onPointerDownOutside: n,
       //
       // PopperContent props
       side: r,
-      sideOffset: s,
-      align: p,
+      sideOffset: c,
+      align: f,
       alignOffset: g,
       arrowPadding: C,
-      collisionBoundary: R,
-      collisionPadding: E,
-      sticky: T,
+      collisionBoundary: E,
+      collisionPadding: T,
+      sticky: y,
       hideWhenDetached: a,
       avoidCollisions: h,
       //
-      ...x
-    } = n, f = B(G, e), [v, z] = t.useState(null), [D, ie] = t.useState(null), N = A(l, (u) => z(u)), [O, te] = t.useState(null), [oe, V] = t.useState(
+      ...S
+    } = o, m = j(Q, e), [v, F] = t.useState(null), [A, oe] = t.useState(null), b = k(s, (u) => F(u)), [D, K] = t.useState(null), [X, B] = t.useState(
       null
-    ), U = le(e), [J, Y] = t.useState(!1), W = t.useRef(!1);
+    ), V = de(e), [G, H] = t.useState(!1), U = t.useRef(!1);
     t.useEffect(() => {
-      if (v) return ht(v);
-    }, [v]), ct();
-    const j = t.useCallback(
+      if (v) return Ct(v);
+    }, [v]), at();
+    const _ = t.useCallback(
       (u) => {
-        const [y, ...b] = U().map((I) => I.ref.current), [S] = b.slice(-1), w = document.activeElement;
-        for (const I of u)
-          if (I === w || (I?.scrollIntoView({ block: "nearest" }), I === y && D && (D.scrollTop = 0), I === S && D && (D.scrollTop = D.scrollHeight), I?.focus(), document.activeElement !== w)) return;
+        const [I, ...N] = V().map((P) => P.ref.current), [w] = N.slice(-1), x = document.activeElement;
+        for (const P of u)
+          if (P === x || (P?.scrollIntoView({ block: "nearest" }), P === I && A && (A.scrollTop = 0), P === w && A && (A.scrollTop = A.scrollHeight), P?.focus(), document.activeElement !== x)) return;
       },
-      [U, D]
-    ), q = t.useCallback(
-      () => j([O, v]),
-      [j, O, v]
+      [V, A]
+    ), L = t.useCallback(
+      () => _([D, v]),
+      [_, D, v]
     );
     t.useEffect(() => {
-      J && q();
-    }, [J, q]);
-    const { onOpenChange: X, triggerPointerDownPosRef: L } = f;
+      G && L();
+    }, [G, L]);
+    const { onOpenChange: W, triggerPointerDownPosRef: z } = m;
     t.useEffect(() => {
       if (v) {
         let u = { x: 0, y: 0 };
-        const y = (S) => {
+        const I = (w) => {
           u = {
-            x: Math.abs(Math.round(S.pageX) - (L.current?.x ?? 0)),
-            y: Math.abs(Math.round(S.pageY) - (L.current?.y ?? 0))
+            x: Math.abs(Math.round(w.pageX) - (z.current?.x ?? 0)),
+            y: Math.abs(Math.round(w.pageY) - (z.current?.y ?? 0))
           };
-        }, b = (S) => {
-          u.x <= 10 && u.y <= 10 ? S.preventDefault() : v.contains(S.target) || X(!1), document.removeEventListener("pointermove", y), L.current = null;
+        }, N = (w) => {
+          u.x <= 10 && u.y <= 10 ? w.preventDefault() : v.contains(w.target) || W(!1), document.removeEventListener("pointermove", I), z.current = null;
         };
-        return L.current !== null && (document.addEventListener("pointermove", y), document.addEventListener("pointerup", b, { capture: !0, once: !0 })), () => {
-          document.removeEventListener("pointermove", y), document.removeEventListener("pointerup", b, { capture: !0 });
+        return z.current !== null && (document.addEventListener("pointermove", I), document.addEventListener("pointerup", N, { capture: !0, once: !0 })), () => {
+          document.removeEventListener("pointermove", I), document.removeEventListener("pointerup", N, { capture: !0 });
         };
       }
-    }, [v, X, L]), t.useEffect(() => {
-      const u = () => X(!1);
+    }, [v, W, z]), t.useEffect(() => {
+      const u = () => W(!1);
       return window.addEventListener("blur", u), window.addEventListener("resize", u), () => {
         window.removeEventListener("blur", u), window.removeEventListener("resize", u);
       };
-    }, [X]);
-    const [ae, ne] = et((u) => {
-      const y = U().filter((w) => !w.disabled), b = y.find((w) => w.ref.current === document.activeElement), S = tt(y, u, b);
-      S && setTimeout(() => S.ref.current.focus());
-    }), de = t.useCallback(
-      (u, y, b) => {
-        const S = !W.current && !b;
-        (f.value !== void 0 && f.value === y || S) && (te(u), S && (W.current = !0));
+    }, [W]);
+    const [pe, le] = nt((u) => {
+      const I = V().filter((x) => !x.disabled), N = I.find((x) => x.ref.current === document.activeElement), w = rt(I, u, N);
+      w && setTimeout(() => w.ref.current.focus());
+    }), fe = t.useCallback(
+      (u, I, N) => {
+        const w = !U.current && !N;
+        (m.value !== void 0 && m.value === I || w) && (K(u), w && (U.current = !0));
       },
-      [f.value]
-    ), ue = t.useCallback(() => v?.focus(), [v]), Z = t.useCallback(
-      (u, y, b) => {
-        const S = !W.current && !b;
-        (f.value !== void 0 && f.value === y || S) && V(u);
+      [m.value]
+    ), me = t.useCallback(() => v?.focus(), [v]), ee = t.useCallback(
+      (u, I, N) => {
+        const w = !U.current && !N;
+        (m.value !== void 0 && m.value === I || w) && B(u);
       },
-      [f.value]
-    ), re = i === "popper" ? he : He, Q = re === he ? {
+      [m.value]
+    ), ce = i === "popper" ? Se : Ue, ne = ce === Se ? {
       side: r,
-      sideOffset: s,
-      align: p,
+      sideOffset: c,
+      align: f,
       alignOffset: g,
       arrowPadding: C,
-      collisionBoundary: R,
-      collisionPadding: E,
-      sticky: T,
+      collisionBoundary: E,
+      collisionPadding: T,
+      sticky: y,
       hideWhenDetached: a,
       avoidCollisions: h
     } : {};
-    return /* @__PURE__ */ m(
-      ke,
+    return /* @__PURE__ */ p(
+      Ve,
       {
         scope: e,
         content: v,
-        viewport: D,
-        onViewportChange: ie,
-        itemRefCallback: de,
-        selectedItem: O,
-        onItemLeave: ue,
-        itemTextRefCallback: Z,
-        focusSelectedItem: q,
-        selectedItemText: oe,
+        viewport: A,
+        onViewportChange: oe,
+        itemRefCallback: fe,
+        selectedItem: D,
+        onItemLeave: me,
+        itemTextRefCallback: ee,
+        focusSelectedItem: L,
+        selectedItemText: X,
         position: i,
-        isPositioned: J,
-        searchRef: ae,
-        children: /* @__PURE__ */ m(vt, { as: Tt, allowPinchZoom: !0, children: /* @__PURE__ */ m(
-          st,
+        isPositioned: G,
+        searchRef: pe,
+        children: /* @__PURE__ */ p(xt, { as: Mt, allowPinchZoom: !0, children: /* @__PURE__ */ p(
+          dt,
           {
             asChild: !0,
-            trapped: f.open,
+            trapped: m.open,
             onMountAutoFocus: (u) => {
               u.preventDefault();
             },
-            onUnmountAutoFocus: P(c, (u) => {
-              f.trigger?.focus({ preventScroll: !0 }), u.preventDefault();
+            onUnmountAutoFocus: R(l, (u) => {
+              m.trigger?.focus({ preventScroll: !0 }), u.preventDefault();
             }),
-            children: /* @__PURE__ */ m(
-              rt,
+            children: /* @__PURE__ */ p(
+              it,
               {
                 asChild: !0,
                 disableOutsidePointerEvents: !0,
                 onEscapeKeyDown: d,
-                onPointerDownOutside: o,
+                onPointerDownOutside: n,
                 onFocusOutside: (u) => u.preventDefault(),
-                onDismiss: () => f.onOpenChange(!1),
-                children: /* @__PURE__ */ m(
-                  re,
+                onDismiss: () => m.onOpenChange(!1),
+                children: /* @__PURE__ */ p(
+                  ce,
                   {
                     role: "listbox",
-                    id: f.contentId,
-                    "data-state": f.open ? "open" : "closed",
-                    dir: f.dir,
+                    id: m.contentId,
+                    "data-state": m.open ? "open" : "closed",
+                    dir: m.dir,
                     onContextMenu: (u) => u.preventDefault(),
-                    ...x,
-                    ...Q,
-                    onPlaced: () => Y(!0),
-                    ref: N,
+                    ...S,
+                    ...ne,
+                    onPlaced: () => H(!0),
+                    ref: b,
                     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",
-                      ...x.style
+                      ...S.style
                     },
-                    onKeyDown: P(x.onKeyDown, (u) => {
-                      const y = u.ctrlKey || u.altKey || u.metaKey;
-                      if (u.key === "Tab" && u.preventDefault(), !y && u.key.length === 1 && ne(u.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(u.key)) {
-                        let S = U().filter((w) => !w.disabled).map((w) => w.ref.current);
-                        if (["ArrowUp", "End"].includes(u.key) && (S = S.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(u.key)) {
-                          const w = u.target, I = S.indexOf(w);
-                          S = S.slice(I + 1);
+                    onKeyDown: R(S.onKeyDown, (u) => {
+                      const I = u.ctrlKey || u.altKey || u.metaKey;
+                      if (u.key === "Tab" && u.preventDefault(), !I && u.key.length === 1 && le(u.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(u.key)) {
+                        let w = V().filter((x) => !x.disabled).map((x) => x.ref.current);
+                        if (["ArrowUp", "End"].includes(u.key) && (w = w.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(u.key)) {
+                          const x = u.target, P = w.indexOf(x);
+                          w = w.slice(P + 1);
                         }
-                        setTimeout(() => j(S)), u.preventDefault();
+                        setTimeout(() => _(w)), u.preventDefault();
                       }
                     })
                   }
@@ -277,95 +366,95 @@ var M = 10, [ke, H] = $(G), It = "SelectContentImpl", Tt = ut("SelectContent.Rem
     );
   }
 );
-Be.displayName = It;
-var Pt = "SelectItemAlignedPosition", He = t.forwardRef((n, l) => {
-  const { __scopeSelect: e, onPlaced: i, ...c } = n, d = B(G, e), o = H(G, e), [r, s] = t.useState(null), [p, g] = t.useState(null), C = A(l, (N) => g(N)), R = le(e), E = t.useRef(!1), T = t.useRef(!0), { viewport: a, selectedItem: h, selectedItemText: x, focusSelectedItem: f } = o, v = t.useCallback(() => {
-    if (d.trigger && d.valueNode && r && p && a && h && x) {
-      const N = d.trigger.getBoundingClientRect(), O = p.getBoundingClientRect(), te = d.valueNode.getBoundingClientRect(), oe = x.getBoundingClientRect();
+He.displayName = Nt;
+var At = "SelectItemAlignedPosition", Ue = t.forwardRef((o, s) => {
+  const { __scopeSelect: e, onPlaced: i, ...l } = o, d = j(Q, e), n = q(Q, e), [r, c] = t.useState(null), [f, g] = t.useState(null), C = k(s, (b) => g(b)), E = de(e), T = t.useRef(!1), y = t.useRef(!0), { viewport: a, selectedItem: h, selectedItemText: S, focusSelectedItem: m } = n, v = t.useCallback(() => {
+    if (d.trigger && d.valueNode && r && f && a && h && S) {
+      const b = d.trigger.getBoundingClientRect(), D = f.getBoundingClientRect(), K = d.valueNode.getBoundingClientRect(), X = S.getBoundingClientRect();
       if (d.dir !== "rtl") {
-        const w = oe.left - O.left, I = te.left - w, F = N.left - I, K = N.width + F, pe = Math.max(K, O.width), fe = window.innerWidth - M, me = Te(I, [
-          M,
+        const x = X.left - D.left, P = K.left - x, Z = b.left - P, $ = b.width + Z, he = Math.max($, D.width), ve = window.innerWidth - O, ge = Re(P, [
+          O,
           // 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(M, fe - pe)
+          Math.max(O, ve - he)
         ]);
-        r.style.minWidth = K + "px", r.style.left = me + "px";
+        r.style.minWidth = $ + "px", r.style.left = ge + "px";
       } else {
-        const w = O.right - oe.right, I = window.innerWidth - te.right - w, F = window.innerWidth - N.right - I, K = N.width + F, pe = Math.max(K, O.width), fe = window.innerWidth - M, me = Te(I, [
-          M,
-          Math.max(M, fe - pe)
+        const x = D.right - X.right, P = window.innerWidth - K.right - x, Z = window.innerWidth - b.right - P, $ = b.width + Z, he = Math.max($, D.width), ve = window.innerWidth - O, ge = Re(P, [
+          O,
+          Math.max(O, ve - he)
         ]);
-        r.style.minWidth = K + "px", r.style.right = me + "px";
+        r.style.minWidth = $ + "px", r.style.right = ge + "px";
       }
-      const V = R(), U = window.innerHeight - M * 2, J = a.scrollHeight, Y = window.getComputedStyle(p), W = parseInt(Y.borderTopWidth, 10), j = parseInt(Y.paddingTop, 10), q = parseInt(Y.borderBottomWidth, 10), X = parseInt(Y.paddingBottom, 10), L = W + j + J + X + q, ae = Math.min(h.offsetHeight * 5, L), ne = window.getComputedStyle(a), de = parseInt(ne.paddingTop, 10), ue = parseInt(ne.paddingBottom, 10), Z = N.top + N.height / 2 - M, re = U - Z, Q = h.offsetHeight / 2, u = h.offsetTop + Q, y = W + j + u, b = L - y;
-      if (y <= Z) {
-        const w = V.length > 0 && h === V[V.length - 1].ref.current;
+      const B = E(), V = window.innerHeight - O * 2, G = a.scrollHeight, H = window.getComputedStyle(f), U = parseInt(H.borderTopWidth, 10), _ = parseInt(H.paddingTop, 10), L = parseInt(H.borderBottomWidth, 10), W = parseInt(H.paddingBottom, 10), z = U + _ + G + W + L, pe = Math.min(h.offsetHeight * 5, z), le = window.getComputedStyle(a), fe = parseInt(le.paddingTop, 10), me = parseInt(le.paddingBottom, 10), ee = b.top + b.height / 2 - O, ce = V - ee, ne = h.offsetHeight / 2, u = h.offsetTop + ne, I = U + _ + u, N = z - I;
+      if (I <= ee) {
+        const x = B.length > 0 && h === B[B.length - 1].ref.current;
         r.style.bottom = "0px";
-        const I = p.clientHeight - a.offsetTop - a.offsetHeight, F = Math.max(
-          re,
-          Q + // viewport might have padding bottom, include it to avoid a scrollable viewport
-          (w ? ue : 0) + I + q
-        ), K = y + F;
-        r.style.height = K + "px";
+        const P = f.clientHeight - a.offsetTop - a.offsetHeight, Z = Math.max(
+          ce,
+          ne + // viewport might have padding bottom, include it to avoid a scrollable viewport
+          (x ? me : 0) + P + L
+        ), $ = I + Z;
+        r.style.height = $ + "px";
       } else {
-        const w = V.length > 0 && h === V[0].ref.current;
+        const x = B.length > 0 && h === B[0].ref.current;
         r.style.top = "0px";
-        const F = Math.max(
-          Z,
-          W + a.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
-          (w ? de : 0) + Q
-        ) + b;
-        r.style.height = F + "px", a.scrollTop = y - Z + a.offsetTop;
+        const Z = Math.max(
+          ee,
+          U + a.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
+          (x ? fe : 0) + ne
+        ) + N;
+        r.style.height = Z + "px", a.scrollTop = I - ee + a.offsetTop;
       }
-      r.style.margin = `${M}px 0`, r.style.minHeight = ae + "px", r.style.maxHeight = U + "px", i?.(), requestAnimationFrame(() => E.current = !0);
+      r.style.margin = `${O}px 0`, r.style.minHeight = pe + "px", r.style.maxHeight = V + "px", i?.(), requestAnimationFrame(() => T.current = !0);
     }
   }, [
-    R,
+    E,
     d.trigger,
     d.valueNode,
     r,
-    p,
+    f,
     a,
     h,
-    x,
+    S,
     d.dir,
     i
   ]);
-  k(() => v(), [v]);
-  const [z, D] = t.useState();
-  k(() => {
-    p && D(window.getComputedStyle(p).zIndex);
-  }, [p]);
-  const ie = t.useCallback(
-    (N) => {
-      N && T.current === !0 && (v(), f?.(), T.current = !1);
+  Y(() => v(), [v]);
+  const [F, A] = t.useState();
+  Y(() => {
+    f && A(window.getComputedStyle(f).zIndex);
+  }, [f]);
+  const oe = t.useCallback(
+    (b) => {
+      b && y.current === !0 && (v(), m?.(), y.current = !1);
     },
-    [v, f]
+    [v, m]
   );
-  return /* @__PURE__ */ m(
-    Rt,
+  return /* @__PURE__ */ p(
+    Dt,
     {
       scope: e,
       contentWrapper: r,
-      shouldExpandOnScrollRef: E,
-      onScrollButtonChange: ie,
-      children: /* @__PURE__ */ m(
+      shouldExpandOnScrollRef: T,
+      onScrollButtonChange: oe,
+      children: /* @__PURE__ */ p(
         "div",
         {
-          ref: s,
+          ref: c,
           style: {
             display: "flex",
             flexDirection: "column",
             position: "fixed",
-            zIndex: z
+            zIndex: F
           },
-          children: /* @__PURE__ */ m(
-            _.div,
+          children: /* @__PURE__ */ p(
+            M.div,
             {
-              ...c,
+              ...l,
               ref: C,
               style: {
                 // When we get the height of the content, it includes borders. If we were to set
@@ -373,7 +462,7 @@ var Pt = "SelectItemAlignedPosition", He = t.forwardRef((n, l) => {
                 boxSizing: "border-box",
                 // We need to ensure the content doesn't get taller than the wrapper
                 maxHeight: "100%",
-                ...c.style
+                ...l.style
               }
             }
           )
@@ -382,22 +471,22 @@ var Pt = "SelectItemAlignedPosition", He = t.forwardRef((n, l) => {
     }
   );
 });
-He.displayName = Pt;
-var Et = "SelectPopperPosition", he = t.forwardRef((n, l) => {
+Ue.displayName = At;
+var Ot = "SelectPopperPosition", Se = t.forwardRef((o, s) => {
   const {
     __scopeSelect: e,
     align: i = "start",
-    collisionPadding: c = M,
+    collisionPadding: l = O,
     ...d
-  } = n, o = ye(e);
-  return /* @__PURE__ */ m(
-    it,
+  } = o, n = ue(e);
+  return /* @__PURE__ */ p(
+    ft,
     {
-      ...o,
+      ...n,
       ...d,
-      ref: l,
+      ref: s,
       align: i,
-      collisionPadding: c,
+      collisionPadding: l,
       style: {
         // Ensure border-box for floating-ui calculations
         boxSizing: "border-box",
@@ -411,12 +500,12 @@ var Et = "SelectPopperPosition", he = t.forwardRef((n, l) => {
     }
   );
 });
-he.displayName = Et;
-var [Rt, Ie] = $(G, {}), ve = "SelectViewport", Ve = t.forwardRef(
-  (n, l) => {
-    const { __scopeSelect: e, nonce: i, ...c } = n, d = H(ve, e), o = Ie(ve, e), r = A(l, d.onViewportChange), s = t.useRef(0);
-    return /* @__PURE__ */ be(xe, { children: [
-      /* @__PURE__ */ m(
+Se.displayName = Ot;
+var [Dt, Pe] = te(Q, {}), we = "SelectViewport", We = t.forwardRef(
+  (o, s) => {
+    const { __scopeSelect: e, nonce: i, ...l } = o, d = q(we, e), n = Pe(we, e), r = k(s, d.onViewportChange), c = t.useRef(0);
+    return /* @__PURE__ */ se(Te, { children: [
+      /* @__PURE__ */ p(
         "style",
         {
           dangerouslySetInnerHTML: {
@@ -425,12 +514,12 @@ var [Rt, Ie] = $(G, {}), ve = "SelectViewport", Ve = t.forwardRef(
           nonce: i
         }
       ),
-      /* @__PURE__ */ m(Ce.Slot, { scope: e, children: /* @__PURE__ */ m(
-        _.div,
+      /* @__PURE__ */ p(ae.Slot, { scope: e, children: /* @__PURE__ */ p(
+        M.div,
         {
           "data-radix-select-viewport": "",
           role: "presentation",
-          ...c,
+          ...l,
           ref: r,
           style: {
             // we use position: 'relative' here on the `viewport` so that when we call
@@ -443,110 +532,110 @@ var [Rt, Ie] = $(G, {}), ve = "SelectViewport", Ve = t.forwardRef(
             // revisit this if/when that is supported
             // https://developer.chrome.com/blog/vertical-form-controls
             overflow: "hidden auto",
-            ...c.style
+            ...l.style
           },
-          onScroll: P(c.onScroll, (p) => {
-            const g = p.currentTarget, { contentWrapper: C, shouldExpandOnScrollRef: R } = o;
-            if (R?.current && C) {
-              const E = Math.abs(s.current - g.scrollTop);
-              if (E > 0) {
-                const T = window.innerHeight - M * 2, a = parseFloat(C.style.minHeight), h = parseFloat(C.style.height), x = Math.max(a, h);
-                if (x < T) {
-                  const f = x + E, v = Math.min(T, f), z = f - v;
-                  C.style.height = v + "px", C.style.bottom === "0px" && (g.scrollTop = z > 0 ? z : 0, C.style.justifyContent = "flex-end");
+          onScroll: R(l.onScroll, (f) => {
+            const g = f.currentTarget, { contentWrapper: C, shouldExpandOnScrollRef: E } = n;
+            if (E?.current && C) {
+              const T = Math.abs(c.current - g.scrollTop);
+              if (T > 0) {
+                const y = window.innerHeight - O * 2, a = parseFloat(C.style.minHeight), h = parseFloat(C.style.height), S = Math.max(a, h);
+                if (S < y) {
+                  const m = S + T, v = Math.min(y, m), F = m - v;
+                  C.style.height = v + "px", C.style.bottom === "0px" && (g.scrollTop = F > 0 ? F : 0, C.style.justifyContent = "flex-end");
                 }
               }
             }
-            s.current = g.scrollTop;
+            c.current = g.scrollTop;
           })
         }
       ) })
     ] });
   }
 );
-Ve.displayName = ve;
-var Ue = "SelectGroup", [bt, _t] = $(Ue), We = t.forwardRef(
-  (n, l) => {
-    const { __scopeSelect: e, ...i } = n, c = Ee();
-    return /* @__PURE__ */ m(bt, { scope: e, id: c, children: /* @__PURE__ */ m(_.div, { role: "group", "aria-labelledby": c, ...i, ref: l }) });
+We.displayName = we;
+var Fe = "SelectGroup", [Lt, kt] = te(Fe), Ke = t.forwardRef(
+  (o, s) => {
+    const { __scopeSelect: e, ...i } = o, l = Ie();
+    return /* @__PURE__ */ p(Lt, { scope: e, id: l, children: /* @__PURE__ */ p(M.div, { role: "group", "aria-labelledby": l, ...i, ref: s }) });
   }
 );
-We.displayName = Ue;
-var Fe = "SelectLabel", Ke = t.forwardRef(
-  (n, l) => {
-    const { __scopeSelect: e, ...i } = n, c = _t(Fe, e);
-    return /* @__PURE__ */ m(_.div, { id: c.id, ...i, ref: l });
+Ke.displayName = Fe;
+var Ge = "SelectLabel", ze = t.forwardRef(
+  (o, s) => {
+    const { __scopeSelect: e, ...i } = o, l = kt(Ge, e);
+    return /* @__PURE__ */ p(M.div, { id: l.id, ...i, ref: s });
   }
 );
-Ke.displayName = Fe;
-var ce = "SelectItem", [Nt, Ge] = $(ce), ze = t.forwardRef(
-  (n, l) => {
+ze.displayName = Ge;
+var ie = "SelectItem", [Bt, Ye] = te(ie), je = t.forwardRef(
+  (o, s) => {
     const {
       __scopeSelect: e,
       value: i,
-      disabled: c = !1,
+      disabled: l = !1,
       textValue: d,
-      ...o
-    } = n, r = B(ce, e), s = H(ce, e), p = r.value === i, [g, C] = t.useState(d ?? ""), [R, E] = t.useState(!1), T = A(
-      l,
-      (f) => s.itemRefCallback?.(f, i, c)
-    ), a = Ee(), h = t.useRef("touch"), x = () => {
-      c || (r.onValueChange(i), r.onOpenChange(!1));
+      ...n
+    } = o, r = j(ie, e), c = q(ie, e), f = r.value === i, [g, C] = t.useState(d ?? ""), [E, T] = t.useState(!1), y = k(
+      s,
+      (m) => c.itemRefCallback?.(m, i, l)
+    ), a = Ie(), h = t.useRef("touch"), S = () => {
+      l || (r.onValueChange(i), r.onOpenChange(!1));
     };
     if (i === "")
       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__ */ m(
-      Nt,
+    return /* @__PURE__ */ p(
+      Bt,
       {
         scope: e,
         value: i,
-        disabled: c,
+        disabled: l,
         textId: a,
-        isSelected: p,
-        onItemTextChange: t.useCallback((f) => {
-          C((v) => v || (f?.textContent ?? "").trim());
+        isSelected: f,
+        onItemTextChange: t.useCallback((m) => {
+          C((v) => v || (m?.textContent ?? "").trim());
         }, []),
-        children: /* @__PURE__ */ m(
-          Ce.ItemSlot,
+        children: /* @__PURE__ */ p(
+          ae.ItemSlot,
           {
             scope: e,
             value: i,
-            disabled: c,
+            disabled: l,
             textValue: g,
-            children: /* @__PURE__ */ m(
-              _.div,
+            children: /* @__PURE__ */ p(
+              M.div,
               {
                 role: "option",
                 "aria-labelledby": a,
-                "data-highlighted": R ? "" : void 0,
-                "aria-selected": p && R,
-                "data-state": p ? "checked" : "unchecked",
-                "aria-disabled": c || void 0,
-                "data-disabled": c ? "" : void 0,
-                tabIndex: c ? void 0 : -1,
-                ...o,
-                ref: T,
-                onFocus: P(o.onFocus, () => E(!0)),
-                onBlur: P(o.onBlur, () => E(!1)),
-                onClick: P(o.onClick, () => {
-                  h.current !== "mouse" && x();
+                "data-highlighted": E ? "" : void 0,
+                "aria-selected": f && E,
+                "data-state": f ? "checked" : "unchecked",
+                "aria-disabled": l || void 0,
+                "data-disabled": l ? "" : void 0,
+                tabIndex: l ? void 0 : -1,
+                ...n,
+                ref: y,
+                onFocus: R(n.onFocus, () => T(!0)),
+                onBlur: R(n.onBlur, () => T(!1)),
+                onClick: R(n.onClick, () => {
+                  h.current !== "mouse" && S();
                 }),
-                onPointerUp: P(o.onPointerUp, () => {
-                  h.current === "mouse" && x();
+                onPointerUp: R(n.onPointerUp, () => {
+                  h.current === "mouse" && S();
                 }),
-                onPointerDown: P(o.onPointerDown, (f) => {
-                  h.current = f.pointerType;
+                onPointerDown: R(n.onPointerDown, (m) => {
+                  h.current = m.pointerType;
                 }),
-                onPointerMove: P(o.onPointerMove, (f) => {
-                  h.current = f.pointerType, c ? s.onItemLeave?.() : h.current === "mouse" && f.currentTarget.focus({ preventScroll: !0 });
+                onPointerMove: R(n.onPointerMove, (m) => {
+                  h.current = m.pointerType, l ? c.onItemLeave?.() : h.current === "mouse" && m.currentTarget.focus({ preventScroll: !0 });
                 }),
-                onPointerLeave: P(o.onPointerLeave, (f) => {
-                  f.currentTarget === document.activeElement && s.onItemLeave?.();
+                onPointerLeave: R(n.onPointerLeave, (m) => {
+                  m.currentTarget === document.activeElement && c.onItemLeave?.();
                 }),
-                onKeyDown: P(o.onKeyDown, (f) => {
-                  s.searchRef?.current !== "" && f.key === " " || (St.includes(f.key) && x(), f.key === " " && f.preventDefault());
+                onKeyDown: R(n.onKeyDown, (m) => {
+                  c.searchRef?.current !== "" && m.key === " " || (It.includes(m.key) && S(), m.key === " " && m.preventDefault());
                 })
               }
             )
@@ -556,203 +645,205 @@ var ce = "SelectItem", [Nt, Ge] = $(ce), ze = t.forwardRef(
     );
   }
 );
-ze.displayName = ce;
-var ee = "SelectItemText", Ye = t.forwardRef(
-  (n, l) => {
-    const { __scopeSelect: e, className: i, style: c, ...d } = n, o = B(ee, e), r = H(ee, e), s = Ge(ee, e), p = xt(ee, e), [g, C] = t.useState(null), R = A(
-      l,
-      (x) => C(x),
-      s.onItemTextChange,
-      (x) => r.itemTextRefCallback?.(x, s.value, s.disabled)
-    ), E = g?.textContent, T = t.useMemo(
-      () => /* @__PURE__ */ m("option", { value: s.value, disabled: s.disabled, children: E }, s.value),
-      [s.disabled, s.value, E]
-    ), { onNativeOptionAdd: a, onNativeOptionRemove: h } = p;
-    return k(() => (a(T), () => h(T)), [a, h, T]), /* @__PURE__ */ be(xe, { children: [
-      /* @__PURE__ */ m(_.span, { id: s.textId, ...d, ref: R }),
-      s.isSelected && o.valueNode && !o.valueNodeHasChildren ? Pe.createPortal(d.children, o.valueNode) : null
+je.displayName = ie;
+var re = "SelectItemText", qe = t.forwardRef(
+  (o, s) => {
+    const { __scopeSelect: e, className: i, style: l, ...d } = o, n = j(re, e), r = q(re, e), c = Ye(re, e), f = Et(re, e), [g, C] = t.useState(null), E = k(
+      s,
+      (S) => C(S),
+      c.onItemTextChange,
+      (S) => r.itemTextRefCallback?.(S, c.value, c.disabled)
+    ), T = g?.textContent, y = t.useMemo(
+      () => /* @__PURE__ */ p("option", { value: c.value, disabled: c.disabled, children: T }, c.value),
+      [c.disabled, c.value, T]
+    ), { onNativeOptionAdd: a, onNativeOptionRemove: h } = f;
+    return Y(() => (a(y), () => h(y)), [a, h, y]), /* @__PURE__ */ se(Te, { children: [
+      /* @__PURE__ */ p(M.span, { id: c.textId, ...d, ref: E }),
+      c.isSelected && n.valueNode && !n.valueNodeHasChildren ? be.createPortal(d.children, n.valueNode) : null
     ] });
   }
 );
-Ye.displayName = ee;
-var je = "SelectItemIndicator", qe = t.forwardRef(
-  (n, l) => {
-    const { __scopeSelect: e, ...i } = n;
-    return Ge(je, e).isSelected ? /* @__PURE__ */ m(_.span, { "aria-hidden": !0, ...i, ref: l }) : null;
+qe.displayName = re;
+var Xe = "SelectItemIndicator", Ze = t.forwardRef(
+  (o, s) => {
+    const { __scopeSelect: e, ...i } = o;
+    return Ye(Xe, e).isSelected ? /* @__PURE__ */ p(M.span, { "aria-hidden": !0, ...i, ref: s }) : null;
   }
 );
-qe.displayName = je;
-var ge = "SelectScrollUpButton", Xe = t.forwardRef((n, l) => {
-  const e = H(ge, n.__scopeSelect), i = Ie(ge, n.__scopeSelect), [c, d] = t.useState(!1), o = A(l, i.onScrollButtonChange);
-  return k(() => {
+Ze.displayName = Xe;
+var Ce = "SelectScrollUpButton", $e = t.forwardRef((o, s) => {
+  const e = q(Ce, o.__scopeSelect), i = Pe(Ce, o.__scopeSelect), [l, d] = t.useState(!1), n = k(s, i.onScrollButtonChange);
+  return Y(() => {
     if (e.viewport && e.isPositioned) {
       let r = function() {
-        const p = s.scrollTop > 0;
-        d(p);
+        const f = c.scrollTop > 0;
+        d(f);
       };
-      const s = e.viewport;
-      return r(), s.addEventListener("scroll", r), () => s.removeEventListener("scroll", r);
+      const c = e.viewport;
+      return r(), c.addEventListener("scroll", r), () => c.removeEventListener("scroll", r);
     }
-  }, [e.viewport, e.isPositioned]), c ? /* @__PURE__ */ m(
-    $e,
+  }, [e.viewport, e.isPositioned]), l ? /* @__PURE__ */ p(
+    Qe,
     {
-      ...n,
-      ref: o,
+      ...o,
+      ref: n,
       onAutoScroll: () => {
-        const { viewport: r, selectedItem: s } = e;
-        r && s && (r.scrollTop = r.scrollTop - s.offsetHeight);
+        const { viewport: r, selectedItem: c } = e;
+        r && c && (r.scrollTop = r.scrollTop - c.offsetHeight);
       }
     }
   ) : null;
 });
-Xe.displayName = ge;
-var Se = "SelectScrollDownButton", Ze = t.forwardRef((n, l) => {
-  const e = H(Se, n.__scopeSelect), i = Ie(Se, n.__scopeSelect), [c, d] = t.useState(!1), o = A(l, i.onScrollButtonChange);
-  return k(() => {
+$e.displayName = Ce;
+var xe = "SelectScrollDownButton", Je = t.forwardRef((o, s) => {
+  const e = q(xe, o.__scopeSelect), i = Pe(xe, o.__scopeSelect), [l, d] = t.useState(!1), n = k(s, i.onScrollButtonChange);
+  return Y(() => {
     if (e.viewport && e.isPositioned) {
       let r = function() {
-        const p = s.scrollHeight - s.clientHeight, g = Math.ceil(s.scrollTop) < p;
+        const f = c.scrollHeight - c.clientHeight, g = Math.ceil(c.scrollTop) < f;
         d(g);
       };
-      const s = e.viewport;
-      return r(), s.addEventListener("scroll", r), () => s.removeEventListener("scroll", r);
+      const c = e.viewport;
+      return r(), c.addEventListener("scroll", r), () => c.removeEventListener("scroll", r);
     }
-  }, [e.viewport, e.isPositioned]), c ? /* @__PURE__ */ m(
-    $e,
+  }, [e.viewport, e.isPositioned]), l ? /* @__PURE__ */ p(
+    Qe,
     {
-      ...n,
-      ref: o,
+      ...o,
+      ref: n,
       onAutoScroll: () => {
-        const { viewport: r, selectedItem: s } = e;
-        r && s && (r.scrollTop = r.scrollTop + s.offsetHeight);
+        const { viewport: r, selectedItem: c } = e;
+        r && c && (r.scrollTop = r.scrollTop + c.offsetHeight);
       }
     }
   ) : null;
 });
-Ze.displayName = Se;
-var $e = t.forwardRef((n, l) => {
-  const { __scopeSelect: e, onAutoScroll: i, ...c } = n, d = H("SelectScrollButton", e), o = t.useRef(null), r = le(e), s = t.useCallback(() => {
-    o.current !== null && (window.clearInterval(o.current), o.current = null);
+Je.displayName = xe;
+var Qe = t.forwardRef((o, s) => {
+  const { __scopeSelect: e, onAutoScroll: i, ...l } = o, d = q("SelectScrollButton", e), n = t.useRef(null), r = de(e), c = t.useCallback(() => {
+    n.current !== null && (window.clearInterval(n.current), n.current = null);
   }, []);
-  return t.useEffect(() => () => s(), [s]), k(() => {
+  return t.useEffect(() => () => c(), [c]), Y(() => {
     r().find((g) => g.ref.current === document.activeElement)?.ref.current?.scrollIntoView({ block: "nearest" });
-  }, [r]), /* @__PURE__ */ m(
-    _.div,
+  }, [r]), /* @__PURE__ */ p(
+    M.div,
     {
       "aria-hidden": !0,
-      ...c,
-      ref: l,
-      style: { flexShrink: 0, ...c.style },
-      onPointerDown: P(c.onPointerDown, () => {
-        o.current === null && (o.current = window.setInterval(i, 50));
+      ...l,
+      ref: s,
+      style: { flexShrink: 0, ...l.style },
+      onPointerDown: R(l.onPointerDown, () => {
+        n.current === null && (n.current = window.setInterval(i, 50));
       }),
-      onPointerMove: P(c.onPointerMove, () => {
-        d.onItemLeave?.(), o.current === null && (o.current = window.setInterval(i, 50));
+      onPointerMove: R(l.onPointerMove, () => {
+        d.onItemLeave?.(), n.current === null && (n.current = window.setInterval(i, 50));
       }),
-      onPointerLeave: P(c.onPointerLeave, () => {
-        s();
+      onPointerLeave: R(l.onPointerLeave, () => {
+        c();
       })
     }
   );
-}), Mt = "SelectSeparator", Je = t.forwardRef(
-  (n, l) => {
-    const { __scopeSelect: e, ...i } = n;
-    return /* @__PURE__ */ m(_.div, { "aria-hidden": !0, ...i, ref: l });
+}), Vt = "SelectSeparator", et = t.forwardRef(
+  (o, s) => {
+    const { __scopeSelect: e, ...i } = o;
+    return /* @__PURE__ */ p(M.div, { "aria-hidden": !0, ...i, ref: s });
   }
 );
-Je.displayName = Mt;
-var we = "SelectArrow", At = t.forwardRef(
-  (n, l) => {
-    const { __scopeSelect: e, ...i } = n, c = ye(e), d = B(we, e), o = H(we, e);
-    return d.open && o.position === "popper" ? /* @__PURE__ */ m(at, { ...c, ...i, ref: l }) : null;
+et.displayName = Vt;
+var ye = "SelectArrow", Ht = t.forwardRef(
+  (o, s) => {
+    const { __scopeSelect: e, ...i } = o, l = ue(e), d = j(ye, e), n = q(ye, e);
+    return d.open && n.position === "popper" ? /* @__PURE__ */ p(mt, { ...l, ...i, ref: s }) : null;
   }
 );
-At.displayName = we;
-var Dt = "SelectBubbleInput", Ot = t.forwardRef(
-  ({ __scopeSelect: n, value: l, ...e }, i) => {
-    const c = t.useRef(null), d = A(i, c), o = ft(l);
+Ht.displayName = ye;
+var Ut = "SelectBubbleInput", tt = t.forwardRef(
+  ({ __scopeSelect: o, value: s, ...e }, i) => {
+    const l = t.useRef(null), d = k(i, l), n = St(s);
     return t.useEffect(() => {
-      const r = c.current;
+      const r = l.current;
       if (!r) return;
-      const s = window.HTMLSelectElement.prototype, g = Object.getOwnPropertyDescriptor(
-        s,
+      const c = window.HTMLSelectElement.prototype, g = Object.getOwnPropertyDescriptor(
+        c,
         "value"
       ).set;
-      if (o !== l && g) {
+      if (n !== s && g) {
         const C = new Event("change", { bubbles: !0 });
-        g.call(r, l), r.dispatchEvent(C);
+        g.call(r, s), r.dispatchEvent(C);
       }
-    }, [o, l]), /* @__PURE__ */ m(
-      _.select,
+    }, [n, s]), /* @__PURE__ */ p(
+      M.select,
       {
         ...e,
-        style: { ...mt, ...e.style },
+        style: { ...wt, ...e.style },
         ref: d,
-        defaultValue: l
+        defaultValue: s
       }
     );
   }
 );
-Ot.displayName = Dt;
-function Qe(n) {
-  return n === "" || n === void 0;
+tt.displayName = Ut;
+function ot(o) {
+  return o === "" || o === void 0;
 }
-function et(n) {
-  const l = pt(n), e = t.useRef(""), i = t.useRef(0), c = t.useCallback(
-    (o) => {
-      const r = e.current + o;
-      l(r), (function s(p) {
-        e.current = p, window.clearTimeout(i.current), p !== "" && (i.current = window.setTimeout(() => s(""), 1e3));
+function nt(o) {
+  const s = gt(o), e = t.useRef(""), i = t.useRef(0), l = t.useCallback(
+    (n) => {
+      const r = e.current + n;
+      s(r), (function c(f) {
+        e.current = f, window.clearTimeout(i.current), f !== "" && (i.current = window.setTimeout(() => c(""), 1e3));
       })(r);
     },
-    [l]
+    [s]
   ), d = t.useCallback(() => {
     e.current = "", window.clearTimeout(i.current);
   }, []);
-  return t.useEffect(() => () => window.clearTimeout(i.current), []), [e, c, d];
+  return t.useEffect(() => () => window.clearTimeout(i.current), []), [e, l, d];
 }
-function tt(n, l, e) {
-  const c = l.length > 1 && Array.from(l).every((p) => p === l[0]) ? l[0] : l, d = e ? n.indexOf(e) : -1;
-  let o = Lt(n, Math.max(d, 0));
-  c.length === 1 && (o = o.filter((p) => p !== e));
-  const s = o.find(
-    (p) => p.textValue.toLowerCase().startsWith(c.toLowerCase())
+function rt(o, s, e) {
+  const l = s.length > 1 && Array.from(s).every((f) => f === s[0]) ? s[0] : s, d = e ? o.indexOf(e) : -1;
+  let n = Wt(o, Math.max(d, 0));
+  l.length === 1 && (n = n.filter((f) => f !== e));
+  const c = n.find(
+    (f) => f.textValue.toLowerCase().startsWith(l.toLowerCase())
   );
-  return s !== e ? s : void 0;
+  return c !== e ? c : void 0;
 }
-function Lt(n, l) {
-  return n.map((e, i) => n[(l + i) % n.length]);
+function Wt(o, s) {
+  return o.map((e, i) => o[(s + i) % o.length]);
 }
-var ro = Ne, co = Ae, so = De, lo = Oe, io = Le, ao = Ve, uo = We, po = Ke, fo = ze, mo = Ye, ho = qe, vo = Xe, go = Ze, So = Je;
+var uo = Ne, po = Ae, fo = De, mo = Le, ho = ke, vo = Be, go = We, So = Ke, wo = ze, Co = je, xo = qe, yo = Ze, Io = $e, To = Je, Po = et;
 export {
-  io as Content,
-  uo as Group,
-  so as Icon,
-  fo as Item,
-  ho as ItemIndicator,
-  mo as ItemText,
-  po as Label,
-  lo as Portal,
-  go as ScrollDownButton,
-  vo as ScrollUpButton,
-  At as SelectArrow,
-  Le as SelectContent,
-  We as SelectGroup,
-  De as SelectIcon,
-  ze as SelectItem,
-  qe as SelectItemIndicator,
-  Ye as SelectItemText,
-  Ke as SelectLabel,
-  Oe as SelectPortal,
-  Ze as SelectScrollDownButton,
-  Xe as SelectScrollUpButton,
-  Je as SelectSeparator,
-  Ne as SelectTrigger,
-  Ae as SelectValue,
-  Ve as SelectViewport,
-  So as Separator,
-  ro as Trigger,
-  co as Value,
-  ao as Viewport
+  vo as Content,
+  So as Group,
+  mo as Icon,
+  Co as Item,
+  yo as ItemIndicator,
+  xo as ItemText,
+  wo as Label,
+  ho as Portal,
+  uo as Root,
+  To as ScrollDownButton,
+  Io as ScrollUpButton,
+  Ne as Select,
+  Ht as SelectArrow,
+  Be as SelectContent,
+  Ke as SelectGroup,
+  Le as SelectIcon,
+  je as SelectItem,
+  Ze as SelectItemIndicator,
+  qe as SelectItemText,
+  ze as SelectLabel,
+  ke as SelectPortal,
+  Je as SelectScrollDownButton,
+  $e as SelectScrollUpButton,
+  et as SelectSeparator,
+  Ae as SelectTrigger,
+  De as SelectValue,
+  We as SelectViewport,
+  Po as Separator,
+  po as Trigger,
+  fo as Value,
+  go as Viewport
 };
 //# sourceMappingURL=index.js.map