@strapi/ui-primitives 1.7.4-alpha.0 → 1.7.4

package/dist/index.js

@@ -1,5 +1,5 @@
 import { jsx as d, jsxs as Ne, Fragment as Ae } from "react/jsx-runtime";
-import * as r from "react";
+import * as l from "react";
 import { composeEventHandlers as E } from "@radix-ui/primitive";
 import { useComposedRefs as _ } from "@radix-ui/react-compose-refs";
 import { createContextScope as Qe, createContext as et } from "@radix-ui/react-context";
@@ -10,6 +10,7 @@ import { createPopperScope as ot } from "@radix-ui/react-popper";
 import { Portal as nt } from "@radix-ui/react-portal";
 import { Primitive as N } from "@radix-ui/react-primitive";
 import { useControllableState as ie } from "@radix-ui/react-use-controllable-state";
+import { useLayoutEffect as B } from "@radix-ui/react-use-layout-effect";
 import { hideOthers as rt } from "aria-hidden";
 import * as _e from "react-dom";
 import { RemoveScroll as lt } from "react-remove-scroll";
@@ -20,12 +21,12 @@ import { useDirection as Vt } from "@radix-ui/react-direction";
 import { useFocusGuards as Rt } from "@radix-ui/react-focus-guards";
 import { FocusScope as Nt } from "@radix-ui/react-focus-scope";
 import { useCallbackRef as At } from "@radix-ui/react-use-callback-ref";
-import { useLayoutEffect as Z } from "@radix-ui/react-use-layout-effect";
+import { useCallbackRef as Rn } from "@radix-ui/react-use-callback-ref";
 import { usePrevious as _t } from "@radix-ui/react-use-previous";
 import { VisuallyHidden as Mt } from "@radix-ui/react-visually-hidden";
 let ye = /* @__PURE__ */ new Map();
 function Ot(n, s) {
-  let e = n + (s ? Object.entries(s).sort((o, l) => o[0] < l[0] ? -1 : 1).join() : "");
+  let e = n + (s ? Object.entries(s).sort((o, r) => o[0] < r[0] ? -1 : 1).join() : "");
   if (ye.has(e))
     return ye.get(e);
   let t = new Intl.Collator(n, s);
@@ -47,9 +48,9 @@ function Me(n, s) {
       if (o.length === 0)
         return !0;
       t = t.normalize("NFC"), o = o.normalize("NFC");
-      let l = 0, i = o.length;
-      for (; l + i <= t.length; l++) {
-        let c = t.slice(l, l + i);
+      let r = 0, i = o.length;
+      for (; r + i <= t.length; r++) {
+        let c = t.slice(r, r + i);
         if (e.compare(o, c) === 0)
           return !0;
       }
@@ -58,113 +59,113 @@ function Me(n, s) {
   };
 }
 const Dt = (n) => {
-  const s = r.useRef();
-  return r.useEffect(() => {
+  const s = l.useRef();
+  return l.useEffect(() => {
     s.current = n;
   }), s.current;
 };
 function kt(n) {
-  const s = `${n}CollectionProvider`, [e, t] = Qe(s), [o, l] = e(s, {
+  const s = `${n}CollectionProvider`, [e, t] = Qe(s), [o, r] = e(s, {
     collectionRef: { current: null },
     itemMap: /* @__PURE__ */ new Map(),
     listeners: /* @__PURE__ */ new Set()
   }), i = (u) => {
-    const { scope: p, children: h } = u, C = r.useRef(null), v = r.useRef(/* @__PURE__ */ new Map()).current, g = r.useRef(/* @__PURE__ */ new Set()).current;
-    return /* @__PURE__ */ d(o, { scope: p, itemMap: v, collectionRef: C, listeners: g, children: h });
+    const { scope: p, children: g } = u, C = l.useRef(null), v = l.useRef(/* @__PURE__ */ new Map()).current, x = l.useRef(/* @__PURE__ */ new Set()).current;
+    return /* @__PURE__ */ d(o, { scope: p, itemMap: v, collectionRef: C, listeners: x, children: g });
   };
   i.displayName = s;
-  const c = `${n}CollectionSlot`, a = r.forwardRef((u, p) => {
-    const { scope: h, children: C } = u, v = l(c, h), g = _(p, v.collectionRef);
-    return /* @__PURE__ */ d(Ie, { ref: g, children: C });
+  const c = `${n}CollectionSlot`, a = l.forwardRef((u, p) => {
+    const { scope: g, children: C } = u, v = r(c, g), x = _(p, v.collectionRef);
+    return /* @__PURE__ */ d(Ie, { ref: x, children: C });
   });
   a.displayName = c;
-  const m = `${n}CollectionItemSlot`, f = "data-radix-collection-item", b = r.forwardRef((u, p) => {
-    const { scope: h, children: C, ...v } = u, g = r.useRef(null), w = _(p, g), A = l(m, h);
-    return r.useEffect(() => {
+  const m = `${n}CollectionItemSlot`, f = "data-radix-collection-item", S = l.forwardRef((u, p) => {
+    const { scope: g, children: C, ...v } = u, x = l.useRef(null), w = _(p, x), A = r(m, g);
+    return l.useEffect(() => {
       const T = Array.from(A.itemMap.values());
-      return A.itemMap.set(g, { ref: g, ...v }), A.listeners.forEach((M) => M(Array.from(A.itemMap.values()), T)), () => {
+      return A.itemMap.set(x, { ref: x, ...v }), A.listeners.forEach((M) => M(Array.from(A.itemMap.values()), T)), () => {
         const M = Array.from(A.itemMap.values());
-        A.itemMap.delete(g), A.listeners.forEach((P) => P(Array.from(A.itemMap.values()), M));
+        A.itemMap.delete(x), A.listeners.forEach((P) => P(Array.from(A.itemMap.values()), M));
       };
     }), /* @__PURE__ */ d(Ie, { [f]: "", ref: w, children: C });
   });
-  b.displayName = m;
-  function x(u) {
-    const p = l(`${n}CollectionConsumer`, u), h = r.useCallback(() => {
+  S.displayName = m;
+  function h(u) {
+    const p = r(`${n}CollectionConsumer`, u), g = l.useCallback(() => {
       const v = p.collectionRef.current;
       if (!v)
         return [];
-      const g = Array.from(v.querySelectorAll(`[${f}]`));
+      const x = Array.from(v.querySelectorAll(`[${f}]`));
       return Array.from(p.itemMap.values()).sort(
-        (T, M) => g.indexOf(T.ref.current) - g.indexOf(M.ref.current)
+        (T, M) => x.indexOf(T.ref.current) - x.indexOf(M.ref.current)
       );
-    }, [p.collectionRef, p.itemMap]), C = r.useCallback(
+    }, [p.collectionRef, p.itemMap]), C = l.useCallback(
       (v) => (p.listeners.add(v), () => p.listeners.delete(v)),
       [p.listeners]
     );
-    return { getItems: h, subscribe: C };
+    return { getItems: g, subscribe: C };
   }
   return [
-    { Provider: i, Slot: a, ItemSlot: b },
-    x,
+    { Provider: i, Slot: a, ItemSlot: S },
+    h,
     t
   ];
 }
-const Lt = [" ", "Enter", "ArrowUp", "ArrowDown"], Ft = ["Enter"], Je = (n) => !!(n.length === 1 && n.match(/\S| /)), st = "Combobox", [pe, me] = kt(st), [Bt, G] = et(st), Ht = ({ children: n }) => /* @__PURE__ */ d(re.Root, { children: /* @__PURE__ */ d(pe.Provider, { scope: void 0, children: n }) }), $t = (n) => {
+const Ft = [" ", "Enter", "ArrowUp", "ArrowDown"], Lt = ["Enter"], Je = (n) => !!(n.length === 1 && n.match(/\S| /)), st = "Combobox", [pe, me] = kt(st), [Bt, j] = et(st), Ht = ({ children: n }) => /* @__PURE__ */ d(re.Root, { children: /* @__PURE__ */ d(pe.Provider, { scope: void 0, children: n }) }), $t = (n) => {
   const {
     allowCustomValue: s = !1,
     autocomplete: e = "none",
     children: t,
     open: o,
-    defaultOpen: l,
+    defaultOpen: r,
     onOpenChange: i,
     value: c,
     defaultValue: a,
     onValueChange: m,
     disabled: f,
-    required: b = !1,
-    locale: x = "en-EN",
+    required: S = !1,
+    locale: h = "en-EN",
     onTextValueChange: u,
     textValue: p,
-    defaultTextValue: h,
+    defaultTextValue: g,
     filterValue: C,
     defaultFilterValue: v,
-    onFilterValueChange: g
-  } = n, [w, A] = r.useState(null), [T, M] = r.useState(null), [P, k] = r.useState(null), [B, W] = r.useState(null), [H = !1, O] = ie({
+    onFilterValueChange: x
+  } = n, [w, A] = l.useState(null), [T, M] = l.useState(null), [P, k] = l.useState(null), [H, z] = l.useState(null), [$ = !1, O] = ie({
     prop: o,
-    defaultProp: l,
+    defaultProp: r,
     onChange: i
-  }), [L, F] = ie({
+  }), [F, L] = ie({
     prop: c,
     defaultProp: a,
     onChange: m
-  }), [$, U] = ie({
+  }), [U, K] = ie({
     prop: p,
-    defaultProp: h,
+    defaultProp: g,
     onChange: u
-  }), [Y, q] = ie({
+  }), [q, X] = ie({
     prop: C,
     defaultProp: v,
-    onChange: g
-  }), K = oe(), ue = r.useCallback(
+    onChange: x
+  }), W = oe(), ue = l.useCallback(
     (le, se) => {
-      const de = se.map((y) => y.ref.current), [X, ...ce] = de, [Q] = ce.slice(-1), S = B;
+      const de = se.map((y) => y.ref.current), [Z, ...ce] = de, [Q] = ce.slice(-1), b = H;
       for (const y of le) {
-        if (y === S)
+        if (y === b)
           return;
-        if (y?.scrollIntoView({ block: "nearest" }), y === X && T && (T.scrollTop = 0), y === Q && T && (T.scrollTop = T.scrollHeight), W(y), e === "both") {
+        if (y?.scrollIntoView({ block: "nearest" }), y === Z && T && (T.scrollTop = 0), y === Q && T && (T.scrollTop = T.scrollHeight), z(y), e === "both") {
           const D = se.find((I) => I.ref.current === y);
-          D && U(D.textValue);
+          D && K(D.textValue);
         }
-        if (y !== S)
+        if (y !== b)
           return;
       }
     },
-    [e, U, T, B]
+    [e, K, T, H]
   );
-  return r.useEffect(() => {
-    e !== "both" && W(null);
-  }, [$, e]), r.useEffect(() => {
+  return l.useEffect(() => {
+    e !== "both" && z(null);
+  }, [U, e]), l.useEffect(() => {
     if (P && w)
       return rt([P, w]);
   }, [P, w]), /* @__PURE__ */ d(Ht, { children: /* @__PURE__ */ d(
@@ -172,45 +173,46 @@ const Lt = [" ", "Enter", "ArrowUp", "ArrowDown"], Ft = ["Enter"], Je = (n) => !
     {
       allowCustomValue: s,
       autocomplete: e,
-      required: b,
+      required: S,
       trigger: w,
       onTriggerChange: A,
-      contentId: K,
-      value: L,
-      onValueChange: F,
-      open: H,
+      contentId: W,
+      value: F,
+      onValueChange: L,
+      open: $,
       onOpenChange: O,
       disabled: f,
-      locale: x,
+      locale: h,
       focusFirst: ue,
-      textValue: $,
-      onTextValueChange: U,
+      textValue: U,
+      onTextValueChange: K,
       onViewportChange: M,
       onContentChange: k,
-      visuallyFocussedItem: B,
-      filterValue: Y,
-      onFilterValueChange: q,
-      onVisuallyFocussedItemChange: W,
+      visuallyFocussedItem: H,
+      filterValue: q,
+      onFilterValueChange: X,
+      onVisuallyFocussedItemChange: z,
       children: t
     }
   ) });
-}, Ut = "ComboboxTrigger", Kt = r.forwardRef((n, s) => {
-  const { ...e } = n, t = G(Ut);
+}, Ut = "ComboboxTrigger", Kt = l.forwardRef((n, s) => {
+  const { ...e } = n, t = j(Ut);
   return /* @__PURE__ */ d(re.Anchor, { asChild: !0, children: /* @__PURE__ */ d("div", { ref: s, "data-disabled": t.disabled ? "" : void 0, ...e }) });
-}), ct = "ComboboxInput", Wt = r.forwardRef((n, s) => {
-  const e = G(ct), t = r.useRef(null), { getItems: o } = me(void 0), { startsWith: l } = Me(e.locale, { sensitivity: "base" }), i = e.disabled, c = _(t, s, e.onTriggerChange), a = () => {
+}), ct = "ComboboxInput", Wt = l.forwardRef((n, s) => {
+  const e = j(ct), t = l.useRef(null), { getItems: o } = me(void 0), { startsWith: r } = Me(e.locale, { sensitivity: "base" }), i = e.disabled, c = _(t, s, e.onTriggerChange), a = () => {
     i || e.onOpenChange(!0);
   }, m = Dt(e.filterValue);
-  return r.useLayoutEffect(() => {
-    setTimeout(() => {
+  return B(() => {
+    const f = setTimeout(() => {
       if (e.textValue === "" || e.textValue === void 0 || e.filterValue === "" || e.filterValue === void 0)
         return;
-      const f = o().find(
-        (x) => x.type === "option" && l(x.textValue, e.textValue)
-      ), b = vo(m ?? "", e.filterValue);
-      f && !e.visuallyFocussedItem && b === e.filterValue.length && t.current.setSelectionRange(e.filterValue.length, e.textValue.length);
+      const S = o().find(
+        (u) => u.type === "option" && r(u.textValue, e.textValue)
+      ), h = vo(m ?? "", e.filterValue);
+      S && !e.visuallyFocussedItem && h === e.filterValue.length && t.current.setSelectionRange(e.filterValue.length, e.textValue.length);
     });
-  }, [e.textValue, e.filterValue, l, e.visuallyFocussedItem, o, m]), /* @__PURE__ */ d(
+    return () => clearTimeout(f);
+  }, [e.textValue, e.filterValue, r, e.visuallyFocussedItem, o, m]), /* @__PURE__ */ d(
     "input",
     {
       type: "text",
@@ -237,24 +239,29 @@ const Lt = [" ", "Enter", "ArrowUp", "ArrowDown"], Ft = ["Enter"], Je = (n) => !
       onKeyDown: E(n.onKeyDown, (f) => {
         if (["ArrowUp", "ArrowDown", "Home", "End"].includes(f.key))
           setTimeout(() => {
-            let x = o().filter((u) => !u.disabled).map((u) => u.ref.current);
-            if (["ArrowUp", "End"].includes(f.key) && (x = x.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(f.key)) {
+            let h = o().filter((u) => !u.disabled).map((u) => u.ref.current);
+            if (["ArrowUp", "End"].includes(f.key) && (h = h.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(f.key)) {
               const u = e.visuallyFocussedItem ?? f.target;
-              let p = x.indexOf(u);
-              p === x.length - 1 && (p = -1), x = x.slice(p + 1);
+              let p = h.indexOf(u);
+              p === h.length - 1 && (p = -1), h = h.slice(p + 1);
             }
-            if (["ArrowDown"].includes(f.key) && e.autocomplete === "both" && x.length > 1) {
-              const [u, ...p] = x, h = o().find((C) => C.ref.current === u).textValue;
-              e.textValue === h && (x = p);
+            if (["ArrowDown"].includes(f.key) && e.autocomplete === "both" && h.length > 1) {
+              const [u, ...p] = h, g = o().find((C) => C.ref.current === u).textValue;
+              e.textValue === g && (h = p);
             }
-            e.focusFirst(x, o());
+            e.focusFirst(h, o());
           }), f.preventDefault();
         else if (["Escape"].includes(f.key))
           e.open ? e.onOpenChange(!1) : (e.onValueChange(void 0), e.onTextValueChange("")), f.preventDefault();
-        else if (Ft.includes(f.key)) {
+        else if (Lt.includes(f.key)) {
           if (e.visuallyFocussedItem) {
-            const b = o().find((x) => x.ref.current === e.visuallyFocussedItem);
-            b && (e.onValueChange(b.value), e.onTextValueChange(b.textValue), e.autocomplete === "both" && e.onFilterValueChange(b.textValue), b.ref.current?.click());
+            const S = o().find((h) => h.ref.current === e.visuallyFocussedItem);
+            S && (e.onValueChange(S.value), e.onTextValueChange(S.textValue), e.autocomplete === "both" && e.onFilterValueChange(S.textValue), S.ref.current?.click());
+          } else {
+            const S = o().find(
+              (h) => h.type === "option" && !h.disabled && h.textValue === e.textValue
+            );
+            S && (e.onValueChange(S.value), e.onTextValueChange(S.textValue), e.autocomplete === "both" && e.onFilterValueChange(S.textValue), S.ref.current?.click());
           }
           e.onOpenChange(!1), f.preventDefault();
         } else
@@ -264,27 +271,29 @@ const Lt = [" ", "Enter", "ArrowUp", "ArrowDown"], Ft = ["Enter"], Je = (n) => !
         e.onTextValueChange(f.currentTarget.value), e.autocomplete === "both" && e.onFilterValueChange(f.currentTarget.value);
       }),
       onKeyUp: E(n.onKeyUp, (f) => {
-        if (!e.open && (Je(f.key) || ["ArrowUp", "ArrowDown", "Home", "End", "Backspace"].includes(f.key)) && a(), e.autocomplete === "both" && Je(f.key) && e.filterValue !== void 0) {
-          const b = e.filterValue, x = o().find((u) => l(u.textValue, b));
-          x && e.onTextValueChange(x.textValue);
-        }
+        !e.open && (Je(f.key) || ["ArrowUp", "ArrowDown", "Home", "End", "Backspace"].includes(f.key)) && a(), setTimeout(() => {
+          if (e.autocomplete === "both" && Je(f.key) && e.filterValue !== void 0) {
+            const S = e.filterValue, h = o().find((u) => r(u.textValue, S));
+            h && e.onTextValueChange(h.textValue);
+          }
+        });
       })
     }
   );
-}), zt = r.forwardRef((n, s) => {
-  const { children: e, ...t } = n, o = G(ct), l = o.disabled, i = () => {
-    l || (o.onOpenChange(!0), o.trigger?.focus());
+}), zt = l.forwardRef((n, s) => {
+  const { children: e, ...t } = n, o = j(ct), r = o.disabled, i = () => {
+    r || (o.onOpenChange(!0), o.trigger?.focus());
   };
   return /* @__PURE__ */ d(
     N.button,
     {
       "aria-hidden": !0,
       type: "button",
-      "aria-disabled": l,
+      "aria-disabled": r,
       "aria-controls": o.contentId,
       "aria-expanded": o.open,
-      disabled: l,
-      "data-disabled": l ? "" : void 0,
+      disabled: r,
+      "data-disabled": r ? "" : void 0,
       ...t,
       tabIndex: -1,
       ref: s,
@@ -295,43 +304,43 @@ const Lt = [" ", "Enter", "ArrowUp", "ArrowDown"], Ft = ["Enter"], Je = (n) => !
         c.button === 0 && c.ctrlKey === !1 && (i(), c.preventDefault());
       }),
       onKeyDown: E(t.onKeyDown, (c) => {
-        Lt.includes(c.key) && (i(), c.preventDefault());
+        Ft.includes(c.key) && (i(), c.preventDefault());
       }),
       children: e || "▼"
     }
   );
 }), Gt = "ComboboxPortal", it = (n) => /* @__PURE__ */ d(nt, { asChild: !0, ...n });
 it.displayName = Gt;
-const at = "ComboboxContent", jt = r.forwardRef((n, s) => {
-  const e = G(at), [t, o] = r.useState();
-  if (r.useLayoutEffect(() => {
+const at = "ComboboxContent", jt = l.forwardRef((n, s) => {
+  const e = j(at), [t, o] = l.useState();
+  if (B(() => {
     o(new DocumentFragment());
   }, []), !e.open) {
-    const l = t;
-    return l ? _e.createPortal(
+    const r = t;
+    return r ? _e.createPortal(
       /* @__PURE__ */ d(pe.Slot, { scope: void 0, children: /* @__PURE__ */ d("div", { children: n.children }) }),
-      l
+      r
     ) : null;
   }
   return /* @__PURE__ */ d(qt, { ...n, ref: s });
-}), Yt = 10, qt = r.forwardRef(
+}), Yt = 10, qt = l.forwardRef(
   (n, s) => {
-    const { onEscapeKeyDown: e, onPointerDownOutside: t, ...o } = n, l = G(at), i = _(s, (h) => l.onContentChange(h)), { onOpenChange: c, onValueChange: a, onFilterValueChange: m, onTextValueChange: f, textValue: b, value: x } = l, { getItems: u } = me(void 0), p = r.useCallback(() => {
-      l.onVisuallyFocussedItemChange(null);
-      const [h] = u().filter((v) => v.textValue === b && v.type === "option");
-      if (l.allowCustomValue) {
-        h && (a(h.value), l.autocomplete === "both" && m(h.textValue));
+    const { onEscapeKeyDown: e, onPointerDownOutside: t, ...o } = n, r = j(at), i = _(s, (g) => r.onContentChange(g)), { onOpenChange: c, onValueChange: a, onFilterValueChange: m, onTextValueChange: f, textValue: S, value: h } = r, { getItems: u } = me(void 0), p = l.useCallback(() => {
+      r.onVisuallyFocussedItemChange(null);
+      const [g] = u().filter((v) => v.textValue === S && v.type === "option");
+      if (r.allowCustomValue) {
+        g && (a(g.value), r.autocomplete === "both" && m(g.textValue));
         return;
       }
-      const [C] = u().filter((v) => v.value === x && v.type === "option");
-      h ? a(h.value) : C && b !== "" ? (f(C.textValue), l.autocomplete === "both" && m(C.textValue)) : (a(void 0), f(""));
-    }, [l, u, m, f, a, b, x]);
-    return r.useEffect(() => {
-      const h = () => {
+      const [C] = u().filter((v) => v.value === h && v.type === "option");
+      g ? a(g.value) : C && S !== "" ? (f(C.textValue), r.autocomplete === "both" && m(C.textValue)) : (a(void 0), f(""));
+    }, [r, u, m, f, a, S, h]);
+    return l.useEffect(() => {
+      const g = () => {
         p(), c(!1);
       };
-      return window.addEventListener("blur", h), window.addEventListener("resize", h), () => {
-        window.removeEventListener("blur", h), window.removeEventListener("resize", h);
+      return window.addEventListener("blur", g), window.addEventListener("resize", g), () => {
+        window.removeEventListener("blur", g), window.removeEventListener("resize", g);
       };
     }, [p, c]), /* @__PURE__ */ d(lt, { allowPinchZoom: !0, children: /* @__PURE__ */ d(
       tt,
@@ -339,17 +348,17 @@ const at = "ComboboxContent", jt = r.forwardRef((n, s) => {
         asChild: !0,
         onEscapeKeyDown: e,
         onPointerDownOutside: t,
-        onFocusOutside: (h) => h.preventDefault(),
+        onFocusOutside: (g) => g.preventDefault(),
         onDismiss: () => {
-          l.onOpenChange(!1), l.trigger?.focus({ preventScroll: !0 }), p();
+          r.onOpenChange(!1), r.trigger?.focus({ preventScroll: !0 }), p();
         },
         children: /* @__PURE__ */ d(
           Xt,
           {
             role: "listbox",
-            id: l.contentId,
-            "data-state": l.open ? "open" : "closed",
-            onContextMenu: (h) => h.preventDefault(),
+            id: r.contentId,
+            "data-state": r.open ? "open" : "closed",
+            onContextMenu: (g) => g.preventDefault(),
             ...o,
             ref: i,
             style: {
@@ -365,7 +374,7 @@ const at = "ComboboxContent", jt = r.forwardRef((n, s) => {
       }
     ) });
   }
-), Xt = r.forwardRef(
+), Xt = l.forwardRef(
   (n, s) => {
     const { align: e = "start", collisionPadding: t = Yt, ...o } = n;
     return /* @__PURE__ */ d(
@@ -388,8 +397,8 @@ const at = "ComboboxContent", jt = r.forwardRef((n, s) => {
       }
     );
   }
-), Zt = "ComboboxViewport", Jt = r.forwardRef((n, s) => {
-  const e = G(Zt), t = _(s, e.onViewportChange);
+), Zt = "ComboboxViewport", Jt = l.forwardRef((n, s) => {
+  const e = j(Zt), t = _(s, e.onViewportChange);
   return /* @__PURE__ */ Ne(Ae, { children: [
     /* @__PURE__ */ d(
       "style",
@@ -418,22 +427,22 @@ const at = "ComboboxContent", jt = r.forwardRef((n, s) => {
       }
     ) })
   ] });
-}), ut = "ComboboxItem", [Qt, dt] = et(ut), ft = r.forwardRef((n, s) => {
-  const { value: e, disabled: t = !1, textValue: o, ...l } = n, i = r.useRef(null), c = _(s, i), { getItems: a } = me(void 0), {
+}), ut = "ComboboxItem", [Qt, dt] = et(ut), ft = l.forwardRef((n, s) => {
+  const { value: e, disabled: t = !1, textValue: o, ...r } = n, i = l.useRef(null), c = _(s, i), { getItems: a } = me(void 0), {
     onTextValueChange: m,
     textValue: f,
-    visuallyFocussedItem: b,
-    ...x
-  } = G(ut), u = oe(), [p, h] = r.useState(o ?? ""), C = r.useMemo(() => b === a().find((M) => M.ref.current === i.current)?.ref.current, [a, b]), v = x.value === e, g = () => {
-    t || (x.onValueChange(e), m(p), x.onOpenChange(!1), x.autocomplete === "both" && x.onFilterValueChange(p), x.trigger?.focus({ preventScroll: !0 }));
-  }, { startsWith: w } = Me(x.locale, { sensitivity: "base" }), A = r.useCallback((M) => {
-    h((P) => P || (M?.textContent ?? "").trim());
+    visuallyFocussedItem: S,
+    ...h
+  } = j(ut), u = oe(), [p, g] = l.useState(o ?? ""), C = l.useMemo(() => S === a().find((M) => M.ref.current === i.current)?.ref.current, [a, S]), v = h.value === e, x = () => {
+    t || (h.onValueChange(e), m(p), h.onOpenChange(!1), h.autocomplete === "both" && h.onFilterValueChange(p), h.trigger?.focus({ preventScroll: !0 }));
+  }, { startsWith: w } = Me(h.locale, { sensitivity: "base" }), A = l.useCallback((M) => {
+    g((P) => P || (M?.textContent ?? "").trim());
   }, []);
-  r.useEffect(() => {
+  l.useEffect(() => {
     v && f === void 0 && p !== "" && m(p);
   }, [p, v, f, m]);
   const T = oe();
-  return x.autocomplete === "list" && p && f && !w(p, f) || x.autocomplete === "both" && p && x.filterValue && !w(p, x.filterValue) ? null : /* @__PURE__ */ d(Qt, { textId: u, onTextValueChange: A, isSelected: v, children: /* @__PURE__ */ d(pe.ItemSlot, { scope: void 0, value: e, textValue: p, disabled: t, type: "option", children: /* @__PURE__ */ d(
+  return h.autocomplete === "list" && p && f && !w(p, f) || h.autocomplete === "both" && p && h.filterValue && !w(p, h.filterValue) ? null : /* @__PURE__ */ d(Qt, { textId: u, onTextValueChange: A, isSelected: v, children: /* @__PURE__ */ d(pe.ItemSlot, { scope: void 0, value: e, textValue: p, disabled: t, type: "option", children: /* @__PURE__ */ d(
     N.div,
     {
       role: "option",
@@ -444,45 +453,45 @@ const at = "ComboboxContent", jt = r.forwardRef((n, s) => {
       "aria-disabled": t || void 0,
       "data-disabled": t ? "" : void 0,
       tabIndex: t ? void 0 : -1,
-      ...l,
+      ...r,
       id: T,
       ref: c,
-      onPointerUp: E(l.onPointerUp, g)
+      onPointerUp: E(r.onPointerUp, x)
     }
   ) }) });
-}), eo = "ComboboxItemText", to = r.forwardRef((n, s) => {
-  const { className: e, style: t, ...o } = n, l = dt(eo), i = _(s, l.onTextValueChange);
-  return /* @__PURE__ */ d(N.span, { id: l.textId, ...o, ref: i });
-}), oo = "ComboboxItemIndicator", no = r.forwardRef((n, s) => {
+}), eo = "ComboboxItemText", to = l.forwardRef((n, s) => {
+  const { className: e, style: t, ...o } = n, r = dt(eo), i = _(s, r.onTextValueChange);
+  return /* @__PURE__ */ d(N.span, { id: r.textId, ...o, ref: i });
+}), oo = "ComboboxItemIndicator", no = l.forwardRef((n, s) => {
   const { isSelected: e } = dt(oo);
   return e ? /* @__PURE__ */ d(N.span, { "aria-hidden": !0, ...n, ref: s }) : null;
-}), pt = "ComboboxNoValueFound", ro = r.forwardRef((n, s) => {
-  const { textValue: e = "", locale: t } = G(pt), [o, l] = r.useState([]), { subscribe: i } = me(void 0), { startsWith: c } = Me(t, { sensitivity: "base" });
-  return r.useEffect(() => {
+}), pt = "ComboboxNoValueFound", ro = l.forwardRef((n, s) => {
+  const { textValue: e = "", locale: t } = j(pt), [o, r] = l.useState([]), { subscribe: i } = me(void 0), { startsWith: c } = Me(t, { sensitivity: "base" });
+  return l.useEffect(() => {
     const a = i((m) => {
-      l(m);
+      r(m);
     });
     return () => {
       a();
     };
   }, [i]), o.some((a) => c(a.textValue, e)) ? null : /* @__PURE__ */ d(N.div, { ...n, ref: s });
-}), lo = r.forwardRef((n, s) => {
-  const { disabled: e = !1, ...t } = n, o = G(pt), { textValue: l, visuallyFocussedItem: i } = o, { getItems: c, subscribe: a } = me(void 0), m = r.useRef(null), [f, b] = r.useState(!1), x = _(s, m), u = r.useMemo(() => i === c().find((C) => C.ref.current === m.current)?.ref.current, [c, i]), p = oe(), h = () => {
-    !e && l && (o.onValueChange(l), o.onTextValueChange(l), o.onOpenChange(!1), o.autocomplete === "both" && o.onFilterValueChange(l), o.trigger?.focus({ preventScroll: !0 }));
+}), lo = l.forwardRef((n, s) => {
+  const { disabled: e = !1, ...t } = n, o = j(pt), { textValue: r, visuallyFocussedItem: i } = o, { getItems: c, subscribe: a } = me(void 0), m = l.useRef(null), [f, S] = l.useState(!1), h = _(s, m), u = l.useMemo(() => i === c().find((C) => C.ref.current === m.current)?.ref.current, [c, i]), p = oe(), g = () => {
+    !e && r && (o.onValueChange(r), o.onTextValueChange(r), o.onOpenChange(!1), o.autocomplete === "both" && o.onFilterValueChange(r), o.trigger?.focus({ preventScroll: !0 }));
   };
-  return r.useLayoutEffect(() => {
+  return B(() => {
     const C = a((v) => {
-      b(!v.some((g) => g.textValue === l && g.type !== "create"));
+      S(!v.some((x) => x.textValue === r && x.type !== "create"));
     });
     return () => {
       C();
     };
-  }, [l, a]), !l || !f ? null : /* @__PURE__ */ d(
+  }, [r, a]), !r || !f ? null : /* @__PURE__ */ d(
     pe.ItemSlot,
     {
       scope: void 0,
-      value: l ?? "",
-      textValue: l ?? "",
+      value: r ?? "",
+      textValue: r ?? "",
       disabled: e,
       type: "create",
       children: /* @__PURE__ */ d(
@@ -495,8 +504,8 @@ const at = "ComboboxContent", jt = r.forwardRef((n, s) => {
           "data-highlighted": u ? "" : void 0,
           ...t,
           id: p,
-          ref: x,
-          onPointerUp: E(t.onPointerUp, h)
+          ref: h,
+          onPointerUp: E(t.onPointerUp, g)
         }
       )
     }
@@ -527,13 +536,13 @@ const Tn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 }, Symbol.toStringTag, { value: "Module" })), So = [" ", "Enter", "ArrowUp", "ArrowDown"], bo = [" ", "Enter"], he = "Select", [Ce, ge, wo] = Pt(he), [ae, yo] = Qe(he, [
   wo,
   ot
-]), ve = ot(), [Io, j] = ae(he), [To, Eo] = ae(he), Oe = (n) => {
+]), ve = ot(), [Io, Y] = ae(he), [To, Eo] = ae(he), Oe = (n) => {
   const {
     __scopeSelect: s,
     children: e,
     open: t,
     defaultOpen: o,
-    onOpenChange: l,
+    onOpenChange: r,
     value: i,
     defaultValue: c,
     onValueChange: a,
@@ -541,29 +550,29 @@ const Tn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     // name,
     // autoComplete,
     disabled: f,
-    required: b,
-    multi: x = !1
-  } = n, u = ve(s), [p, h] = r.useState(null), [C, v] = r.useState(null), [g, w] = r.useState(!1), A = Vt(m), [T = !1, M] = ie({
+    required: S,
+    multi: h = !1
+  } = n, u = ve(s), [p, g] = l.useState(null), [C, v] = l.useState(null), [x, w] = l.useState(!1), A = Vt(m), [T = !1, M] = ie({
     prop: t,
     defaultProp: o,
-    onChange: l
+    onChange: r
   }), [P, k] = ie({
     prop: i,
     defaultProp: c,
     onChange(O) {
       a && (Array.isArray(O), a(O));
     }
-  }), B = r.useRef(null), [W, H] = r.useState(/* @__PURE__ */ new Set());
+  }), H = l.useRef(null), [z, $] = l.useState(/* @__PURE__ */ new Set());
   return /* @__PURE__ */ d(re.Root, { ...u, children: /* @__PURE__ */ d(
     Io,
     {
-      required: b,
+      required: S,
       scope: s,
       trigger: p,
-      onTriggerChange: h,
+      onTriggerChange: g,
       valueNode: C,
       onValueNodeChange: v,
-      valueNodeHasChildren: g,
+      valueNodeHasChildren: x,
       onValueNodeHasChildrenChange: w,
       contentId: oe(),
       value: P,
@@ -571,20 +580,20 @@ const Tn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       open: T,
       onOpenChange: M,
       dir: A,
-      triggerPointerDownPosRef: B,
+      triggerPointerDownPosRef: H,
       disabled: f,
-      multi: x,
+      multi: h,
       children: /* @__PURE__ */ d(Ce.Provider, { scope: s, children: /* @__PURE__ */ d(
         To,
         {
           scope: n.__scopeSelect,
-          onNativeOptionAdd: r.useCallback((O) => {
-            H((L) => new Set(L).add(O));
+          onNativeOptionAdd: l.useCallback((O) => {
+            $((F) => new Set(F).add(O));
           }, []),
-          onNativeOptionRemove: r.useCallback((O) => {
-            H((L) => {
-              const F = new Set(L);
-              return F.delete(O), F;
+          onNativeOptionRemove: l.useCallback((O) => {
+            $((F) => {
+              const L = new Set(F);
+              return L.delete(O), L;
             });
           }, []),
           children: e
@@ -594,29 +603,29 @@ const Tn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   ) });
 };
 Oe.displayName = he;
-const mt = "SelectTrigger", De = r.forwardRef(
+const mt = "SelectTrigger", De = l.forwardRef(
   (n, s) => {
-    const { __scopeSelect: e, ...t } = n, o = ve(e), l = j(mt, e), i = l.disabled, c = _(s, l.onTriggerChange), a = ge(e), [m, f, b] = It((u) => {
-      const p = a().filter((v) => !v.disabled), h = p.find((v) => v.value === l.value), C = Tt(p, u, h);
+    const { __scopeSelect: e, ...t } = n, o = ve(e), r = Y(mt, e), i = r.disabled, c = _(s, r.onTriggerChange), a = ge(e), [m, f, S] = It((u) => {
+      const p = a().filter((v) => !v.disabled), g = p.find((v) => v.value === r.value), C = Tt(p, u, g);
       if (C !== void 0 && !Array.isArray(C.value)) {
-        const v = l.multi ? [C.value] : C.value;
-        l.onValueChange(v);
+        const v = r.multi ? [C.value] : C.value;
+        r.onValueChange(v);
       }
-    }), x = () => {
-      i || (l.onOpenChange(!0), b());
+    }), h = () => {
+      i || (r.onOpenChange(!0), S());
     };
     return /* @__PURE__ */ d(re.Anchor, { asChild: !0, ...o, children: /* @__PURE__ */ d(
       N.div,
       {
         role: "combobox",
-        "aria-controls": l.contentId,
-        "aria-expanded": l.open,
-        "aria-required": l.required,
+        "aria-controls": r.contentId,
+        "aria-expanded": r.open,
+        "aria-required": r.required,
         "aria-autocomplete": "none",
-        dir: l.dir,
-        "data-state": l.open ? "open" : "closed",
+        dir: r.dir,
+        "data-state": r.open ? "open" : "closed",
         "data-disabled": i ? "" : void 0,
-        "data-placeholder": l.value === void 0 ? "" : void 0,
+        "data-placeholder": r.value === void 0 ? "" : void 0,
         tabIndex: i ? void 0 : 0,
         ...t,
         ref: c,
@@ -625,88 +634,88 @@ const mt = "SelectTrigger", De = r.forwardRef(
         }),
         onPointerDown: E(t.onPointerDown, (u) => {
           const p = u.target;
-          p.hasPointerCapture(u.pointerId) && p.releasePointerCapture(u.pointerId), (p.closest("button") ?? p.closest("div")) === u.currentTarget && u.button === 0 && u.ctrlKey === !1 && (x(), l.triggerPointerDownPosRef.current = {
+          p.hasPointerCapture(u.pointerId) && p.releasePointerCapture(u.pointerId), (p.closest("button") ?? p.closest("div")) === u.currentTarget && u.button === 0 && u.ctrlKey === !1 && (h(), r.triggerPointerDownPosRef.current = {
             x: Math.round(u.pageX),
             y: Math.round(u.pageY)
           }, u.preventDefault());
         }),
         onKeyDown: E(t.onKeyDown, (u) => {
-          const p = m.current !== "", h = u.ctrlKey || u.altKey || u.metaKey, C = u.target;
-          (C.closest("button") ?? C.closest("div")) === u.currentTarget && (!h && u.key.length === 1 && f(u.key), !(p && u.key === " ") && So.includes(u.key) && (x(), u.preventDefault()));
+          const p = m.current !== "", g = u.ctrlKey || u.altKey || u.metaKey, C = u.target;
+          (C.closest("button") ?? C.closest("div")) === u.currentTarget && (!g && u.key.length === 1 && f(u.key), !(p && u.key === " ") && So.includes(u.key) && (h(), u.preventDefault()));
         })
       }
     ) });
   }
 );
 De.displayName = mt;
-const ht = "SelectValue", ke = r.forwardRef(
+const ht = "SelectValue", ke = l.forwardRef(
   (n, s) => {
-    const { __scopeSelect: e, children: t, placeholder: o, ...l } = n, i = j(ht, e), { onValueNodeHasChildrenChange: c } = i, a = t !== void 0, m = _(s, i.onValueNodeChange), [f, b] = r.useState([]), x = ge(e);
-    Z(() => {
+    const { __scopeSelect: e, children: t, placeholder: o, ...r } = n, i = Y(ht, e), { onValueNodeHasChildrenChange: c } = i, a = t !== void 0, m = _(s, i.onValueNodeChange), [f, S] = l.useState([]), h = ge(e);
+    B(() => {
       c(a);
-    }, [c, a]), r.useLayoutEffect(() => {
+    }, [c, a]), l.useLayoutEffect(() => {
       if (Array.isArray(i.value) && f.length !== i.value.length) {
         const p = setTimeout(() => {
-          const h = x().filter(
+          const g = h().filter(
             (C) => Array.isArray(C.value) ? !1 : i.value?.includes(C.value)
           );
-          b(h);
+          S(g);
         });
         return () => {
           clearTimeout(p);
         };
       }
-    }, [i.value, x, f]);
+    }, [i.value, h, f]);
     let u;
     if ((i.value === void 0 || i.value.length === 0) && o !== void 0)
       u = /* @__PURE__ */ d("span", { children: o });
     else if (typeof t == "function")
       if (Array.isArray(i.value)) {
-        const p = i.value.map((h) => {
-          const C = f.find((v) => v.value === h);
-          return C ? t({ value: h, textValue: C?.textValue }) : null;
+        const p = i.value.map((g) => {
+          const C = f.find((v) => v.value === g);
+          return C ? t({ value: g, textValue: C?.textValue }) : null;
         });
-        u = p.every((h) => h === null) ? o : p;
+        u = p.every((g) => g === null) ? o : p;
       } else
         u = t(i.value);
     else
       u = t;
-    return /* @__PURE__ */ d(N.span, { ...l, ref: m, children: u || null });
+    return /* @__PURE__ */ d(N.span, { ...r, ref: m, children: u || null });
   }
 );
 ke.displayName = ht;
-const Po = "SelectIcon", Le = r.forwardRef(
+const Po = "SelectIcon", Fe = l.forwardRef(
   (n, s) => {
     const { __scopeSelect: e, children: t, ...o } = n;
     return /* @__PURE__ */ d(N.span, { "aria-hidden": !0, ...o, ref: s, children: t || "▼" });
   }
 );
-Le.displayName = Po;
-const Vo = "SelectPortal", Fe = (n) => /* @__PURE__ */ d(nt, { asChild: !0, ...n });
-Fe.displayName = Vo;
-const ne = "SelectContent", Be = r.forwardRef(
+Fe.displayName = Po;
+const Vo = "SelectPortal", Le = (n) => /* @__PURE__ */ d(nt, { asChild: !0, ...n });
+Le.displayName = Vo;
+const ne = "SelectContent", Be = l.forwardRef(
   (n, s) => {
-    const e = j(ne, n.__scopeSelect), [t, o] = r.useState();
-    if (Z(() => {
+    const e = Y(ne, n.__scopeSelect), [t, o] = l.useState();
+    if (B(() => {
       o(new DocumentFragment());
     }, []), !e.open) {
-      const l = t;
-      return l ? _e.createPortal(
+      const r = t;
+      return r ? _e.createPortal(
         /* @__PURE__ */ d(gt, { scope: n.__scopeSelect, children: /* @__PURE__ */ d(Ce.Slot, { scope: n.__scopeSelect, children: /* @__PURE__ */ d("div", { children: n.children }) }) }),
-        l
+        r
       ) : null;
     }
     return /* @__PURE__ */ d(xt, { ...n, ref: s });
   }
 );
 Be.displayName = ne;
-const z = 10, [gt, J] = ae(ne), Ro = "SelectContentImpl", xt = r.forwardRef(
+const G = 10, [gt, J] = ae(ne), Ro = "SelectContentImpl", xt = l.forwardRef(
   (n, s) => {
     const {
       __scopeSelect: e,
       position: t = "item-aligned",
       onCloseAutoFocus: o,
-      onEscapeKeyDown: l,
+      onEscapeKeyDown: r,
       onPointerDownOutside: i,
       //
       // PopperContent props
@@ -714,81 +723,81 @@ const z = 10, [gt, J] = ae(ne), Ro = "SelectContentImpl", xt = r.forwardRef(
       sideOffset: a,
       align: m,
       alignOffset: f,
-      arrowPadding: b,
-      collisionBoundary: x,
+      arrowPadding: S,
+      collisionBoundary: h,
       collisionPadding: u,
       sticky: p,
-      hideWhenDetached: h,
+      hideWhenDetached: g,
       avoidCollisions: C,
       //
       ...v
-    } = n, g = j(ne, e), [w, A] = r.useState(null), [T, M] = r.useState(null), P = _(s, (S) => A(S)), [k, B] = r.useState(null), [W, H] = r.useState(null), O = ge(e), [L, F] = r.useState(!1), $ = r.useRef(!1);
-    r.useEffect(() => {
+    } = n, x = Y(ne, e), [w, A] = l.useState(null), [T, M] = l.useState(null), P = _(s, (b) => A(b)), [k, H] = l.useState(null), [z, $] = l.useState(null), O = ge(e), [F, L] = l.useState(!1), U = l.useRef(!1);
+    l.useEffect(() => {
       if (w)
         return rt(w);
     }, [w]), Rt();
-    const U = r.useCallback(
-      (S) => {
+    const K = l.useCallback(
+      (b) => {
         const [y, ...D] = O().map((R) => R.ref.current), [I] = D.slice(-1), V = document.activeElement;
-        for (const R of S)
+        for (const R of b)
           if (R === V || (R?.scrollIntoView({ block: "nearest" }), R === y && T && (T.scrollTop = 0), R === I && T && (T.scrollTop = T.scrollHeight), R?.focus(), document.activeElement !== V))
             return;
       },
       [O, T]
-    ), Y = r.useCallback(
-      () => U([k, w]),
-      [U, k, w]
+    ), q = l.useCallback(
+      () => K([k, w]),
+      [K, k, w]
     );
-    r.useEffect(() => {
-      L && Y();
-    }, [L, Y]);
-    const { onOpenChange: q, triggerPointerDownPosRef: K } = g;
-    r.useEffect(() => {
+    l.useEffect(() => {
+      F && q();
+    }, [F, q]);
+    const { onOpenChange: X, triggerPointerDownPosRef: W } = x;
+    l.useEffect(() => {
       if (w) {
-        let S = { x: 0, y: 0 };
+        let b = { x: 0, y: 0 };
         const y = (I) => {
-          S = {
-            x: Math.abs(Math.round(I.pageX) - (K.current?.x ?? 0)),
-            y: Math.abs(Math.round(I.pageY) - (K.current?.y ?? 0))
+          b = {
+            x: Math.abs(Math.round(I.pageX) - (W.current?.x ?? 0)),
+            y: Math.abs(Math.round(I.pageY) - (W.current?.y ?? 0))
           };
         }, D = (I) => {
-          S.x <= 10 && S.y <= 10 ? I.preventDefault() : w.contains(I.target) || q(!1), document.removeEventListener("pointermove", y), K.current = null;
+          b.x <= 10 && b.y <= 10 ? I.preventDefault() : w.contains(I.target) || X(!1), document.removeEventListener("pointermove", y), W.current = null;
         };
-        return K.current !== null && (document.addEventListener("pointermove", y), document.addEventListener("pointerup", D, { capture: !0, once: !0 })), () => {
+        return W.current !== null && (document.addEventListener("pointermove", y), document.addEventListener("pointerup", D, { capture: !0, once: !0 })), () => {
           document.removeEventListener("pointermove", y), document.removeEventListener("pointerup", D, { capture: !0 });
         };
       }
-    }, [w, q, K]), r.useEffect(() => {
-      const S = () => q(!1);
-      return window.addEventListener("blur", S), window.addEventListener("resize", S), () => {
-        window.removeEventListener("blur", S), window.removeEventListener("resize", S);
+    }, [w, X, W]), l.useEffect(() => {
+      const b = () => X(!1);
+      return window.addEventListener("blur", b), window.addEventListener("resize", b), () => {
+        window.removeEventListener("blur", b), window.removeEventListener("resize", b);
       };
-    }, [q]);
-    const [ue, le] = It((S) => {
-      const y = O().filter((V) => !V.disabled), D = y.find((V) => V.ref.current === document.activeElement), I = Tt(y, S, D);
+    }, [X]);
+    const [ue, le] = It((b) => {
+      const y = O().filter((V) => !V.disabled), D = y.find((V) => V.ref.current === document.activeElement), I = Tt(y, b, D);
       I && setTimeout(() => I.ref.current.focus());
-    }), se = r.useCallback(
-      (S, y, D) => {
-        const I = !$.current && !D;
-        (g.value !== void 0 && g.value === y || I) && (B(S), I && ($.current = !0));
+    }), se = l.useCallback(
+      (b, y, D) => {
+        const I = !U.current && !D;
+        (x.value !== void 0 && x.value === y || I) && (H(b), I && (U.current = !0));
       },
-      [g.value]
-    ), de = r.useCallback(() => w?.focus(), [w]), X = r.useCallback(
-      (S, y, D) => {
-        const I = !$.current && !D;
-        (g.value !== void 0 && (Array.isArray(y) ? y.every((R) => g.value?.includes(R)) : g.value === y) || I) && H(S);
+      [x.value]
+    ), de = l.useCallback(() => w?.focus(), [w]), Z = l.useCallback(
+      (b, y, D) => {
+        const I = !U.current && !D;
+        (x.value !== void 0 && (Array.isArray(y) ? y.every((R) => x.value?.includes(R)) : x.value === y) || I) && $(b);
       },
-      [g.value]
+      [x.value]
     ), ce = t === "popper" ? Te : Ct, Q = ce === Te ? {
       side: c,
       sideOffset: a,
       align: m,
       alignOffset: f,
-      arrowPadding: b,
-      collisionBoundary: x,
+      arrowPadding: S,
+      collisionBoundary: h,
       collisionPadding: u,
       sticky: p,
-      hideWhenDetached: h,
+      hideWhenDetached: g,
       avoidCollisions: C
     } : {};
     return /* @__PURE__ */ d(
@@ -801,44 +810,44 @@ const z = 10, [gt, J] = ae(ne), Ro = "SelectContentImpl", xt = r.forwardRef(
         itemRefCallback: se,
         selectedItem: k,
         onItemLeave: de,
-        itemTextRefCallback: X,
-        focusSelectedItem: Y,
-        selectedItemText: W,
+        itemTextRefCallback: Z,
+        focusSelectedItem: q,
+        selectedItemText: z,
         position: t,
-        isPositioned: L,
+        isPositioned: F,
         searchRef: ue,
         children: /* @__PURE__ */ d(lt, { as: Ie, allowPinchZoom: !0, children: /* @__PURE__ */ d(
           Nt,
           {
             asChild: !0,
-            trapped: g.open,
-            onMountAutoFocus: (S) => {
-              S.preventDefault();
+            trapped: x.open,
+            onMountAutoFocus: (b) => {
+              b.preventDefault();
             },
-            onUnmountAutoFocus: E(o, (S) => {
-              g.trigger?.focus({ preventScroll: !0 }), document.getSelection()?.empty(), S.preventDefault();
+            onUnmountAutoFocus: E(o, (b) => {
+              x.trigger?.focus({ preventScroll: !0 }), document.getSelection()?.empty(), b.preventDefault();
             }),
             children: /* @__PURE__ */ d(
               tt,
               {
                 asChild: !0,
                 disableOutsidePointerEvents: !0,
-                onEscapeKeyDown: l,
+                onEscapeKeyDown: r,
                 onPointerDownOutside: i,
-                onFocusOutside: (S) => S.preventDefault(),
-                onDismiss: () => g.onOpenChange(!1),
+                onFocusOutside: (b) => b.preventDefault(),
+                onDismiss: () => x.onOpenChange(!1),
                 children: /* @__PURE__ */ d(
                   ce,
                   {
                     role: "listbox",
-                    id: g.contentId,
-                    "data-state": g.open ? "open" : "closed",
-                    "aria-multiselectable": g.multi ? "true" : void 0,
-                    dir: g.dir,
-                    onContextMenu: (S) => S.preventDefault(),
+                    id: x.contentId,
+                    "data-state": x.open ? "open" : "closed",
+                    "aria-multiselectable": x.multi ? "true" : void 0,
+                    dir: x.dir,
+                    onContextMenu: (b) => b.preventDefault(),
                     ...v,
                     ...Q,
-                    onPlaced: () => F(!0),
+                    onPlaced: () => L(!0),
                     ref: P,
                     style: {
                       // flex layout so we can place the scroll buttons properly
@@ -848,15 +857,15 @@ const z = 10, [gt, J] = ae(ne), Ro = "SelectContentImpl", xt = r.forwardRef(
                       outline: "none",
                       ...v.style
                     },
-                    onKeyDown: E(v.onKeyDown, (S) => {
-                      const y = S.ctrlKey || S.altKey || S.metaKey;
-                      if (S.key === "Tab" && S.preventDefault(), !y && S.key.length === 1 && le(S.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(S.key)) {
+                    onKeyDown: E(v.onKeyDown, (b) => {
+                      const y = b.ctrlKey || b.altKey || b.metaKey;
+                      if (b.key === "Tab" && b.preventDefault(), !y && b.key.length === 1 && le(b.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(b.key)) {
                         let I = O().filter((V) => !V.disabled).map((V) => V.ref.current);
-                        if (["ArrowUp", "End"].includes(S.key) && (I = I.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(S.key)) {
-                          const V = S.target, R = I.indexOf(V);
+                        if (["ArrowUp", "End"].includes(b.key) && (I = I.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(b.key)) {
+                          const V = b.target, R = I.indexOf(V);
                           I = I.slice(R + 1);
                         }
-                        setTimeout(() => U(I)), S.preventDefault();
+                        setTimeout(() => K(I)), b.preventDefault();
                       }
                     })
                   }
@@ -870,62 +879,62 @@ const z = 10, [gt, J] = ae(ne), Ro = "SelectContentImpl", xt = r.forwardRef(
   }
 );
 xt.displayName = Ro;
-const No = "SelectItemAlignedPosition", Ct = r.forwardRef(
+const No = "SelectItemAlignedPosition", Ct = l.forwardRef(
   (n, s) => {
-    const { __scopeSelect: e, onPlaced: t, ...o } = n, l = j(ne, e), i = J(ne, e), [c, a] = r.useState(null), [m, f] = r.useState(null), b = _(s, (P) => f(P)), x = ge(e), u = r.useRef(!1), p = r.useRef(!0), { viewport: h, selectedItem: C, selectedItemText: v, focusSelectedItem: g } = i, w = r.useCallback(() => {
-      if (l.trigger && l.valueNode && c && m && h && C && v) {
-        const P = l.trigger.getBoundingClientRect(), k = m.getBoundingClientRect(), B = l.valueNode.getBoundingClientRect(), W = v.getBoundingClientRect();
-        if (l.dir !== "rtl") {
-          const V = W.left - k.left, R = B.left - V, ee = P.left - R, te = P.width + ee, Se = Math.max(te, k.width), be = window.innerWidth - z, we = Ze(R, [z, be - Se]);
+    const { __scopeSelect: e, onPlaced: t, ...o } = n, r = Y(ne, e), i = J(ne, e), [c, a] = l.useState(null), [m, f] = l.useState(null), S = _(s, (P) => f(P)), h = ge(e), u = l.useRef(!1), p = l.useRef(!0), { viewport: g, selectedItem: C, selectedItemText: v, focusSelectedItem: x } = i, w = l.useCallback(() => {
+      if (r.trigger && r.valueNode && c && m && g && C && v) {
+        const P = r.trigger.getBoundingClientRect(), k = m.getBoundingClientRect(), H = r.valueNode.getBoundingClientRect(), z = v.getBoundingClientRect();
+        if (r.dir !== "rtl") {
+          const V = z.left - k.left, R = H.left - V, ee = P.left - R, te = P.width + ee, Se = Math.max(te, k.width), be = window.innerWidth - G, we = Ze(R, [G, be - Se]);
           c.style.minWidth = `${te}px`, c.style.left = `${we}px`;
         } else {
-          const V = k.right - W.right, R = window.innerWidth - B.right - V, ee = window.innerWidth - P.right - R, te = P.width + ee, Se = Math.max(te, k.width), be = window.innerWidth - z, we = Ze(R, [z, be - Se]);
+          const V = k.right - z.right, R = window.innerWidth - H.right - V, ee = window.innerWidth - P.right - R, te = P.width + ee, Se = Math.max(te, k.width), be = window.innerWidth - G, we = Ze(R, [G, be - Se]);
           c.style.minWidth = `${te}px`, c.style.right = `${we}px`;
         }
-        const H = x(), O = window.innerHeight - z * 2, L = h.scrollHeight, F = window.getComputedStyle(m), $ = parseInt(F.borderTopWidth, 10), U = parseInt(F.paddingTop, 10), Y = parseInt(F.borderBottomWidth, 10), q = parseInt(F.paddingBottom, 10), K = $ + U + L + q + Y, ue = Math.min(C.offsetHeight * 5, K), le = window.getComputedStyle(h), se = parseInt(le.paddingTop, 10), de = parseInt(le.paddingBottom, 10), X = P.top + P.height / 2 - z, ce = O - X, Q = C.offsetHeight / 2, S = C.offsetTop + Q, y = $ + U + S, D = K - y;
-        if (y <= X) {
-          const V = C === H[H.length - 1].ref.current;
+        const $ = h(), O = window.innerHeight - G * 2, F = g.scrollHeight, L = window.getComputedStyle(m), U = parseInt(L.borderTopWidth, 10), K = parseInt(L.paddingTop, 10), q = parseInt(L.borderBottomWidth, 10), X = parseInt(L.paddingBottom, 10), W = U + K + F + X + q, ue = Math.min(C.offsetHeight * 5, W), le = window.getComputedStyle(g), se = parseInt(le.paddingTop, 10), de = parseInt(le.paddingBottom, 10), Z = P.top + P.height / 2 - G, ce = O - Z, Q = C.offsetHeight / 2, b = C.offsetTop + Q, y = U + K + b, D = W - y;
+        if (y <= Z) {
+          const V = C === $[$.length - 1].ref.current;
           c.style.bottom = "0px";
-          const R = m.clientHeight - h.offsetTop - h.offsetHeight, ee = Math.max(
+          const R = m.clientHeight - g.offsetTop - g.offsetHeight, ee = Math.max(
             ce,
             Q + // viewport might have padding bottom, include it to avoid a scrollable viewport
-            (V ? de : 0) + R + Y
+            (V ? de : 0) + R + q
           ), te = y + ee;
           c.style.height = `${te}px`;
         } else {
-          const V = C === H[0].ref.current;
+          const V = C === $[0].ref.current;
           c.style.top = "0px";
           const ee = Math.max(
-            X,
-            $ + h.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
+            Z,
+            U + g.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
             (V ? se : 0) + Q
           ) + D;
-          c.style.height = `${ee}px`, h.scrollTop = y - X + h.offsetTop;
+          c.style.height = `${ee}px`, g.scrollTop = y - Z + g.offsetTop;
         }
-        c.style.margin = `${z}px 0`, c.style.minHeight = `${ue}px`, c.style.maxHeight = `${O}px`, t?.(), requestAnimationFrame(() => u.current = !0);
+        c.style.margin = `${G}px 0`, c.style.minHeight = `${ue}px`, c.style.maxHeight = `${O}px`, t?.(), requestAnimationFrame(() => u.current = !0);
       }
     }, [
-      x,
-      l.trigger,
-      l.valueNode,
+      h,
+      r.trigger,
+      r.valueNode,
       c,
       m,
-      h,
+      g,
       C,
       v,
-      l.dir,
+      r.dir,
       t
     ]);
-    Z(() => w(), [w]);
-    const [A, T] = r.useState();
-    Z(() => {
+    B(() => w(), [w]);
+    const [A, T] = l.useState();
+    B(() => {
       m && T(window.getComputedStyle(m).zIndex);
     }, [m]);
-    const M = r.useCallback(
+    const M = l.useCallback(
       (P) => {
-        P && p.current === !0 && (w(), g?.(), p.current = !1);
+        P && p.current === !0 && (w(), x?.(), p.current = !1);
       },
-      [w, g]
+      [w, x]
     );
     return /* @__PURE__ */ d(
       _o,
@@ -948,7 +957,7 @@ const No = "SelectItemAlignedPosition", Ct = r.forwardRef(
               N.div,
               {
                 ...o,
-                ref: b,
+                ref: S,
                 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.
@@ -966,21 +975,21 @@ const No = "SelectItemAlignedPosition", Ct = r.forwardRef(
   }
 );
 Ct.displayName = No;
-const Ao = "SelectPopperPosition", Te = r.forwardRef(
+const Ao = "SelectPopperPosition", Te = l.forwardRef(
   (n, s) => {
-    const { __scopeSelect: e, align: t = "start", collisionPadding: o = z, ...l } = n, i = ve(e);
+    const { __scopeSelect: e, align: t = "start", collisionPadding: o = G, ...r } = n, i = ve(e);
     return /* @__PURE__ */ d(
       re.Content,
       {
         ...i,
-        ...l,
+        ...r,
         ref: s,
         align: t,
         collisionPadding: o,
         style: {
           // Ensure border-box for floating-ui calculations
           boxSizing: "border-box",
-          ...l.style,
+          ...r.style,
           "--radix-select-content-transform-origin": "var(--radix-popper-transform-origin)",
           "--radix-select-content-available-width": "var(--radix-popper-available-width)",
           "--radix-select-content-available-height": "var(--radix-popper-available-height)",
@@ -995,9 +1004,9 @@ Te.displayName = Ao;
 const [_o, He] = ae(
   ne,
   {}
-), Ee = "SelectViewport", $e = r.forwardRef(
+), Ee = "SelectViewport", $e = l.forwardRef(
   (n, s) => {
-    const { __scopeSelect: e, ...t } = n, o = J(Ee, e), l = He(Ee, e), i = _(s, o.onViewportChange), c = r.useRef(0);
+    const { __scopeSelect: e, ...t } = n, o = J(Ee, e), r = He(Ee, e), i = _(s, o.onViewportChange), c = l.useRef(0);
     return /* @__PURE__ */ Ne(Ae, { children: [
       /* @__PURE__ */ d(
         "style",
@@ -1024,14 +1033,14 @@ const [_o, He] = ae(
             ...t.style
           },
           onScroll: E(t.onScroll, (a) => {
-            const m = a.currentTarget, { contentWrapper: f, shouldExpandOnScrollRef: b } = l;
-            if (b?.current && f) {
-              const x = Math.abs(c.current - m.scrollTop);
-              if (x > 0) {
-                const u = window.innerHeight - z * 2, p = parseFloat(f.style.minHeight), h = parseFloat(f.style.height), C = Math.max(p, h);
+            const m = a.currentTarget, { contentWrapper: f, shouldExpandOnScrollRef: S } = r;
+            if (S?.current && f) {
+              const h = Math.abs(c.current - m.scrollTop);
+              if (h > 0) {
+                const u = window.innerHeight - G * 2, p = parseFloat(f.style.minHeight), g = parseFloat(f.style.height), C = Math.max(p, g);
                 if (C < u) {
-                  const v = C + x, g = Math.min(u, v), w = v - g;
-                  f.style.height = `${g}px`, f.style.bottom === "0px" && (m.scrollTop = w > 0 ? w : 0, f.style.justifyContent = "flex-end");
+                  const v = C + h, x = Math.min(u, v), w = v - x;
+                  f.style.height = `${x}px`, f.style.bottom === "0px" && (m.scrollTop = w > 0 ? w : 0, f.style.justifyContent = "flex-end");
                 }
               }
             }
@@ -1043,29 +1052,29 @@ const [_o, He] = ae(
   }
 );
 $e.displayName = Ee;
-const vt = "SelectGroup", [Mo, Oo] = ae(vt), Ue = r.forwardRef(
+const vt = "SelectGroup", [Mo, Oo] = ae(vt), Ue = l.forwardRef(
   (n, s) => {
     const { __scopeSelect: e, ...t } = n, o = oe();
     return /* @__PURE__ */ d(Mo, { scope: e, id: o, children: /* @__PURE__ */ d(N.div, { role: "group", "aria-labelledby": o, ...t, ref: s }) });
   }
 );
 Ue.displayName = vt;
-const St = "SelectLabel", Ke = r.forwardRef(
+const St = "SelectLabel", Ke = l.forwardRef(
   (n, s) => {
     const { __scopeSelect: e, ...t } = n, o = Oo(St, e);
     return /* @__PURE__ */ d(N.div, { id: o.id, ...t, ref: s });
   }
 );
 Ke.displayName = St;
-const xe = "SelectItem", [Do, bt] = ae(xe), We = r.forwardRef(
+const xe = "SelectItem", [Do, bt] = ae(xe), We = l.forwardRef(
   (n, s) => {
-    const { __scopeSelect: e, value: t, disabled: o = !1, textValue: l, ...i } = n, c = j(xe, e), a = J(xe, e), m = typeof t == "string" ? Array.isArray(c.value) ? c.value.includes(t) : c.value === t : t.every((g) => c.value?.includes(g)), f = Array.isArray(c.value) && Array.isArray(t) && t.some((g) => c.value?.includes(g)), [b, x] = r.useState(l ?? ""), [u, p] = r.useState(!1), h = _(
+    const { __scopeSelect: e, value: t, disabled: o = !1, textValue: r, ...i } = n, c = Y(xe, e), a = J(xe, e), m = typeof t == "string" ? Array.isArray(c.value) ? c.value.includes(t) : c.value === t : t.every((x) => c.value?.includes(x)), f = Array.isArray(c.value) && Array.isArray(t) && t.some((x) => c.value?.includes(x)), [S, h] = l.useState(r ?? ""), [u, p] = l.useState(!1), g = _(
       s,
-      (g) => a.itemRefCallback?.(g, t, o)
+      (x) => a.itemRefCallback?.(x, t, o)
     ), C = oe(), v = () => {
       if (!o) {
-        let g = c.multi && typeof t == "string" ? [t] : t;
-        f && !m ? c.onValueChange(g) : Array.isArray(c.value) && (g = Et(t, c.value)), c.onValueChange(g), c.multi || c.onOpenChange(!1);
+        let x = c.multi && typeof t == "string" ? [t] : t;
+        f && !m ? c.onValueChange(x) : Array.isArray(c.value) && (x = Et(t, c.value)), c.onValueChange(x), c.multi || c.onOpenChange(!1);
       }
     };
     if (!c.multi && Array.isArray(t))
@@ -1079,10 +1088,10 @@ const xe = "SelectItem", [Do, bt] = ae(xe), We = r.forwardRef(
         textId: C,
         isSelected: m,
         isIntermediate: f,
-        onItemTextChange: r.useCallback((g) => {
-          x((w) => w || (g?.textContent ?? "").trim());
+        onItemTextChange: l.useCallback((x) => {
+          h((w) => w || (x?.textContent ?? "").trim());
         }, []),
-        children: /* @__PURE__ */ d(Ce.ItemSlot, { scope: e, value: t, disabled: o, textValue: b, children: /* @__PURE__ */ d(
+        children: /* @__PURE__ */ d(Ce.ItemSlot, { scope: e, value: t, disabled: o, textValue: S, children: /* @__PURE__ */ d(
           N.div,
           {
             role: "option",
@@ -1095,18 +1104,18 @@ const xe = "SelectItem", [Do, bt] = ae(xe), We = r.forwardRef(
             "data-disabled": o ? "" : void 0,
             tabIndex: o ? void 0 : -1,
             ...i,
-            ref: h,
+            ref: g,
             onFocus: E(i.onFocus, () => p(!0)),
             onBlur: E(i.onBlur, () => p(!1)),
             onPointerUp: E(i.onPointerUp, v),
-            onPointerMove: E(i.onPointerMove, (g) => {
-              o ? a.onItemLeave?.() : g.currentTarget.focus({ preventScroll: !0 });
+            onPointerMove: E(i.onPointerMove, (x) => {
+              o ? a.onItemLeave?.() : x.currentTarget.focus({ preventScroll: !0 });
             }),
-            onPointerLeave: E(i.onPointerLeave, (g) => {
-              g.currentTarget === document.activeElement && a.onItemLeave?.();
+            onPointerLeave: E(i.onPointerLeave, (x) => {
+              x.currentTarget === document.activeElement && a.onItemLeave?.();
             }),
-            onKeyDown: E(i.onKeyDown, (g) => {
-              a.searchRef?.current !== "" && g.key === " " || (bo.includes(g.key) && v(), g.key === " " && g.preventDefault());
+            onKeyDown: E(i.onKeyDown, (x) => {
+              a.searchRef?.current !== "" && x.key === " " || (bo.includes(x.key) && v(), x.key === " " && x.preventDefault());
             })
           }
         ) })
@@ -1115,14 +1124,14 @@ const xe = "SelectItem", [Do, bt] = ae(xe), We = r.forwardRef(
   }
 );
 We.displayName = xe;
-const fe = "SelectItemText", ze = r.forwardRef(
+const fe = "SelectItemText", ze = l.forwardRef(
   (n, s) => {
-    const { __scopeSelect: e, className: t, style: o, ...l } = n, i = j(fe, e), c = J(fe, e), a = bt(fe, e), m = Eo(fe, e), [f, b] = r.useState(null), x = _(
+    const { __scopeSelect: e, className: t, style: o, ...r } = n, i = Y(fe, e), c = J(fe, e), a = bt(fe, e), m = Eo(fe, e), [f, S] = l.useState(null), h = _(
       s,
-      (v) => b(v),
+      (v) => S(v),
       a.onItemTextChange,
       (v) => c.itemTextRefCallback?.(v, a.value, a.disabled)
-    ), u = f?.textContent, p = r.useMemo(
+    ), u = f?.textContent, p = l.useMemo(
       () => /* @__PURE__ */ d(
         "option",
         {
@@ -1133,32 +1142,32 @@ const fe = "SelectItemText", ze = r.forwardRef(
         Array.isArray(a.value) ? a.value.join(";") : a.value
       ),
       [a.disabled, a.value, u]
-    ), { onNativeOptionAdd: h, onNativeOptionRemove: C } = m;
-    return Z(() => (h(p), () => C(p)), [h, C, p]), /* @__PURE__ */ Ne(Ae, { children: [
-      /* @__PURE__ */ d(N.span, { id: a.textId, ...l, ref: x }),
-      a.isSelected && i.valueNode && !i.valueNodeHasChildren ? _e.createPortal(l.children, i.valueNode) : null
+    ), { onNativeOptionAdd: g, onNativeOptionRemove: C } = m;
+    return B(() => (g(p), () => C(p)), [g, C, p]), /* @__PURE__ */ Ne(Ae, { children: [
+      /* @__PURE__ */ d(N.span, { id: a.textId, ...r, ref: h }),
+      a.isSelected && i.valueNode && !i.valueNodeHasChildren ? _e.createPortal(r.children, i.valueNode) : null
     ] });
   }
 );
 ze.displayName = fe;
-const wt = "SelectItemIndicator", Ge = r.forwardRef(
+const wt = "SelectItemIndicator", Ge = l.forwardRef(
   (n, s) => {
-    const { __scopeSelect: e, children: t, ...o } = n, l = bt(wt, e);
+    const { __scopeSelect: e, children: t, ...o } = n, r = bt(wt, e);
     return typeof t == "function" ? /* @__PURE__ */ d(N.span, { "aria-hidden": !0, ...o, ref: s, children: t({
-      isSelected: l.isSelected,
-      isIntermediate: l.isIntermediate
-    }) }) : l.isSelected ? /* @__PURE__ */ d(N.span, { "aria-hidden": !0, ...o, ref: s, children: t }) : null;
+      isSelected: r.isSelected,
+      isIntermediate: r.isIntermediate
+    }) }) : r.isSelected ? /* @__PURE__ */ d(N.span, { "aria-hidden": !0, ...o, ref: s, children: t }) : null;
   }
 );
 Ge.displayName = wt;
-const Pe = "SelectScrollUpButton", je = r.forwardRef(
+const Pe = "SelectScrollUpButton", je = l.forwardRef(
   (n, s) => {
-    const e = J(Pe, n.__scopeSelect), t = He(Pe, n.__scopeSelect), [o, l] = r.useState(!1), i = _(s, t.onScrollButtonChange);
-    return Z(() => {
+    const e = J(Pe, n.__scopeSelect), t = He(Pe, n.__scopeSelect), [o, r] = l.useState(!1), i = _(s, t.onScrollButtonChange);
+    return B(() => {
       if (e.viewport && e.isPositioned) {
         const c = e.viewport, a = () => {
           const m = c.scrollTop > 0;
-          l(m);
+          r(m);
         };
         return a(), c.addEventListener("scroll", a), () => c.removeEventListener("scroll", a);
       }
@@ -1176,14 +1185,14 @@ const Pe = "SelectScrollUpButton", je = r.forwardRef(
   }
 );
 je.displayName = Pe;
-const Ve = "SelectScrollDownButton", Ye = r.forwardRef(
+const Ve = "SelectScrollDownButton", Ye = l.forwardRef(
   (n, s) => {
-    const e = J(Ve, n.__scopeSelect), t = He(Ve, n.__scopeSelect), [o, l] = r.useState(!1), i = _(s, t.onScrollButtonChange);
-    return Z(() => {
+    const e = J(Ve, n.__scopeSelect), t = He(Ve, n.__scopeSelect), [o, r] = l.useState(!1), i = _(s, t.onScrollButtonChange);
+    return B(() => {
       if (e.viewport && e.isPositioned) {
         const c = e.viewport, a = () => {
           const m = c.scrollHeight - c.clientHeight, f = Math.ceil(c.scrollTop) < m;
-          l(f);
+          r(f);
         };
         return a(), c.addEventListener("scroll", a), () => c.removeEventListener("scroll", a);
       }
@@ -1201,12 +1210,12 @@ const Ve = "SelectScrollDownButton", Ye = r.forwardRef(
   }
 );
 Ye.displayName = Ve;
-const yt = r.forwardRef(
+const yt = l.forwardRef(
   (n, s) => {
-    const { __scopeSelect: e, onAutoScroll: t, ...o } = n, l = J("SelectScrollButton", e), i = r.useRef(null), c = ge(e), a = r.useCallback(() => {
+    const { __scopeSelect: e, onAutoScroll: t, ...o } = n, r = J("SelectScrollButton", e), i = l.useRef(null), c = ge(e), a = l.useCallback(() => {
       i.current !== null && (window.clearInterval(i.current), i.current = null);
     }, []);
-    return r.useEffect(() => () => a(), [a]), Z(() => {
+    return l.useEffect(() => () => a(), [a]), B(() => {
       c().find((f) => f.ref.current === document.activeElement)?.ref.current?.scrollIntoView({ block: "nearest" });
     }, [c]), /* @__PURE__ */ d(
       N.div,
@@ -1216,7 +1225,7 @@ const yt = r.forwardRef(
         ref: s,
         style: { flexShrink: 0, ...o.style },
         onPointerMove: E(o.onPointerMove, () => {
-          l.onItemLeave?.(), i.current === null && (i.current = window.setInterval(t, 50));
+          r.onItemLeave?.(), i.current === null && (i.current = window.setInterval(t, 50));
         }),
         onPointerLeave: E(o.onPointerLeave, () => {
           a();
@@ -1224,28 +1233,28 @@ const yt = r.forwardRef(
       }
     );
   }
-), ko = "SelectSeparator", qe = r.forwardRef(
+), ko = "SelectSeparator", qe = l.forwardRef(
   (n, s) => {
     const { __scopeSelect: e, ...t } = n;
     return /* @__PURE__ */ d(N.div, { "aria-hidden": !0, ...t, ref: s });
   }
 );
 qe.displayName = ko;
-const Re = "SelectArrow", Xe = r.forwardRef(
+const Re = "SelectArrow", Xe = l.forwardRef(
   (n, s) => {
-    const { __scopeSelect: e, ...t } = n, o = ve(e), l = j(Re, e), i = J(Re, e);
-    return l.open && i.position === "popper" ? /* @__PURE__ */ d(re.Arrow, { ...o, ...t, ref: s }) : null;
+    const { __scopeSelect: e, ...t } = n, o = ve(e), r = Y(Re, e), i = J(Re, e);
+    return r.open && i.position === "popper" ? /* @__PURE__ */ d(re.Arrow, { ...o, ...t, ref: s }) : null;
   }
 );
 Xe.displayName = Re;
-const Lo = "BubbleSelect", Fo = r.forwardRef(
+const Fo = "BubbleSelect", Lo = l.forwardRef(
   (n, s) => {
-    const { value: e, ...t } = n, o = r.useRef(null), l = _(s, o), i = _t(e), c = j(Lo, void 0);
-    r.useEffect(() => {
-      const m = o.current, f = window.HTMLSelectElement.prototype, x = Object.getOwnPropertyDescriptor(f, "value").set;
-      if (i !== e && x) {
+    const { value: e, ...t } = n, o = l.useRef(null), r = _(s, o), i = _t(e), c = Y(Fo, void 0);
+    l.useEffect(() => {
+      const m = o.current, f = window.HTMLSelectElement.prototype, h = Object.getOwnPropertyDescriptor(f, "value").set;
+      if (i !== e && h) {
         const u = new Event("change", { bubbles: !0 });
-        x.call(m, e), m.dispatchEvent(u);
+        h.call(m, e), m.dispatchEvent(u);
       }
     }, [i, e]);
     let a = e;
@@ -1254,15 +1263,15 @@ const Lo = "BubbleSelect", Fo = r.forwardRef(
       {
         ...t,
         multiple: c.multi ? !0 : void 0,
-        ref: l,
+        ref: r,
         defaultValue: a
       }
     ) });
   }
 );
-Fo.displayName = "BubbleSelect";
+Lo.displayName = "BubbleSelect";
 function It(n) {
-  const s = At(n), e = r.useRef(""), t = r.useRef(0), o = r.useCallback(
+  const s = At(n), e = l.useRef(""), t = l.useRef(0), o = l.useCallback(
     (i) => {
       const c = e.current + i;
       s(c), function a(m) {
@@ -1270,14 +1279,14 @@ function It(n) {
       }(c);
     },
     [s]
-  ), l = r.useCallback(() => {
+  ), r = l.useCallback(() => {
     e.current = "", window.clearTimeout(t.current);
   }, []);
-  return r.useEffect(() => () => window.clearTimeout(t.current), []), [e, o, l];
+  return l.useEffect(() => () => window.clearTimeout(t.current), []), [e, o, r];
 }
 function Tt(n, s, e) {
-  const o = s.length > 1 && Array.from(s).every((m) => m === s[0]) ? s[0] : s, l = e ? n.indexOf(e) : -1;
-  let i = Bo(n, Math.max(l, 0));
+  const o = s.length > 1 && Array.from(s).every((m) => m === s[0]) ? s[0] : s, r = e ? n.indexOf(e) : -1;
+  let i = Bo(n, Math.max(r, 0));
   o.length === 1 && (i = i.filter((m) => m !== e));
   const a = i.find((m) => m.textValue.toLowerCase().startsWith(o.toLowerCase()));
   return a !== e ? a : void 0;
@@ -1290,7 +1299,7 @@ const Et = (n, s = []) => {
     return n.reduce((t, o) => Et(o, t), s);
   const e = s.indexOf(n);
   return e === -1 ? [...s, n] : [...s.slice(0, e), ...s.slice(e + 1)];
-}, Ho = Oe, $o = De, Uo = ke, Ko = Le, Wo = Fe, zo = Be, Go = $e, jo = Ue, Yo = Ke, qo = We, Xo = ze, Zo = Ge, Jo = je, Qo = Ye, en = qe, tn = Xe, En = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Ho = Oe, $o = De, Uo = ke, Ko = Fe, Wo = Le, zo = Be, Go = $e, jo = Ue, Yo = Ke, qo = We, Xo = ze, Zo = Ge, Jo = je, Qo = Ye, en = qe, tn = Xe, En = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Arrow: tn,
   Content: zo,
@@ -1308,12 +1317,12 @@ const Et = (n, s = []) => {
   SelectArrow: Xe,
   SelectContent: Be,
   SelectGroup: Ue,
-  SelectIcon: Le,
+  SelectIcon: Fe,
   SelectItem: We,
   SelectItemIndicator: Ge,
   SelectItemText: ze,
   SelectLabel: Ke,
-  SelectPortal: Fe,
+  SelectPortal: Le,
   SelectScrollDownButton: Ye,
   SelectScrollUpButton: je,
   SelectSeparator: qe,
@@ -1328,5 +1337,6 @@ const Et = (n, s = []) => {
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   Tn as Combobox,
-  En as Select
+  En as Select,
+  Rn as useCallbackRef
 };