@strapi/ui-primitives 1.7.5 → 1.7.7

package/dist/index.js

@@ -1,18 +1,19 @@
 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 T } from "@radix-ui/primitive";
+import { composeEventHandlers as Rn } 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";
 import { DismissableLayer as tt } from "@radix-ui/react-dismissable-layer";
 import { useFocusGuards as ot } from "@radix-ui/react-focus-guards";
 import { FocusScope as nt } from "@radix-ui/react-focus-scope";
-import { useId as ne } from "@radix-ui/react-id";
-import * as le from "@radix-ui/react-popper";
+import { useId as oe } from "@radix-ui/react-id";
+import * as re from "@radix-ui/react-popper";
 import { createPopperScope as rt } from "@radix-ui/react-popper";
 import { Portal as lt } 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 H } from "@radix-ui/react-use-layout-effect";
+import { useLayoutEffect as B } from "@radix-ui/react-use-layout-effect";
 import { hideOthers as st } from "aria-hidden";
 import * as _e from "react-dom";
 import { RemoveScroll as ct } from "react-remove-scroll";
@@ -21,19 +22,19 @@ import { clamp as Ze } from "@radix-ui/number";
 import { createCollection as Rt } from "@radix-ui/react-collection";
 import { useDirection as Nt } from "@radix-ui/react-direction";
 import { useCallbackRef as At } from "@radix-ui/react-use-callback-ref";
-import { useCallbackRef as Rn } from "@radix-ui/react-use-callback-ref";
+import { useCallbackRef as An } 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() : "");
+function Ot(r, s) {
+  let e = r + (s ? Object.entries(s).sort((o, n) => o[0] < n[0] ? -1 : 1).join() : "");
   if (ye.has(e))
     return ye.get(e);
-  let t = new Intl.Collator(n, s);
+  let t = new Intl.Collator(r, s);
   return ye.set(e, t), t;
 }
-function Me(n, s) {
-  let e = Ot(n, {
+function Me(r, s) {
+  let e = Ot(r, {
     usage: "search",
     ...s
   });
@@ -48,9 +49,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 n = 0, i = o.length;
+      for (; n + i <= t.length; n++) {
+        let c = t.slice(n, n + i);
         if (e.compare(o, c) === 0)
           return !0;
       }
@@ -58,84 +59,84 @@ function Me(n, s) {
     }
   };
 }
-const Dt = (n) => {
-  const s = r.useRef();
-  return r.useEffect(() => {
-    s.current = n;
+const Dt = (r) => {
+  const s = l.useRef();
+  return l.useEffect(() => {
+    s.current = r;
   }), s.current;
 };
-function kt(n) {
-  const s = `${n}CollectionProvider`, [e, t] = Qe(s), [o, l] = e(s, {
+function kt(r) {
+  const s = `${r}CollectionProvider`, [e, t] = Qe(s), [o, n] = e(s, {
     collectionRef: { current: null },
     itemMap: /* @__PURE__ */ new Map(),
     listeners: /* @__PURE__ */ new Set()
   }), i = (u) => {
-    const { scope: m, children: S } = u, x = r.useRef(null), C = r.useRef(/* @__PURE__ */ new Map()).current, h = r.useRef(/* @__PURE__ */ new Set()).current;
-    return /* @__PURE__ */ d(o, { scope: m, itemMap: C, collectionRef: x, listeners: h, children: S });
+    const { scope: m, children: S } = u, C = l.useRef(null), x = l.useRef(/* @__PURE__ */ new Map()).current, h = l.useRef(/* @__PURE__ */ new Set()).current;
+    return /* @__PURE__ */ d(o, { scope: m, itemMap: x, collectionRef: C, listeners: h, children: S });
   };
   i.displayName = s;
-  const c = `${n}CollectionSlot`, a = r.forwardRef((u, m) => {
-    const { scope: S, children: x } = u, C = l(c, S), h = _(m, C.collectionRef);
-    return /* @__PURE__ */ d(Ie, { ref: h, children: x });
+  const c = `${r}CollectionSlot`, a = l.forwardRef((u, m) => {
+    const { scope: S, children: C } = u, x = n(c, S), h = _(m, x.collectionRef);
+    return /* @__PURE__ */ d(Ie, { ref: h, children: C });
   });
   a.displayName = c;
-  const g = `${n}CollectionItemSlot`, f = "data-radix-collection-item", v = r.forwardRef((u, m) => {
-    const { scope: S, children: x, ...C } = u, h = r.useRef(null), w = _(m, h), A = l(g, S);
-    return r.useEffect(() => {
+  const g = `${r}CollectionItemSlot`, p = "data-radix-collection-item", v = l.forwardRef((u, m) => {
+    const { scope: S, children: C, ...x } = u, h = l.useRef(null), w = _(m, h), A = n(g, S);
+    return l.useEffect(() => {
       const V = Array.from(A.itemMap.values());
-      return A.itemMap.set(h, { ref: h, ...C }), A.listeners.forEach((M) => M(Array.from(A.itemMap.values()), V)), () => {
+      return A.itemMap.set(h, { ref: h, ...x }), A.listeners.forEach((M) => M(Array.from(A.itemMap.values()), V)), () => {
         const M = Array.from(A.itemMap.values());
-        A.itemMap.delete(h), A.listeners.forEach((E) => E(Array.from(A.itemMap.values()), M));
+        A.itemMap.delete(h), A.listeners.forEach((P) => P(Array.from(A.itemMap.values()), M));
       };
-    }), /* @__PURE__ */ d(Ie, { [f]: "", ref: w, children: x });
+    }), /* @__PURE__ */ d(Ie, { [p]: "", ref: w, children: C });
   });
   v.displayName = g;
-  function p(u) {
-    const m = l(`${n}CollectionConsumer`, u), S = r.useCallback(() => {
-      const C = m.collectionRef.current;
-      if (!C)
+  function f(u) {
+    const m = n(`${r}CollectionConsumer`, u), S = l.useCallback(() => {
+      const x = m.collectionRef.current;
+      if (!x)
         return [];
-      const h = Array.from(C.querySelectorAll(`[${f}]`));
+      const h = Array.from(x.querySelectorAll(`[${p}]`));
       return Array.from(m.itemMap.values()).sort(
         (V, M) => h.indexOf(V.ref.current) - h.indexOf(M.ref.current)
       );
-    }, [m.collectionRef, m.itemMap]), x = r.useCallback(
-      (C) => (m.listeners.add(C), () => m.listeners.delete(C)),
+    }, [m.collectionRef, m.itemMap]), C = l.useCallback(
+      (x) => (m.listeners.add(x), () => m.listeners.delete(x)),
       [m.listeners]
     );
-    return { getItems: S, subscribe: x };
+    return { getItems: S, subscribe: C };
   }
   return [
     { Provider: i, Slot: a, ItemSlot: v },
-    p,
+    f,
     t
   ];
 }
-const Ft = [" ", "Enter", "ArrowUp", "ArrowDown"], Lt = ["Enter"], Je = (n) => !!(n.length === 1 && n.match(/\S| /)), it = "Combobox", [pe, xe] = kt(it), [Bt, Y] = et(it), Ht = ({ children: n }) => /* @__PURE__ */ d(le.Root, { children: /* @__PURE__ */ d(pe.Provider, { scope: void 0, children: n }) }), $t = (n) => {
+const Ft = [" ", "Enter", "ArrowUp", "ArrowDown"], Lt = ["Enter"], Je = (r) => !!(r.length === 1 && r.match(/\S| /)), it = "Combobox", [fe, Ce] = kt(it), [Bt, j] = et(it), Ht = ({ children: r }) => /* @__PURE__ */ d(re.Root, { children: /* @__PURE__ */ d(fe.Provider, { scope: void 0, children: r }) }), $t = (r) => {
   const {
     allowCustomValue: s = !1,
     autocomplete: e = "none",
     children: t,
     open: o,
-    defaultOpen: l,
+    defaultOpen: n,
     onOpenChange: i,
     value: c,
     defaultValue: a,
     onValueChange: g,
-    disabled: f,
+    disabled: p,
     required: v = !1,
-    locale: p = "en-EN",
+    locale: f = "en-EN",
     onTextValueChange: u,
     textValue: m,
     defaultTextValue: S,
-    filterValue: x,
-    defaultFilterValue: C,
+    filterValue: C,
+    defaultFilterValue: x,
     onFilterValueChange: h
-  } = n, [w, A] = r.useState(null), [V, M] = r.useState(null), [E, k] = r.useState(null), [$, G] = r.useState(null), [F = !1, O] = ie({
+  } = r, [w, A] = l.useState(null), [V, M] = l.useState(null), [P, k] = l.useState(null), [H, z] = l.useState(null), [$ = !1, O] = ie({
     prop: o,
-    defaultProp: l,
+    defaultProp: n,
     onChange: i
-  }), [L, B] = ie({
+  }), [F, L] = ie({
     prop: c,
     defaultProp: a,
     onChange: g
@@ -143,17 +144,17 @@ const Ft = [" ", "Enter", "ArrowUp", "ArrowDown"], Lt = ["Enter"], Je = (n) => !
     prop: m,
     defaultProp: S,
     onChange: u
-  }), [X, Z] = ie({
-    prop: x,
-    defaultProp: C,
+  }), [q, X] = ie({
+    prop: C,
+    defaultProp: x,
     onChange: h
-  }), W = ne(), ue = r.useCallback(
-    (z, se) => {
-      const de = se.map((y) => y.ref.current), [J, ...ce] = de, [ee] = ce.slice(-1), b = $;
-      for (const y of z) {
+  }), W = oe(), ue = l.useCallback(
+    (le, se) => {
+      const de = se.map((y) => y.ref.current), [Z, ...ce] = de, [Q] = ce.slice(-1), b = H;
+      for (const y of le) {
         if (y === b)
           return;
-        if (y?.scrollIntoView({ block: "nearest" }), y === J && V && (V.scrollTop = 0), y === ee && V && (V.scrollTop = V.scrollHeight), G(y), e === "both") {
+        if (y?.scrollIntoView({ block: "nearest" }), y === Z && V && (V.scrollTop = 0), y === Q && V && (V.scrollTop = V.scrollHeight), z(y), e === "both") {
           const D = se.find((I) => I.ref.current === y);
           D && K(D.textValue);
         }
@@ -161,14 +162,14 @@ const Ft = [" ", "Enter", "ArrowUp", "ArrowDown"], Lt = ["Enter"], Je = (n) => !
           return;
       }
     },
-    [e, K, V, $]
+    [e, K, V, H]
   );
-  return r.useEffect(() => {
-    e !== "both" && G(null);
-  }, [U, e]), r.useEffect(() => {
-    if (E && w)
-      return st([E, w]);
-  }, [E, w]), /* @__PURE__ */ d(Ht, { children: /* @__PURE__ */ d(
+  return l.useEffect(() => {
+    e !== "both" && z(null);
+  }, [U, e]), l.useEffect(() => {
+    if (P && w)
+      return st([P, w]);
+  }, [P, w]), /* @__PURE__ */ d(Ht, { children: /* @__PURE__ */ d(
     Bt,
     {
       allowCustomValue: s,
@@ -177,54 +178,71 @@ const Ft = [" ", "Enter", "ArrowUp", "ArrowDown"], Lt = ["Enter"], Je = (n) => !
       trigger: w,
       onTriggerChange: A,
       contentId: W,
-      value: L,
-      onValueChange: B,
-      open: F,
+      value: F,
+      onValueChange: L,
+      open: $,
       onOpenChange: O,
-      disabled: f,
-      locale: p,
+      disabled: p,
+      locale: f,
       focusFirst: ue,
       textValue: U,
       onTextValueChange: K,
       onViewportChange: M,
       onContentChange: k,
-      visuallyFocussedItem: $,
-      filterValue: X,
-      onFilterValueChange: Z,
-      onVisuallyFocussedItemChange: G,
+      visuallyFocussedItem: H,
+      filterValue: q,
+      onFilterValueChange: X,
+      onVisuallyFocussedItemChange: z,
+      children: t
+    }
+  ) });
+}, Ut = "ComboboxTrigger", Kt = l.forwardRef((r, s) => {
+  const { ...e } = r, t = j(Ut), o = () => {
+    t.disabled || t.onOpenChange(!0);
+  };
+  return /* @__PURE__ */ d(re.Anchor, { asChild: !0, children: /* @__PURE__ */ d(
+    nt,
+    {
+      asChild: !0,
+      trapped: t.open,
+      onMountAutoFocus: (n) => {
+        n.preventDefault();
+      },
+      onUnmountAutoFocus: (n) => {
+        t.trigger?.focus({ preventScroll: !0 }), document.getSelection()?.empty(), n.preventDefault();
+      },
       children: /* @__PURE__ */ d(
-        nt,
+        "div",
         {
-          trapped: F,
-          onMountAutoFocus: (z) => {
-            z.preventDefault();
-          },
-          onUnmountAutoFocus: (z) => {
-            w?.focus({ preventScroll: !0 }), document.getSelection()?.empty(), z.preventDefault();
-          },
-          children: t
+          ref: s,
+          "data-disabled": t.disabled ? "" : void 0,
+          ...e,
+          onClick: T(e.onClick, () => {
+            t.trigger?.focus();
+          }),
+          onPointerDown: T(e.onPointerDown, (n) => {
+            const i = n.target;
+            i.hasPointerCapture(n.pointerId) && i.releasePointerCapture(n.pointerId), (i.closest("button") ?? i.closest("div")) === n.currentTarget && n.button === 0 && n.ctrlKey === !1 && (o(), t.trigger?.focus());
+          })
         }
       )
     }
   ) });
-}, Ut = "ComboboxTrigger", Kt = r.forwardRef((n, s) => {
-  const { ...e } = n, t = Y(Ut);
-  return /* @__PURE__ */ d(le.Anchor, { asChild: !0, children: /* @__PURE__ */ d("div", { ref: s, "data-disabled": t.disabled ? "" : void 0, ...e }) });
-}), at = "ComboboxInput", Wt = r.forwardRef((n, s) => {
-  const e = Y(at), t = r.useRef(null), { getItems: o } = xe(void 0), { startsWith: l } = Me(e.locale, { sensitivity: "base" }), i = e.disabled, c = _(t, s, e.onTriggerChange), a = () => {
+}), at = "ComboboxInput", Wt = l.forwardRef((r, s) => {
+  const e = j(at), t = l.useRef(null), { getItems: o } = Ce(void 0), { startsWith: n } = Me(e.locale, { sensitivity: "base" }), i = e.disabled, c = _(t, s, e.onTriggerChange), a = () => {
     i || e.onOpenChange(!0);
   }, g = Dt(e.filterValue);
-  return H(() => {
-    const f = setTimeout(() => {
+  return B(() => {
+    const p = setTimeout(() => {
       if (e.textValue === "" || e.textValue === void 0 || e.filterValue === "" || e.filterValue === void 0)
         return;
       const v = o().find(
-        (u) => u.type === "option" && l(u.textValue, e.textValue)
-      ), p = vo(g ?? "", e.filterValue);
-      v && !e.visuallyFocussedItem && p === e.filterValue.length && t.current.setSelectionRange(e.filterValue.length, e.textValue.length);
+        (u) => u.type === "option" && n(u.textValue, e.textValue)
+      ), f = vo(g ?? "", e.filterValue);
+      v && !e.visuallyFocussedItem && f === e.filterValue.length && t.current?.setSelectionRange(e.filterValue.length, e.textValue.length);
     });
-    return () => clearTimeout(f);
-  }, [e.textValue, e.filterValue, l, e.visuallyFocussedItem, o, g]), /* @__PURE__ */ d(
+    return () => clearTimeout(p);
+  }, [e.textValue, e.filterValue, n, e.visuallyFocussedItem, o, g]), /* @__PURE__ */ d(
     "input",
     {
       type: "text",
@@ -240,84 +258,80 @@ const Ft = [" ", "Enter", "ArrowUp", "ArrowDown"], Lt = ["Enter"], Je = (n) => !
       "data-disabled": i ? "" : void 0,
       "data-placeholder": e.textValue === void 0 ? "" : void 0,
       value: e.textValue ?? "",
-      ...n,
+      ...r,
       ref: c,
-      onClick: T(n.onClick, (f) => {
-        f.currentTarget.focus();
-      }),
-      onPointerDown: T(n.onPointerDown, (f) => {
-        f.button === 0 && f.ctrlKey === !1 && (a(), f.currentTarget.focus());
-      }),
-      onKeyDown: T(n.onKeyDown, (f) => {
-        if (["ArrowUp", "ArrowDown", "Home", "End"].includes(f.key))
+      onKeyDown: T(r.onKeyDown, (p) => {
+        if (["ArrowUp", "ArrowDown", "Home", "End"].includes(p.key))
           setTimeout(() => {
-            let p = o().filter((u) => !u.disabled).map((u) => u.ref.current);
-            if (["ArrowUp", "End"].includes(f.key) && (p = p.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(f.key)) {
-              const u = e.visuallyFocussedItem ?? f.target;
-              let m = p.indexOf(u);
-              m === p.length - 1 && (m = -1), p = p.slice(m + 1);
+            let f = o().filter((u) => !u.disabled).map((u) => u.ref.current);
+            if (["ArrowUp", "End"].includes(p.key) && (f = f.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(p.key)) {
+              const u = e.visuallyFocussedItem ?? p.target;
+              let m = f.indexOf(u);
+              m === f.length - 1 && (m = -1), f = f.slice(m + 1);
             }
-            if (["ArrowDown"].includes(f.key) && e.autocomplete === "both" && p.length > 1) {
-              const [u, ...m] = p, S = o().find((x) => x.ref.current === u).textValue;
-              e.textValue === S && (p = m);
+            if (["ArrowDown"].includes(p.key) && e.autocomplete === "both" && f.length > 1) {
+              const [u, ...m] = f, S = o().find((C) => C.ref.current === u).textValue;
+              e.textValue === S && (f = m);
             }
-            e.focusFirst(p, o());
-          }), f.preventDefault();
-        else if (["Escape"].includes(f.key))
-          e.open ? e.onOpenChange(!1) : (e.onValueChange(void 0), e.onTextValueChange("")), f.preventDefault();
-        else if (Lt.includes(f.key)) {
+            e.focusFirst(f, o());
+          }), p.preventDefault();
+        else if (["Tab"].includes(p.key) && e.open)
+          p.preventDefault();
+        else if (["Escape"].includes(p.key))
+          e.open ? e.onOpenChange(!1) : (e.onValueChange(void 0), e.onTextValueChange("")), p.preventDefault();
+        else if (Lt.includes(p.key)) {
           if (e.visuallyFocussedItem) {
-            const v = o().find((p) => p.ref.current === e.visuallyFocussedItem);
+            const v = o().find((f) => f.ref.current === e.visuallyFocussedItem);
             v && (e.onValueChange(v.value), e.onTextValueChange(v.textValue), e.autocomplete === "both" && e.onFilterValueChange(v.textValue), v.ref.current?.click());
           } else {
             const v = o().find(
-              (p) => p.type === "option" && !p.disabled && p.textValue === e.textValue
+              (f) => f.type === "option" && !f.disabled && f.textValue === e.textValue
             );
             v && (e.onValueChange(v.value), e.onTextValueChange(v.textValue), e.autocomplete === "both" && e.onFilterValueChange(v.textValue), v.ref.current?.click());
           }
-          e.onOpenChange(!1), f.preventDefault();
+          e.onOpenChange(!1), p.preventDefault();
         } else
           e.onVisuallyFocussedItemChange(null);
       }),
-      onChange: T(n.onChange, (f) => {
-        e.onTextValueChange(f.currentTarget.value), e.autocomplete === "both" && e.onFilterValueChange(f.currentTarget.value);
+      onChange: T(r.onChange, (p) => {
+        e.onTextValueChange(p.currentTarget.value), e.autocomplete === "both" && e.onFilterValueChange(p.currentTarget.value);
       }),
-      onKeyUp: T(n.onKeyUp, (f) => {
-        !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 v = e.filterValue, p = o().find((u) => l(u.textValue, v));
-            p && e.onTextValueChange(p.textValue);
+      onKeyUp: T(r.onKeyUp, (p) => {
+        !e.open && (Je(p.key) || ["ArrowUp", "ArrowDown", "Home", "End", "Backspace"].includes(p.key)) && a(), setTimeout(() => {
+          if (e.autocomplete === "both" && Je(p.key) && e.filterValue !== void 0) {
+            const v = e.filterValue, f = o().find((u) => n(u.textValue, v));
+            f && e.onTextValueChange(f.textValue);
           }
         });
       }),
-      onBlur: T(n.onBlur, () => {
+      onBlur: T(r.onBlur, () => {
         e.onVisuallyFocussedItemChange(null);
-        const [f] = o().filter(
-          (p) => p.textValue === e.textValue && p.type === "option"
+        const [p] = o().filter(
+          (f) => f.textValue === e.textValue && f.type === "option"
         );
         if (e.allowCustomValue) {
-          f && (e.onValueChange(f.value), e.autocomplete === "both" && e.onFilterValueChange(f.textValue));
+          p && (e.onValueChange(p.value), e.autocomplete === "both" && e.onFilterValueChange(p.textValue));
           return;
         }
-        const [v] = o().filter((p) => p.value === e.value && p.type === "option");
-        f ? e.onValueChange(f.value) : v && e.textValue !== "" ? (e.onTextValueChange(v.textValue), e.autocomplete === "both" && e.onFilterValueChange(v.textValue)) : (e.onValueChange(void 0), e.onTextValueChange(""));
+        const [v] = o().filter((f) => f.value === e.value && f.type === "option");
+        p ? e.onValueChange(p.value) : v && e.textValue !== "" ? (e.onTextValueChange(v.textValue), e.autocomplete === "both" && e.onFilterValueChange(v.textValue)) : (e.onValueChange(void 0), e.onTextValueChange(""));
       })
     }
   );
-}), zt = r.forwardRef((n, s) => {
-  const { children: e, ...t } = n, o = Y(at), l = o.disabled, i = () => {
-    l || (o.onOpenChange(!0), o.trigger?.focus());
+}), zt = l.forwardRef((r, s) => {
+  const { children: e, ...t } = r, o = j(at), n = o.disabled, i = () => {
+    n || (o.onOpenChange(!0), o.trigger?.focus());
   };
   return /* @__PURE__ */ d(
     N.button,
     {
       "aria-hidden": !0,
       type: "button",
-      "aria-disabled": l,
+      "aria-disabled": n,
       "aria-controls": o.contentId,
       "aria-expanded": o.open,
-      disabled: l,
-      "data-disabled": l ? "" : void 0,
+      disabled: n,
+      "data-disabled": n ? "" : void 0,
       ...t,
       tabIndex: -1,
       ref: s,
@@ -333,24 +347,24 @@ const Ft = [" ", "Enter", "ArrowUp", "ArrowDown"], Lt = ["Enter"], Je = (n) => !
       children: e || "▼"
     }
   );
-}), Gt = "ComboboxPortal", ut = (n) => /* @__PURE__ */ d(lt, { asChild: !0, ...n });
+}), Gt = "ComboboxPortal", ut = (r) => /* @__PURE__ */ d(lt, { asChild: !0, ...r });
 ut.displayName = Gt;
-const dt = "ComboboxContent", jt = r.forwardRef((n, s) => {
-  const e = Y(dt), [t, o] = r.useState();
-  if (H(() => {
+const dt = "ComboboxContent", jt = l.forwardRef((r, s) => {
+  const e = j(dt), [t, o] = l.useState();
+  if (B(() => {
     o(new DocumentFragment());
   }, []), !e.open) {
-    const l = t;
-    return l ? _e.createPortal(
-      /* @__PURE__ */ d(pe.Slot, { scope: void 0, children: /* @__PURE__ */ d("div", { children: n.children }) }),
-      l
+    const n = t;
+    return n ? _e.createPortal(
+      /* @__PURE__ */ d(fe.Slot, { scope: void 0, children: /* @__PURE__ */ d("div", { children: r.children }) }),
+      n
     ) : null;
   }
-  return /* @__PURE__ */ d(qt, { ...n, ref: s });
-}), Yt = 10, qt = r.forwardRef(
-  (n, s) => {
-    const { onEscapeKeyDown: e, onPointerDownOutside: t, ...o } = n, l = Y(dt), i = _(s, (a) => l.onContentChange(a)), { onOpenChange: c } = l;
-    return ot(), r.useEffect(() => {
+  return /* @__PURE__ */ d(qt, { ...r, ref: s });
+}), Yt = 10, qt = l.forwardRef(
+  (r, s) => {
+    const { onEscapeKeyDown: e, onPointerDownOutside: t, ...o } = r, n = j(dt), i = _(s, (a) => n.onContentChange(a)), { onOpenChange: c } = n;
+    return ot(), l.useEffect(() => {
       const a = () => {
         c(!1);
       };
@@ -367,14 +381,14 @@ const dt = "ComboboxContent", jt = r.forwardRef((n, s) => {
           a.preventDefault();
         },
         onDismiss: () => {
-          l.onOpenChange(!1), l.trigger?.focus({ preventScroll: !0 });
+          n.onOpenChange(!1), n.trigger?.focus({ preventScroll: !0 });
         },
         children: /* @__PURE__ */ d(
           Xt,
           {
             role: "listbox",
-            id: l.contentId,
-            "data-state": l.open ? "open" : "closed",
+            id: n.contentId,
+            "data-state": n.open ? "open" : "closed",
             onContextMenu: (a) => a.preventDefault(),
             ...o,
             ref: i,
@@ -391,11 +405,11 @@ const dt = "ComboboxContent", jt = r.forwardRef((n, s) => {
       }
     ) });
   }
-), Xt = r.forwardRef(
-  (n, s) => {
-    const { align: e = "start", collisionPadding: t = Yt, ...o } = n;
+), Xt = l.forwardRef(
+  (r, s) => {
+    const { align: e = "start", collisionPadding: t = Yt, ...o } = r;
     return /* @__PURE__ */ d(
-      le.Content,
+      re.Content,
       {
         ...o,
         ref: s,
@@ -414,8 +428,8 @@ const dt = "ComboboxContent", jt = r.forwardRef((n, s) => {
       }
     );
   }
-), Zt = "ComboboxViewport", Jt = r.forwardRef((n, s) => {
-  const e = Y(Zt), t = _(s, e.onViewportChange);
+), Zt = "ComboboxViewport", Jt = l.forwardRef((r, s) => {
+  const e = j(Zt), t = _(s, e.onViewportChange);
   return /* @__PURE__ */ Ne(Ae, { children: [
     /* @__PURE__ */ d(
       "style",
@@ -425,12 +439,12 @@ const dt = "ComboboxContent", jt = r.forwardRef((n, s) => {
         }
       }
     ),
-    /* @__PURE__ */ d(pe.Slot, { scope: void 0, children: /* @__PURE__ */ d(
+    /* @__PURE__ */ d(fe.Slot, { scope: void 0, children: /* @__PURE__ */ d(
       N.div,
       {
         "data-radix-combobox-viewport": "",
         role: "presentation",
-        ...n,
+        ...r,
         ref: t,
         style: {
           // we use position: 'relative' here on the `viewport` so that when we call
@@ -439,76 +453,76 @@ const dt = "ComboboxContent", jt = r.forwardRef((n, s) => {
           position: "relative",
           flex: 1,
           overflow: "auto",
-          ...n.style
+          ...r.style
         }
       }
     ) })
   ] });
-}), ft = "ComboboxItem", [Qt, pt] = et(ft), mt = r.forwardRef((n, s) => {
-  const { value: e, disabled: t = !1, textValue: o, ...l } = n, i = r.useRef(null), c = _(s, i), { getItems: a } = xe(void 0), {
+}), pt = "ComboboxItem", [Qt, ft] = et(pt), mt = l.forwardRef((r, s) => {
+  const { value: e, disabled: t = !1, textValue: o, ...n } = r, i = l.useRef(null), c = _(s, i), { getItems: a } = Ce(void 0), {
     onTextValueChange: g,
-    textValue: f,
+    textValue: p,
     visuallyFocussedItem: v,
-    ...p
-  } = Y(ft), u = ne(), [m, S] = r.useState(o ?? ""), x = r.useMemo(() => v === a().find((M) => M.ref.current === i.current)?.ref.current, [a, v]), C = p.value === e, h = () => {
-    t || (p.onValueChange(e), g(m), p.onOpenChange(!1), p.autocomplete === "both" && p.onFilterValueChange(m), p.trigger?.focus({ preventScroll: !0 }));
-  }, { startsWith: w } = Me(p.locale, { sensitivity: "base" }), A = r.useCallback((M) => {
-    S((E) => E || (M?.textContent ?? "").trim());
+    ...f
+  } = j(pt), u = oe(), [m, S] = l.useState(o ?? ""), C = l.useMemo(() => v === a().find((M) => M.ref.current === i.current)?.ref.current, [a, v]), x = f.value === e, h = () => {
+    t || (f.onValueChange(e), g(m), f.onOpenChange(!1), f.autocomplete === "both" && f.onFilterValueChange(m), f.trigger?.focus({ preventScroll: !0 }));
+  }, { startsWith: w } = Me(f.locale, { sensitivity: "base" }), A = l.useCallback((M) => {
+    S((P) => P || (M?.textContent ?? "").trim());
   }, []);
-  r.useEffect(() => {
-    C && f === void 0 && m !== "" && g(m);
-  }, [m, C, f, g]);
-  const V = ne();
-  return p.autocomplete === "list" && m && f && !w(m, f) || p.autocomplete === "both" && m && p.filterValue && !w(m, p.filterValue) ? null : /* @__PURE__ */ d(Qt, { textId: u, onTextValueChange: A, isSelected: C, children: /* @__PURE__ */ d(pe.ItemSlot, { scope: void 0, value: e, textValue: m, disabled: t, type: "option", children: /* @__PURE__ */ d(
+  l.useEffect(() => {
+    x && p === void 0 && m !== "" && g(m);
+  }, [m, x, p, g]);
+  const V = oe();
+  return f.autocomplete === "list" && m && p && !w(m, p) || f.autocomplete === "both" && m && f.filterValue && !w(m, f.filterValue) ? null : /* @__PURE__ */ d(Qt, { textId: u, onTextValueChange: A, isSelected: x, children: /* @__PURE__ */ d(fe.ItemSlot, { scope: void 0, value: e, textValue: m, disabled: t, type: "option", children: /* @__PURE__ */ d(
     N.div,
     {
       role: "option",
       "aria-labelledby": u,
-      "data-highlighted": x ? "" : void 0,
-      "aria-selected": C && x,
-      "data-state": C ? "checked" : "unchecked",
+      "data-highlighted": C ? "" : void 0,
+      "aria-selected": x && C,
+      "data-state": x ? "checked" : "unchecked",
       "aria-disabled": t || void 0,
       "data-disabled": t ? "" : void 0,
       tabIndex: t ? void 0 : -1,
-      ...l,
+      ...n,
       id: V,
       ref: c,
-      onPointerUp: T(l.onPointerUp, h)
+      onPointerUp: T(n.onPointerUp, h)
     }
   ) }) });
-}), eo = "ComboboxItemText", to = r.forwardRef((n, s) => {
-  const { className: e, style: t, ...o } = n, l = pt(eo), i = _(s, l.onTextValueChange);
-  return /* @__PURE__ */ d(N.span, { id: l.textId, ...o, ref: i });
-}), oo = "ComboboxItemIndicator", no = r.forwardRef((n, s) => {
-  const { isSelected: e } = pt(oo);
-  return e ? /* @__PURE__ */ d(N.span, { "aria-hidden": !0, ...n, ref: s }) : null;
-}), ht = "ComboboxNoValueFound", ro = r.forwardRef((n, s) => {
-  const { textValue: e = "", locale: t } = Y(ht), [o, l] = r.useState([]), { subscribe: i } = xe(void 0), { startsWith: c } = Me(t, { sensitivity: "base" });
-  return r.useEffect(() => {
+}), eo = "ComboboxItemText", to = l.forwardRef((r, s) => {
+  const { className: e, style: t, ...o } = r, n = ft(eo), i = _(s, n.onTextValueChange);
+  return /* @__PURE__ */ d(N.span, { id: n.textId, ...o, ref: i });
+}), oo = "ComboboxItemIndicator", no = l.forwardRef((r, s) => {
+  const { isSelected: e } = ft(oo);
+  return e ? /* @__PURE__ */ d(N.span, { "aria-hidden": !0, ...r, ref: s }) : null;
+}), ht = "ComboboxNoValueFound", ro = l.forwardRef((r, s) => {
+  const { textValue: e = "", locale: t } = j(ht), [o, n] = l.useState([]), { subscribe: i } = Ce(void 0), { startsWith: c } = Me(t, { sensitivity: "base" });
+  return l.useEffect(() => {
     const a = i((g) => {
-      l(g);
+      n(g);
     });
     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 = Y(ht), { textValue: l, visuallyFocussedItem: i } = o, { getItems: c, subscribe: a } = xe(void 0), g = r.useRef(null), [f, v] = r.useState(!1), p = _(s, g), u = r.useMemo(() => i === c().find((x) => x.ref.current === g.current)?.ref.current, [c, i]), m = ne(), S = () => {
-    !e && l && (o.onValueChange(l), o.onTextValueChange(l), o.onOpenChange(!1), o.autocomplete === "both" && o.onFilterValueChange(l), o.trigger?.focus({ preventScroll: !0 }));
+  }, [i]), o.some((a) => c(a.textValue, e)) ? null : /* @__PURE__ */ d(N.div, { ...r, ref: s });
+}), lo = l.forwardRef((r, s) => {
+  const { disabled: e = !1, ...t } = r, o = j(ht), { textValue: n, visuallyFocussedItem: i } = o, { getItems: c, subscribe: a } = Ce(void 0), g = l.useRef(null), [p, v] = l.useState(!1), f = _(s, g), u = l.useMemo(() => i === c().find((C) => C.ref.current === g.current)?.ref.current, [c, i]), m = oe(), S = () => {
+    !e && n && (o.onValueChange(n), o.onTextValueChange(n), o.onOpenChange(!1), o.autocomplete === "both" && o.onFilterValueChange(n), o.trigger?.focus({ preventScroll: !0 }));
   };
-  return H(() => {
-    const x = a((C) => {
-      v(!C.some((h) => h.textValue === l && h.type !== "create"));
+  return B(() => {
+    const C = a((x) => {
+      v(!x.some((h) => h.textValue === n && h.type !== "create"));
     });
     return c().length === 0 && v(!0), () => {
-      x();
+      C();
     };
-  }, [l, a, c]), !l || !f ? null : /* @__PURE__ */ d(
-    pe.ItemSlot,
+  }, [n, a, c]), !n || !p ? null : /* @__PURE__ */ d(
+    fe.ItemSlot,
     {
       scope: void 0,
-      value: l ?? "",
-      textValue: l ?? "",
+      value: n ?? "",
+      textValue: n ?? "",
       disabled: e,
       type: "create",
       children: /* @__PURE__ */ d(
@@ -521,96 +535,96 @@ const dt = "ComboboxContent", jt = r.forwardRef((n, s) => {
           "data-highlighted": u ? "" : void 0,
           ...t,
           id: m,
-          ref: p,
+          ref: f,
           onPointerUp: T(t.onPointerUp, S)
         }
       )
     }
   );
-}), so = $t, co = Kt, io = Wt, ao = zt, uo = ut, fo = jt, po = Jt, mo = mt, ho = to, go = no, xo = ro, Co = lo;
-function vo(n, s) {
-  const e = Math.min(n.length, s.length);
+}), so = $t, co = Kt, io = Wt, ao = zt, uo = ut, po = jt, fo = Jt, mo = mt, ho = to, go = no, Co = ro, xo = lo;
+function vo(r, s) {
+  const e = Math.min(r.length, s.length);
   for (let t = 0; t < e; t++)
-    if (n[t] !== s[t])
+    if (r[t] !== s[t])
       return t;
   return e;
 }
 const Tn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   ComboboxItem: mt,
-  Content: fo,
-  CreateItem: Co,
+  Content: po,
+  CreateItem: xo,
   Icon: ao,
   Item: mo,
   ItemIndicator: go,
   ItemText: ho,
-  NoValueFound: xo,
+  NoValueFound: Co,
   Portal: uo,
   Root: so,
   TextInput: io,
   Trigger: co,
-  Viewport: po
-}, Symbol.toStringTag, { value: "Module" })), So = [" ", "Enter", "ArrowUp", "ArrowDown"], bo = [" ", "Enter"], me = "Select", [Ce, he, wo] = Rt(me), [ae, yo] = Qe(me, [
+  Viewport: fo
+}, Symbol.toStringTag, { value: "Module" })), So = [" ", "Enter", "ArrowUp", "ArrowDown"], bo = [" ", "Enter"], me = "Select", [xe, he, wo] = Rt(me), [ae, yo] = Qe(me, [
   wo,
   rt
-]), ve = rt(), [Io, q] = ae(me), [To, Vo] = ae(me), Oe = (n) => {
+]), ve = rt(), [Io, Y] = ae(me), [To, Vo] = ae(me), Oe = (r) => {
   const {
     __scopeSelect: s,
     children: e,
     open: t,
     defaultOpen: o,
-    onOpenChange: l,
+    onOpenChange: n,
     value: i,
     defaultValue: c,
     onValueChange: a,
     dir: g,
     // name,
     // autoComplete,
-    disabled: f,
+    disabled: p,
     required: v,
-    multi: p = !1
-  } = n, u = ve(s), [m, S] = r.useState(null), [x, C] = r.useState(null), [h, w] = r.useState(!1), A = Nt(g), [V = !1, M] = ie({
+    multi: f = !1
+  } = r, u = ve(s), [m, S] = l.useState(null), [C, x] = l.useState(null), [h, w] = l.useState(!1), A = Nt(g), [V = !1, M] = ie({
     prop: t,
     defaultProp: o,
-    onChange: l
-  }), [E, k] = ie({
+    onChange: n
+  }), [P, k] = ie({
     prop: i,
     defaultProp: c,
     onChange(O) {
       a && (Array.isArray(O), a(O));
     }
-  }), $ = r.useRef(null), [G, F] = r.useState(/* @__PURE__ */ new Set());
-  return /* @__PURE__ */ d(le.Root, { ...u, children: /* @__PURE__ */ d(
+  }), H = l.useRef(null), [z, $] = l.useState(/* @__PURE__ */ new Set());
+  return /* @__PURE__ */ d(re.Root, { ...u, children: /* @__PURE__ */ d(
     Io,
     {
       required: v,
       scope: s,
       trigger: m,
       onTriggerChange: S,
-      valueNode: x,
-      onValueNodeChange: C,
+      valueNode: C,
+      onValueNodeChange: x,
       valueNodeHasChildren: h,
       onValueNodeHasChildrenChange: w,
-      contentId: ne(),
-      value: E,
+      contentId: oe(),
+      value: P,
       onValueChange: k,
       open: V,
       onOpenChange: M,
       dir: A,
-      triggerPointerDownPosRef: $,
-      disabled: f,
-      multi: p,
-      children: /* @__PURE__ */ d(Ce.Provider, { scope: s, children: /* @__PURE__ */ d(
+      triggerPointerDownPosRef: H,
+      disabled: p,
+      multi: f,
+      children: /* @__PURE__ */ d(xe.Provider, { scope: s, children: /* @__PURE__ */ d(
         To,
         {
-          scope: n.__scopeSelect,
-          onNativeOptionAdd: r.useCallback((O) => {
-            F((L) => new Set(L).add(O));
+          scope: r.__scopeSelect,
+          onNativeOptionAdd: l.useCallback((O) => {
+            $((F) => new Set(F).add(O));
           }, []),
-          onNativeOptionRemove: r.useCallback((O) => {
-            F((L) => {
-              const B = new Set(L);
-              return B.delete(O), B;
+          onNativeOptionRemove: l.useCallback((O) => {
+            $((F) => {
+              const L = new Set(F);
+              return L.delete(O), L;
             });
           }, []),
           children: e
@@ -620,29 +634,29 @@ const Tn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   ) });
 };
 Oe.displayName = me;
-const gt = "SelectTrigger", De = r.forwardRef(
-  (n, s) => {
-    const { __scopeSelect: e, ...t } = n, o = ve(e), l = q(gt, e), i = l.disabled, c = _(s, l.onTriggerChange), a = he(e), [g, f, v] = Vt((u) => {
-      const m = a().filter((C) => !C.disabled), S = m.find((C) => C.value === l.value), x = Et(m, u, S);
-      if (x !== void 0 && !Array.isArray(x.value)) {
-        const C = l.multi ? [x.value] : x.value;
-        l.onValueChange(C);
+const gt = "SelectTrigger", De = l.forwardRef(
+  (r, s) => {
+    const { __scopeSelect: e, ...t } = r, o = ve(e), n = Y(gt, e), i = n.disabled, c = _(s, n.onTriggerChange), a = he(e), [g, p, v] = Vt((u) => {
+      const m = a().filter((x) => !x.disabled), S = m.find((x) => x.value === n.value), C = Pt(m, u, S);
+      if (C !== void 0 && !Array.isArray(C.value)) {
+        const x = n.multi ? [C.value] : C.value;
+        n.onValueChange(x);
       }
-    }), p = () => {
-      i || (l.onOpenChange(!0), v());
+    }), f = () => {
+      i || (n.onOpenChange(!0), v());
     };
-    return /* @__PURE__ */ d(le.Anchor, { asChild: !0, ...o, children: /* @__PURE__ */ d(
+    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": n.contentId,
+        "aria-expanded": n.open,
+        "aria-required": n.required,
         "aria-autocomplete": "none",
-        dir: l.dir,
-        "data-state": l.open ? "open" : "closed",
+        dir: n.dir,
+        "data-state": n.open ? "open" : "closed",
         "data-disabled": i ? "" : void 0,
-        "data-placeholder": l.value === void 0 ? "" : void 0,
+        "data-placeholder": n.value === void 0 ? "" : void 0,
         tabIndex: i ? void 0 : 0,
         ...t,
         ref: c,
@@ -651,30 +665,30 @@ const gt = "SelectTrigger", De = r.forwardRef(
         }),
         onPointerDown: T(t.onPointerDown, (u) => {
           const m = u.target;
-          m.hasPointerCapture(u.pointerId) && m.releasePointerCapture(u.pointerId), (m.closest("button") ?? m.closest("div")) === u.currentTarget && u.button === 0 && u.ctrlKey === !1 && (p(), l.triggerPointerDownPosRef.current = {
+          m.hasPointerCapture(u.pointerId) && m.releasePointerCapture(u.pointerId), (m.closest("button") ?? m.closest("div")) === u.currentTarget && u.button === 0 && u.ctrlKey === !1 && (f(), n.triggerPointerDownPosRef.current = {
             x: Math.round(u.pageX),
             y: Math.round(u.pageY)
           }, u.preventDefault());
         }),
         onKeyDown: T(t.onKeyDown, (u) => {
-          const m = g.current !== "", S = u.ctrlKey || u.altKey || u.metaKey, x = u.target;
-          (x.closest("button") ?? x.closest("div")) === u.currentTarget && (!S && u.key.length === 1 && f(u.key), !(m && u.key === " ") && So.includes(u.key) && (p(), u.preventDefault()));
+          const m = g.current !== "", S = u.ctrlKey || u.altKey || u.metaKey, C = u.target;
+          (C.closest("button") ?? C.closest("div")) === u.currentTarget && (!S && u.key.length === 1 && p(u.key), !(m && u.key === " ") && So.includes(u.key) && (f(), u.preventDefault()));
         })
       }
     ) });
   }
 );
 De.displayName = gt;
-const xt = "SelectValue", ke = r.forwardRef(
-  (n, s) => {
-    const { __scopeSelect: e, children: t, placeholder: o, ...l } = n, i = q(xt, e), { onValueNodeHasChildrenChange: c } = i, a = t !== void 0, g = _(s, i.onValueNodeChange), [f, v] = r.useState([]), p = he(e);
-    H(() => {
+const Ct = "SelectValue", ke = l.forwardRef(
+  (r, s) => {
+    const { __scopeSelect: e, children: t, placeholder: o, ...n } = r, i = Y(Ct, e), { onValueNodeHasChildrenChange: c } = i, a = t !== void 0, g = _(s, i.onValueNodeChange), [p, v] = l.useState([]), f = he(e);
+    B(() => {
       c(a);
-    }, [c, a]), r.useLayoutEffect(() => {
-      if (Array.isArray(i.value) && f.length !== i.value.length) {
+    }, [c, a]), l.useLayoutEffect(() => {
+      if (Array.isArray(i.value) && p.length !== i.value.length) {
         const m = setTimeout(() => {
-          const S = p().filter(
-            (x) => Array.isArray(x.value) ? !1 : i.value?.includes(x.value)
+          const S = f().filter(
+            (C) => Array.isArray(C.value) ? !1 : i.value?.includes(C.value)
           );
           v(S);
         });
@@ -682,94 +696,94 @@ const xt = "SelectValue", ke = r.forwardRef(
           clearTimeout(m);
         };
       }
-    }, [i.value, p, f]);
+    }, [i.value, f, p]);
     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 m = i.value.map((S) => {
-          const x = f.find((C) => C.value === S);
-          return x ? t({ value: S, textValue: x?.textValue }) : null;
+          const C = p.find((x) => x.value === S);
+          return C ? t({ value: S, textValue: C?.textValue }) : null;
         });
         u = m.every((S) => S === null) ? o : m;
       } else
         u = t(i.value);
     else
       u = t;
-    return /* @__PURE__ */ d(N.span, { ...l, ref: g, children: u || null });
+    return /* @__PURE__ */ d(N.span, { ...n, ref: g, children: u || null });
   }
 );
-ke.displayName = xt;
-const Eo = "SelectIcon", Fe = r.forwardRef(
-  (n, s) => {
-    const { __scopeSelect: e, children: t, ...o } = n;
+ke.displayName = Ct;
+const Po = "SelectIcon", Fe = l.forwardRef(
+  (r, s) => {
+    const { __scopeSelect: e, children: t, ...o } = r;
     return /* @__PURE__ */ d(N.span, { "aria-hidden": !0, ...o, ref: s, children: t || "▼" });
   }
 );
-Fe.displayName = Eo;
-const Po = "SelectPortal", Le = (n) => /* @__PURE__ */ d(lt, { asChild: !0, ...n });
-Le.displayName = Po;
-const re = "SelectContent", Be = r.forwardRef(
-  (n, s) => {
-    const e = q(re, n.__scopeSelect), [t, o] = r.useState();
-    if (H(() => {
+Fe.displayName = Po;
+const Eo = "SelectPortal", Le = (r) => /* @__PURE__ */ d(lt, { asChild: !0, ...r });
+Le.displayName = Eo;
+const ne = "SelectContent", Be = l.forwardRef(
+  (r, s) => {
+    const e = Y(ne, r.__scopeSelect), [t, o] = l.useState();
+    if (B(() => {
       o(new DocumentFragment());
     }, []), !e.open) {
-      const l = t;
-      return l ? _e.createPortal(
-        /* @__PURE__ */ d(Ct, { scope: n.__scopeSelect, children: /* @__PURE__ */ d(Ce.Slot, { scope: n.__scopeSelect, children: /* @__PURE__ */ d("div", { children: n.children }) }) }),
-        l
+      const n = t;
+      return n ? _e.createPortal(
+        /* @__PURE__ */ d(xt, { scope: r.__scopeSelect, children: /* @__PURE__ */ d(xe.Slot, { scope: r.__scopeSelect, children: /* @__PURE__ */ d("div", { children: r.children }) }) }),
+        n
       ) : null;
     }
-    return /* @__PURE__ */ d(vt, { ...n, ref: s });
+    return /* @__PURE__ */ d(vt, { ...r, ref: s });
   }
 );
-Be.displayName = re;
-const j = 10, [Ct, Q] = ae(re), Ro = "SelectContentImpl", vt = r.forwardRef(
-  (n, s) => {
+Be.displayName = ne;
+const G = 10, [xt, J] = ae(ne), Ro = "SelectContentImpl", vt = l.forwardRef(
+  (r, s) => {
     const {
       __scopeSelect: e,
       position: t = "item-aligned",
       onCloseAutoFocus: o,
-      onEscapeKeyDown: l,
+      onEscapeKeyDown: n,
       onPointerDownOutside: i,
       //
       // PopperContent props
       side: c,
       sideOffset: a,
       align: g,
-      alignOffset: f,
+      alignOffset: p,
       arrowPadding: v,
-      collisionBoundary: p,
+      collisionBoundary: f,
       collisionPadding: u,
       sticky: m,
       hideWhenDetached: S,
-      avoidCollisions: x,
+      avoidCollisions: C,
       //
-      ...C
-    } = n, h = q(re, e), [w, A] = r.useState(null), [V, M] = r.useState(null), E = _(s, (b) => A(b)), [k, $] = r.useState(null), [G, F] = r.useState(null), O = he(e), [L, B] = r.useState(!1), U = r.useRef(!1);
-    r.useEffect(() => {
+      ...x
+    } = r, h = Y(ne, e), [w, A] = l.useState(null), [V, M] = l.useState(null), P = _(s, (b) => A(b)), [k, H] = l.useState(null), [z, $] = l.useState(null), O = he(e), [F, L] = l.useState(!1), U = l.useRef(!1);
+    l.useEffect(() => {
       if (w)
         return st(w);
     }, [w]), ot();
-    const K = r.useCallback(
+    const K = l.useCallback(
       (b) => {
-        const [y, ...D] = O().map((R) => R.ref.current), [I] = D.slice(-1), P = document.activeElement;
+        const [y, ...D] = O().map((R) => R.ref.current), [I] = D.slice(-1), E = document.activeElement;
         for (const R of b)
-          if (R === P || (R?.scrollIntoView({ block: "nearest" }), R === y && V && (V.scrollTop = 0), R === I && V && (V.scrollTop = V.scrollHeight), R?.focus(), document.activeElement !== P))
+          if (R === E || (R?.scrollIntoView({ block: "nearest" }), R === y && V && (V.scrollTop = 0), R === I && V && (V.scrollTop = V.scrollHeight), R?.focus(), document.activeElement !== E))
             return;
       },
       [O, V]
-    ), X = r.useCallback(
+    ), q = l.useCallback(
       () => K([k, w]),
       [K, k, w]
     );
-    r.useEffect(() => {
-      L && X();
-    }, [L, X]);
-    const { onOpenChange: Z, triggerPointerDownPosRef: W } = h;
-    r.useEffect(() => {
+    l.useEffect(() => {
+      F && q();
+    }, [F, q]);
+    const { onOpenChange: X, triggerPointerDownPosRef: W } = h;
+    l.useEffect(() => {
       if (w) {
         let b = { x: 0, y: 0 };
         const y = (I) => {
@@ -778,47 +792,47 @@ const j = 10, [Ct, Q] = ae(re), Ro = "SelectContentImpl", vt = r.forwardRef(
             y: Math.abs(Math.round(I.pageY) - (W.current?.y ?? 0))
           };
         }, D = (I) => {
-          b.x <= 10 && b.y <= 10 ? I.preventDefault() : w.contains(I.target) || Z(!1), document.removeEventListener("pointermove", y), W.current = null;
+          b.x <= 10 && b.y <= 10 ? I.preventDefault() : w.contains(I.target) || X(!1), document.removeEventListener("pointermove", y), W.current = null;
         };
         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, Z, W]), r.useEffect(() => {
-      const b = () => Z(!1);
+    }, [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);
       };
-    }, [Z]);
-    const [ue, z] = Vt((b) => {
-      const y = O().filter((P) => !P.disabled), D = y.find((P) => P.ref.current === document.activeElement), I = Et(y, b, D);
+    }, [X]);
+    const [ue, le] = Vt((b) => {
+      const y = O().filter((E) => !E.disabled), D = y.find((E) => E.ref.current === document.activeElement), I = Pt(y, b, D);
       I && setTimeout(() => I.ref.current.focus());
-    }), se = r.useCallback(
+    }), se = l.useCallback(
       (b, y, D) => {
         const I = !U.current && !D;
-        (h.value !== void 0 && h.value === y || I) && ($(b), I && (U.current = !0));
+        (h.value !== void 0 && h.value === y || I) && (H(b), I && (U.current = !0));
       },
       [h.value]
-    ), de = r.useCallback(() => w?.focus(), [w]), J = r.useCallback(
+    ), de = l.useCallback(() => w?.focus(), [w]), Z = l.useCallback(
       (b, y, D) => {
         const I = !U.current && !D;
-        (h.value !== void 0 && (Array.isArray(y) ? y.every((R) => h.value?.includes(R)) : h.value === y) || I) && F(b);
+        (h.value !== void 0 && (Array.isArray(y) ? y.every((R) => h.value?.includes(R)) : h.value === y) || I) && $(b);
       },
       [h.value]
-    ), ce = t === "popper" ? Te : St, ee = ce === Te ? {
+    ), ce = t === "popper" ? Te : St, Q = ce === Te ? {
       side: c,
       sideOffset: a,
       align: g,
-      alignOffset: f,
+      alignOffset: p,
       arrowPadding: v,
-      collisionBoundary: p,
+      collisionBoundary: f,
       collisionPadding: u,
       sticky: m,
       hideWhenDetached: S,
-      avoidCollisions: x
+      avoidCollisions: C
     } : {};
     return /* @__PURE__ */ d(
-      Ct,
+      xt,
       {
         scope: e,
         content: w,
@@ -827,11 +841,11 @@ const j = 10, [Ct, Q] = ae(re), Ro = "SelectContentImpl", vt = r.forwardRef(
         itemRefCallback: se,
         selectedItem: k,
         onItemLeave: de,
-        itemTextRefCallback: J,
-        focusSelectedItem: X,
-        selectedItemText: G,
+        itemTextRefCallback: Z,
+        focusSelectedItem: q,
+        selectedItemText: z,
         position: t,
-        isPositioned: L,
+        isPositioned: F,
         searchRef: ue,
         children: /* @__PURE__ */ d(ct, { as: Ie, allowPinchZoom: !0, children: /* @__PURE__ */ d(
           nt,
@@ -849,7 +863,7 @@ const j = 10, [Ct, Q] = ae(re), Ro = "SelectContentImpl", vt = r.forwardRef(
               {
                 asChild: !0,
                 disableOutsidePointerEvents: !0,
-                onEscapeKeyDown: l,
+                onEscapeKeyDown: n,
                 onPointerDownOutside: i,
                 onFocusOutside: (b) => b.preventDefault(),
                 onDismiss: () => h.onOpenChange(!1),
@@ -862,24 +876,24 @@ const j = 10, [Ct, Q] = ae(re), Ro = "SelectContentImpl", vt = r.forwardRef(
                     "aria-multiselectable": h.multi ? "true" : void 0,
                     dir: h.dir,
                     onContextMenu: (b) => b.preventDefault(),
-                    ...C,
-                    ...ee,
-                    onPlaced: () => B(!0),
-                    ref: E,
+                    ...x,
+                    ...Q,
+                    onPlaced: () => L(!0),
+                    ref: P,
                     style: {
                       // flex layout so we can place the scroll buttons properly
                       display: "flex",
                       flexDirection: "column",
                       // reset the outline by default as the content MAY get focused
                       outline: "none",
-                      ...C.style
+                      ...x.style
                     },
-                    onKeyDown: T(C.onKeyDown, (b) => {
+                    onKeyDown: T(x.onKeyDown, (b) => {
                       const y = b.ctrlKey || b.altKey || b.metaKey;
-                      if (b.key === "Tab" && b.preventDefault(), !y && b.key.length === 1 && z(b.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(b.key)) {
-                        let I = O().filter((P) => !P.disabled).map((P) => P.ref.current);
+                      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((E) => !E.disabled).map((E) => E.ref.current);
                         if (["ArrowUp", "End"].includes(b.key) && (I = I.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(b.key)) {
-                          const P = b.target, R = I.indexOf(P);
+                          const E = b.target, R = I.indexOf(E);
                           I = I.slice(R + 1);
                         }
                         setTimeout(() => K(I)), b.preventDefault();
@@ -896,60 +910,60 @@ const j = 10, [Ct, Q] = ae(re), Ro = "SelectContentImpl", vt = r.forwardRef(
   }
 );
 vt.displayName = Ro;
-const No = "SelectItemAlignedPosition", St = r.forwardRef(
-  (n, s) => {
-    const { __scopeSelect: e, onPlaced: t, ...o } = n, l = q(re, e), i = Q(re, e), [c, a] = r.useState(null), [g, f] = r.useState(null), v = _(s, (E) => f(E)), p = he(e), u = r.useRef(!1), m = r.useRef(!0), { viewport: S, selectedItem: x, selectedItemText: C, focusSelectedItem: h } = i, w = r.useCallback(() => {
-      if (l.trigger && l.valueNode && c && g && S && x && C) {
-        const E = l.trigger.getBoundingClientRect(), k = g.getBoundingClientRect(), $ = l.valueNode.getBoundingClientRect(), G = C.getBoundingClientRect();
-        if (l.dir !== "rtl") {
-          const P = G.left - k.left, R = $.left - P, te = E.left - R, oe = E.width + te, Se = Math.max(oe, k.width), be = window.innerWidth - j, we = Ze(R, [j, be - Se]);
-          c.style.minWidth = `${oe}px`, c.style.left = `${we}px`;
+const No = "SelectItemAlignedPosition", St = l.forwardRef(
+  (r, s) => {
+    const { __scopeSelect: e, onPlaced: t, ...o } = r, n = Y(ne, e), i = J(ne, e), [c, a] = l.useState(null), [g, p] = l.useState(null), v = _(s, (P) => p(P)), f = he(e), u = l.useRef(!1), m = l.useRef(!0), { viewport: S, selectedItem: C, selectedItemText: x, focusSelectedItem: h } = i, w = l.useCallback(() => {
+      if (n.trigger && n.valueNode && c && g && S && C && x) {
+        const P = n.trigger.getBoundingClientRect(), k = g.getBoundingClientRect(), H = n.valueNode.getBoundingClientRect(), z = x.getBoundingClientRect();
+        if (n.dir !== "rtl") {
+          const E = z.left - k.left, R = H.left - E, 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 P = k.right - G.right, R = window.innerWidth - $.right - P, te = window.innerWidth - E.right - R, oe = E.width + te, Se = Math.max(oe, k.width), be = window.innerWidth - j, we = Ze(R, [j, be - Se]);
-          c.style.minWidth = `${oe}px`, c.style.right = `${we}px`;
+          const E = k.right - z.right, R = window.innerWidth - H.right - E, 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 F = p(), O = window.innerHeight - j * 2, L = S.scrollHeight, B = window.getComputedStyle(g), U = parseInt(B.borderTopWidth, 10), K = parseInt(B.paddingTop, 10), X = parseInt(B.borderBottomWidth, 10), Z = parseInt(B.paddingBottom, 10), W = U + K + L + Z + X, ue = Math.min(x.offsetHeight * 5, W), z = window.getComputedStyle(S), se = parseInt(z.paddingTop, 10), de = parseInt(z.paddingBottom, 10), J = E.top + E.height / 2 - j, ce = O - J, ee = x.offsetHeight / 2, b = x.offsetTop + ee, y = U + K + b, D = W - y;
-        if (y <= J) {
-          const P = x === F[F.length - 1].ref.current;
+        const $ = f(), O = window.innerHeight - G * 2, F = S.scrollHeight, L = window.getComputedStyle(g), 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(S), 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 E = C === $[$.length - 1].ref.current;
           c.style.bottom = "0px";
-          const R = g.clientHeight - S.offsetTop - S.offsetHeight, te = Math.max(
+          const R = g.clientHeight - S.offsetTop - S.offsetHeight, ee = Math.max(
             ce,
-            ee + // viewport might have padding bottom, include it to avoid a scrollable viewport
-            (P ? de : 0) + R + X
-          ), oe = y + te;
-          c.style.height = `${oe}px`;
+            Q + // viewport might have padding bottom, include it to avoid a scrollable viewport
+            (E ? de : 0) + R + q
+          ), te = y + ee;
+          c.style.height = `${te}px`;
         } else {
-          const P = x === F[0].ref.current;
+          const E = C === $[0].ref.current;
           c.style.top = "0px";
-          const te = Math.max(
-            J,
+          const ee = Math.max(
+            Z,
             U + S.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
-            (P ? se : 0) + ee
+            (E ? se : 0) + Q
           ) + D;
-          c.style.height = `${te}px`, S.scrollTop = y - J + S.offsetTop;
+          c.style.height = `${ee}px`, S.scrollTop = y - Z + S.offsetTop;
         }
-        c.style.margin = `${j}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);
       }
     }, [
-      p,
-      l.trigger,
-      l.valueNode,
+      f,
+      n.trigger,
+      n.valueNode,
       c,
       g,
       S,
-      x,
       C,
-      l.dir,
+      x,
+      n.dir,
       t
     ]);
-    H(() => w(), [w]);
-    const [A, V] = r.useState();
-    H(() => {
+    B(() => w(), [w]);
+    const [A, V] = l.useState();
+    B(() => {
       g && V(window.getComputedStyle(g).zIndex);
     }, [g]);
-    const M = r.useCallback(
-      (E) => {
-        E && m.current === !0 && (w(), h?.(), m.current = !1);
+    const M = l.useCallback(
+      (P) => {
+        P && m.current === !0 && (w(), h?.(), m.current = !1);
       },
       [w, h]
     );
@@ -992,21 +1006,21 @@ const No = "SelectItemAlignedPosition", St = r.forwardRef(
   }
 );
 St.displayName = No;
-const Ao = "SelectPopperPosition", Te = r.forwardRef(
-  (n, s) => {
-    const { __scopeSelect: e, align: t = "start", collisionPadding: o = j, ...l } = n, i = ve(e);
+const Ao = "SelectPopperPosition", Te = l.forwardRef(
+  (r, s) => {
+    const { __scopeSelect: e, align: t = "start", collisionPadding: o = G, ...n } = r, i = ve(e);
     return /* @__PURE__ */ d(
-      le.Content,
+      re.Content,
       {
         ...i,
-        ...l,
+        ...n,
         ref: s,
         align: t,
         collisionPadding: o,
         style: {
           // Ensure border-box for floating-ui calculations
           boxSizing: "border-box",
-          ...l.style,
+          ...n.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)",
@@ -1019,11 +1033,11 @@ const Ao = "SelectPopperPosition", Te = r.forwardRef(
 );
 Te.displayName = Ao;
 const [_o, He] = ae(
-  re,
+  ne,
   {}
-), Ve = "SelectViewport", $e = r.forwardRef(
-  (n, s) => {
-    const { __scopeSelect: e, ...t } = n, o = Q(Ve, e), l = He(Ve, e), i = _(s, o.onViewportChange), c = r.useRef(0);
+), Ve = "SelectViewport", $e = l.forwardRef(
+  (r, s) => {
+    const { __scopeSelect: e, ...t } = r, o = J(Ve, e), n = He(Ve, e), i = _(s, o.onViewportChange), c = l.useRef(0);
     return /* @__PURE__ */ Ne(Ae, { children: [
       /* @__PURE__ */ d(
         "style",
@@ -1033,7 +1047,7 @@ const [_o, He] = ae(
           }
         }
       ),
-      /* @__PURE__ */ d(Ce.Slot, { scope: e, children: /* @__PURE__ */ d(
+      /* @__PURE__ */ d(xe.Slot, { scope: e, children: /* @__PURE__ */ d(
         N.div,
         {
           "data-radix-select-viewport": "",
@@ -1050,14 +1064,14 @@ const [_o, He] = ae(
             ...t.style
           },
           onScroll: T(t.onScroll, (a) => {
-            const g = a.currentTarget, { contentWrapper: f, shouldExpandOnScrollRef: v } = l;
-            if (v?.current && f) {
-              const p = Math.abs(c.current - g.scrollTop);
-              if (p > 0) {
-                const u = window.innerHeight - j * 2, m = parseFloat(f.style.minHeight), S = parseFloat(f.style.height), x = Math.max(m, S);
-                if (x < u) {
-                  const C = x + p, h = Math.min(u, C), w = C - h;
-                  f.style.height = `${h}px`, f.style.bottom === "0px" && (g.scrollTop = w > 0 ? w : 0, f.style.justifyContent = "flex-end");
+            const g = a.currentTarget, { contentWrapper: p, shouldExpandOnScrollRef: v } = n;
+            if (v?.current && p) {
+              const f = Math.abs(c.current - g.scrollTop);
+              if (f > 0) {
+                const u = window.innerHeight - G * 2, m = parseFloat(p.style.minHeight), S = parseFloat(p.style.height), C = Math.max(m, S);
+                if (C < u) {
+                  const x = C + f, h = Math.min(u, x), w = x - h;
+                  p.style.height = `${h}px`, p.style.bottom === "0px" && (g.scrollTop = w > 0 ? w : 0, p.style.justifyContent = "flex-end");
                 }
               }
             }
@@ -1069,29 +1083,29 @@ const [_o, He] = ae(
   }
 );
 $e.displayName = Ve;
-const bt = "SelectGroup", [Mo, Oo] = ae(bt), Ue = r.forwardRef(
-  (n, s) => {
-    const { __scopeSelect: e, ...t } = n, o = ne();
+const bt = "SelectGroup", [Mo, Oo] = ae(bt), Ue = l.forwardRef(
+  (r, s) => {
+    const { __scopeSelect: e, ...t } = r, 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 = bt;
-const wt = "SelectLabel", Ke = r.forwardRef(
-  (n, s) => {
-    const { __scopeSelect: e, ...t } = n, o = Oo(wt, e);
+const wt = "SelectLabel", Ke = l.forwardRef(
+  (r, s) => {
+    const { __scopeSelect: e, ...t } = r, o = Oo(wt, e);
     return /* @__PURE__ */ d(N.div, { id: o.id, ...t, ref: s });
   }
 );
 Ke.displayName = wt;
-const ge = "SelectItem", [Do, yt] = ae(ge), We = r.forwardRef(
-  (n, s) => {
-    const { __scopeSelect: e, value: t, disabled: o = !1, textValue: l, ...i } = n, c = q(ge, e), a = Q(ge, e), g = typeof t == "string" ? Array.isArray(c.value) ? c.value.includes(t) : c.value === t : t.every((h) => c.value?.includes(h)), f = Array.isArray(c.value) && Array.isArray(t) && t.some((h) => c.value?.includes(h)), [v, p] = r.useState(l ?? ""), [u, m] = r.useState(!1), S = _(
+const ge = "SelectItem", [Do, yt] = ae(ge), We = l.forwardRef(
+  (r, s) => {
+    const { __scopeSelect: e, value: t, disabled: o = !1, textValue: n, ...i } = r, c = Y(ge, e), a = J(ge, e), g = typeof t == "string" ? Array.isArray(c.value) ? c.value.includes(t) : c.value === t : t.every((h) => c.value?.includes(h)), p = Array.isArray(c.value) && Array.isArray(t) && t.some((h) => c.value?.includes(h)), [v, f] = l.useState(n ?? ""), [u, m] = l.useState(!1), S = _(
       s,
       (h) => a.itemRefCallback?.(h, t, o)
-    ), x = ne(), C = () => {
+    ), C = oe(), x = () => {
       if (!o) {
         let h = c.multi && typeof t == "string" ? [t] : t;
-        f && !g ? c.onValueChange(h) : Array.isArray(c.value) && (h = Pt(t, c.value)), c.onValueChange(h), c.multi || c.onOpenChange(!1);
+        p && !g ? c.onValueChange(h) : Array.isArray(c.value) && (h = Et(t, c.value)), c.onValueChange(h), c.multi || c.onOpenChange(!1);
       }
     };
     if (!c.multi && Array.isArray(t))
@@ -1102,17 +1116,17 @@ const ge = "SelectItem", [Do, yt] = ae(ge), We = r.forwardRef(
         scope: e,
         value: t,
         disabled: o,
-        textId: x,
+        textId: C,
         isSelected: g,
-        isIntermediate: f,
-        onItemTextChange: r.useCallback((h) => {
-          p((w) => w || (h?.textContent ?? "").trim());
+        isIntermediate: p,
+        onItemTextChange: l.useCallback((h) => {
+          f((w) => w || (h?.textContent ?? "").trim());
         }, []),
-        children: /* @__PURE__ */ d(Ce.ItemSlot, { scope: e, value: t, disabled: o, textValue: v, children: /* @__PURE__ */ d(
+        children: /* @__PURE__ */ d(xe.ItemSlot, { scope: e, value: t, disabled: o, textValue: v, children: /* @__PURE__ */ d(
           N.div,
           {
             role: "option",
-            "aria-labelledby": x,
+            "aria-labelledby": C,
             "data-highlighted": u ? "" : void 0,
             "aria-selected": c.multi ? void 0 : g && u,
             "aria-checked": c.multi ? g : void 0,
@@ -1124,7 +1138,7 @@ const ge = "SelectItem", [Do, yt] = ae(ge), We = r.forwardRef(
             ref: S,
             onFocus: T(i.onFocus, () => m(!0)),
             onBlur: T(i.onBlur, () => m(!1)),
-            onPointerUp: T(i.onPointerUp, C),
+            onPointerUp: T(i.onPointerUp, x),
             onPointerMove: T(i.onPointerMove, (h) => {
               o ? a.onItemLeave?.() : h.currentTarget.focus({ preventScroll: !0 });
             }),
@@ -1132,7 +1146,7 @@ const ge = "SelectItem", [Do, yt] = ae(ge), We = r.forwardRef(
               h.currentTarget === document.activeElement && a.onItemLeave?.();
             }),
             onKeyDown: T(i.onKeyDown, (h) => {
-              a.searchRef?.current !== "" && h.key === " " || (bo.includes(h.key) && C(), h.key === " " && h.preventDefault());
+              a.searchRef?.current !== "" && h.key === " " || (bo.includes(h.key) && x(), h.key === " " && h.preventDefault());
             })
           }
         ) })
@@ -1141,14 +1155,14 @@ const ge = "SelectItem", [Do, yt] = ae(ge), We = r.forwardRef(
   }
 );
 We.displayName = ge;
-const fe = "SelectItemText", ze = r.forwardRef(
-  (n, s) => {
-    const { __scopeSelect: e, className: t, style: o, ...l } = n, i = q(fe, e), c = Q(fe, e), a = yt(fe, e), g = Vo(fe, e), [f, v] = r.useState(null), p = _(
+const pe = "SelectItemText", ze = l.forwardRef(
+  (r, s) => {
+    const { __scopeSelect: e, className: t, style: o, ...n } = r, i = Y(pe, e), c = J(pe, e), a = yt(pe, e), g = Vo(pe, e), [p, v] = l.useState(null), f = _(
       s,
-      (C) => v(C),
+      (x) => v(x),
       a.onItemTextChange,
-      (C) => c.itemTextRefCallback?.(C, a.value, a.disabled)
-    ), u = f?.textContent, m = r.useMemo(
+      (x) => c.itemTextRefCallback?.(x, a.value, a.disabled)
+    ), u = p?.textContent, m = l.useMemo(
       () => /* @__PURE__ */ d(
         "option",
         {
@@ -1159,39 +1173,39 @@ const fe = "SelectItemText", ze = r.forwardRef(
         Array.isArray(a.value) ? a.value.join(";") : a.value
       ),
       [a.disabled, a.value, u]
-    ), { onNativeOptionAdd: S, onNativeOptionRemove: x } = g;
-    return H(() => (S(m), () => x(m)), [S, x, m]), /* @__PURE__ */ Ne(Ae, { children: [
-      /* @__PURE__ */ d(N.span, { id: a.textId, ...l, ref: p }),
-      a.isSelected && i.valueNode && !i.valueNodeHasChildren ? _e.createPortal(l.children, i.valueNode) : null
+    ), { onNativeOptionAdd: S, onNativeOptionRemove: C } = g;
+    return B(() => (S(m), () => C(m)), [S, C, m]), /* @__PURE__ */ Ne(Ae, { children: [
+      /* @__PURE__ */ d(N.span, { id: a.textId, ...n, ref: f }),
+      a.isSelected && i.valueNode && !i.valueNodeHasChildren ? _e.createPortal(n.children, i.valueNode) : null
     ] });
   }
 );
-ze.displayName = fe;
-const It = "SelectItemIndicator", Ge = r.forwardRef(
-  (n, s) => {
-    const { __scopeSelect: e, children: t, ...o } = n, l = yt(It, e);
+ze.displayName = pe;
+const It = "SelectItemIndicator", Ge = l.forwardRef(
+  (r, s) => {
+    const { __scopeSelect: e, children: t, ...o } = r, n = yt(It, 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: n.isSelected,
+      isIntermediate: n.isIntermediate
+    }) }) : n.isSelected ? /* @__PURE__ */ d(N.span, { "aria-hidden": !0, ...o, ref: s, children: t }) : null;
   }
 );
 Ge.displayName = It;
-const Ee = "SelectScrollUpButton", je = r.forwardRef(
-  (n, s) => {
-    const e = Q(Ee, n.__scopeSelect), t = He(Ee, n.__scopeSelect), [o, l] = r.useState(!1), i = _(s, t.onScrollButtonChange);
-    return H(() => {
+const Pe = "SelectScrollUpButton", je = l.forwardRef(
+  (r, s) => {
+    const e = J(Pe, r.__scopeSelect), t = He(Pe, r.__scopeSelect), [o, n] = l.useState(!1), i = _(s, t.onScrollButtonChange);
+    return B(() => {
       if (e.viewport && e.isPositioned) {
         const c = e.viewport, a = () => {
           const g = c.scrollTop > 0;
-          l(g);
+          n(g);
         };
         return a(), c.addEventListener("scroll", a), () => c.removeEventListener("scroll", a);
       }
     }, [e.viewport, e.isPositioned]), o ? /* @__PURE__ */ d(
       Tt,
       {
-        ...n,
+        ...r,
         ref: i,
         onAutoScroll: () => {
           const { viewport: c, selectedItem: a } = e;
@@ -1201,22 +1215,22 @@ const Ee = "SelectScrollUpButton", je = r.forwardRef(
     ) : null;
   }
 );
-je.displayName = Ee;
-const Pe = "SelectScrollDownButton", Ye = r.forwardRef(
-  (n, s) => {
-    const e = Q(Pe, n.__scopeSelect), t = He(Pe, n.__scopeSelect), [o, l] = r.useState(!1), i = _(s, t.onScrollButtonChange);
-    return H(() => {
+je.displayName = Pe;
+const Ee = "SelectScrollDownButton", Ye = l.forwardRef(
+  (r, s) => {
+    const e = J(Ee, r.__scopeSelect), t = He(Ee, r.__scopeSelect), [o, n] = l.useState(!1), i = _(s, t.onScrollButtonChange);
+    return B(() => {
       if (e.viewport && e.isPositioned) {
         const c = e.viewport, a = () => {
-          const g = c.scrollHeight - c.clientHeight, f = Math.ceil(c.scrollTop) < g;
-          l(f);
+          const g = c.scrollHeight - c.clientHeight, p = Math.ceil(c.scrollTop) < g;
+          n(p);
         };
         return a(), c.addEventListener("scroll", a), () => c.removeEventListener("scroll", a);
       }
     }, [e.viewport, e.isPositioned]), o ? /* @__PURE__ */ d(
       Tt,
       {
-        ...n,
+        ...r,
         ref: i,
         onAutoScroll: () => {
           const { viewport: c, selectedItem: a } = e;
@@ -1226,14 +1240,14 @@ const Pe = "SelectScrollDownButton", Ye = r.forwardRef(
     ) : null;
   }
 );
-Ye.displayName = Pe;
-const Tt = r.forwardRef(
-  (n, s) => {
-    const { __scopeSelect: e, onAutoScroll: t, ...o } = n, l = Q("SelectScrollButton", e), i = r.useRef(null), c = he(e), a = r.useCallback(() => {
+Ye.displayName = Ee;
+const Tt = l.forwardRef(
+  (r, s) => {
+    const { __scopeSelect: e, onAutoScroll: t, ...o } = r, n = J("SelectScrollButton", e), i = l.useRef(null), c = he(e), a = l.useCallback(() => {
       i.current !== null && (window.clearInterval(i.current), i.current = null);
     }, []);
-    return r.useEffect(() => () => a(), [a]), H(() => {
-      c().find((f) => f.ref.current === document.activeElement)?.ref.current?.scrollIntoView({ block: "nearest" });
+    return l.useEffect(() => () => a(), [a]), B(() => {
+      c().find((p) => p.ref.current === document.activeElement)?.ref.current?.scrollIntoView({ block: "nearest" });
     }, [c]), /* @__PURE__ */ d(
       N.div,
       {
@@ -1242,7 +1256,7 @@ const Tt = r.forwardRef(
         ref: s,
         style: { flexShrink: 0, ...o.style },
         onPointerMove: T(o.onPointerMove, () => {
-          l.onItemLeave?.(), i.current === null && (i.current = window.setInterval(t, 50));
+          n.onItemLeave?.(), i.current === null && (i.current = window.setInterval(t, 50));
         }),
         onPointerLeave: T(o.onPointerLeave, () => {
           a();
@@ -1250,28 +1264,28 @@ const Tt = r.forwardRef(
       }
     );
   }
-), ko = "SelectSeparator", qe = r.forwardRef(
-  (n, s) => {
-    const { __scopeSelect: e, ...t } = n;
+), ko = "SelectSeparator", qe = l.forwardRef(
+  (r, s) => {
+    const { __scopeSelect: e, ...t } = r;
     return /* @__PURE__ */ d(N.div, { "aria-hidden": !0, ...t, ref: s });
   }
 );
 qe.displayName = ko;
-const Re = "SelectArrow", Xe = r.forwardRef(
-  (n, s) => {
-    const { __scopeSelect: e, ...t } = n, o = ve(e), l = q(Re, e), i = Q(Re, e);
-    return l.open && i.position === "popper" ? /* @__PURE__ */ d(le.Arrow, { ...o, ...t, ref: s }) : null;
+const Re = "SelectArrow", Xe = l.forwardRef(
+  (r, s) => {
+    const { __scopeSelect: e, ...t } = r, o = ve(e), n = Y(Re, e), i = J(Re, e);
+    return n.open && i.position === "popper" ? /* @__PURE__ */ d(re.Arrow, { ...o, ...t, ref: s }) : null;
   }
 );
 Xe.displayName = Re;
-const Fo = "BubbleSelect", Lo = r.forwardRef(
-  (n, s) => {
-    const { value: e, ...t } = n, o = r.useRef(null), l = _(s, o), i = _t(e), c = q(Fo, void 0);
-    r.useEffect(() => {
-      const g = o.current, f = window.HTMLSelectElement.prototype, p = Object.getOwnPropertyDescriptor(f, "value").set;
-      if (i !== e && p) {
+const Fo = "BubbleSelect", Lo = l.forwardRef(
+  (r, s) => {
+    const { value: e, ...t } = r, o = l.useRef(null), n = _(s, o), i = _t(e), c = Y(Fo, void 0);
+    l.useEffect(() => {
+      const g = o.current, p = window.HTMLSelectElement.prototype, f = Object.getOwnPropertyDescriptor(p, "value").set;
+      if (i !== e && f) {
         const u = new Event("change", { bubbles: !0 });
-        p.call(g, e), g.dispatchEvent(u);
+        f.call(g, e), g.dispatchEvent(u);
       }
     }, [i, e]);
     let a = e;
@@ -1280,15 +1294,15 @@ const Fo = "BubbleSelect", Lo = r.forwardRef(
       {
         ...t,
         multiple: c.multi ? !0 : void 0,
-        ref: l,
+        ref: n,
         defaultValue: a
       }
     ) });
   }
 );
 Lo.displayName = "BubbleSelect";
-function Vt(n) {
-  const s = At(n), e = r.useRef(""), t = r.useRef(0), o = r.useCallback(
+function Vt(r) {
+  const s = At(r), e = l.useRef(""), t = l.useRef(0), o = l.useCallback(
     (i) => {
       const c = e.current + i;
       s(c), function a(g) {
@@ -1296,26 +1310,26 @@ function Vt(n) {
       }(c);
     },
     [s]
-  ), l = r.useCallback(() => {
+  ), n = 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, n];
 }
-function Et(n, s, e) {
-  const o = s.length > 1 && Array.from(s).every((g) => g === s[0]) ? s[0] : s, l = e ? n.indexOf(e) : -1;
-  let i = Bo(n, Math.max(l, 0));
+function Pt(r, s, e) {
+  const o = s.length > 1 && Array.from(s).every((g) => g === s[0]) ? s[0] : s, n = e ? r.indexOf(e) : -1;
+  let i = Bo(r, Math.max(n, 0));
   o.length === 1 && (i = i.filter((g) => g !== e));
   const a = i.find((g) => g.textValue.toLowerCase().startsWith(o.toLowerCase()));
   return a !== e ? a : void 0;
 }
-function Bo(n, s) {
-  return n.map((e, t) => n[(s + t) % n.length]);
+function Bo(r, s) {
+  return r.map((e, t) => r[(s + t) % r.length]);
 }
-const Pt = (n, s = []) => {
-  if (Array.isArray(n))
-    return n.reduce((t, o) => Pt(o, t), s);
-  const e = s.indexOf(n);
-  return e === -1 ? [...s, n] : [...s.slice(0, e), ...s.slice(e + 1)];
+const Et = (r, s = []) => {
+  if (Array.isArray(r))
+    return r.reduce((t, o) => Et(o, t), s);
+  const e = s.indexOf(r);
+  return e === -1 ? [...s, r] : [...s.slice(0, e), ...s.slice(e + 1)];
 }, 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, Vn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Arrow: tn,
@@ -1355,5 +1369,6 @@ const Pt = (n, s = []) => {
 export {
   Tn as Combobox,
   Vn as Select,
-  Rn as useCallbackRef
+  Rn as composeEventHandlers,
+  An as useCallbackRef
 };