@rpcbase/ui 0.215.0 → 0.217.0

package/dist/index41.js

@@ -1,22 +1,22 @@
 import * as t from "react";
 import * as Re from "react-dom";
 import { clamp as Te } from "./index59.js";
-import { composeEventHandlers as R } from "./index53.js";
+import { composeEventHandlers as R } from "./index51.js";
 import { createCollection as tt } from "./index60.js";
-import { useComposedRefs as j } from "./index55.js";
+import { useComposedRefs as V } from "./index53.js";
 import { createContextScope as ot } from "./index61.js";
 import { useDirection as nt } from "./index62.js";
 import { DismissableLayer as rt } from "./index31.js";
 import { useFocusGuards as st } from "./index63.js";
-import { FocusScope as lt } from "./index64.js";
+import { FocusScope as ct } from "./index64.js";
 import { useId as ye } from "./index65.js";
-import { Root as ct, createPopperScope as Ee, Anchor as it, Content as at, Arrow as dt } from "./index66.js";
+import { Root as lt, createPopperScope as Ee, Anchor as it, Content as at, Arrow as dt } from "./index66.js";
 import { Portal as ut } from "./index67.js";
-import { Primitive as M } from "./index54.js";
+import { Primitive as M } from "./index52.js";
 import { createSlot as pt } from "./index68.js";
-import { useCallbackRef as ft } from "./index56.js";
+import { useCallbackRef as ft } from "./index54.js";
 import { useControllableState as Pe } from "./index69.js";
-import { useLayoutEffect as z } from "./index70.js";
+import { useLayoutEffect as U } from "./index70.js";
 import { usePrevious as mt } from "./index71.js";
 import { VISUALLY_HIDDEN_STYLES as ht } from "./index72.js";
 import { hideOthers as vt } from "./index73.js";
@@ -27,36 +27,40 @@ var St = [" ", "Enter", "ArrowUp", "ArrowDown"], xt = [" ", "Enter"], J = "Selec
   Ee
 ]), de = Ee(), [Ct, Y] = te(J), [yt, It] = te(J), be = (o) => {
   const {
-    __scopeSelect: c,
+    __scopeSelect: l,
     children: e,
     open: i,
     defaultOpen: s,
     onOpenChange: u,
     value: n,
     defaultValue: r,
-    onValueChange: l,
+    onValueChange: c,
     dir: f,
     name: g,
     autoComplete: w,
     disabled: E,
     required: T,
     form: y
-  } = o, a = de(c), [h, S] = t.useState(null), [m, v] = t.useState(null), [W, A] = t.useState(!1), oe = nt(f), [b, D] = Pe({
+  } = o, a = de(l), [h, S] = t.useState(null), [m, v] = t.useState(null), [W, A] = t.useState(!1), oe = nt(f), [b, j] = Pe({
     prop: i,
     defaultProp: s ?? !1,
     onChange: u,
     caller: J
-  }), [U, X] = Pe({
+  }), [K, X] = Pe({
     prop: n,
     defaultProp: r,
-    onChange: l,
+    onChange: c,
     caller: J
-  }), k = t.useRef(null), V = h ? y || !!h.closest("form") : !0, [K, B] = t.useState(/* @__PURE__ */ new Set()), H = Array.from(K).map((_) => _.props.value).join(";");
-  return /* @__PURE__ */ d.jsx(ct, { ...a, children: /* @__PURE__ */ d.jsxs(
+  }), B = t.useRef(null), H = h ? y || !!h.closest("form") : !0, [G, F] = t.useState(/* @__PURE__ */ new Set()), O = t.useRef(!1);
+  U(() => () => {
+    O.current = !0;
+  }, []);
+  const z = Array.from(G).map((_) => _.props.value).join(";");
+  return /* @__PURE__ */ d.jsx(lt, { ...a, children: /* @__PURE__ */ d.jsxs(
     Ct,
     {
       required: T,
-      scope: c,
+      scope: l,
       trigger: h,
       onTriggerChange: S,
       valueNode: m,
@@ -64,31 +68,31 @@ var St = [" ", "Enter", "ArrowUp", "ArrowDown"], xt = [" ", "Enter"], J = "Selec
       valueNodeHasChildren: W,
       onValueNodeHasChildrenChange: A,
       contentId: ye(),
-      value: U,
+      value: K,
       onValueChange: X,
       open: b,
-      onOpenChange: D,
+      onOpenChange: j,
       dir: oe,
-      triggerPointerDownPosRef: k,
+      triggerPointerDownPosRef: B,
       disabled: E,
       children: [
-        /* @__PURE__ */ d.jsx(ie.Provider, { scope: c, children: /* @__PURE__ */ d.jsx(
+        /* @__PURE__ */ d.jsx(ie.Provider, { scope: l, children: /* @__PURE__ */ d.jsx(
           yt,
           {
             scope: o.__scopeSelect,
             onNativeOptionAdd: t.useCallback((_) => {
-              B((L) => new Set(L).add(_));
+              O.current || F((k) => new Set(k).add(_));
             }, []),
             onNativeOptionRemove: t.useCallback((_) => {
-              B((L) => {
-                const F = new Set(L);
-                return F.delete(_), F;
+              O.current || F((k) => {
+                const D = new Set(k);
+                return D.delete(_), D;
               });
             }, []),
             children: e
           }
         ) }),
-        V ? /* @__PURE__ */ d.jsxs(
+        H ? /* @__PURE__ */ d.jsxs(
           $e,
           {
             "aria-hidden": !0,
@@ -96,16 +100,16 @@ var St = [" ", "Enter", "ArrowUp", "ArrowDown"], xt = [" ", "Enter"], J = "Selec
             tabIndex: -1,
             name: g,
             autoComplete: w,
-            value: U,
+            value: K,
             onChange: (_) => X(_.target.value),
             disabled: E,
             form: y,
             children: [
-              U === void 0 ? /* @__PURE__ */ d.jsx("option", { value: "" }) : null,
-              Array.from(K)
+              K === void 0 ? /* @__PURE__ */ d.jsx("option", { value: "" }) : null,
+              Array.from(G)
             ]
           },
-          H
+          z
         ) : null
       ]
     }
@@ -113,8 +117,8 @@ var St = [" ", "Enter", "ArrowUp", "ArrowDown"], xt = [" ", "Enter"], J = "Selec
 };
 be.displayName = J;
 var _e = "SelectTrigger", Ne = t.forwardRef(
-  (o, c) => {
-    const { __scopeSelect: e, disabled: i = !1, ...s } = o, u = de(e), n = Y(_e, e), r = n.disabled || i, l = j(c, n.onTriggerChange), f = ae(e), g = t.useRef("touch"), [w, E, T] = Qe((a) => {
+  (o, l) => {
+    const { __scopeSelect: e, disabled: i = !1, ...s } = o, u = de(e), n = Y(_e, e), r = n.disabled || i, c = V(l, n.onTriggerChange), f = ae(e), g = t.useRef("touch"), [w, E, T] = Qe((a) => {
       const h = f().filter((v) => !v.disabled), S = h.find((v) => v.value === n.value), m = et(h, a, S);
       m !== void 0 && n.onValueChange(m.value);
     }), y = (a) => {
@@ -138,7 +142,7 @@ var _e = "SelectTrigger", Ne = t.forwardRef(
         "data-disabled": r ? "" : void 0,
         "data-placeholder": Je(n.value) ? "" : void 0,
         ...s,
-        ref: l,
+        ref: c,
         onClick: R(s.onClick, (a) => {
           a.currentTarget.focus(), g.current !== "mouse" && y(a);
         }),
@@ -157,9 +161,9 @@ var _e = "SelectTrigger", Ne = t.forwardRef(
 );
 Ne.displayName = _e;
 var Me = "SelectValue", Ae = t.forwardRef(
-  (o, c) => {
-    const { __scopeSelect: e, className: i, style: s, children: u, placeholder: n = "", ...r } = o, l = Y(Me, e), { onValueNodeHasChildrenChange: f } = l, g = u !== void 0, w = j(c, l.onValueNodeChange);
-    return z(() => {
+  (o, l) => {
+    const { __scopeSelect: e, className: i, style: s, children: u, placeholder: n = "", ...r } = o, c = Y(Me, e), { onValueNodeHasChildrenChange: f } = c, g = u !== void 0, w = V(l, c.onValueNodeChange);
+    return U(() => {
       f(g);
     }, [f, g]), /* @__PURE__ */ d.jsx(
       M.span,
@@ -167,25 +171,25 @@ var Me = "SelectValue", Ae = t.forwardRef(
         ...r,
         ref: w,
         style: { pointerEvents: "none" },
-        children: Je(l.value) ? /* @__PURE__ */ d.jsx(d.Fragment, { children: n }) : u
+        children: Je(c.value) ? /* @__PURE__ */ d.jsx(d.Fragment, { children: n }) : u
       }
     );
   }
 );
 Ae.displayName = Me;
 var Tt = "SelectIcon", Oe = t.forwardRef(
-  (o, c) => {
+  (o, l) => {
     const { __scopeSelect: e, children: i, ...s } = o;
-    return /* @__PURE__ */ d.jsx(M.span, { "aria-hidden": !0, ...s, ref: c, children: i || "▼" });
+    return /* @__PURE__ */ d.jsx(M.span, { "aria-hidden": !0, ...s, ref: l, children: i || "▼" });
   }
 );
 Oe.displayName = Tt;
 var Pt = "SelectPortal", De = (o) => /* @__PURE__ */ d.jsx(ut, { asChild: !0, ...o });
 De.displayName = Pt;
 var Q = "SelectContent", Le = t.forwardRef(
-  (o, c) => {
+  (o, l) => {
     const e = Y(Q, o.__scopeSelect), [i, s] = t.useState();
-    if (z(() => {
+    if (U(() => {
       s(new DocumentFragment());
     }, []), !e.open) {
       const u = i;
@@ -194,12 +198,12 @@ var Q = "SelectContent", Le = t.forwardRef(
         u
       ) : null;
     }
-    return /* @__PURE__ */ d.jsx(ke, { ...o, ref: c });
+    return /* @__PURE__ */ d.jsx(ke, { ...o, ref: l });
   }
 );
 Le.displayName = Q;
-var O = 10, [je, q] = te(Q), Rt = "SelectContentImpl", Et = pt("SelectContent.RemoveScroll"), ke = t.forwardRef(
-  (o, c) => {
+var L = 10, [je, q] = te(Q), Rt = "SelectContentImpl", Et = pt("SelectContent.RemoveScroll"), ke = t.forwardRef(
+  (o, l) => {
     const {
       __scopeSelect: e,
       position: i = "item-aligned",
@@ -209,7 +213,7 @@ var O = 10, [je, q] = te(Q), Rt = "SelectContentImpl", Et = pt("SelectContent.Re
       //
       // PopperContent props
       side: r,
-      sideOffset: l,
+      sideOffset: c,
       align: f,
       alignOffset: g,
       arrowPadding: w,
@@ -220,66 +224,66 @@ var O = 10, [je, q] = te(Q), Rt = "SelectContentImpl", Et = pt("SelectContent.Re
       avoidCollisions: h,
       //
       ...S
-    } = o, m = Y(Q, e), [v, W] = t.useState(null), [A, oe] = t.useState(null), b = j(c, (p) => W(p)), [D, U] = t.useState(null), [X, k] = t.useState(
+    } = o, m = Y(Q, e), [v, W] = t.useState(null), [A, oe] = t.useState(null), b = V(l, (p) => W(p)), [j, K] = t.useState(null), [X, B] = t.useState(
       null
-    ), V = ae(e), [K, B] = t.useState(!1), H = t.useRef(!1);
+    ), H = ae(e), [G, F] = t.useState(!1), O = t.useRef(!1);
     t.useEffect(() => {
       if (v) return vt(v);
     }, [v]), st();
-    const _ = t.useCallback(
+    const z = t.useCallback(
       (p) => {
-        const [I, ...N] = V().map((P) => P.ref.current), [x] = N.slice(-1), C = document.activeElement;
+        const [I, ...N] = H().map((P) => P.ref.current), [x] = N.slice(-1), C = document.activeElement;
         for (const P of p)
           if (P === C || (P?.scrollIntoView({ block: "nearest" }), P === I && A && (A.scrollTop = 0), P === x && A && (A.scrollTop = A.scrollHeight), P?.focus(), document.activeElement !== C)) return;
       },
-      [V, A]
-    ), L = t.useCallback(
-      () => _([D, v]),
-      [_, D, v]
+      [H, A]
+    ), _ = t.useCallback(
+      () => z([j, v]),
+      [z, j, v]
     );
     t.useEffect(() => {
-      K && L();
-    }, [K, L]);
-    const { onOpenChange: F, triggerPointerDownPosRef: G } = m;
+      G && _();
+    }, [G, _]);
+    const { onOpenChange: k, triggerPointerDownPosRef: D } = m;
     t.useEffect(() => {
       if (v) {
         let p = { x: 0, y: 0 };
         const I = (x) => {
           p = {
-            x: Math.abs(Math.round(x.pageX) - (G.current?.x ?? 0)),
-            y: Math.abs(Math.round(x.pageY) - (G.current?.y ?? 0))
+            x: Math.abs(Math.round(x.pageX) - (D.current?.x ?? 0)),
+            y: Math.abs(Math.round(x.pageY) - (D.current?.y ?? 0))
           };
         }, N = (x) => {
-          p.x <= 10 && p.y <= 10 ? x.preventDefault() : v.contains(x.target) || F(!1), document.removeEventListener("pointermove", I), G.current = null;
+          p.x <= 10 && p.y <= 10 ? x.preventDefault() : v.contains(x.target) || k(!1), document.removeEventListener("pointermove", I), D.current = null;
         };
-        return G.current !== null && (document.addEventListener("pointermove", I), document.addEventListener("pointerup", N, { capture: !0, once: !0 })), () => {
+        return D.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, F, G]), t.useEffect(() => {
-      const p = () => F(!1);
+    }, [v, k, D]), t.useEffect(() => {
+      const p = () => k(!1);
       return window.addEventListener("blur", p), window.addEventListener("resize", p), () => {
         window.removeEventListener("blur", p), window.removeEventListener("resize", p);
       };
-    }, [F]);
+    }, [k]);
     const [ue, se] = Qe((p) => {
-      const I = V().filter((C) => !C.disabled), N = I.find((C) => C.ref.current === document.activeElement), x = et(I, p, N);
+      const I = H().filter((C) => !C.disabled), N = I.find((C) => C.ref.current === document.activeElement), x = et(I, p, N);
       x && setTimeout(() => x.ref.current.focus());
     }), pe = t.useCallback(
       (p, I, N) => {
-        const x = !H.current && !N;
-        (m.value !== void 0 && m.value === I || x) && (U(p), x && (H.current = !0));
+        const x = !O.current && !N;
+        (m.value !== void 0 && m.value === I || x) && (K(p), x && (O.current = !0));
       },
       [m.value]
     ), fe = t.useCallback(() => v?.focus(), [v]), ee = t.useCallback(
       (p, I, N) => {
-        const x = !H.current && !N;
-        (m.value !== void 0 && m.value === I || x) && k(p);
+        const x = !O.current && !N;
+        (m.value !== void 0 && m.value === I || x) && B(p);
       },
       [m.value]
-    ), le = i === "popper" ? ge : Ve, ne = le === ge ? {
+    ), ce = i === "popper" ? ge : Ve, ne = ce === ge ? {
       side: r,
-      sideOffset: l,
+      sideOffset: c,
       align: f,
       alignOffset: g,
       arrowPadding: w,
@@ -297,16 +301,16 @@ var O = 10, [je, q] = te(Q), Rt = "SelectContentImpl", Et = pt("SelectContent.Re
         viewport: A,
         onViewportChange: oe,
         itemRefCallback: pe,
-        selectedItem: D,
+        selectedItem: j,
         onItemLeave: fe,
         itemTextRefCallback: ee,
-        focusSelectedItem: L,
+        focusSelectedItem: _,
         selectedItemText: X,
         position: i,
-        isPositioned: K,
+        isPositioned: G,
         searchRef: ue,
         children: /* @__PURE__ */ d.jsx(gt, { as: Et, allowPinchZoom: !0, children: /* @__PURE__ */ d.jsx(
-          lt,
+          ct,
           {
             asChild: !0,
             trapped: m.open,
@@ -326,7 +330,7 @@ var O = 10, [je, q] = te(Q), Rt = "SelectContentImpl", Et = pt("SelectContent.Re
                 onFocusOutside: (p) => p.preventDefault(),
                 onDismiss: () => m.onOpenChange(!1),
                 children: /* @__PURE__ */ d.jsx(
-                  le,
+                  ce,
                   {
                     role: "listbox",
                     id: m.contentId,
@@ -335,7 +339,7 @@ var O = 10, [je, q] = te(Q), Rt = "SelectContentImpl", Et = pt("SelectContent.Re
                     onContextMenu: (p) => p.preventDefault(),
                     ...S,
                     ...ne,
-                    onPlaced: () => B(!0),
+                    onPlaced: () => F(!0),
                     ref: b,
                     style: {
                       // flex layout so we can place the scroll buttons properly
@@ -348,12 +352,12 @@ var O = 10, [je, q] = te(Q), Rt = "SelectContentImpl", Et = pt("SelectContent.Re
                     onKeyDown: R(S.onKeyDown, (p) => {
                       const I = p.ctrlKey || p.altKey || p.metaKey;
                       if (p.key === "Tab" && p.preventDefault(), !I && p.key.length === 1 && se(p.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(p.key)) {
-                        let x = V().filter((C) => !C.disabled).map((C) => C.ref.current);
+                        let x = H().filter((C) => !C.disabled).map((C) => C.ref.current);
                         if (["ArrowUp", "End"].includes(p.key) && (x = x.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(p.key)) {
                           const C = p.target, P = x.indexOf(C);
                           x = x.slice(P + 1);
                         }
-                        setTimeout(() => _(x)), p.preventDefault();
+                        setTimeout(() => z(x)), p.preventDefault();
                       }
                     })
                   }
@@ -367,49 +371,49 @@ var O = 10, [je, q] = te(Q), Rt = "SelectContentImpl", Et = pt("SelectContent.Re
   }
 );
 ke.displayName = Rt;
-var bt = "SelectItemAlignedPosition", Ve = t.forwardRef((o, c) => {
-  const { __scopeSelect: e, onPlaced: i, ...s } = o, u = Y(Q, e), n = q(Q, e), [r, l] = t.useState(null), [f, g] = t.useState(null), w = j(c, (b) => g(b)), E = ae(e), T = t.useRef(!1), y = t.useRef(!0), { viewport: a, selectedItem: h, selectedItemText: S, focusSelectedItem: m } = n, v = t.useCallback(() => {
+var bt = "SelectItemAlignedPosition", Ve = t.forwardRef((o, l) => {
+  const { __scopeSelect: e, onPlaced: i, ...s } = o, u = Y(Q, e), n = q(Q, e), [r, c] = t.useState(null), [f, g] = t.useState(null), w = V(l, (b) => g(b)), E = ae(e), T = t.useRef(!1), y = t.useRef(!0), { viewport: a, selectedItem: h, selectedItemText: S, focusSelectedItem: m } = n, v = t.useCallback(() => {
     if (u.trigger && u.valueNode && r && f && a && h && S) {
-      const b = u.trigger.getBoundingClientRect(), D = f.getBoundingClientRect(), U = u.valueNode.getBoundingClientRect(), X = S.getBoundingClientRect();
+      const b = u.trigger.getBoundingClientRect(), j = f.getBoundingClientRect(), K = u.valueNode.getBoundingClientRect(), X = S.getBoundingClientRect();
       if (u.dir !== "rtl") {
-        const C = X.left - D.left, P = U.left - C, Z = b.left - P, $ = b.width + Z, me = Math.max($, D.width), he = window.innerWidth - O, ve = Te(P, [
-          O,
+        const C = X.left - j.left, P = K.left - C, Z = b.left - P, $ = b.width + Z, me = Math.max($, j.width), he = window.innerWidth - L, ve = Te(P, [
+          L,
           // 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(O, he - me)
+          Math.max(L, he - me)
         ]);
         r.style.minWidth = $ + "px", r.style.left = ve + "px";
       } else {
-        const C = D.right - X.right, P = window.innerWidth - U.right - C, Z = window.innerWidth - b.right - P, $ = b.width + Z, me = Math.max($, D.width), he = window.innerWidth - O, ve = Te(P, [
-          O,
-          Math.max(O, he - me)
+        const C = j.right - X.right, P = window.innerWidth - K.right - C, Z = window.innerWidth - b.right - P, $ = b.width + Z, me = Math.max($, j.width), he = window.innerWidth - L, ve = Te(P, [
+          L,
+          Math.max(L, he - me)
         ]);
         r.style.minWidth = $ + "px", r.style.right = ve + "px";
       }
-      const k = E(), V = window.innerHeight - O * 2, K = a.scrollHeight, B = window.getComputedStyle(f), H = parseInt(B.borderTopWidth, 10), _ = parseInt(B.paddingTop, 10), L = parseInt(B.borderBottomWidth, 10), F = parseInt(B.paddingBottom, 10), G = H + _ + K + F + L, ue = Math.min(h.offsetHeight * 5, G), se = window.getComputedStyle(a), pe = parseInt(se.paddingTop, 10), fe = parseInt(se.paddingBottom, 10), ee = b.top + b.height / 2 - O, le = V - ee, ne = h.offsetHeight / 2, p = h.offsetTop + ne, I = H + _ + p, N = G - I;
+      const B = E(), H = window.innerHeight - L * 2, G = a.scrollHeight, F = window.getComputedStyle(f), O = parseInt(F.borderTopWidth, 10), z = parseInt(F.paddingTop, 10), _ = parseInt(F.borderBottomWidth, 10), k = parseInt(F.paddingBottom, 10), D = O + z + G + k + _, ue = Math.min(h.offsetHeight * 5, D), se = window.getComputedStyle(a), pe = parseInt(se.paddingTop, 10), fe = parseInt(se.paddingBottom, 10), ee = b.top + b.height / 2 - L, ce = H - ee, ne = h.offsetHeight / 2, p = h.offsetTop + ne, I = O + z + p, N = D - I;
       if (I <= ee) {
-        const C = k.length > 0 && h === k[k.length - 1].ref.current;
+        const C = B.length > 0 && h === B[B.length - 1].ref.current;
         r.style.bottom = "0px";
         const P = f.clientHeight - a.offsetTop - a.offsetHeight, Z = Math.max(
-          le,
+          ce,
           ne + // viewport might have padding bottom, include it to avoid a scrollable viewport
-          (C ? fe : 0) + P + L
+          (C ? fe : 0) + P + _
         ), $ = I + Z;
         r.style.height = $ + "px";
       } else {
-        const C = k.length > 0 && h === k[0].ref.current;
+        const C = B.length > 0 && h === B[0].ref.current;
         r.style.top = "0px";
         const Z = Math.max(
           ee,
-          H + a.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
+          O + a.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
           (C ? pe : 0) + ne
         ) + N;
         r.style.height = Z + "px", a.scrollTop = I - ee + a.offsetTop;
       }
-      r.style.margin = `${O}px 0`, r.style.minHeight = ue + "px", r.style.maxHeight = V + "px", i?.(), requestAnimationFrame(() => T.current = !0);
+      r.style.margin = `${L}px 0`, r.style.minHeight = ue + "px", r.style.maxHeight = H + "px", i?.(), requestAnimationFrame(() => T.current = !0);
     }
   }, [
     E,
@@ -423,9 +427,9 @@ var bt = "SelectItemAlignedPosition", Ve = t.forwardRef((o, c) => {
     u.dir,
     i
   ]);
-  z(() => v(), [v]);
+  U(() => v(), [v]);
   const [W, A] = t.useState();
-  z(() => {
+  U(() => {
     f && A(window.getComputedStyle(f).zIndex);
   }, [f]);
   const oe = t.useCallback(
@@ -444,7 +448,7 @@ var bt = "SelectItemAlignedPosition", Ve = t.forwardRef((o, c) => {
       children: /* @__PURE__ */ d.jsx(
         "div",
         {
-          ref: l,
+          ref: c,
           style: {
             display: "flex",
             flexDirection: "column",
@@ -472,11 +476,11 @@ var bt = "SelectItemAlignedPosition", Ve = t.forwardRef((o, c) => {
   );
 });
 Ve.displayName = bt;
-var _t = "SelectPopperPosition", ge = t.forwardRef((o, c) => {
+var _t = "SelectPopperPosition", ge = t.forwardRef((o, l) => {
   const {
     __scopeSelect: e,
     align: i = "start",
-    collisionPadding: s = O,
+    collisionPadding: s = L,
     ...u
   } = o, n = de(e);
   return /* @__PURE__ */ d.jsx(
@@ -484,7 +488,7 @@ var _t = "SelectPopperPosition", ge = t.forwardRef((o, c) => {
     {
       ...n,
       ...u,
-      ref: c,
+      ref: l,
       align: i,
       collisionPadding: s,
       style: {
@@ -502,8 +506,8 @@ var _t = "SelectPopperPosition", ge = t.forwardRef((o, c) => {
 });
 ge.displayName = _t;
 var [Nt, Ie] = te(Q, {}), Se = "SelectViewport", Be = t.forwardRef(
-  (o, c) => {
-    const { __scopeSelect: e, nonce: i, ...s } = o, u = q(Se, e), n = Ie(Se, e), r = j(c, u.onViewportChange), l = t.useRef(0);
+  (o, l) => {
+    const { __scopeSelect: e, nonce: i, ...s } = o, u = q(Se, e), n = Ie(Se, e), r = V(l, u.onViewportChange), c = t.useRef(0);
     return /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
       /* @__PURE__ */ d.jsx(
         "style",
@@ -537,16 +541,16 @@ var [Nt, Ie] = te(Q, {}), Se = "SelectViewport", Be = t.forwardRef(
           onScroll: R(s.onScroll, (f) => {
             const g = f.currentTarget, { contentWrapper: w, shouldExpandOnScrollRef: E } = n;
             if (E?.current && w) {
-              const T = Math.abs(l.current - g.scrollTop);
+              const T = Math.abs(c.current - g.scrollTop);
               if (T > 0) {
-                const y = window.innerHeight - O * 2, a = parseFloat(w.style.minHeight), h = parseFloat(w.style.height), S = Math.max(a, h);
+                const y = window.innerHeight - L * 2, a = parseFloat(w.style.minHeight), h = parseFloat(w.style.height), S = Math.max(a, h);
                 if (S < y) {
                   const m = S + T, v = Math.min(y, m), W = m - v;
                   w.style.height = v + "px", w.style.bottom === "0px" && (g.scrollTop = W > 0 ? W : 0, w.style.justifyContent = "flex-end");
                 }
               }
             }
-            l.current = g.scrollTop;
+            c.current = g.scrollTop;
           })
         }
       ) })
@@ -555,30 +559,30 @@ var [Nt, Ie] = te(Q, {}), Se = "SelectViewport", Be = t.forwardRef(
 );
 Be.displayName = Se;
 var He = "SelectGroup", [Mt, At] = te(He), Fe = t.forwardRef(
-  (o, c) => {
+  (o, l) => {
     const { __scopeSelect: e, ...i } = o, s = ye();
-    return /* @__PURE__ */ d.jsx(Mt, { scope: e, id: s, children: /* @__PURE__ */ d.jsx(M.div, { role: "group", "aria-labelledby": s, ...i, ref: c }) });
+    return /* @__PURE__ */ d.jsx(Mt, { scope: e, id: s, children: /* @__PURE__ */ d.jsx(M.div, { role: "group", "aria-labelledby": s, ...i, ref: l }) });
   }
 );
 Fe.displayName = He;
-var We = "SelectLabel", Ue = t.forwardRef(
-  (o, c) => {
-    const { __scopeSelect: e, ...i } = o, s = At(We, e);
-    return /* @__PURE__ */ d.jsx(M.div, { id: s.id, ...i, ref: c });
+var Ue = "SelectLabel", We = t.forwardRef(
+  (o, l) => {
+    const { __scopeSelect: e, ...i } = o, s = At(Ue, e);
+    return /* @__PURE__ */ d.jsx(M.div, { id: s.id, ...i, ref: l });
   }
 );
-Ue.displayName = We;
-var ce = "SelectItem", [Ot, Ke] = te(ce), Ge = t.forwardRef(
-  (o, c) => {
+We.displayName = Ue;
+var le = "SelectItem", [Ot, Ke] = te(le), Ge = t.forwardRef(
+  (o, l) => {
     const {
       __scopeSelect: e,
       value: i,
       disabled: s = !1,
       textValue: u,
       ...n
-    } = o, r = Y(ce, e), l = q(ce, e), f = r.value === i, [g, w] = t.useState(u ?? ""), [E, T] = t.useState(!1), y = j(
-      c,
-      (m) => l.itemRefCallback?.(m, i, s)
+    } = o, r = Y(le, e), c = q(le, e), f = r.value === i, [g, w] = t.useState(u ?? ""), [E, T] = t.useState(!1), y = V(
+      l,
+      (m) => c.itemRefCallback?.(m, i, s)
     ), a = ye(), h = t.useRef("touch"), S = () => {
       s || (r.onValueChange(i), r.onOpenChange(!1));
     };
@@ -629,13 +633,13 @@ var ce = "SelectItem", [Ot, Ke] = te(ce), Ge = t.forwardRef(
                   h.current = m.pointerType;
                 }),
                 onPointerMove: R(n.onPointerMove, (m) => {
-                  h.current = m.pointerType, s ? l.onItemLeave?.() : h.current === "mouse" && m.currentTarget.focus({ preventScroll: !0 });
+                  h.current = m.pointerType, s ? c.onItemLeave?.() : h.current === "mouse" && m.currentTarget.focus({ preventScroll: !0 });
                 }),
                 onPointerLeave: R(n.onPointerLeave, (m) => {
-                  m.currentTarget === document.activeElement && l.onItemLeave?.();
+                  m.currentTarget === document.activeElement && c.onItemLeave?.();
                 }),
                 onKeyDown: R(n.onKeyDown, (m) => {
-                  l.searchRef?.current !== "" && m.key === " " || (xt.includes(m.key) && S(), m.key === " " && m.preventDefault());
+                  c.searchRef?.current !== "" && m.key === " " || (xt.includes(m.key) && S(), m.key === " " && m.preventDefault());
                 })
               }
             )
@@ -645,42 +649,42 @@ var ce = "SelectItem", [Ot, Ke] = te(ce), Ge = t.forwardRef(
     );
   }
 );
-Ge.displayName = ce;
+Ge.displayName = le;
 var re = "SelectItemText", ze = t.forwardRef(
-  (o, c) => {
-    const { __scopeSelect: e, className: i, style: s, ...u } = o, n = Y(re, e), r = q(re, e), l = Ke(re, e), f = It(re, e), [g, w] = t.useState(null), E = j(
-      c,
+  (o, l) => {
+    const { __scopeSelect: e, className: i, style: s, ...u } = o, n = Y(re, e), r = q(re, e), c = Ke(re, e), f = It(re, e), [g, w] = t.useState(null), E = V(
+      l,
       (S) => w(S),
-      l.onItemTextChange,
-      (S) => r.itemTextRefCallback?.(S, l.value, l.disabled)
+      c.onItemTextChange,
+      (S) => r.itemTextRefCallback?.(S, c.value, c.disabled)
     ), T = g?.textContent, y = t.useMemo(
-      () => /* @__PURE__ */ d.jsx("option", { value: l.value, disabled: l.disabled, children: T }, l.value),
-      [l.disabled, l.value, T]
+      () => /* @__PURE__ */ d.jsx("option", { value: c.value, disabled: c.disabled, children: T }, c.value),
+      [c.disabled, c.value, T]
     ), { onNativeOptionAdd: a, onNativeOptionRemove: h } = f;
-    return z(() => (a(y), () => h(y)), [a, h, y]), /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
-      /* @__PURE__ */ d.jsx(M.span, { id: l.textId, ...u, ref: E }),
-      l.isSelected && n.valueNode && !n.valueNodeHasChildren ? Re.createPortal(u.children, n.valueNode) : null
+    return U(() => (a(y), () => h(y)), [a, h, y]), /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
+      /* @__PURE__ */ d.jsx(M.span, { id: c.textId, ...u, ref: E }),
+      c.isSelected && n.valueNode && !n.valueNodeHasChildren ? Re.createPortal(u.children, n.valueNode) : null
     ] });
   }
 );
 ze.displayName = re;
 var Ye = "SelectItemIndicator", qe = t.forwardRef(
-  (o, c) => {
+  (o, l) => {
     const { __scopeSelect: e, ...i } = o;
-    return Ke(Ye, e).isSelected ? /* @__PURE__ */ d.jsx(M.span, { "aria-hidden": !0, ...i, ref: c }) : null;
+    return Ke(Ye, e).isSelected ? /* @__PURE__ */ d.jsx(M.span, { "aria-hidden": !0, ...i, ref: l }) : null;
   }
 );
 qe.displayName = Ye;
-var xe = "SelectScrollUpButton", Dt = t.forwardRef((o, c) => {
-  const e = q(xe, o.__scopeSelect), i = Ie(xe, o.__scopeSelect), [s, u] = t.useState(!1), n = j(c, i.onScrollButtonChange);
-  return z(() => {
+var xe = "SelectScrollUpButton", Dt = t.forwardRef((o, l) => {
+  const e = q(xe, o.__scopeSelect), i = Ie(xe, o.__scopeSelect), [s, u] = t.useState(!1), n = V(l, i.onScrollButtonChange);
+  return U(() => {
     if (e.viewport && e.isPositioned) {
       let r = function() {
-        const f = l.scrollTop > 0;
+        const f = c.scrollTop > 0;
         u(f);
       };
-      const l = e.viewport;
-      return r(), l.addEventListener("scroll", r), () => l.removeEventListener("scroll", r);
+      const c = e.viewport;
+      return r(), c.addEventListener("scroll", r), () => c.removeEventListener("scroll", r);
     }
   }, [e.viewport, e.isPositioned]), s ? /* @__PURE__ */ d.jsx(
     Xe,
@@ -688,23 +692,23 @@ var xe = "SelectScrollUpButton", Dt = t.forwardRef((o, c) => {
       ...o,
       ref: n,
       onAutoScroll: () => {
-        const { viewport: r, selectedItem: l } = e;
-        r && l && (r.scrollTop = r.scrollTop - l.offsetHeight);
+        const { viewport: r, selectedItem: c } = e;
+        r && c && (r.scrollTop = r.scrollTop - c.offsetHeight);
       }
     }
   ) : null;
 });
 Dt.displayName = xe;
-var we = "SelectScrollDownButton", Lt = t.forwardRef((o, c) => {
-  const e = q(we, o.__scopeSelect), i = Ie(we, o.__scopeSelect), [s, u] = t.useState(!1), n = j(c, i.onScrollButtonChange);
-  return z(() => {
+var we = "SelectScrollDownButton", Lt = t.forwardRef((o, l) => {
+  const e = q(we, o.__scopeSelect), i = Ie(we, o.__scopeSelect), [s, u] = t.useState(!1), n = V(l, i.onScrollButtonChange);
+  return U(() => {
     if (e.viewport && e.isPositioned) {
       let r = function() {
-        const f = l.scrollHeight - l.clientHeight, g = Math.ceil(l.scrollTop) < f;
+        const f = c.scrollHeight - c.clientHeight, g = Math.ceil(c.scrollTop) < f;
         u(g);
       };
-      const l = e.viewport;
-      return r(), l.addEventListener("scroll", r), () => l.removeEventListener("scroll", r);
+      const c = e.viewport;
+      return r(), c.addEventListener("scroll", r), () => c.removeEventListener("scroll", r);
     }
   }, [e.viewport, e.isPositioned]), s ? /* @__PURE__ */ d.jsx(
     Xe,
@@ -712,25 +716,25 @@ var we = "SelectScrollDownButton", Lt = t.forwardRef((o, c) => {
       ...o,
       ref: n,
       onAutoScroll: () => {
-        const { viewport: r, selectedItem: l } = e;
-        r && l && (r.scrollTop = r.scrollTop + l.offsetHeight);
+        const { viewport: r, selectedItem: c } = e;
+        r && c && (r.scrollTop = r.scrollTop + c.offsetHeight);
       }
     }
   ) : null;
 });
 Lt.displayName = we;
-var Xe = t.forwardRef((o, c) => {
-  const { __scopeSelect: e, onAutoScroll: i, ...s } = o, u = q("SelectScrollButton", e), n = t.useRef(null), r = ae(e), l = t.useCallback(() => {
+var Xe = t.forwardRef((o, l) => {
+  const { __scopeSelect: e, onAutoScroll: i, ...s } = o, u = q("SelectScrollButton", e), n = t.useRef(null), r = ae(e), c = t.useCallback(() => {
     n.current !== null && (window.clearInterval(n.current), n.current = null);
   }, []);
-  return t.useEffect(() => () => l(), [l]), z(() => {
+  return t.useEffect(() => () => c(), [c]), U(() => {
     r().find((g) => g.ref.current === document.activeElement)?.ref.current?.scrollIntoView({ block: "nearest" });
   }, [r]), /* @__PURE__ */ d.jsx(
     M.div,
     {
       "aria-hidden": !0,
       ...s,
-      ref: c,
+      ref: l,
       style: { flexShrink: 0, ...s.style },
       onPointerDown: R(s.onPointerDown, () => {
         n.current === null && (n.current = window.setInterval(i, 50));
@@ -739,45 +743,45 @@ var Xe = t.forwardRef((o, c) => {
         u.onItemLeave?.(), n.current === null && (n.current = window.setInterval(i, 50));
       }),
       onPointerLeave: R(s.onPointerLeave, () => {
-        l();
+        c();
       })
     }
   );
 }), jt = "SelectSeparator", Ze = t.forwardRef(
-  (o, c) => {
+  (o, l) => {
     const { __scopeSelect: e, ...i } = o;
-    return /* @__PURE__ */ d.jsx(M.div, { "aria-hidden": !0, ...i, ref: c });
+    return /* @__PURE__ */ d.jsx(M.div, { "aria-hidden": !0, ...i, ref: l });
   }
 );
 Ze.displayName = jt;
 var Ce = "SelectArrow", kt = t.forwardRef(
-  (o, c) => {
+  (o, l) => {
     const { __scopeSelect: e, ...i } = o, s = de(e), u = Y(Ce, e), n = q(Ce, e);
-    return u.open && n.position === "popper" ? /* @__PURE__ */ d.jsx(dt, { ...s, ...i, ref: c }) : null;
+    return u.open && n.position === "popper" ? /* @__PURE__ */ d.jsx(dt, { ...s, ...i, ref: l }) : null;
   }
 );
 kt.displayName = Ce;
 var Vt = "SelectBubbleInput", $e = t.forwardRef(
-  ({ __scopeSelect: o, value: c, ...e }, i) => {
-    const s = t.useRef(null), u = j(i, s), n = mt(c);
+  ({ __scopeSelect: o, value: l, ...e }, i) => {
+    const s = t.useRef(null), u = V(i, s), n = mt(l);
     return t.useEffect(() => {
       const r = s.current;
       if (!r) return;
-      const l = window.HTMLSelectElement.prototype, g = Object.getOwnPropertyDescriptor(
-        l,
+      const c = window.HTMLSelectElement.prototype, g = Object.getOwnPropertyDescriptor(
+        c,
         "value"
       ).set;
-      if (n !== c && g) {
+      if (n !== l && g) {
         const w = new Event("change", { bubbles: !0 });
-        g.call(r, c), r.dispatchEvent(w);
+        g.call(r, l), r.dispatchEvent(w);
       }
-    }, [n, c]), /* @__PURE__ */ d.jsx(
+    }, [n, l]), /* @__PURE__ */ d.jsx(
       M.select,
       {
         ...e,
         style: { ...ht, ...e.style },
         ref: u,
-        defaultValue: c
+        defaultValue: l
       }
     );
   }
@@ -787,32 +791,32 @@ function Je(o) {
   return o === "" || o === void 0;
 }
 function Qe(o) {
-  const c = ft(o), e = t.useRef(""), i = t.useRef(0), s = t.useCallback(
+  const l = ft(o), e = t.useRef(""), i = t.useRef(0), s = t.useCallback(
     (n) => {
       const r = e.current + n;
-      c(r), (function l(f) {
-        e.current = f, window.clearTimeout(i.current), f !== "" && (i.current = window.setTimeout(() => l(""), 1e3));
+      l(r), (function c(f) {
+        e.current = f, window.clearTimeout(i.current), f !== "" && (i.current = window.setTimeout(() => c(""), 1e3));
       })(r);
     },
-    [c]
+    [l]
   ), u = t.useCallback(() => {
     e.current = "", window.clearTimeout(i.current);
   }, []);
   return t.useEffect(() => () => window.clearTimeout(i.current), []), [e, s, u];
 }
-function et(o, c, e) {
-  const s = c.length > 1 && Array.from(c).every((f) => f === c[0]) ? c[0] : c, u = e ? o.indexOf(e) : -1;
+function et(o, l, e) {
+  const s = l.length > 1 && Array.from(l).every((f) => f === l[0]) ? l[0] : l, u = e ? o.indexOf(e) : -1;
   let n = Bt(o, Math.max(u, 0));
   s.length === 1 && (n = n.filter((f) => f !== e));
-  const l = n.find(
+  const c = n.find(
     (f) => f.textValue.toLowerCase().startsWith(s.toLowerCase())
   );
-  return l !== e ? l : void 0;
+  return c !== e ? c : void 0;
 }
-function Bt(o, c) {
-  return o.map((e, i) => o[(c + i) % o.length]);
+function Bt(o, l) {
+  return o.map((e, i) => o[(l + i) % o.length]);
 }
-var io = be, ao = Ne, uo = Ae, po = Oe, fo = De, mo = Le, ho = Be, vo = Fe, go = Ue, So = Ge, xo = ze, wo = qe, Co = Ze;
+var io = be, ao = Ne, uo = Ae, po = Oe, fo = De, mo = Le, ho = Be, vo = Fe, go = We, So = Ge, xo = ze, wo = qe, Co = Ze;
 export {
   mo as Content,
   vo as Group,
@@ -831,7 +835,7 @@ export {
   Ge as SelectItem,
   qe as SelectItemIndicator,
   ze as SelectItemText,
-  Ue as SelectLabel,
+  We as SelectLabel,
   De as SelectPortal,
   Lt as SelectScrollDownButton,
   Dt as SelectScrollUpButton,