@strapi/ui-primitives 1.7.0-alpha.4 → 1.7.0-alpha.5

package/dist/index.js

@@ -1,38 +1,38 @@
 import * as r from "react";
 import { composeEventHandlers as T } from "@radix-ui/primitive";
-import { useComposedRefs as M } from "@radix-ui/react-compose-refs";
+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 { useId as oe } from "@radix-ui/react-id";
 import * as re from "@radix-ui/react-popper";
 import { createPopperScope as ot } from "@radix-ui/react-popper";
 import { Portal as nt } from "@radix-ui/react-portal";
-import { Primitive as A } from "@radix-ui/react-primitive";
+import { Primitive as N } from "@radix-ui/react-primitive";
 import { useControllableState as ie } from "@radix-ui/react-use-controllable-state";
 import { hideOthers as rt } from "aria-hidden";
-import * as Ae from "react-dom";
+import * as Ne from "react-dom";
 import { RemoveScroll as lt } from "react-remove-scroll";
-import { jsx as d, jsxs as pe, Fragment as _e } from "react/jsx-runtime";
-import { Slot as Te } from "@radix-ui/react-slot";
+import { jsx as d, jsxs as Ae, Fragment as _e } from "react/jsx-runtime";
+import { Slot as Ie } from "@radix-ui/react-slot";
 import { clamp as Ze } from "@radix-ui/number";
-import { createCollection as Vt } from "@radix-ui/react-collection";
-import { useDirection as Rt } from "@radix-ui/react-direction";
-import { useFocusGuards as Nt } from "@radix-ui/react-focus-guards";
-import { FocusScope as At } from "@radix-ui/react-focus-scope";
-import { useCallbackRef as _t } from "@radix-ui/react-use-callback-ref";
+import { createCollection as Pt } from "@radix-ui/react-collection";
+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 { usePrevious as Mt } from "@radix-ui/react-use-previous";
-import { VisuallyHidden as Ot } from "@radix-ui/react-visually-hidden";
-let Ie = /* @__PURE__ */ new Map();
-function Dt(n, s) {
+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() : "");
-  if (Ie.has(e))
-    return Ie.get(e);
+  if (ye.has(e))
+    return ye.get(e);
   let t = new Intl.Collator(n, s);
-  return Ie.set(e, t), t;
+  return ye.set(e, t), t;
 }
 function Me(n, s) {
-  let e = Dt(n, {
+  let e = Ot(n, {
     usage: "search",
     ...s
   });
@@ -57,13 +57,13 @@ function Me(n, s) {
     }
   };
 }
-const Lt = (n) => {
+const Dt = (n) => {
   const s = r.useRef();
   return r.useEffect(() => {
     s.current = n;
   }), s.current;
 };
-function kt(n) {
+function Lt(n) {
   const s = `${n}CollectionProvider`, [e, t] = Qe(s), [o, l] = e(s, {
     collectionRef: {
       current: null
@@ -88,8 +88,8 @@ function kt(n) {
     const {
       scope: v,
       children: C
-    } = u, x = l(c, v), h = M(p, x.collectionRef);
-    return /* @__PURE__ */ d(Te, {
+    } = u, x = l(c, v), h = _(p, x.collectionRef);
+    return /* @__PURE__ */ d(Ie, {
       ref: h,
       children: C
     });
@@ -100,17 +100,17 @@ function kt(n) {
       scope: v,
       children: C,
       ...x
-    } = u, h = r.useRef(null), w = M(p, h), _ = l(g, v);
+    } = u, h = r.useRef(null), w = _(p, h), A = l(g, v);
     return r.useEffect(() => {
-      const E = Array.from(_.itemMap.values());
-      return _.itemMap.set(h, {
+      const E = Array.from(A.itemMap.values());
+      return A.itemMap.set(h, {
         ref: h,
         ...x
-      }), _.listeners.forEach((O) => O(Array.from(_.itemMap.values()), E)), () => {
-        const O = Array.from(_.itemMap.values());
-        _.itemMap.delete(h), _.listeners.forEach((P) => P(Array.from(_.itemMap.values()), O));
+      }), A.listeners.forEach((M) => M(Array.from(A.itemMap.values()), E)), () => {
+        const M = Array.from(A.itemMap.values());
+        A.itemMap.delete(h), A.listeners.forEach((P) => P(Array.from(A.itemMap.values()), M));
       };
-    }), /* @__PURE__ */ d(Te, {
+    }), /* @__PURE__ */ d(Ie, {
       [f]: "",
       ref: w,
       children: C
@@ -123,7 +123,7 @@ function kt(n) {
       if (!x)
         return [];
       const h = Array.from(x.querySelectorAll(`[${f}]`));
-      return Array.from(p.itemMap.values()).sort((E, O) => h.indexOf(E.ref.current) - h.indexOf(O.ref.current));
+      return Array.from(p.itemMap.values()).sort((E, M) => h.indexOf(E.ref.current) - h.indexOf(M.ref.current));
     }, [p.collectionRef, p.itemMap]), C = r.useCallback((x) => (p.listeners.add(x), () => p.listeners.delete(x)), [p.listeners]);
     return {
       getItems: v,
@@ -136,14 +136,14 @@ function kt(n) {
     ItemSlot: b
   }, m, t];
 }
-const Ft = [" ", "Enter", "ArrowUp", "ArrowDown"], Bt = ["Enter"], Je = (n) => Boolean(n.length === 1 && n.match(/\S| /)), st = "Combobox", [me, xe] = kt(st), [Ht, Y] = et(st), $t = ({
+const kt = [" ", "Enter", "ArrowUp", "ArrowDown"], Ft = ["Enter"], Je = (n) => Boolean(n.length === 1 && n.match(/\S| /)), st = "Combobox", [pe, Ce] = Lt(st), [Bt, G] = et(st), Ht = ({
   children: n
 }) => /* @__PURE__ */ d(re.Root, {
-  children: /* @__PURE__ */ d(me.Provider, {
+  children: /* @__PURE__ */ d(pe.Provider, {
     scope: void 0,
     children: n
   })
-}), Ut = (n) => {
+}), $t = (n) => {
   const {
     allowCustomValue: s = !1,
     autocomplete: e = "none",
@@ -163,72 +163,72 @@ const Ft = [" ", "Enter", "ArrowUp", "ArrowDown"], Bt = ["Enter"], Je = (n) => B
     filterValue: C,
     defaultFilterValue: x,
     onFilterValueChange: h
-  } = n, [w, _] = r.useState(null), [E, O] = r.useState(null), [P, L] = r.useState(null), [k, H] = r.useState(null), [G = !1, $] = ie({
+  } = n, [w, A] = r.useState(null), [E, M] = r.useState(null), [P, L] = r.useState(null), [B, W] = r.useState(null), [H = !1, O] = ie({
     prop: o,
     defaultProp: l,
     onChange: i
-  }), [W, U] = ie({
+  }), [k, F] = ie({
     prop: c,
     defaultProp: a,
     onChange: g
-  }), [F, V] = ie({
+  }), [$, U] = ie({
     prop: p,
     defaultProp: v,
     onChange: u
-  }), [B, K] = ie({
+  }), [Y, q] = ie({
     prop: C,
     defaultProp: x,
     onChange: h
-  }), z = oe(), ue = r.useCallback((le, se) => {
-    const de = se.map((y) => y.ref.current), [X, ...ce] = de, [Q] = ce.slice(-1), S = k;
+  }), K = oe(), ue = r.useCallback((le, se) => {
+    const de = se.map((y) => y.ref.current), [X, ...ce] = de, [Q] = ce.slice(-1), S = B;
     for (const y of le) {
       if (y === S)
         return;
       if (y?.scrollIntoView({
         block: "nearest"
-      }), y === X && E && (E.scrollTop = 0), y === Q && E && (E.scrollTop = E.scrollHeight), H(y), e === "both") {
+      }), y === X && E && (E.scrollTop = 0), y === Q && E && (E.scrollTop = E.scrollHeight), W(y), e === "both") {
         const D = se.find((I) => I.ref.current === y);
-        D && V(D.textValue);
+        D && U(D.textValue);
       }
       if (y !== S)
         return;
     }
-  }, [e, V, E, k]);
+  }, [e, U, E, B]);
   return r.useEffect(() => {
-    e !== "both" && H(null);
-  }, [F, e]), r.useEffect(() => {
+    e !== "both" && W(null);
+  }, [$, e]), r.useEffect(() => {
     if (P && w)
       return rt([P, w]);
-  }, [P, w]), /* @__PURE__ */ d($t, {
-    children: /* @__PURE__ */ d(Ht, {
+  }, [P, w]), /* @__PURE__ */ d(Ht, {
+    children: /* @__PURE__ */ d(Bt, {
       allowCustomValue: s,
       autocomplete: e,
       required: b,
       trigger: w,
-      onTriggerChange: _,
-      contentId: z,
-      value: W,
-      onValueChange: U,
-      open: G,
-      onOpenChange: $,
+      onTriggerChange: A,
+      contentId: K,
+      value: k,
+      onValueChange: F,
+      open: H,
+      onOpenChange: O,
       disabled: f,
       locale: m,
       focusFirst: ue,
-      textValue: F,
-      onTextValueChange: V,
-      onViewportChange: O,
+      textValue: $,
+      onTextValueChange: U,
+      onViewportChange: M,
       onContentChange: L,
-      visuallyFocussedItem: k,
-      filterValue: B,
-      onFilterValueChange: K,
-      onVisuallyFocussedItemChange: H,
+      visuallyFocussedItem: B,
+      filterValue: Y,
+      onFilterValueChange: q,
+      onVisuallyFocussedItemChange: W,
       children: t
     })
   });
-}, Kt = "ComboboxTrigger", Wt = r.forwardRef((n, s) => {
+}, Ut = "ComboboxTrigger", Kt = r.forwardRef((n, s) => {
   const {
     ...e
-  } = n, t = Y(Kt);
+  } = n, t = G(Ut);
   return /* @__PURE__ */ d(re.Anchor, {
     asChild: !0,
     children: /* @__PURE__ */ d("div", {
@@ -237,21 +237,21 @@ const Ft = [" ", "Enter", "ArrowUp", "ArrowDown"], Bt = ["Enter"], Je = (n) => B
       ...e
     })
   });
-}), ct = "ComboboxInput", zt = r.forwardRef((n, s) => {
-  const e = Y(ct), t = r.useRef(null), {
+}), ct = "ComboboxInput", Wt = r.forwardRef((n, s) => {
+  const e = G(ct), t = r.useRef(null), {
     getItems: o
-  } = xe(void 0), {
+  } = Ce(void 0), {
     startsWith: l
   } = Me(e.locale, {
     sensitivity: "base"
-  }), i = e.disabled, c = M(t, s, e.onTriggerChange), a = () => {
+  }), i = e.disabled, c = _(t, s, e.onTriggerChange), a = () => {
     i || e.onOpenChange(!0);
-  }, g = Lt(e.filterValue);
+  }, g = Dt(e.filterValue);
   return r.useLayoutEffect(() => {
     setTimeout(() => {
       if (e.textValue === "" || e.textValue === void 0 || e.filterValue === "" || e.filterValue === void 0)
         return;
-      const f = o().find((m) => m.type === "option" && l(m.textValue, e.textValue)), b = So(g ?? "", e.filterValue);
+      const f = o().find((m) => m.type === "option" && l(m.textValue, e.textValue)), b = vo(g ?? "", e.filterValue);
       f && !e.visuallyFocussedItem && b === e.filterValue.length && t.current.setSelectionRange(e.filterValue.length, e.textValue.length);
     });
   }, [e.textValue, e.filterValue, l, e.visuallyFocussedItem, o, g]), /* @__PURE__ */ d("input", {
@@ -293,7 +293,7 @@ const Ft = [" ", "Enter", "ArrowUp", "ArrowDown"], Bt = ["Enter"], Je = (n) => B
         }), f.preventDefault();
       else if (["Escape"].includes(f.key))
         e.open ? e.onOpenChange(!1) : (e.onValueChange(void 0), e.onTextValueChange("")), f.preventDefault();
-      else if (Bt.includes(f.key)) {
+      else if (Ft.includes(f.key)) {
         if (e.visuallyFocussedItem) {
           const b = o().find((m) => m.ref.current === e.visuallyFocussedItem);
           b && (e.onValueChange(b.value), e.onTextValueChange(b.textValue), e.autocomplete === "both" && e.onFilterValueChange(b.textValue), b.ref.current?.click());
@@ -322,14 +322,14 @@ const Ft = [" ", "Enter", "ArrowUp", "ArrowDown"], Bt = ["Enter"], Je = (n) => B
       b ? e.onValueChange(b.value) : m && f.currentTarget.value !== "" ? (e.onTextValueChange(m.textValue), e.autocomplete === "both" && e.onFilterValueChange(m.textValue)) : (e.onValueChange(void 0), e.onTextValueChange(""));
     })
   });
-}), Gt = r.forwardRef((n, s) => {
+}), zt = r.forwardRef((n, s) => {
   const {
     children: e,
     ...t
-  } = n, o = Y(ct), l = o.disabled, i = () => {
+  } = n, o = G(ct), l = o.disabled, i = () => {
     l || (o.onOpenChange(!0), o.trigger?.focus());
   };
-  return /* @__PURE__ */ d(A.button, {
+  return /* @__PURE__ */ d(N.button, {
     "aria-hidden": !0,
     type: "button",
     "aria-disabled": l,
@@ -347,38 +347,38 @@ const Ft = [" ", "Enter", "ArrowUp", "ArrowDown"], Bt = ["Enter"], Je = (n) => B
       c.button === 0 && c.ctrlKey === !1 && (i(), c.preventDefault());
     }),
     onKeyDown: T(t.onKeyDown, (c) => {
-      Ft.includes(c.key) && (i(), c.preventDefault());
+      kt.includes(c.key) && (i(), c.preventDefault());
     }),
     children: e || "\u25BC"
   });
-}), jt = "ComboboxPortal", it = (n) => /* @__PURE__ */ d(nt, {
+}), Gt = "ComboboxPortal", it = (n) => /* @__PURE__ */ d(nt, {
   asChild: !0,
   ...n
 });
-it.displayName = jt;
-const at = "ComboboxContent", Yt = r.forwardRef((n, s) => {
-  const e = Y(at), [t, o] = r.useState();
+it.displayName = Gt;
+const at = "ComboboxContent", jt = r.forwardRef((n, s) => {
+  const e = G(at), [t, o] = r.useState();
   if (r.useLayoutEffect(() => {
     o(new DocumentFragment());
   }, []), !e.open) {
     const l = t;
-    return l ? Ae.createPortal(/* @__PURE__ */ d(me.Slot, {
+    return l ? Ne.createPortal(/* @__PURE__ */ d(pe.Slot, {
       scope: void 0,
       children: /* @__PURE__ */ d("div", {
         children: n.children
       })
     }), l) : null;
   }
-  return /* @__PURE__ */ d(Xt, {
+  return /* @__PURE__ */ d(qt, {
     ...n,
     ref: s
   });
-}), qt = 10, Xt = r.forwardRef((n, s) => {
+}), Yt = 10, qt = r.forwardRef((n, s) => {
   const {
     onEscapeKeyDown: e,
     onPointerDownOutside: t,
     ...o
-  } = n, l = Y(at), i = M(s, (a) => l.onContentChange(a)), {
+  } = n, l = G(at), i = _(s, (a) => l.onContentChange(a)), {
     onOpenChange: c
   } = l;
   return r.useEffect(() => {
@@ -398,7 +398,7 @@ const at = "ComboboxContent", Yt = r.forwardRef((n, s) => {
           preventScroll: !0
         });
       },
-      children: /* @__PURE__ */ d(Zt, {
+      children: /* @__PURE__ */ d(Xt, {
         role: "listbox",
         id: l.contentId,
         "data-state": l.open ? "open" : "closed",
@@ -414,10 +414,10 @@ const at = "ComboboxContent", Yt = r.forwardRef((n, s) => {
       })
     })
   });
-}), Zt = r.forwardRef((n, s) => {
+}), Xt = r.forwardRef((n, s) => {
   const {
     align: e = "start",
-    collisionPadding: t = qt,
+    collisionPadding: t = Yt,
     ...o
   } = n;
   return /* @__PURE__ */ d(re.Content, {
@@ -435,16 +435,16 @@ const at = "ComboboxContent", Yt = r.forwardRef((n, s) => {
       "--radix-combobox-trigger-height": "var(--radix-popper-anchor-height)"
     }
   });
-}), Jt = "ComboboxViewport", Qt = r.forwardRef((n, s) => {
-  const e = Y(Jt), t = M(s, e.onViewportChange);
-  return /* @__PURE__ */ pe(_e, {
+}), Zt = "ComboboxViewport", Jt = r.forwardRef((n, s) => {
+  const e = G(Zt), t = _(s, e.onViewportChange);
+  return /* @__PURE__ */ Ae(_e, {
     children: [/* @__PURE__ */ d("style", {
       dangerouslySetInnerHTML: {
         __html: "[data-radix-combobox-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-combobox-viewport]::-webkit-scrollbar{display:none}"
       }
-    }), /* @__PURE__ */ d(me.Slot, {
+    }), /* @__PURE__ */ d(pe.Slot, {
       scope: void 0,
-      children: /* @__PURE__ */ d(A.div, {
+      children: /* @__PURE__ */ d(N.div, {
         "data-radix-combobox-viewport": "",
         role: "presentation",
         ...n,
@@ -458,20 +458,20 @@ const at = "ComboboxContent", Yt = r.forwardRef((n, s) => {
       })
     })]
   });
-}), ut = "ComboboxItem", [eo, dt] = et(ut), ft = 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 = M(s, i), {
+  } = n, i = r.useRef(null), c = _(s, i), {
     getItems: a
-  } = xe(void 0), {
+  } = Ce(void 0), {
     onTextValueChange: g,
     textValue: f,
     visuallyFocussedItem: b,
     ...m
-  } = Y(ut), u = oe(), [p, v] = r.useState(o ?? ""), C = r.useMemo(() => b === a().find((O) => O.ref.current === i.current)?.ref.current, [a, b]), x = m.value === e, h = () => {
+  } = G(ut), u = oe(), [p, v] = r.useState(o ?? ""), C = r.useMemo(() => b === a().find((M) => M.ref.current === i.current)?.ref.current, [a, b]), x = m.value === e, h = () => {
     t || (m.onValueChange(e), g(p), m.onOpenChange(!1), m.autocomplete === "both" && m.onFilterValueChange(p), m.trigger?.focus({
       preventScroll: !0
     }));
@@ -479,24 +479,24 @@ const at = "ComboboxContent", Yt = r.forwardRef((n, s) => {
     startsWith: w
   } = Me(m.locale, {
     sensitivity: "base"
-  }), _ = r.useCallback((O) => {
-    v((P) => P || (O?.textContent ?? "").trim());
+  }), A = r.useCallback((M) => {
+    v((P) => P || (M?.textContent ?? "").trim());
   }, []);
   r.useEffect(() => {
     x && f === void 0 && p !== "" && g(p);
   }, [p, x, f, g]);
   const E = oe();
-  return m.autocomplete === "list" && p && f && !w(p, f) || m.autocomplete === "both" && p && m.filterValue && !w(p, m.filterValue) ? null : /* @__PURE__ */ d(eo, {
+  return m.autocomplete === "list" && p && f && !w(p, f) || m.autocomplete === "both" && p && m.filterValue && !w(p, m.filterValue) ? null : /* @__PURE__ */ d(Qt, {
     textId: u,
-    onTextValueChange: _,
+    onTextValueChange: A,
     isSelected: x,
-    children: /* @__PURE__ */ d(me.ItemSlot, {
+    children: /* @__PURE__ */ d(pe.ItemSlot, {
       scope: void 0,
       value: e,
       textValue: p,
       disabled: t,
       type: "option",
-      children: /* @__PURE__ */ d(A.div, {
+      children: /* @__PURE__ */ d(N.div, {
         role: "option",
         "aria-labelledby": u,
         "data-highlighted": C ? "" : void 0,
@@ -512,33 +512,33 @@ const at = "ComboboxContent", Yt = r.forwardRef((n, s) => {
       })
     })
   });
-}), to = "ComboboxItemText", oo = r.forwardRef((n, s) => {
+}), eo = "ComboboxItemText", to = r.forwardRef((n, s) => {
   const {
     className: e,
     style: t,
     ...o
-  } = n, l = dt(to), i = M(s, l.onTextValueChange);
-  return /* @__PURE__ */ d(A.span, {
+  } = n, l = dt(eo), i = _(s, l.onTextValueChange);
+  return /* @__PURE__ */ d(N.span, {
     id: l.textId,
     ...o,
     ref: i
   });
-}), no = "ComboboxItemIndicator", ro = r.forwardRef((n, s) => {
+}), oo = "ComboboxItemIndicator", no = r.forwardRef((n, s) => {
   const {
     isSelected: e
-  } = dt(no);
-  return e ? /* @__PURE__ */ d(A.span, {
+  } = dt(oo);
+  return e ? /* @__PURE__ */ d(N.span, {
     "aria-hidden": !0,
     ...n,
     ref: s
   }) : null;
-}), pt = "ComboboxNoValueFound", lo = r.forwardRef((n, s) => {
+}), pt = "ComboboxNoValueFound", ro = r.forwardRef((n, s) => {
   const {
     textValue: e = "",
     locale: t
-  } = Y(pt), [o, l] = r.useState([]), {
+  } = G(pt), [o, l] = r.useState([]), {
     subscribe: i
-  } = xe(void 0), {
+  } = Ce(void 0), {
     startsWith: c
   } = Me(t, {
     sensitivity: "base"
@@ -550,21 +550,21 @@ const at = "ComboboxContent", Yt = r.forwardRef((n, s) => {
     return () => {
       a();
     };
-  }, [i]), o.some((a) => c(a.textValue, e)) ? null : /* @__PURE__ */ d(A.div, {
+  }, [i]), o.some((a) => c(a.textValue, e)) ? null : /* @__PURE__ */ d(N.div, {
     ...n,
     ref: s
   });
-}), so = r.forwardRef((n, s) => {
+}), lo = r.forwardRef((n, s) => {
   const {
     disabled: e = !1,
     ...t
-  } = n, o = Y(pt), {
+  } = n, o = G(pt), {
     textValue: l,
     visuallyFocussedItem: i
   } = o, {
     getItems: c,
     subscribe: a
-  } = xe(void 0), g = r.useRef(null), [f, b] = r.useState(!1), m = M(s, g), u = r.useMemo(() => i === c().find((C) => C.ref.current === g.current)?.ref.current, [c, i]), p = oe(), v = () => {
+  } = Ce(void 0), g = r.useRef(null), [f, b] = r.useState(!1), m = _(s, g), u = r.useMemo(() => i === c().find((C) => C.ref.current === g.current)?.ref.current, [c, i]), p = oe(), v = () => {
     !e && l && (o.onValueChange(l), o.onTextValueChange(l), o.onOpenChange(!1), o.autocomplete === "both" && o.onFilterValueChange(l), o.trigger?.focus({
       preventScroll: !0
     }));
@@ -576,13 +576,13 @@ const at = "ComboboxContent", Yt = r.forwardRef((n, s) => {
     return () => {
       C();
     };
-  }, [l, a]), !l || !f ? null : /* @__PURE__ */ d(me.ItemSlot, {
+  }, [l, a]), !l || !f ? null : /* @__PURE__ */ d(pe.ItemSlot, {
     scope: void 0,
     value: l ?? "",
     textValue: l ?? "",
     disabled: e,
     type: "create",
-    children: /* @__PURE__ */ d(A.div, {
+    children: /* @__PURE__ */ d(N.div, {
       role: "option",
       tabIndex: e ? void 0 : -1,
       "aria-disabled": e || void 0,
@@ -594,8 +594,8 @@ const at = "ComboboxContent", Yt = r.forwardRef((n, s) => {
       onPointerUp: T(t.onPointerUp, v)
     })
   });
-}), co = Ut, io = Wt, ao = zt, uo = Gt, fo = it, po = Yt, mo = Qt, ho = ft, go = oo, Co = ro, xo = lo, vo = so;
-function So(n, s) {
+}), so = $t, co = Kt, io = Wt, ao = zt, uo = it, fo = jt, po = Jt, mo = ft, ho = to, go = no, Co = ro, xo = lo;
+function vo(n, s) {
   const e = Math.min(n.length, s.length);
   for (let t = 0; t < e; t++)
     if (n[t] !== s[t])
@@ -605,19 +605,19 @@ function So(n, s) {
 const Tn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   ComboboxItem: ft,
-  Root: co,
-  Trigger: io,
-  TextInput: ao,
-  Icon: uo,
-  Portal: fo,
-  Content: po,
-  Viewport: mo,
-  Item: ho,
-  ItemText: go,
-  ItemIndicator: Co,
-  NoValueFound: xo,
-  CreateItem: vo
-}, Symbol.toStringTag, { value: "Module" })), bo = [" ", "Enter", "ArrowUp", "ArrowDown"], wo = [" ", "Enter"], he = "Select", [ve, ge, yo] = Vt(he), [ae, Io] = Qe(he, [yo, ot]), Se = ot(), [To, q] = ae(he), [Eo, Po] = ae(he), Oe = (n) => {
+  Root: so,
+  Trigger: co,
+  TextInput: io,
+  Icon: ao,
+  Portal: uo,
+  Content: fo,
+  Viewport: po,
+  Item: mo,
+  ItemText: ho,
+  ItemIndicator: go,
+  NoValueFound: Co,
+  CreateItem: xo
+}, Symbol.toStringTag, { value: "Module" })), So = [" ", "Enter", "ArrowUp", "ArrowDown"], bo = [" ", "Enter"], me = "Select", [xe, he, wo] = Pt(me), [ae, yo] = Qe(me, [wo, ot]), ve = ot(), [Io, j] = ae(me), [To, Eo] = ae(me), Oe = (n) => {
   const {
     __scopeSelect: s,
     children: e,
@@ -628,80 +628,66 @@ const Tn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     defaultValue: c,
     onValueChange: a,
     dir: g,
-    name: f,
-    autoComplete: b,
-    disabled: m,
-    required: u,
-    multi: p = !1
-  } = n, v = Se(s), [C, x] = r.useState(null), [h, w] = r.useState(null), [_, E] = r.useState(!1), O = Rt(g), [P = !1, L] = ie({
+    disabled: f,
+    required: b,
+    multi: m = !1
+  } = n, u = ve(s), [p, v] = r.useState(null), [C, x] = r.useState(null), [h, w] = r.useState(!1), A = Vt(g), [E = !1, M] = ie({
     prop: t,
     defaultProp: o,
     onChange: l
-  }), [k, H] = ie({
+  }), [P, L] = ie({
     prop: i,
     defaultProp: c,
-    onChange(V) {
-      a && (Array.isArray(V), a(V));
+    onChange(O) {
+      a && (Array.isArray(O), a(O));
     }
-  }), G = r.useRef(null), $ = C ? Boolean(C.closest("form")) : !0, [W, U] = r.useState(/* @__PURE__ */ new Set()), F = Array.from(W).map((V) => V.props.value).join(";");
+  }), B = r.useRef(null), [W, H] = r.useState(/* @__PURE__ */ new Set());
   return /* @__PURE__ */ d(re.Root, {
-    ...v,
-    children: /* @__PURE__ */ pe(To, {
-      required: u,
+    ...u,
+    children: /* @__PURE__ */ d(Io, {
+      required: b,
       scope: s,
-      trigger: C,
-      onTriggerChange: x,
-      valueNode: h,
-      onValueNodeChange: w,
-      valueNodeHasChildren: _,
-      onValueNodeHasChildrenChange: E,
+      trigger: p,
+      onTriggerChange: v,
+      valueNode: C,
+      onValueNodeChange: x,
+      valueNodeHasChildren: h,
+      onValueNodeHasChildrenChange: w,
       contentId: oe(),
-      value: k,
-      onValueChange: H,
-      open: P,
-      onOpenChange: L,
-      dir: O,
-      triggerPointerDownPosRef: G,
-      disabled: m,
-      multi: p,
-      children: [/* @__PURE__ */ d(ve.Provider, {
+      value: P,
+      onValueChange: L,
+      open: E,
+      onOpenChange: M,
+      dir: A,
+      triggerPointerDownPosRef: B,
+      disabled: f,
+      multi: m,
+      children: /* @__PURE__ */ d(xe.Provider, {
         scope: s,
-        children: /* @__PURE__ */ d(Eo, {
+        children: /* @__PURE__ */ d(To, {
           scope: n.__scopeSelect,
-          onNativeOptionAdd: r.useCallback((V) => {
-            U((B) => new Set(B).add(V));
+          onNativeOptionAdd: r.useCallback((O) => {
+            H((k) => new Set(k).add(O));
           }, []),
-          onNativeOptionRemove: r.useCallback((V) => {
-            U((B) => {
-              const K = new Set(B);
-              return K.delete(V), K;
+          onNativeOptionRemove: r.useCallback((O) => {
+            H((k) => {
+              const F = new Set(k);
+              return F.delete(O), F;
             });
           }, []),
           children: e
         })
-      }), $ ? /* @__PURE__ */ pe(It, {
-        "aria-hidden": !0,
-        required: u,
-        tabIndex: -1,
-        name: f,
-        autoComplete: b,
-        value: k,
-        onChange: (V) => H(V.target.value),
-        disabled: m,
-        children: [k === void 0 ? /* @__PURE__ */ d("option", {
-          value: ""
-        }) : null, Array.from(W)]
-      }, F) : null]
+      })
     })
   });
 };
-Oe.displayName = he;
+Oe.displayName = me;
 const mt = "SelectTrigger", De = r.forwardRef((n, s) => {
   const {
     __scopeSelect: e,
     ...t
-  } = n, o = Se(e), l = q(mt, e), i = l.disabled, c = M(s, l.onTriggerChange), a = ge(e), [g, f, b] = Tt((u) => {
-    const p = a().filter((x) => !x.disabled), v = p.find((x) => x.value === l.value), C = Et(p, u, v);
+  } = n, o = ve(e), l = j(mt, e), i = l.disabled, c = _(s, l.onTriggerChange), a = he(e), [g, f, b] = It((u) => {
+    const p = a().filter((x) => !x.disabled), v = p.find((x) => x.value === l.value), C = Tt(p, u, v);
     if (C !== void 0 && !Array.isArray(C.value)) {
       const x = l.multi ? [C.value] : C.value;
       l.onValueChange(x);
@@ -712,7 +698,7 @@ const mt = "SelectTrigger", De = r.forwardRef((n, s) => {
   return /* @__PURE__ */ d(re.Anchor, {
     asChild: !0,
     ...o,
-    children: /* @__PURE__ */ d(A.div, {
+    children: /* @__PURE__ */ d(N.div, {
       role: "combobox",
       "aria-controls": l.contentId,
       "aria-expanded": l.open,
@@ -737,7 +723,7 @@ const mt = "SelectTrigger", De = r.forwardRef((n, s) => {
       }),
       onKeyDown: T(t.onKeyDown, (u) => {
         const p = g.current !== "", v = u.ctrlKey || u.altKey || u.metaKey, C = u.target;
-        (C.closest("button") ?? C.closest("div")) === u.currentTarget && (!v && u.key.length === 1 && f(u.key), !(p && u.key === " ") && bo.includes(u.key) && (m(), u.preventDefault()));
+        (C.closest("button") ?? C.closest("div")) === u.currentTarget && (!v && u.key.length === 1 && f(u.key), !(p && u.key === " ") && So.includes(u.key) && (m(), u.preventDefault()));
       })
     })
   });
@@ -749,9 +735,9 @@ const ht = "SelectValue", Le = r.forwardRef((n, s) => {
     children: t,
     placeholder: o,
     ...l
-  } = n, i = q(ht, e), {
+  } = n, i = j(ht, e), {
     onValueNodeHasChildrenChange: c
-  } = i, a = t !== void 0, g = M(s, i.onValueNodeChange), [f, b] = r.useState([]), m = ge(e);
+  } = i, a = t !== void 0, g = _(s, i.onValueNodeChange), [f, b] = r.useState([]), m = he(e);
   Z(() => {
     c(a);
   }, [c, a]), r.useLayoutEffect(() => {
@@ -780,41 +766,41 @@ const ht = "SelectValue", Le = r.forwardRef((n, s) => {
       u = p.every((v) => v === null) ? o : p;
     } else
       u = t(i.value);
-  return /* @__PURE__ */ d(A.span, {
+  return /* @__PURE__ */ d(N.span, {
     ...l,
     ref: g,
     children: u
   });
 });
 Le.displayName = ht;
-const Vo = "SelectIcon", ke = r.forwardRef((n, s) => {
+const Po = "SelectIcon", ke = r.forwardRef((n, s) => {
   const {
     __scopeSelect: e,
     children: t,
     ...o
   } = n;
-  return /* @__PURE__ */ d(A.span, {
+  return /* @__PURE__ */ d(N.span, {
     "aria-hidden": !0,
     ...o,
     ref: s,
     children: t || "\u25BC"
   });
 });
-ke.displayName = Vo;
-const Ro = "SelectPortal", Fe = (n) => /* @__PURE__ */ d(nt, {
+ke.displayName = Po;
+const Vo = "SelectPortal", Fe = (n) => /* @__PURE__ */ d(nt, {
   asChild: !0,
   ...n
 });
-Fe.displayName = Ro;
+Fe.displayName = Vo;
 const ne = "SelectContent", Be = r.forwardRef((n, s) => {
-  const e = q(ne, n.__scopeSelect), [t, o] = r.useState();
+  const e = j(ne, n.__scopeSelect), [t, o] = r.useState();
   if (Z(() => {
     o(new DocumentFragment());
   }, []), !e.open) {
     const l = t;
-    return l ? Ae.createPortal(/* @__PURE__ */ d(gt, {
+    return l ? Ne.createPortal(/* @__PURE__ */ d(gt, {
       scope: n.__scopeSelect,
-      children: /* @__PURE__ */ d(ve.Slot, {
+      children: /* @__PURE__ */ d(xe.Slot, {
         scope: n.__scopeSelect,
         children: /* @__PURE__ */ d("div", {
           children: n.children
@@ -828,7 +814,7 @@ const ne = "SelectContent", Be = r.forwardRef((n, s) => {
   });
 });
 Be.displayName = ne;
-const j = 10, [gt, J] = ae(ne), No = "SelectContentImpl", Ct = r.forwardRef((n, s) => {
+const z = 10, [gt, J] = ae(ne), Ro = "SelectContentImpl", Ct = r.forwardRef((n, s) => {
   const {
     __scopeSelect: e,
     position: t = "item-aligned",
@@ -846,25 +832,25 @@ const j = 10, [gt, J] = ae(ne), No = "SelectContentImpl", Ct = r.forwardRef((n,
     hideWhenDetached: v,
     avoidCollisions: C,
     ...x
-  } = n, h = q(ne, e), [w, _] = r.useState(null), [E, O] = r.useState(null), P = M(s, (S) => _(S)), [L, k] = r.useState(null), [H, G] = r.useState(null), $ = ge(e), [W, U] = r.useState(!1), F = r.useRef(!1);
+  } = n, h = j(ne, e), [w, A] = r.useState(null), [E, M] = r.useState(null), P = _(s, (S) => A(S)), [L, B] = r.useState(null), [W, H] = r.useState(null), O = he(e), [k, F] = r.useState(!1), $ = r.useRef(!1);
   r.useEffect(() => {
     if (w)
       return rt(w);
-  }, [w]), Nt();
-  const V = r.useCallback((S) => {
-    const [y, ...D] = $().map((N) => N.ref.current), [I] = D.slice(-1), R = document.activeElement;
-    for (const N of S)
-      if (N === R || (N?.scrollIntoView({
+  }, [w]), Rt();
+  const U = r.useCallback((S) => {
+    const [y, ...D] = O().map((R) => R.ref.current), [I] = D.slice(-1), V = document.activeElement;
+    for (const R of S)
+      if (R === V || (R?.scrollIntoView({
         block: "nearest"
-      }), N === y && E && (E.scrollTop = 0), N === I && E && (E.scrollTop = E.scrollHeight), N?.focus(), document.activeElement !== R))
+      }), R === y && E && (E.scrollTop = 0), R === I && E && (E.scrollTop = E.scrollHeight), R?.focus(), document.activeElement !== V))
         return;
-  }, [$, E]), B = r.useCallback(() => V([L, w]), [V, L, w]);
+  }, [O, E]), Y = r.useCallback(() => U([L, w]), [U, L, w]);
   r.useEffect(() => {
-    W && B();
-  }, [W, B]);
+    k && Y();
+  }, [k, Y]);
   const {
-    onOpenChange: K,
-    triggerPointerDownPosRef: z
+    onOpenChange: q,
+    triggerPointerDownPosRef: K
   } = h;
   r.useEffect(() => {
     if (w) {
@@ -874,13 +860,13 @@ const j = 10, [gt, J] = ae(ne), No = "SelectContentImpl", Ct = r.forwardRef((n,
       };
       const y = (I) => {
         S = {
-          x: Math.abs(Math.round(I.pageX) - (z.current?.x ?? 0)),
-          y: Math.abs(Math.round(I.pageY) - (z.current?.y ?? 0))
+          x: Math.abs(Math.round(I.pageX) - (K.current?.x ?? 0)),
+          y: Math.abs(Math.round(I.pageY) - (K.current?.y ?? 0))
         };
       }, D = (I) => {
-        S.x <= 10 && S.y <= 10 ? I.preventDefault() : w.contains(I.target) || K(!1), document.removeEventListener("pointermove", y), z.current = null;
+        S.x <= 10 && S.y <= 10 ? I.preventDefault() : w.contains(I.target) || q(!1), document.removeEventListener("pointermove", y), K.current = null;
       };
-      return z.current !== null && (document.addEventListener("pointermove", y), document.addEventListener("pointerup", D, {
+      return K.current !== null && (document.addEventListener("pointermove", y), document.addEventListener("pointerup", D, {
         capture: !0,
         once: !0
       })), () => {
@@ -889,22 +875,22 @@ const j = 10, [gt, J] = ae(ne), No = "SelectContentImpl", Ct = r.forwardRef((n,
         });
       };
     }
-  }, [w, K, z]), r.useEffect(() => {
-    const S = () => K(!1);
+  }, [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);
     };
-  }, [K]);
-  const [ue, le] = Tt((S) => {
-    const y = $().filter((R) => !R.disabled), D = y.find((R) => R.ref.current === document.activeElement), I = Et(y, S, D);
+  }, [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);
     I && setTimeout(() => I.ref.current.focus());
   }), se = r.useCallback((S, y, D) => {
-    const I = !F.current && !D;
-    (h.value !== void 0 && h.value === y || I) && (k(S), I && (F.current = !0));
+    const I = !$.current && !D;
+    (h.value !== void 0 && h.value === y || I) && (B(S), I && ($.current = !0));
   }, [h.value]), de = r.useCallback(() => w?.focus(), [w]), X = r.useCallback((S, y, D) => {
-    const I = !F.current && !D;
-    (h.value !== void 0 && (Array.isArray(y) ? y.every((N) => h.value?.includes(N)) : h.value === y) || I) && G(S);
-  }, [h.value]), ce = t === "popper" ? Ee : xt, Q = ce === Ee ? {
+    const I = !$.current && !D;
+    (h.value !== void 0 && (Array.isArray(y) ? y.every((R) => h.value?.includes(R)) : h.value === y) || I) && H(S);
+  }, [h.value]), ce = t === "popper" ? Te : xt, Q = ce === Te ? {
     side: c,
     sideOffset: a,
     align: g,
@@ -920,20 +906,20 @@ const j = 10, [gt, J] = ae(ne), No = "SelectContentImpl", Ct = r.forwardRef((n,
     scope: e,
     content: w,
     viewport: E,
-    onViewportChange: O,
+    onViewportChange: M,
     itemRefCallback: se,
     selectedItem: L,
     onItemLeave: de,
     itemTextRefCallback: X,
-    focusSelectedItem: B,
-    selectedItemText: H,
+    focusSelectedItem: Y,
+    selectedItemText: W,
     position: t,
-    isPositioned: W,
+    isPositioned: k,
     searchRef: ue,
     children: /* @__PURE__ */ d(lt, {
-      as: Te,
+      as: Ie,
       allowPinchZoom: !0,
-      children: /* @__PURE__ */ d(At, {
+      children: /* @__PURE__ */ d(Nt, {
         asChild: !0,
         trapped: h.open,
         onMountAutoFocus: (S) => {
@@ -960,7 +946,7 @@ const j = 10, [gt, J] = ae(ne), No = "SelectContentImpl", Ct = r.forwardRef((n,
             onContextMenu: (S) => S.preventDefault(),
             ...x,
             ...Q,
-            onPlaced: () => U(!0),
+            onPlaced: () => F(!0),
             ref: P,
             style: {
               display: "flex",
@@ -971,12 +957,12 @@ const j = 10, [gt, J] = ae(ne), No = "SelectContentImpl", Ct = r.forwardRef((n,
             onKeyDown: T(x.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)) {
-                let I = $().filter((R) => !R.disabled).map((R) => R.ref.current);
+                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 R = S.target, N = I.indexOf(R);
-                  I = I.slice(N + 1);
+                  const V = S.target, R = I.indexOf(V);
+                  I = I.slice(R + 1);
                 }
-                setTimeout(() => V(I)), S.preventDefault();
+                setTimeout(() => U(I)), S.preventDefault();
               }
             })
           })
@@ -985,64 +971,64 @@ const j = 10, [gt, J] = ae(ne), No = "SelectContentImpl", Ct = r.forwardRef((n,
     })
   });
 });
-Ct.displayName = No;
-const Ao = "SelectItemAlignedPosition", xt = r.forwardRef((n, s) => {
+Ct.displayName = Ro;
+const No = "SelectItemAlignedPosition", xt = r.forwardRef((n, s) => {
   const {
     __scopeSelect: e,
     onPlaced: t,
     ...o
-  } = n, l = q(ne, e), i = J(ne, e), [c, a] = r.useState(null), [g, f] = r.useState(null), b = M(s, (P) => f(P)), m = ge(e), u = r.useRef(!1), p = r.useRef(!0), {
+  } = n, l = j(ne, e), i = J(ne, e), [c, a] = r.useState(null), [g, f] = r.useState(null), b = _(s, (P) => f(P)), m = he(e), u = r.useRef(!1), p = r.useRef(!0), {
     viewport: v,
     selectedItem: C,
     selectedItemText: x,
     focusSelectedItem: h
   } = i, w = r.useCallback(() => {
     if (l.trigger && l.valueNode && c && g && v && C && x) {
-      const P = l.trigger.getBoundingClientRect(), L = g.getBoundingClientRect(), k = l.valueNode.getBoundingClientRect(), H = x.getBoundingClientRect();
+      const P = l.trigger.getBoundingClientRect(), L = g.getBoundingClientRect(), B = l.valueNode.getBoundingClientRect(), W = x.getBoundingClientRect();
       if (l.dir !== "rtl") {
-        const R = H.left - L.left, N = k.left - R, ee = P.left - N, te = P.width + ee, be = Math.max(te, L.width), we = window.innerWidth - j, ye = Ze(N, [j, we - be]);
-        c.style.minWidth = `${te}px`, c.style.left = `${ye}px`;
+        const V = W.left - L.left, R = B.left - V, ee = P.left - R, te = P.width + ee, Se = Math.max(te, L.width), be = window.innerWidth - z, we = Ze(R, [z, be - Se]);
+        c.style.minWidth = `${te}px`, c.style.left = `${we}px`;
       } else {
-        const R = L.right - H.right, N = window.innerWidth - k.right - R, ee = window.innerWidth - P.right - N, te = P.width + ee, be = Math.max(te, L.width), we = window.innerWidth - j, ye = Ze(N, [j, we - be]);
-        c.style.minWidth = `${te}px`, c.style.right = `${ye}px`;
+        const V = L.right - W.right, R = window.innerWidth - B.right - V, ee = window.innerWidth - P.right - R, te = P.width + ee, Se = Math.max(te, L.width), be = window.innerWidth - z, we = Ze(R, [z, be - Se]);
+        c.style.minWidth = `${te}px`, c.style.right = `${we}px`;
       }
-      const G = m(), $ = window.innerHeight - j * 2, W = v.scrollHeight, U = window.getComputedStyle(g), F = parseInt(U.borderTopWidth, 10), V = parseInt(U.paddingTop, 10), B = parseInt(U.borderBottomWidth, 10), K = parseInt(U.paddingBottom, 10), z = F + V + W + K + B, ue = Math.min(C.offsetHeight * 5, z), le = window.getComputedStyle(v), se = parseInt(le.paddingTop, 10), de = parseInt(le.paddingBottom, 10), X = P.top + P.height / 2 - j, ce = $ - X, Q = C.offsetHeight / 2, S = C.offsetTop + Q, y = F + V + S, D = z - y;
+      const H = m(), O = window.innerHeight - z * 2, k = v.scrollHeight, F = window.getComputedStyle(g), $ = parseInt(F.borderTopWidth, 10), U = parseInt(F.paddingTop, 10), Y = parseInt(F.borderBottomWidth, 10), q = parseInt(F.paddingBottom, 10), K = $ + U + k + q + Y, ue = Math.min(C.offsetHeight * 5, K), le = window.getComputedStyle(v), 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 R = C === G[G.length - 1].ref.current;
+        const V = C === H[H.length - 1].ref.current;
         c.style.bottom = `${0}px`;
-        const N = g.clientHeight - v.offsetTop - v.offsetHeight, ee = Math.max(ce, Q + (R ? de : 0) + N + B), te = y + ee;
+        const R = g.clientHeight - v.offsetTop - v.offsetHeight, ee = Math.max(ce, Q + (V ? de : 0) + R + Y), te = y + ee;
         c.style.height = `${te}px`;
       } else {
-        const R = C === G[0].ref.current;
+        const V = C === H[0].ref.current;
         c.style.top = `${0}px`;
-        const ee = Math.max(X, F + v.offsetTop + (R ? se : 0) + Q) + D;
+        const ee = Math.max(X, $ + v.offsetTop + (V ? se : 0) + Q) + D;
         c.style.height = `${ee}px`, v.scrollTop = y - X + v.offsetTop;
       }
-      c.style.margin = `${j}px 0`, c.style.minHeight = `${ue}px`, c.style.maxHeight = `${$}px`, t?.(), requestAnimationFrame(() => u.current = !0);
+      c.style.margin = `${z}px 0`, c.style.minHeight = `${ue}px`, c.style.maxHeight = `${O}px`, t?.(), requestAnimationFrame(() => u.current = !0);
     }
   }, [m, l.trigger, l.valueNode, c, g, v, C, x, l.dir, t]);
   Z(() => w(), [w]);
-  const [_, E] = r.useState();
+  const [A, E] = r.useState();
   Z(() => {
     g && E(window.getComputedStyle(g).zIndex);
   }, [g]);
-  const O = r.useCallback((P) => {
+  const M = r.useCallback((P) => {
     P && p.current === !0 && (w(), h?.(), p.current = !1);
   }, [w, h]);
-  return /* @__PURE__ */ d(Mo, {
+  return /* @__PURE__ */ d(_o, {
     scope: e,
     contentWrapper: c,
     shouldExpandOnScrollRef: u,
-    onScrollButtonChange: O,
+    onScrollButtonChange: M,
     children: /* @__PURE__ */ d("div", {
       ref: a,
       style: {
         display: "flex",
         flexDirection: "column",
         position: "fixed",
-        zIndex: _
+        zIndex: A
       },
-      children: /* @__PURE__ */ d(A.div, {
+      children: /* @__PURE__ */ d(N.div, {
         ...o,
         ref: b,
         style: {
@@ -1054,14 +1040,14 @@ const Ao = "SelectItemAlignedPosition", xt = r.forwardRef((n, s) => {
     })
   });
 });
-xt.displayName = Ao;
-const _o = "SelectPopperPosition", Ee = r.forwardRef((n, s) => {
+xt.displayName = No;
+const Ao = "SelectPopperPosition", Te = r.forwardRef((n, s) => {
   const {
     __scopeSelect: e,
     align: t = "start",
-    collisionPadding: o = j,
+    collisionPadding: o = z,
     ...l
-  } = n, i = Se(e);
+  } = n, i = ve(e);
   return /* @__PURE__ */ d(re.Content, {
     ...i,
     ...l,
@@ -1079,20 +1065,20 @@ const _o = "SelectPopperPosition", Ee = r.forwardRef((n, s) => {
     }
   });
 });
-Ee.displayName = _o;
-const [Mo, He] = ae(ne, {}), Pe = "SelectViewport", $e = r.forwardRef((n, s) => {
+Te.displayName = Ao;
+const [_o, He] = ae(ne, {}), Ee = "SelectViewport", $e = r.forwardRef((n, s) => {
   const {
     __scopeSelect: e,
     ...t
-  } = n, o = J(Pe, e), l = He(Pe, e), i = M(s, o.onViewportChange), c = r.useRef(0);
-  return /* @__PURE__ */ pe(_e, {
+  } = n, o = J(Ee, e), l = He(Ee, e), i = _(s, o.onViewportChange), c = r.useRef(0);
+  return /* @__PURE__ */ Ae(_e, {
     children: [/* @__PURE__ */ d("style", {
       dangerouslySetInnerHTML: {
         __html: "[data-radix-select-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-select-viewport]::-webkit-scrollbar{display:none}"
       }
-    }), /* @__PURE__ */ d(ve.Slot, {
+    }), /* @__PURE__ */ d(xe.Slot, {
       scope: e,
-      children: /* @__PURE__ */ d(A.div, {
+      children: /* @__PURE__ */ d(N.div, {
         "data-radix-select-viewport": "",
         role: "presentation",
         ...t,
@@ -1111,7 +1097,7 @@ const [Mo, He] = ae(ne, {}), Pe = "SelectViewport", $e = r.forwardRef((n, s) =>
           if (b?.current && f) {
             const m = Math.abs(c.current - g.scrollTop);
             if (m > 0) {
-              const u = window.innerHeight - j * 2, p = parseFloat(f.style.minHeight), v = parseFloat(f.style.height), C = Math.max(p, v);
+              const u = window.innerHeight - z * 2, p = parseFloat(f.style.minHeight), v = parseFloat(f.style.height), C = Math.max(p, v);
               if (C < u) {
                 const x = C + m, h = Math.min(u, x), w = x - h;
                 f.style.height = `${h}px`, f.style.bottom === "0px" && (g.scrollTop = w > 0 ? w : 0, f.style.justifyContent = "flex-end");
@@ -1124,16 +1110,16 @@ const [Mo, He] = ae(ne, {}), Pe = "SelectViewport", $e = r.forwardRef((n, s) =>
     })]
   });
 });
-$e.displayName = Pe;
-const vt = "SelectGroup", [Oo, Do] = ae(vt), Ue = r.forwardRef((n, s) => {
+$e.displayName = Ee;
+const vt = "SelectGroup", [Mo, Oo] = ae(vt), Ue = r.forwardRef((n, s) => {
   const {
     __scopeSelect: e,
     ...t
   } = n, o = oe();
-  return /* @__PURE__ */ d(Oo, {
+  return /* @__PURE__ */ d(Mo, {
     scope: e,
     id: o,
-    children: /* @__PURE__ */ d(A.div, {
+    children: /* @__PURE__ */ d(N.div, {
       role: "group",
       "aria-labelledby": o,
       ...t,
@@ -1146,30 +1132,30 @@ const St = "SelectLabel", Ke = r.forwardRef((n, s) => {
   const {
     __scopeSelect: e,
     ...t
-  } = n, o = Do(St, e);
-  return /* @__PURE__ */ d(A.div, {
+  } = n, o = Oo(St, e);
+  return /* @__PURE__ */ d(N.div, {
     id: o.id,
     ...t,
     ref: s
   });
 });
 Ke.displayName = St;
-const Ce = "SelectItem", [Lo, bt] = ae(Ce), We = r.forwardRef((n, s) => {
+const ge = "SelectItem", [Do, bt] = ae(ge), We = r.forwardRef((n, s) => {
   const {
     __scopeSelect: e,
     value: t,
     disabled: o = !1,
     textValue: l,
     ...i
-  } = n, c = q(Ce, e), a = J(Ce, 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)), [b, m] = r.useState(l ?? ""), [u, p] = r.useState(!1), v = M(s, (h) => a.itemRefCallback?.(h, t, o)), C = oe(), x = () => {
+  } = n, c = j(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)), f = Array.isArray(c.value) && Array.isArray(t) && t.some((h) => c.value?.includes(h)), [b, m] = r.useState(l ?? ""), [u, p] = r.useState(!1), v = _(s, (h) => a.itemRefCallback?.(h, t, o)), 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);
+      f && !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))
     throw new Error("You can only pass an array of values in multi selects");
-  return /* @__PURE__ */ d(Lo, {
+  return /* @__PURE__ */ d(Do, {
     scope: e,
     value: t,
     disabled: o,
@@ -1179,12 +1165,12 @@ const Ce = "SelectItem", [Lo, bt] = ae(Ce), We = r.forwardRef((n, s) => {
     onItemTextChange: r.useCallback((h) => {
       m((w) => w || (h?.textContent ?? "").trim());
     }, []),
-    children: /* @__PURE__ */ d(ve.ItemSlot, {
+    children: /* @__PURE__ */ d(xe.ItemSlot, {
       scope: e,
       value: t,
       disabled: o,
       textValue: b,
-      children: /* @__PURE__ */ d(A.div, {
+      children: /* @__PURE__ */ d(N.div, {
         role: "option",
         "aria-labelledby": C,
         "data-highlighted": u ? "" : void 0,
@@ -1208,20 +1194,20 @@ const Ce = "SelectItem", [Lo, bt] = ae(Ce), We = r.forwardRef((n, s) => {
           h.currentTarget === document.activeElement && a.onItemLeave?.();
         }),
         onKeyDown: T(i.onKeyDown, (h) => {
-          a.searchRef?.current !== "" && h.key === " " || (wo.includes(h.key) && x(), h.key === " " && h.preventDefault());
+          a.searchRef?.current !== "" && h.key === " " || (bo.includes(h.key) && x(), h.key === " " && h.preventDefault());
         })
       })
     })
   });
 });
-We.displayName = Ce;
+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 = J(fe, e), a = bt(fe, e), g = Po(fe, e), [f, b] = r.useState(null), m = M(s, (x) => b(x), a.onItemTextChange, (x) => c.itemTextRefCallback?.(x, a.value, a.disabled)), u = f?.textContent, p = r.useMemo(() => /* @__PURE__ */ d("option", {
+  } = n, i = j(fe, e), c = J(fe, e), a = bt(fe, e), g = Eo(fe, e), [f, b] = r.useState(null), m = _(s, (x) => b(x), a.onItemTextChange, (x) => c.itemTextRefCallback?.(x, a.value, a.disabled)), u = f?.textContent, p = r.useMemo(() => /* @__PURE__ */ d("option", {
     value: a.value,
     disabled: a.disabled,
     children: u
@@ -1229,12 +1215,12 @@ const fe = "SelectItemText", ze = r.forwardRef((n, s) => {
     onNativeOptionAdd: v,
     onNativeOptionRemove: C
   } = g;
-  return Z(() => (v(p), () => C(p)), [v, C, p]), /* @__PURE__ */ pe(_e, {
-    children: [/* @__PURE__ */ d(A.span, {
+  return Z(() => (v(p), () => C(p)), [v, C, p]), /* @__PURE__ */ Ae(_e, {
+    children: [/* @__PURE__ */ d(N.span, {
       id: a.textId,
       ...l,
       ref: m
-    }), a.isSelected && i.valueNode && !i.valueNodeHasChildren ? Ae.createPortal(l.children, i.valueNode) : null]
+    }), a.isSelected && i.valueNode && !i.valueNodeHasChildren ? Ne.createPortal(l.children, i.valueNode) : null]
   });
 });
 ze.displayName = fe;
@@ -1243,7 +1229,7 @@ const wt = "SelectItemIndicator", Ge = r.forwardRef((n, s) => {
     __scopeSelect: e,
     ...t
   } = n, o = bt(wt, e);
-  return typeof n.children == "function" ? /* @__PURE__ */ d(A.span, {
+  return typeof n.children == "function" ? /* @__PURE__ */ d(N.span, {
     "aria-hidden": !0,
     ...t,
     ref: s,
@@ -1251,15 +1237,15 @@ const wt = "SelectItemIndicator", Ge = r.forwardRef((n, s) => {
       isSelected: o.isSelected,
       isIntermediate: o.isIntermediate
     })
-  }) : o.isSelected ? /* @__PURE__ */ d(A.span, {
+  }) : o.isSelected ? /* @__PURE__ */ d(N.span, {
     "aria-hidden": !0,
     ...t,
     ref: s
   }) : null;
 });
 Ge.displayName = wt;
-const Ve = "SelectScrollUpButton", je = r.forwardRef((n, s) => {
-  const e = J(Ve, n.__scopeSelect), t = He(Ve, n.__scopeSelect), [o, l] = r.useState(!1), i = M(s, t.onScrollButtonChange);
+const Pe = "SelectScrollUpButton", je = r.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(() => {
     if (e.viewport && e.isPositioned) {
       const c = e.viewport, a = () => {
@@ -1280,9 +1266,9 @@ const Ve = "SelectScrollUpButton", je = r.forwardRef((n, s) => {
     }
   }) : null;
 });
-je.displayName = Ve;
-const Re = "SelectScrollDownButton", Ye = r.forwardRef((n, s) => {
-  const e = J(Re, n.__scopeSelect), t = He(Re, n.__scopeSelect), [o, l] = r.useState(!1), i = M(s, t.onScrollButtonChange);
+je.displayName = Pe;
+const Ve = "SelectScrollDownButton", Ye = r.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(() => {
     if (e.viewport && e.isPositioned) {
       const c = e.viewport, a = () => {
@@ -1303,20 +1289,20 @@ const Re = "SelectScrollDownButton", Ye = r.forwardRef((n, s) => {
     }
   }) : null;
 });
-Ye.displayName = Re;
+Ye.displayName = Ve;
 const yt = r.forwardRef((n, s) => {
   const {
     __scopeSelect: e,
     onAutoScroll: t,
     ...o
-  } = n, l = J("SelectScrollButton", e), i = r.useRef(null), c = ge(e), a = r.useCallback(() => {
+  } = n, l = J("SelectScrollButton", e), i = r.useRef(null), c = he(e), a = r.useCallback(() => {
     i.current !== null && (window.clearInterval(i.current), i.current = null);
   }, []);
   return r.useEffect(() => () => a(), [a]), Z(() => {
     c().find((f) => f.ref.current === document.activeElement)?.ref.current?.scrollIntoView({
       block: "nearest"
     });
-  }, [c]), /* @__PURE__ */ d(A.div, {
+  }, [c]), /* @__PURE__ */ d(N.div, {
     "aria-hidden": !0,
     ...o,
     ref: s,
@@ -1331,35 +1317,35 @@ const yt = r.forwardRef((n, s) => {
       a();
     })
   });
-}), ko = "SelectSeparator", qe = r.forwardRef((n, s) => {
+}), Lo = "SelectSeparator", qe = r.forwardRef((n, s) => {
   const {
     __scopeSelect: e,
     ...t
   } = n;
-  return /* @__PURE__ */ d(A.div, {
+  return /* @__PURE__ */ d(N.div, {
     "aria-hidden": !0,
     ...t,
     ref: s
   });
 });
-qe.displayName = ko;
-const Ne = "SelectArrow", Xe = r.forwardRef((n, s) => {
+qe.displayName = Lo;
+const Re = "SelectArrow", Xe = r.forwardRef((n, s) => {
   const {
     __scopeSelect: e,
     ...t
-  } = n, o = Se(e), l = q(Ne, e), i = J(Ne, e);
+  } = 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;
 });
-Xe.displayName = Ne;
-const Fo = "BubbleSelect", It = r.forwardRef((n, s) => {
+Xe.displayName = Re;
+const ko = "BubbleSelect", Fo = r.forwardRef((n, s) => {
   const {
     value: e,
     ...t
-  } = n, o = r.useRef(null), l = M(s, o), i = Mt(e), c = q(Fo, void 0);
+  } = n, o = r.useRef(null), l = _(s, o), i = _t(e), c = j(ko, void 0);
   r.useEffect(() => {
     const g = o.current, f = window.HTMLSelectElement.prototype, m = Object.getOwnPropertyDescriptor(f, "value").set;
     if (i !== e && m) {
@@ -1370,7 +1356,7 @@ const Fo = "BubbleSelect", It = r.forwardRef((n, s) => {
     }
   }, [i, e]);
   let a = e;
-  return c.multi && !Array.isArray(e) && (a = []), /* @__PURE__ */ d(Ot, {
+  return c.multi && !Array.isArray(e) && (a = []), /* @__PURE__ */ d(Mt, {
     asChild: !0,
     children: /* @__PURE__ */ d("select", {
       ...t,
@@ -1380,9 +1366,9 @@ const Fo = "BubbleSelect", It = r.forwardRef((n, s) => {
     })
   });
 });
-It.displayName = "BubbleSelect";
-function Tt(n) {
-  const s = _t(n), e = r.useRef(""), t = r.useRef(0), o = r.useCallback((i) => {
+Fo.displayName = "BubbleSelect";
+function It(n) {
+  const s = At(n), e = r.useRef(""), t = r.useRef(0), o = r.useCallback((i) => {
     const c = e.current + i;
     s(c), function a(g) {
       e.current = g, window.clearTimeout(t.current), g !== "" && (t.current = window.setTimeout(() => a(""), 1e3));
@@ -1392,7 +1378,7 @@ function Tt(n) {
   }, []);
   return r.useEffect(() => () => window.clearTimeout(t.current), []), [e, o, l];
 }
-function Et(n, s, e) {
+function Tt(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));
   o.length === 1 && (i = i.filter((g) => g !== e));
@@ -1402,14 +1388,14 @@ function Et(n, s, e) {
 function Bo(n, s) {
   return n.map((e, t) => n[(s + t) % n.length]);
 }
-const Pt = (n, s = []) => {
+const Et = (n, s = []) => {
   if (Array.isArray(n))
-    return n.reduce((t, o) => Pt(o, t), 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 = Le, Ko = ke, 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({
   __proto__: null,
-  createSelectScope: Io,
+  createSelectScope: yo,
   Select: Oe,
   SelectTrigger: De,
   SelectValue: Le,