@strapi/ui-primitives 1.15.0-typescript.0 → 1.15.0

package/dist/ui-primitives.mjs

@@ -1,19 +1,19 @@
-import { jsx as p, jsxs as Me, Fragment as Oe } from "react/jsx-runtime";
+import { jsx as f, jsxs as Me, Fragment as Oe } from "react/jsx-runtime";
 import * as l from "react";
-import { useComposedRefs as M } from "@radix-ui/react-compose-refs";
+import { useComposedRefs as _ } from "@radix-ui/react-compose-refs";
 import { createContextScope as st, createContext as ct } from "@radix-ui/react-context";
 import { Slot as Ve } from "@radix-ui/react-slot";
 import { composeEventHandlers as T } from "@radix-ui/primitive";
-import { composeEventHandlers as An } from "@radix-ui/primitive";
+import { composeEventHandlers as _n } from "@radix-ui/primitive";
 import { DismissableLayer as it } from "@radix-ui/react-dismissable-layer";
 import { useFocusGuards as at } from "@radix-ui/react-focus-guards";
 import { FocusScope as ut } from "@radix-ui/react-focus-scope";
-import { useId as re } from "@radix-ui/react-id";
-import * as le from "@radix-ui/react-popper";
+import { useId as ne } from "@radix-ui/react-id";
+import * as re from "@radix-ui/react-popper";
 import { createPopperScope as dt } from "@radix-ui/react-popper";
 import { Portal as pt } from "@radix-ui/react-portal";
-import { Primitive as R } from "@radix-ui/react-primitive";
-import { useControllableState as ie } from "@radix-ui/react-use-controllable-state";
+import { Primitive as N } from "@radix-ui/react-primitive";
+import { useControllableState as ce } from "@radix-ui/react-use-controllable-state";
 import { useLayoutEffect as L } from "@radix-ui/react-use-layout-effect";
 import { hideOthers as ft } from "aria-hidden";
 import * as Ce from "react-dom";
@@ -24,41 +24,41 @@ import { useDirection as jt } from "@radix-ui/react-direction";
 import { usePrevious as Yt } from "@radix-ui/react-use-previous";
 import { VisuallyHidden as qt } from "@radix-ui/react-visually-hidden";
 import { useCallbackRef as Xt } from "@radix-ui/react-use-callback-ref";
-import { useCallbackRef as Mn } from "@radix-ui/react-use-callback-ref";
+import { useCallbackRef as On } from "@radix-ui/react-use-callback-ref";
 function Zt(r) {
   const c = `${r}CollectionProvider`, [e, t] = st(c), [o, n] = e(c, {
     collectionRef: { current: null },
     itemMap: /* @__PURE__ */ new Map(),
     listeners: /* @__PURE__ */ new Set()
-  }), i = (d) => {
-    const { scope: h, children: v } = d, C = l.useRef(null), b = l.useRef(/* @__PURE__ */ new Map()).current, g = l.useRef(/* @__PURE__ */ new Set()).current;
-    return /* @__PURE__ */ p(o, { scope: h, itemMap: b, collectionRef: C, listeners: g, children: v });
+  }), i = (u) => {
+    const { scope: h, children: v } = u, C = l.useRef(null), b = l.useRef(/* @__PURE__ */ new Map()).current, g = l.useRef(/* @__PURE__ */ new Set()).current;
+    return /* @__PURE__ */ f(o, { scope: h, itemMap: b, collectionRef: C, listeners: g, children: v });
   };
   i.displayName = c;
-  const s = `${r}CollectionSlot`, a = l.forwardRef((d, h) => {
-    const { scope: v, children: C } = d, b = n(s, v), g = M(h, b.collectionRef);
-    return /* @__PURE__ */ p(Ve, { ref: g, children: C });
+  const s = `${r}CollectionSlot`, a = l.forwardRef((u, h) => {
+    const { scope: v, children: C } = u, b = n(s, v), g = _(h, b.collectionRef);
+    return /* @__PURE__ */ f(Ve, { ref: g, children: C });
   });
   a.displayName = s;
-  const m = `${r}CollectionItemSlot`, u = "data-radix-collection-item", x = l.forwardRef((d, h) => {
-    const { scope: v, children: C, ...b } = d, g = l.useRef(null), I = M(h, g), E = n(m, v);
+  const m = `${r}CollectionItemSlot`, d = "data-radix-collection-item", x = l.forwardRef((u, h) => {
+    const { scope: v, children: C, ...b } = u, g = l.useRef(null), I = _(h, g), E = n(m, v);
     return l.useEffect(() => {
-      const O = Array.from(E.itemMap.values());
-      return E.itemMap.set(g, { ref: g, ...b }), E.listeners.forEach((A) => A(Array.from(E.itemMap.values()), O)), () => {
-        const A = Array.from(E.itemMap.values());
-        E.itemMap.delete(g), E.listeners.forEach((_) => _(Array.from(E.itemMap.values()), A));
+      const M = Array.from(E.itemMap.values());
+      return E.itemMap.set(g, { ref: g, ...b }), E.listeners.forEach((R) => R(Array.from(E.itemMap.values()), M)), () => {
+        const R = Array.from(E.itemMap.values());
+        E.itemMap.delete(g), E.listeners.forEach((A) => A(Array.from(E.itemMap.values()), R));
       };
-    }), /* @__PURE__ */ p(Ve, { [u]: "", ref: I, children: C });
+    }), /* @__PURE__ */ f(Ve, { [d]: "", ref: I, children: C });
   });
   x.displayName = m;
-  function f(d) {
-    const h = n(`${r}CollectionConsumer`, d), v = l.useCallback(() => {
+  function p(u) {
+    const h = n(`${r}CollectionConsumer`, u), v = l.useCallback(() => {
       const b = h.collectionRef.current;
       if (!b)
         return [];
-      const g = Array.from(b.querySelectorAll(`[${u}]`));
+      const g = Array.from(b.querySelectorAll(`[${d}]`));
       return Array.from(h.itemMap.values()).sort(
-        (O, A) => g.indexOf(O.ref.current) - g.indexOf(A.ref.current)
+        (M, R) => g.indexOf(M.ref.current) - g.indexOf(R.ref.current)
       );
     }, [h.collectionRef, h.itemMap]), C = l.useCallback(
       (b) => (h.listeners.add(b), () => h.listeners.delete(b)),
@@ -68,7 +68,7 @@ function Zt(r) {
   }
   return [
     { Provider: i, Slot: a, ItemSlot: x },
-    f,
+    p,
     t
   ];
 }
@@ -112,7 +112,13 @@ const Qt = (r) => {
   return l.useEffect(() => {
     c.current = r;
   }), c.current;
-}, eo = [" ", "Enter", "ArrowUp", "ArrowDown"], to = ["Enter"], oo = (r) => !!(r.length === 1 && r.match(/\S| /)), ht = "Combobox", [ae, me] = Zt(ht), [no, K] = ct(ht), ro = ({ children: r }) => /* @__PURE__ */ p(le.Root, { children: /* @__PURE__ */ p(ae.Provider, { scope: void 0, children: r }) }), lo = (r) => {
+}, eo = [" ", "Enter", "ArrowUp", "ArrowDown"], to = ["Enter"], oo = (r) => !!(r.length === 1 && r.match(/\S| /)), ht = "Combobox", [ie, me] = Zt(ht), [no, K] = ct(ht), ro = ({ children: r }) => /* @__PURE__ */ f(re.Root, { children: /* @__PURE__ */ f(ie.Provider, { scope: void 0, children: r }) }), lo = (r) => typeof r == "string" ? r === "none" ? {
+  type: r,
+  filter: void 0
+} : {
+  type: r,
+  filter: "startsWith"
+} : r, so = (r) => {
   const {
     allowCustomValue: c = !1,
     autocomplete: e = "none",
@@ -123,75 +129,75 @@ const Qt = (r) => {
     value: s,
     defaultValue: a,
     onValueChange: m,
-    disabled: u,
+    disabled: d,
     required: x = !1,
-    locale: f = "en-EN",
-    onTextValueChange: d,
+    locale: p = "en-EN",
+    onTextValueChange: u,
     textValue: h,
     defaultTextValue: v,
     filterValue: C,
     defaultFilterValue: b,
     onFilterValueChange: g,
     isPrintableCharacter: I = oo
-  } = r, [E, O] = l.useState(null), [A, _] = l.useState(null), [k, q] = l.useState(null), [W, B] = l.useState(null), [D = !1, H] = ie({
+  } = r, [E, M] = l.useState(null), [R, A] = l.useState(null), [k, X] = l.useState(null), [z, B] = l.useState(null), [O = !1, H] = ce({
     prop: o,
     defaultProp: n,
     onChange: i
-  }), [F, z] = ie({
+  }), [F, G] = ce({
     prop: s,
     defaultProp: a,
     onChange: m
-  }), [G, $] = ie({
+  }), [j, $] = ce({
     prop: h,
     defaultProp: c && !v ? s : v,
-    onChange: d
-  }), [X, U] = ie({
+    onChange: u
+  }), [Z, U] = ce({
     prop: C,
     defaultProp: b,
     onChange: g
-  }), de = re(), se = l.useCallback(
-    (pe, Q) => {
-      const Z = Q.map((w) => w.ref.current), [ce, ...ee] = Z, [S] = ee.slice(-1), V = W ?? Q.find((w) => w.value === F)?.ref.current;
-      for (const w of pe) {
-        if (w === V)
+  }), ue = ne(), le = l.useCallback(
+    (pe, W) => {
+      const se = W.map((S) => S.ref.current), [Q, ...y] = se, [V] = y.slice(-1), D = z ?? W.find((S) => S.value === F)?.ref.current;
+      for (const S of pe) {
+        if (S === D)
           return;
-        if (w?.scrollIntoView({ block: "nearest" }), w === ce && A && (A.scrollTop = 0), w === S && A && (A.scrollTop = A.scrollHeight), B(w), e === "both") {
-          const y = Q.find((P) => P.ref.current === w);
-          y && $(y.textValue);
+        if (S?.scrollIntoView({ block: "nearest" }), S === Q && R && (R.scrollTop = 0), S === V && R && (R.scrollTop = R.scrollHeight), B(S), e === "both") {
+          const w = W.find((P) => P.ref.current === S);
+          w && $(w.textValue);
         }
-        if (w !== V)
+        if (S !== D)
           return;
       }
     },
-    [e, $, A, W, F]
-  );
+    [e, $, R, z, F]
+  ), de = lo(e);
   return l.useEffect(() => {
     e !== "both" && B(null);
-  }, [G, e]), l.useEffect(() => {
+  }, [j, e]), l.useEffect(() => {
     if (k && E)
       return ft([k, E]);
-  }, [k, E]), /* @__PURE__ */ p(ro, { children: /* @__PURE__ */ p(
+  }, [k, E]), /* @__PURE__ */ f(ro, { children: /* @__PURE__ */ f(
     no,
     {
       allowCustomValue: c,
-      autocomplete: e,
+      autocomplete: de,
       required: x,
       trigger: E,
-      onTriggerChange: O,
-      contentId: de,
+      onTriggerChange: M,
+      contentId: ue,
       value: F,
-      onValueChange: z,
-      open: D,
+      onValueChange: G,
+      open: O,
       onOpenChange: H,
-      disabled: u,
-      locale: f,
-      focusFirst: se,
-      textValue: G,
+      disabled: d,
+      locale: p,
+      focusFirst: le,
+      textValue: j,
       onTextValueChange: $,
-      onViewportChange: _,
-      onContentChange: q,
-      visuallyFocussedItem: W,
-      filterValue: X,
+      onViewportChange: A,
+      onContentChange: X,
+      visuallyFocussedItem: z,
+      filterValue: Z,
       onFilterValueChange: U,
       onVisuallyFocussedItemChange: B,
       isPrintableCharacter: I,
@@ -202,7 +208,7 @@ const Qt = (r) => {
   const { ...e } = r, t = K(gt), o = () => {
     t.disabled || t.onOpenChange(!0);
   };
-  return /* @__PURE__ */ p(le.Anchor, { asChild: !0, children: /* @__PURE__ */ p(
+  return /* @__PURE__ */ f(re.Anchor, { asChild: !0, children: /* @__PURE__ */ f(
     ut,
     {
       asChild: !0,
@@ -213,7 +219,7 @@ const Qt = (r) => {
       onUnmountAutoFocus: (n) => {
         t.trigger?.focus({ preventScroll: !0 }), document.getSelection()?.empty(), n.preventDefault();
       },
-      children: /* @__PURE__ */ p(
+      children: /* @__PURE__ */ f(
         "div",
         {
           ref: c,
@@ -233,20 +239,20 @@ const Qt = (r) => {
 });
 xt.displayName = gt;
 const Ct = "ComboboxInput", vt = l.forwardRef((r, c) => {
-  const e = K(Ct), t = l.useRef(null), { getItems: o } = me(void 0), { startsWith: n } = De(e.locale, { sensitivity: "base" }), i = e.disabled, s = M(t, c, e.onTriggerChange), a = () => {
+  const e = K(Ct), t = l.useRef(null), { getItems: o } = me(void 0), { startsWith: n } = De(e.locale, { sensitivity: "base" }), i = e.disabled, s = _(t, c, e.onTriggerChange), a = () => {
     i || e.onOpenChange(!0);
   }, m = Qt(e.filterValue);
   return L(() => {
-    const u = setTimeout(() => {
+    const d = setTimeout(() => {
       if (e.textValue === "" || e.textValue === void 0 || e.filterValue === "" || e.filterValue === void 0)
         return;
       const x = o().find(
-        (d) => d.type === "option" && n(d.textValue, e.textValue)
-      ), f = So(m ?? "", e.filterValue);
-      x && !e.visuallyFocussedItem && f === e.filterValue.length && t.current?.setSelectionRange(e.filterValue.length, e.textValue.length);
+        (u) => u.type === "option" && n(u.textValue, e.textValue)
+      ), p = So(m ?? "", e.filterValue);
+      x && !e.visuallyFocussedItem && p === e.filterValue.length && t.current?.setSelectionRange(e.filterValue.length, e.textValue.length);
     });
-    return () => clearTimeout(u);
-  }, [e.textValue, e.filterValue, n, e.visuallyFocussedItem, o, m]), /* @__PURE__ */ p(
+    return () => clearTimeout(d);
+  }, [e.textValue, e.filterValue, n, e.visuallyFocussedItem, o, m]), /* @__PURE__ */ f(
     "input",
     {
       type: "text",
@@ -254,7 +260,7 @@ const Ct = "ComboboxInput", vt = l.forwardRef((r, c) => {
       "aria-controls": e.contentId,
       "aria-expanded": e.open,
       "aria-required": e.required,
-      "aria-autocomplete": e.autocomplete,
+      "aria-autocomplete": e.autocomplete.type,
       "data-state": e.open ? "open" : "closed",
       "aria-disabled": i,
       "aria-activedescendant": e.visuallyFocussedItem?.id,
@@ -264,72 +270,72 @@ const Ct = "ComboboxInput", vt = l.forwardRef((r, c) => {
       value: e.textValue ?? "",
       ...r,
       ref: s,
-      onKeyDown: T(r.onKeyDown, (u) => {
-        if (["ArrowUp", "ArrowDown", "Home", "End"].includes(u.key))
+      onKeyDown: T(r.onKeyDown, (d) => {
+        if (["ArrowUp", "ArrowDown", "Home", "End"].includes(d.key))
           e.open || a(), setTimeout(() => {
-            let f = o().filter((d) => !d.disabled && d.isVisible).map((d) => d.ref.current);
-            if (["ArrowUp", "End"].includes(u.key) && (f = f.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(u.key)) {
-              const d = e.visuallyFocussedItem ?? o().find((h) => h.value === e.value)?.ref.current;
-              if (d) {
-                let h = f.indexOf(d);
-                h === f.length - 1 && (h = -1), f = f.slice(h + 1);
+            let p = o().filter((u) => !u.disabled && u.isVisible).map((u) => u.ref.current);
+            if (["ArrowUp", "End"].includes(d.key) && (p = p.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(d.key)) {
+              const u = e.visuallyFocussedItem ?? o().find((h) => h.value === e.value)?.ref.current;
+              if (u) {
+                let h = p.indexOf(u);
+                h === p.length - 1 && (h = -1), p = p.slice(h + 1);
               }
             }
-            if (["ArrowDown"].includes(u.key) && e.autocomplete === "both" && f.length > 1) {
-              const [d, ...h] = f, v = o().find((C) => C.ref.current === d).textValue;
-              e.textValue === v && (f = h);
+            if (["ArrowDown"].includes(d.key) && e.autocomplete.type === "both" && p.length > 1) {
+              const [u, ...h] = p, v = o().find((C) => C.ref.current === u).textValue;
+              e.textValue === v && (p = h);
             }
-            e.focusFirst(f, o());
-          }), u.preventDefault();
-        else if (["Tab"].includes(u.key) && e.open)
-          u.preventDefault();
-        else if (["Escape"].includes(u.key))
-          e.open ? e.onOpenChange(!1) : (e.onValueChange(void 0), e.onTextValueChange("")), u.preventDefault();
-        else if (to.includes(u.key)) {
+            e.focusFirst(p, o());
+          }), d.preventDefault();
+        else if (["Tab"].includes(d.key) && e.open)
+          d.preventDefault();
+        else if (["Escape"].includes(d.key))
+          e.open ? e.onOpenChange(!1) : (e.onValueChange(void 0), e.onTextValueChange("")), d.preventDefault();
+        else if (to.includes(d.key)) {
           if (e.visuallyFocussedItem) {
-            const x = o().find((f) => f.ref.current === e.visuallyFocussedItem);
-            x && (e.onValueChange(x.value), e.onTextValueChange(x.textValue), e.autocomplete === "both" && e.onFilterValueChange(x.textValue), x.ref.current?.click());
+            const x = o().find((p) => p.ref.current === e.visuallyFocussedItem);
+            x && (e.onValueChange(x.value), e.onTextValueChange(x.textValue), e.autocomplete.type === "both" && e.onFilterValueChange(x.textValue), x.ref.current?.click());
           } else {
             const x = o().find(
-              (f) => f.type === "option" && !f.disabled && f.textValue === e.textValue
+              (p) => p.type === "option" && !p.disabled && p.textValue === e.textValue
             );
-            x && (e.onValueChange(x.value), e.onTextValueChange(x.textValue), e.autocomplete === "both" && e.onFilterValueChange(x.textValue), x.ref.current?.click());
+            x && (e.onValueChange(x.value), e.onTextValueChange(x.textValue), e.autocomplete.type === "both" && e.onFilterValueChange(x.textValue), x.ref.current?.click());
           }
-          e.onOpenChange(!1), u.preventDefault();
+          e.onOpenChange(!1), d.preventDefault();
         } else
           e.onVisuallyFocussedItemChange(null);
       }),
-      onChange: T(r.onChange, (u) => {
-        e.onTextValueChange(u.currentTarget.value), e.autocomplete === "both" && e.onFilterValueChange(u.currentTarget.value);
+      onChange: T(r.onChange, (d) => {
+        e.onTextValueChange(d.currentTarget.value), e.autocomplete.type === "both" && e.onFilterValueChange(d.currentTarget.value);
       }),
-      onKeyUp: T(r.onKeyUp, (u) => {
-        if (!e.open && (e.isPrintableCharacter(u.key) || ["Backspace"].includes(u.key)) && a(), setTimeout(() => {
-          if (e.autocomplete === "both" && e.isPrintableCharacter(u.key) && e.filterValue !== void 0) {
-            const x = e.filterValue, f = o().find((d) => n(d.textValue, x));
-            f && e.onTextValueChange(f.textValue);
+      onKeyUp: T(r.onKeyUp, (d) => {
+        if (!e.open && (e.isPrintableCharacter(d.key) || ["Backspace"].includes(d.key)) && a(), setTimeout(() => {
+          if (e.autocomplete.type === "both" && e.isPrintableCharacter(d.key) && e.filterValue !== void 0) {
+            const x = e.filterValue, p = o().find((u) => n(u.textValue, x));
+            p && e.onTextValueChange(p.textValue);
           }
-        }), e.autocomplete === "none" && e.isPrintableCharacter(u.key)) {
-          const x = e.textValue ?? "", f = o().find((d) => n(d.textValue, x));
-          f && (e.onVisuallyFocussedItemChange(f.ref.current), f.ref.current?.scrollIntoView());
+        }), e.autocomplete.type === "none" && e.isPrintableCharacter(d.key)) {
+          const x = e.textValue ?? "", p = o().find((u) => n(u.textValue, x));
+          p && (e.onVisuallyFocussedItemChange(p.ref.current), p.ref.current?.scrollIntoView());
         }
       }),
       onBlur: T(r.onBlur, () => {
         if (e.open)
           return;
         e.onVisuallyFocussedItemChange(null);
-        const [u] = o().filter(
-          (f) => f.textValue === e.textValue && f.type === "option"
+        const [d] = o().filter(
+          (p) => p.textValue === e.textValue && p.type === "option"
         );
-        if (u) {
-          e.onValueChange(u.value), e.autocomplete === "both" && e.onFilterValueChange(u.textValue);
+        if (d) {
+          e.onValueChange(d.value), e.autocomplete.type === "both" && e.onFilterValueChange(d.textValue);
           return;
         }
         if (e.allowCustomValue) {
-          e.onValueChange(e.textValue), e.autocomplete === "both" && e.onFilterValueChange(e.textValue);
+          e.onValueChange(e.textValue), e.autocomplete.type === "both" && e.onFilterValueChange(e.textValue);
           return;
         }
-        const [x] = o().filter((f) => f.value === e.value && f.type === "option");
-        x && e.textValue !== "" ? (e.onTextValueChange(x.textValue), e.autocomplete === "both" && e.onFilterValueChange(x.textValue)) : (e.onValueChange(void 0), e.onTextValueChange(""));
+        const [x] = o().filter((p) => p.value === e.value && p.type === "option");
+        x && e.textValue !== "" ? (e.onTextValueChange(x.textValue), e.autocomplete.type === "both" && e.onFilterValueChange(x.textValue)) : (e.onValueChange(void 0), e.onTextValueChange(""));
       })
     }
   );
@@ -339,8 +345,8 @@ const bt = l.forwardRef((r, c) => {
   const { children: e, ...t } = r, o = K(Ct), n = o.disabled, i = () => {
     n || (o.onOpenChange(!0), o.trigger?.focus());
   };
-  return /* @__PURE__ */ p(
-    R.button,
+  return /* @__PURE__ */ f(
+    N.button,
     {
       "aria-hidden": !0,
       type: "button",
@@ -366,29 +372,29 @@ const bt = l.forwardRef((r, c) => {
   );
 });
 bt.displayName = "ComboboxIcon";
-const so = "ComboboxPortal", St = (r) => /* @__PURE__ */ p(pt, { asChild: !0, ...r });
-St.displayName = so;
-const ke = "ComboboxContent", It = l.forwardRef((r, c) => {
+const co = "ComboboxPortal", yt = (r) => /* @__PURE__ */ f(pt, { asChild: !0, ...r });
+yt.displayName = co;
+const ke = "ComboboxContent", St = l.forwardRef((r, c) => {
   const e = K(ke), { getItems: t } = me(void 0), [o, n] = l.useState();
   if (L(() => {
     n(new DocumentFragment());
   }, []), L(() => {
-    e.open && e.autocomplete === "none" && setTimeout(() => {
+    e.open && e.autocomplete.type === "none" && setTimeout(() => {
       t().find((s) => s.value === e.value)?.ref.current?.scrollIntoView({ block: "nearest" });
     });
   }, [t, e.autocomplete, e.value, e.open]), !e.open) {
     const i = o;
     return i ? Ce.createPortal(
-      /* @__PURE__ */ p(ae.Slot, { scope: void 0, children: /* @__PURE__ */ p("div", { children: r.children }) }),
+      /* @__PURE__ */ f(ie.Slot, { scope: void 0, children: /* @__PURE__ */ f("div", { children: r.children }) }),
       i
     ) : null;
   }
-  return /* @__PURE__ */ p(yt, { ...r, ref: c });
+  return /* @__PURE__ */ f(It, { ...r, ref: c });
 });
-It.displayName = ke;
-const co = 10, yt = l.forwardRef(
+St.displayName = ke;
+const io = 10, It = l.forwardRef(
   (r, c) => {
-    const { onEscapeKeyDown: e, onPointerDownOutside: t, ...o } = r, n = K(ke), i = M(c, (a) => n.onContentChange(a)), { onOpenChange: s } = n;
+    const { onEscapeKeyDown: e, onPointerDownOutside: t, ...o } = r, n = K(ke), i = _(c, (a) => n.onContentChange(a)), { onOpenChange: s } = n;
     return at(), l.useEffect(() => {
       const a = () => {
         s(!1);
@@ -396,7 +402,7 @@ const co = 10, yt = l.forwardRef(
       return window.addEventListener("blur", a), window.addEventListener("resize", a), () => {
         window.removeEventListener("blur", a), window.removeEventListener("resize", a);
       };
-    }, [s]), /* @__PURE__ */ p(mt, { allowPinchZoom: !0, children: /* @__PURE__ */ p(
+    }, [s]), /* @__PURE__ */ f(mt, { allowPinchZoom: !0, children: /* @__PURE__ */ f(
       it,
       {
         asChild: !0,
@@ -408,7 +414,7 @@ const co = 10, yt = l.forwardRef(
         onDismiss: () => {
           n.onOpenChange(!1), n.trigger?.focus({ preventScroll: !0 });
         },
-        children: /* @__PURE__ */ p(
+        children: /* @__PURE__ */ f(
           wt,
           {
             role: "listbox",
@@ -431,12 +437,12 @@ const co = 10, yt = l.forwardRef(
     ) });
   }
 );
-yt.displayName = "ComboboxContentImpl";
+It.displayName = "ComboboxContentImpl";
 const wt = l.forwardRef(
   (r, c) => {
-    const { align: e = "start", collisionPadding: t = co, ...o } = r;
-    return /* @__PURE__ */ p(
-      le.Content,
+    const { align: e = "start", collisionPadding: t = io, ...o } = r;
+    return /* @__PURE__ */ f(
+      re.Content,
       {
         ...o,
         ref: c,
@@ -458,9 +464,9 @@ const wt = l.forwardRef(
 );
 wt.displayName = "ComboboxPopperPosition";
 const Tt = "ComboboxViewport", Vt = l.forwardRef((r, c) => {
-  const e = K(Tt), t = M(c, e.onViewportChange);
+  const e = K(Tt), t = _(c, e.onViewportChange);
   return /* @__PURE__ */ Me(Oe, { children: [
-    /* @__PURE__ */ p(
+    /* @__PURE__ */ f(
       "style",
       {
         dangerouslySetInnerHTML: {
@@ -468,8 +474,8 @@ const Tt = "ComboboxViewport", Vt = l.forwardRef((r, c) => {
         }
       }
     ),
-    /* @__PURE__ */ p(ae.Slot, { scope: void 0, children: /* @__PURE__ */ p(
-      R.div,
+    /* @__PURE__ */ f(ie.Slot, { scope: void 0, children: /* @__PURE__ */ f(
+      N.div,
       {
         "data-radix-combobox-viewport": "",
         role: "presentation",
@@ -494,51 +500,51 @@ const ve = "ComboboxItem", [lt, Fe] = ct(ve), Le = l.forwardRef((r, c) => {
   L(() => {
     s(new DocumentFragment());
   }, []);
-  const { onTextValueChange: a, textValue: m, ...u } = K(ve), x = re(), [f, d] = l.useState(o ?? ""), h = u.value === e, { startsWith: v } = De(u.locale, { sensitivity: "base" }), C = l.useCallback((b) => {
-    d((g) => g || (b?.textContent ?? "").trim());
+  const { onTextValueChange: a, textValue: m, ...d } = K(ve), x = ne(), [p, u] = l.useState(o ?? ""), h = d.value === e, { startsWith: v, contains: C } = De(d.locale, { sensitivity: "base" }), b = l.useCallback((g) => {
+    u((I) => I || (g?.textContent ?? "").trim());
   }, []);
   return l.useEffect(() => {
-    h && m === void 0 && f !== "" && a(f);
-  }, [f, h, m, a]), u.autocomplete === "both" && f && u.filterValue && !v(f, u.filterValue) || u.autocomplete === "list" && f && m && !v(f, m) ? i ? Ce.createPortal(
-    /* @__PURE__ */ p(
+    h && m === void 0 && p !== "" && a(p);
+  }, [p, h, m, a]), d.autocomplete.type === "both" && p && d.filterValue && !v(p, d.filterValue) || d.autocomplete.type === "list" && d.autocomplete.filter === "startsWith" && p && m && !v(p, m) || d.autocomplete.type === "list" && d.autocomplete.filter === "contains" && p && m && !C(p, m) ? i ? Ce.createPortal(
+    /* @__PURE__ */ f(
       lt,
       {
         textId: x,
-        onTextValueChange: C,
+        onTextValueChange: b,
         isSelected: h,
-        textValue: f,
-        children: /* @__PURE__ */ p(
-          ae.ItemSlot,
+        textValue: p,
+        children: /* @__PURE__ */ f(
+          ie.ItemSlot,
           {
             scope: void 0,
             value: e,
-            textValue: f,
+            textValue: p,
             disabled: t,
             type: "option",
             isVisible: !1,
-            children: /* @__PURE__ */ p(Pe, { ref: c, value: e, disabled: t, ...n })
+            children: /* @__PURE__ */ f(Pe, { ref: c, value: e, disabled: t, ...n })
           }
         )
       }
     ),
     i
-  ) : null : /* @__PURE__ */ p(
+  ) : null : /* @__PURE__ */ f(
     lt,
     {
       textId: x,
-      onTextValueChange: C,
+      onTextValueChange: b,
       isSelected: h,
-      textValue: f,
-      children: /* @__PURE__ */ p(
-        ae.ItemSlot,
+      textValue: p,
+      children: /* @__PURE__ */ f(
+        ie.ItemSlot,
         {
           scope: void 0,
           value: e,
-          textValue: f,
+          textValue: p,
           disabled: t,
           type: "option",
           isVisible: !0,
-          children: /* @__PURE__ */ p(Pe, { ref: c, value: e, disabled: t, ...n })
+          children: /* @__PURE__ */ f(Pe, { ref: c, value: e, disabled: t, ...n })
         }
       )
     }
@@ -546,14 +552,14 @@ const ve = "ComboboxItem", [lt, Fe] = ct(ve), Le = l.forwardRef((r, c) => {
 });
 Le.displayName = ve;
 const Pt = "ComboboxItemImpl", Pe = l.forwardRef((r, c) => {
-  const { value: e, disabled: t = !1, ...o } = r, n = l.useRef(null), i = M(c, n), { getItems: s } = me(void 0), { onTextValueChange: a, visuallyFocussedItem: m, ...u } = K(ve), { isSelected: x, textValue: f, textId: d } = Fe(Pt), h = () => {
-    t || (u.onValueChange(e), a(f), u.onOpenChange(!1), u.autocomplete === "both" && u.onFilterValueChange(f), u.trigger?.focus({ preventScroll: !0 }));
-  }, v = l.useMemo(() => m === s().find((b) => b.ref.current === n.current)?.ref.current, [s, m]), C = re();
-  return /* @__PURE__ */ p(
-    R.div,
+  const { value: e, disabled: t = !1, ...o } = r, n = l.useRef(null), i = _(c, n), { getItems: s } = me(void 0), { onTextValueChange: a, visuallyFocussedItem: m, ...d } = K(ve), { isSelected: x, textValue: p, textId: u } = Fe(Pt), h = () => {
+    t || (d.onValueChange(e), a(p), d.onOpenChange(!1), d.autocomplete.type === "both" && d.onFilterValueChange(p), d.trigger?.focus({ preventScroll: !0 }));
+  }, v = l.useMemo(() => m === s().find((b) => b.ref.current === n.current)?.ref.current, [s, m]), C = ne();
+  return /* @__PURE__ */ f(
+    N.div,
     {
       role: "option",
-      "aria-labelledby": d,
+      "aria-labelledby": u,
       "data-highlighted": v ? "" : void 0,
       "aria-selected": x && v,
       "data-state": x ? "checked" : "unchecked",
@@ -569,30 +575,30 @@ const Pt = "ComboboxItemImpl", Pe = l.forwardRef((r, c) => {
 });
 Pe.displayName = Pt;
 const Et = "ComboboxItemText", Nt = l.forwardRef((r, c) => {
-  const { className: e, style: t, ...o } = r, n = Fe(Et), i = M(c, n.onTextValueChange);
-  return /* @__PURE__ */ p(R.span, { id: n.textId, ...o, ref: i });
+  const { className: e, style: t, ...o } = r, n = Fe(Et), i = _(c, n.onTextValueChange);
+  return /* @__PURE__ */ f(N.span, { id: n.textId, ...o, ref: i });
 });
 Nt.displayName = Et;
 const Rt = "ComboboxItemIndicator", At = l.forwardRef((r, c) => {
   const { isSelected: e } = Fe(Rt);
-  return e ? /* @__PURE__ */ p(R.span, { "aria-hidden": !0, ...r, ref: c }) : null;
+  return e ? /* @__PURE__ */ f(N.span, { "aria-hidden": !0, ...r, ref: c }) : null;
 });
 At.displayName = Rt;
 const Be = "ComboboxNoValueFound", _t = l.forwardRef((r, c) => {
-  const { textValue: e = "", filterValue: t = "", locale: o, autocomplete: n } = K(Be), [i, s] = l.useState([]), { subscribe: a } = me(void 0), { startsWith: m } = De(o, { sensitivity: "base" });
+  const { textValue: e = "", filterValue: t = "", locale: o, autocomplete: n } = K(Be), [i, s] = l.useState([]), { subscribe: a } = me(void 0), { startsWith: m, contains: d } = De(o, { sensitivity: "base" });
   return l.useEffect(() => {
-    const u = a((x) => {
-      s(x);
+    const x = a((p) => {
+      s(p);
     });
     return () => {
-      u();
+      x();
     };
-  }, [a]), i.length === 0 || n === "none" || n === "list" && i.some((u) => m(u.textValue, e)) || n === "both" && i.some((u) => m(u.textValue, t)) ? null : /* @__PURE__ */ p(R.div, { ...r, ref: c });
+  }, [a]), i.length === 0 || n.type === "none" || n.type === "list" && n.filter === "startsWith" && i.some((x) => m(x.textValue, e)) || n.type === "both" && i.some((x) => m(x.textValue, t)) || n.type === "list" && n.filter === "contains" && i.some((x) => d(x.textValue, e)) ? null : /* @__PURE__ */ f(N.div, { ...r, ref: c });
 });
 _t.displayName = Be;
 const Mt = l.forwardRef((r, c) => {
-  const { disabled: e = !1, ...t } = r, o = K(Be), { textValue: n, visuallyFocussedItem: i } = o, { getItems: s, subscribe: a } = me(void 0), m = l.useRef(null), [u, x] = l.useState(!1), f = M(c, m), d = l.useMemo(() => i === s().find((C) => C.ref.current === m.current)?.ref.current, [s, i]), h = re(), v = () => {
-    !e && n && (o.onValueChange(n), o.onTextValueChange(n), o.onOpenChange(!1), o.autocomplete === "both" && o.onFilterValueChange(n), o.trigger?.focus({ preventScroll: !0 }));
+  const { disabled: e = !1, ...t } = r, o = K(Be), { textValue: n, visuallyFocussedItem: i } = o, { getItems: s, subscribe: a } = me(void 0), m = l.useRef(null), [d, x] = l.useState(!1), p = _(c, m), u = l.useMemo(() => i === s().find((C) => C.ref.current === m.current)?.ref.current, [s, i]), h = ne(), v = () => {
+    !e && n && (o.onValueChange(n), o.onTextValueChange(n), o.onOpenChange(!1), o.autocomplete.type === "both" && o.onFilterValueChange(n), o.trigger?.focus({ preventScroll: !0 }));
   };
   return L(() => {
     const C = a((b) => {
@@ -601,8 +607,8 @@ const Mt = l.forwardRef((r, c) => {
     return s().length === 0 && x(!0), () => {
       C();
     };
-  }, [n, a, s]), !n || !u ? null : /* @__PURE__ */ p(
-    ae.ItemSlot,
+  }, [n, a, s]), !n || !d ? null : /* @__PURE__ */ f(
+    ie.ItemSlot,
     {
       scope: void 0,
       value: n ?? "",
@@ -610,17 +616,17 @@ const Mt = l.forwardRef((r, c) => {
       disabled: e,
       isVisible: !0,
       type: "create",
-      children: /* @__PURE__ */ p(
-        R.div,
+      children: /* @__PURE__ */ f(
+        N.div,
         {
           role: "option",
           tabIndex: e ? void 0 : -1,
           "aria-disabled": e || void 0,
           "data-disabled": e ? "" : void 0,
-          "data-highlighted": d ? "" : void 0,
+          "data-highlighted": u ? "" : void 0,
           ...t,
           id: h,
-          ref: f,
+          ref: p,
           onPointerUp: T(t.onPointerUp, v)
         }
       )
@@ -628,7 +634,7 @@ const Mt = l.forwardRef((r, c) => {
   );
 });
 Mt.displayName = "ComboboxCreateItem";
-const io = lo, ao = xt, uo = vt, po = bt, fo = St, mo = It, ho = Vt, go = Le, xo = Nt, Co = At, vo = _t, bo = Mt;
+const ao = so, uo = xt, po = vt, fo = bt, mo = yt, ho = St, go = Vt, xo = Le, Co = Nt, vo = At, bo = _t, yo = Mt;
 function So(r, c) {
   const e = Math.min(r.length, c.length);
   for (let t = 0; t < e; t++)
@@ -636,25 +642,25 @@ function So(r, c) {
       return t;
   return e;
 }
-const Pn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const En = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   ComboboxItem: Le,
-  Content: mo,
-  CreateItem: bo,
-  Icon: po,
-  Item: go,
-  ItemIndicator: Co,
-  ItemText: xo,
-  NoValueFound: vo,
-  Portal: fo,
-  Root: io,
-  TextInput: uo,
-  Trigger: ao,
-  Viewport: ho
-}, Symbol.toStringTag, { value: "Module" })), Io = [" ", "Enter", "ArrowUp", "ArrowDown"], yo = [" ", "Enter"], he = "Select", [be, ge, wo] = Gt(he), [ue, To] = st(he, [
-  wo,
+  Content: ho,
+  CreateItem: yo,
+  Icon: fo,
+  Item: xo,
+  ItemIndicator: vo,
+  ItemText: Co,
+  NoValueFound: bo,
+  Portal: mo,
+  Root: ao,
+  TextInput: po,
+  Trigger: uo,
+  Viewport: go
+}, Symbol.toStringTag, { value: "Module" })), Io = [" ", "Enter", "ArrowUp", "ArrowDown"], wo = [" ", "Enter"], he = "Select", [be, ge, To] = Gt(he), [ae, Vo] = st(he, [
+  To,
   dt
-]), Se = dt(), [Vo, Y] = ue(he), [Po, Eo] = ue(he), He = (r) => {
+]), ye = dt(), [Po, q] = ae(he), [Eo, No] = ae(he), He = (r) => {
   const {
     __scopeSelect: c,
     children: e,
@@ -667,22 +673,22 @@ const Pn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     dir: m,
     // name,
     // autoComplete,
-    disabled: u,
+    disabled: d,
     required: x,
-    multi: f = !1
-  } = r, d = Se(c), [h, v] = l.useState(null), [C, b] = l.useState(null), [g, I] = l.useState(!1), E = jt(m), [O = !1, A] = ie({
+    multi: p = !1
+  } = r, u = ye(c), [h, v] = l.useState(null), [C, b] = l.useState(null), [g, I] = l.useState(!1), E = jt(m), [M = !1, R] = ce({
     prop: t,
     defaultProp: o,
     onChange: n
-  }), [_, k] = ie({
+  }), [A, k] = ce({
     prop: i,
     defaultProp: s,
-    onChange(D) {
-      a && (Array.isArray(D), a(D));
+    onChange(O) {
+      a && (Array.isArray(O), a(O));
     }
-  }), q = l.useRef(null), [W, B] = l.useState(/* @__PURE__ */ new Set());
-  return /* @__PURE__ */ p(le.Root, { ...d, children: /* @__PURE__ */ p(
-    Vo,
+  }), X = l.useRef(null), [z, B] = l.useState(/* @__PURE__ */ new Set());
+  return /* @__PURE__ */ f(re.Root, { ...u, children: /* @__PURE__ */ f(
+    Po,
     {
       required: x,
       scope: c,
@@ -692,26 +698,26 @@ const Pn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       onValueNodeChange: b,
       valueNodeHasChildren: g,
       onValueNodeHasChildrenChange: I,
-      contentId: re(),
-      value: _,
+      contentId: ne(),
+      value: A,
       onValueChange: k,
-      open: O,
-      onOpenChange: A,
+      open: M,
+      onOpenChange: R,
       dir: E,
-      triggerPointerDownPosRef: q,
-      disabled: u,
-      multi: f,
-      children: /* @__PURE__ */ p(be.Provider, { scope: c, children: /* @__PURE__ */ p(
-        Po,
+      triggerPointerDownPosRef: X,
+      disabled: d,
+      multi: p,
+      children: /* @__PURE__ */ f(be.Provider, { scope: c, children: /* @__PURE__ */ f(
+        Eo,
         {
           scope: r.__scopeSelect,
-          onNativeOptionAdd: l.useCallback((D) => {
-            B((H) => new Set(H).add(D));
+          onNativeOptionAdd: l.useCallback((O) => {
+            B((H) => new Set(H).add(O));
           }, []),
-          onNativeOptionRemove: l.useCallback((D) => {
+          onNativeOptionRemove: l.useCallback((O) => {
             B((H) => {
               const F = new Set(H);
-              return F.delete(D), F;
+              return F.delete(O), F;
             });
           }, []),
           children: e
@@ -723,17 +729,17 @@ const Pn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 He.displayName = he;
 const Ot = "SelectTrigger", $e = l.forwardRef(
   (r, c) => {
-    const { __scopeSelect: e, ...t } = r, o = Se(e), n = Y(Ot, e), i = n.disabled, s = M(c, n.onTriggerChange), a = ge(e), [m, u, x] = Kt((d) => {
-      const h = a().filter((b) => !b.disabled), v = h.find((b) => b.value === n.value), C = Wt(h, d, v);
+    const { __scopeSelect: e, ...t } = r, o = ye(e), n = q(Ot, e), i = n.disabled, s = _(c, n.onTriggerChange), a = ge(e), [m, d, x] = Wt((u) => {
+      const h = a().filter((b) => !b.disabled), v = h.find((b) => b.value === n.value), C = Kt(h, u, v);
       if (C !== void 0 && !Array.isArray(C.value)) {
         const b = n.multi ? [C.value] : C.value;
         n.onValueChange(b);
       }
-    }), f = () => {
+    }), p = () => {
       i || (n.onOpenChange(!0), x());
     };
-    return /* @__PURE__ */ p(le.Anchor, { asChild: !0, ...o, children: /* @__PURE__ */ p(
-      R.div,
+    return /* @__PURE__ */ f(re.Anchor, { asChild: !0, ...o, children: /* @__PURE__ */ f(
+      N.div,
       {
         role: "combobox",
         "aria-controls": n.contentId,
@@ -747,19 +753,19 @@ const Ot = "SelectTrigger", $e = l.forwardRef(
         tabIndex: i ? void 0 : 0,
         ...t,
         ref: s,
-        onClick: T(t.onClick, (d) => {
-          d.currentTarget.focus();
+        onClick: T(t.onClick, (u) => {
+          u.currentTarget.focus();
         }),
-        onPointerDown: T(t.onPointerDown, (d) => {
-          const h = d.target;
-          h.hasPointerCapture(d.pointerId) && h.releasePointerCapture(d.pointerId), (h.closest("button") ?? h.closest("div")) === d.currentTarget && d.button === 0 && d.ctrlKey === !1 && (f(), n.triggerPointerDownPosRef.current = {
-            x: Math.round(d.pageX),
-            y: Math.round(d.pageY)
-          }, d.preventDefault());
+        onPointerDown: T(t.onPointerDown, (u) => {
+          const h = u.target;
+          h.hasPointerCapture(u.pointerId) && h.releasePointerCapture(u.pointerId), (h.closest("button") ?? h.closest("div")) === u.currentTarget && u.button === 0 && u.ctrlKey === !1 && (p(), n.triggerPointerDownPosRef.current = {
+            x: Math.round(u.pageX),
+            y: Math.round(u.pageY)
+          }, u.preventDefault());
         }),
-        onKeyDown: T(t.onKeyDown, (d) => {
-          const h = m.current !== "", v = d.ctrlKey || d.altKey || d.metaKey, C = d.target;
-          (C.closest("button") ?? C.closest("div")) === d.currentTarget && (!v && d.key.length === 1 && u(d.key), !(h && d.key === " ") && Io.includes(d.key) && (f(), d.preventDefault()));
+        onKeyDown: T(t.onKeyDown, (u) => {
+          const h = m.current !== "", v = u.ctrlKey || u.altKey || u.metaKey, C = u.target;
+          (C.closest("button") ?? C.closest("div")) === u.currentTarget && (!v && u.key.length === 1 && d(u.key), !(h && u.key === " ") && Io.includes(u.key) && (p(), u.preventDefault()));
         })
       }
     ) });
@@ -768,13 +774,13 @@ const Ot = "SelectTrigger", $e = l.forwardRef(
 $e.displayName = Ot;
 const Dt = "SelectValue", Ue = l.forwardRef(
   (r, c) => {
-    const { __scopeSelect: e, children: t, placeholder: o, ...n } = r, i = Y(Dt, e), { onValueNodeHasChildrenChange: s } = i, a = t !== void 0, m = M(c, i.onValueNodeChange), [u, x] = l.useState([]), f = ge(e);
+    const { __scopeSelect: e, children: t, placeholder: o, ...n } = r, i = q(Dt, e), { onValueNodeHasChildrenChange: s } = i, a = t !== void 0, m = _(c, i.onValueNodeChange), [d, x] = l.useState([]), p = ge(e);
     L(() => {
       s(a);
     }, [s, a]), l.useLayoutEffect(() => {
-      if (Array.isArray(i.value) && u.length !== i.value.length) {
+      if (Array.isArray(i.value) && d.length !== i.value.length) {
         const h = setTimeout(() => {
-          const v = f().filter(
+          const v = p().filter(
             (C) => Array.isArray(C.value) ? !1 : i.value?.includes(C.value)
           );
           x(v);
@@ -783,51 +789,51 @@ const Dt = "SelectValue", Ue = l.forwardRef(
           clearTimeout(h);
         };
       }
-    }, [i.value, f, u]);
-    let d;
+    }, [i.value, p, d]);
+    let u;
     if ((i.value === void 0 || i.value.length === 0) && o !== void 0)
-      d = /* @__PURE__ */ p("span", { children: o });
+      u = /* @__PURE__ */ f("span", { children: o });
     else if (typeof t == "function")
       if (Array.isArray(i.value)) {
         const h = i.value.map((v) => {
-          const C = u.find((b) => b.value === v);
+          const C = d.find((b) => b.value === v);
           return C ? t({ value: v, textValue: C?.textValue }) : null;
         });
-        d = h.every((v) => v === null) ? o : h;
+        u = h.every((v) => v === null) ? o : h;
       } else
-        d = t(i.value);
+        u = t(i.value);
     else
-      d = t;
-    return /* @__PURE__ */ p(R.span, { ...n, ref: m, children: d || null });
+      u = t;
+    return /* @__PURE__ */ f(N.span, { ...n, ref: m, children: u || null });
   }
 );
 Ue.displayName = Dt;
-const No = "SelectIcon", Ke = l.forwardRef(
+const Ro = "SelectIcon", We = l.forwardRef(
   (r, c) => {
     const { __scopeSelect: e, children: t, ...o } = r;
-    return /* @__PURE__ */ p(R.span, { "aria-hidden": !0, ...o, ref: c, children: t || "▼" });
+    return /* @__PURE__ */ f(N.span, { "aria-hidden": !0, ...o, ref: c, children: t || "▼" });
   }
 );
-Ke.displayName = No;
-const Ro = "SelectPortal", We = (r) => /* @__PURE__ */ p(pt, { asChild: !0, ...r });
 We.displayName = Ro;
-const ne = "SelectContent", ze = l.forwardRef(
+const Ao = "SelectPortal", Ke = (r) => /* @__PURE__ */ f(pt, { asChild: !0, ...r });
+Ke.displayName = Ao;
+const oe = "SelectContent", ze = l.forwardRef(
   (r, c) => {
-    const e = Y(ne, r.__scopeSelect), [t, o] = l.useState();
+    const e = q(oe, r.__scopeSelect), [t, o] = l.useState();
     if (L(() => {
       o(new DocumentFragment());
     }, []), !e.open) {
       const n = t;
       return n ? Ce.createPortal(
-        /* @__PURE__ */ p(kt, { scope: r.__scopeSelect, children: /* @__PURE__ */ p(be.Slot, { scope: r.__scopeSelect, children: /* @__PURE__ */ p("div", { children: r.children }) }) }),
+        /* @__PURE__ */ f(kt, { scope: r.__scopeSelect, children: /* @__PURE__ */ f(be.Slot, { scope: r.__scopeSelect, children: /* @__PURE__ */ f("div", { children: r.children }) }) }),
         n
       ) : null;
     }
-    return /* @__PURE__ */ p(Ft, { ...r, ref: c });
+    return /* @__PURE__ */ f(Ft, { ...r, ref: c });
   }
 );
-ze.displayName = ne;
-const j = 10, [kt, J] = ue(ne), Ao = "SelectContentImpl", Ft = l.forwardRef(
+ze.displayName = oe;
+const Y = 10, [kt, J] = ae(oe), _o = "SelectContentImpl", Ft = l.forwardRef(
   (r, c) => {
     const {
       __scopeSelect: e,
@@ -840,133 +846,133 @@ const j = 10, [kt, J] = ue(ne), Ao = "SelectContentImpl", Ft = l.forwardRef(
       side: s,
       sideOffset: a,
       align: m,
-      alignOffset: u,
+      alignOffset: d,
       arrowPadding: x,
-      collisionBoundary: f,
-      collisionPadding: d,
+      collisionBoundary: p,
+      collisionPadding: u,
       sticky: h,
       hideWhenDetached: v,
       avoidCollisions: C,
       //
       ...b
-    } = r, g = Y(ne, e), [I, E] = l.useState(null), [O, A] = l.useState(null), _ = M(c, (S) => E(S)), [k, q] = l.useState(null), [W, B] = l.useState(null), D = ge(e), [H, F] = l.useState(!1), z = l.useRef(!1);
+    } = r, g = q(oe, e), [I, E] = l.useState(null), [M, R] = l.useState(null), A = _(c, (y) => E(y)), [k, X] = l.useState(null), [z, B] = l.useState(null), O = ge(e), [H, F] = l.useState(!1), G = l.useRef(!1);
     l.useEffect(() => {
       if (I)
         return ft(I);
     }, [I]), at();
-    const G = l.useCallback(
-      (S) => {
-        const [V, ...w] = D().map((N) => N.ref.current), [y] = w.slice(-1), P = document.activeElement;
-        for (const N of S)
-          if (N === P || (N?.scrollIntoView({ block: "nearest" }), N === V && O && (O.scrollTop = 0), N === y && O && (O.scrollTop = O.scrollHeight), N?.focus(), document.activeElement !== P))
+    const j = l.useCallback(
+      (y) => {
+        const [V, ...D] = O().map((P) => P.ref.current), [S] = D.slice(-1), w = document.activeElement;
+        for (const P of y)
+          if (P === w || (P?.scrollIntoView({ block: "nearest" }), P === V && M && (M.scrollTop = 0), P === S && M && (M.scrollTop = M.scrollHeight), P?.focus(), document.activeElement !== w))
             return;
       },
-      [D, O]
+      [O, M]
     ), $ = l.useCallback(
-      () => G([k, I]),
-      [G, k, I]
+      () => j([k, I]),
+      [j, k, I]
     );
     l.useEffect(() => {
       H && $();
     }, [H, $]);
-    const { onOpenChange: X, triggerPointerDownPosRef: U } = g;
+    const { onOpenChange: Z, triggerPointerDownPosRef: U } = g;
     l.useEffect(() => {
       if (I) {
-        let S = { x: 0, y: 0 };
-        const V = (y) => {
-          S = {
-            x: Math.abs(Math.round(y.pageX) - (U.current?.x ?? 0)),
-            y: Math.abs(Math.round(y.pageY) - (U.current?.y ?? 0))
+        let y = { x: 0, y: 0 };
+        const V = (S) => {
+          y = {
+            x: Math.abs(Math.round(S.pageX) - (U.current?.x ?? 0)),
+            y: Math.abs(Math.round(S.pageY) - (U.current?.y ?? 0))
           };
-        }, w = (y) => {
-          S.x <= 10 && S.y <= 10 ? y.preventDefault() : I.contains(y.target) || X(!1), document.removeEventListener("pointermove", V), U.current = null;
+        }, D = (S) => {
+          y.x <= 10 && y.y <= 10 ? S.preventDefault() : I.contains(S.target) || Z(!1), document.removeEventListener("pointermove", V), U.current = null;
         };
-        return U.current !== null && (document.addEventListener("pointermove", V), document.addEventListener("pointerup", w, { capture: !0, once: !0 })), () => {
-          document.removeEventListener("pointermove", V), document.removeEventListener("pointerup", w, { capture: !0 });
+        return U.current !== null && (document.addEventListener("pointermove", V), document.addEventListener("pointerup", D, { capture: !0, once: !0 })), () => {
+          document.removeEventListener("pointermove", V), document.removeEventListener("pointerup", D, { capture: !0 });
         };
       }
-    }, [I, X, U]), l.useEffect(() => {
-      const S = () => X(!1);
-      return window.addEventListener("blur", S), window.addEventListener("resize", S), () => {
-        window.removeEventListener("blur", S), window.removeEventListener("resize", S);
+    }, [I, Z, U]), l.useEffect(() => {
+      const y = () => Z(!1);
+      return window.addEventListener("blur", y), window.addEventListener("resize", y), () => {
+        window.removeEventListener("blur", y), window.removeEventListener("resize", y);
       };
-    }, [X]);
-    const [de, se] = Kt((S) => {
-      const V = D().filter((P) => !P.disabled), w = V.find((P) => P.ref.current === document.activeElement), y = Wt(V, S, w);
-      y && setTimeout(() => y.ref.current.focus());
-    }), pe = l.useCallback(
-      (S, V, w) => {
-        const y = !z.current && !w;
-        (g.value !== void 0 && g.value === V || y) && (q(S), y && (z.current = !0));
+    }, [Z]);
+    const [ue, le] = Wt((y) => {
+      const V = O().filter((w) => !w.disabled), D = V.find((w) => w.ref.current === document.activeElement), S = Kt(V, y, D);
+      S && setTimeout(() => S.ref.current.focus());
+    }), de = l.useCallback(
+      (y, V, D) => {
+        const S = !G.current && !D;
+        (g.value !== void 0 && g.value === V || S) && (X(y), S && (G.current = !0));
       },
       [g.value]
-    ), Q = l.useCallback(() => I?.focus(), [I]), Z = l.useCallback(
-      (S, V, w) => {
-        const y = !z.current && !w;
-        (g.value !== void 0 && (Array.isArray(V) ? V.every((N) => g.value?.includes(N)) : g.value === V) || y) && B(S);
+    ), pe = l.useCallback(() => I?.focus(), [I]), W = l.useCallback(
+      (y, V, D) => {
+        const S = !G.current && !D;
+        (g.value !== void 0 && (Array.isArray(V) ? V.every((P) => g.value?.includes(P)) : g.value === V) || S) && B(y);
       },
       [g.value]
-    ), ce = t === "popper" ? Ee : Lt, ee = ce === Ee ? {
+    ), se = t === "popper" ? Ee : Lt, Q = se === Ee ? {
       side: s,
       sideOffset: a,
       align: m,
-      alignOffset: u,
+      alignOffset: d,
       arrowPadding: x,
-      collisionBoundary: f,
-      collisionPadding: d,
+      collisionBoundary: p,
+      collisionPadding: u,
       sticky: h,
       hideWhenDetached: v,
       avoidCollisions: C
     } : {};
-    return /* @__PURE__ */ p(
+    return /* @__PURE__ */ f(
       kt,
       {
         scope: e,
         content: I,
-        viewport: O,
-        onViewportChange: A,
-        itemRefCallback: pe,
+        viewport: M,
+        onViewportChange: R,
+        itemRefCallback: de,
         selectedItem: k,
-        onItemLeave: Q,
-        itemTextRefCallback: Z,
+        onItemLeave: pe,
+        itemTextRefCallback: W,
         focusSelectedItem: $,
-        selectedItemText: W,
+        selectedItemText: z,
         position: t,
         isPositioned: H,
-        searchRef: de,
-        children: /* @__PURE__ */ p(mt, { as: Ve, allowPinchZoom: !0, children: /* @__PURE__ */ p(
+        searchRef: ue,
+        children: /* @__PURE__ */ f(mt, { as: Ve, allowPinchZoom: !0, children: /* @__PURE__ */ f(
           ut,
           {
             asChild: !0,
             trapped: g.open,
-            onMountAutoFocus: (S) => {
-              S.preventDefault();
+            onMountAutoFocus: (y) => {
+              y.preventDefault();
             },
-            onUnmountAutoFocus: T(o, (S) => {
-              g.trigger?.focus({ preventScroll: !0 }), document.getSelection()?.empty(), S.preventDefault();
+            onUnmountAutoFocus: T(o, (y) => {
+              g.trigger?.focus({ preventScroll: !0 }), document.getSelection()?.empty(), y.preventDefault();
             }),
-            children: /* @__PURE__ */ p(
+            children: /* @__PURE__ */ f(
               it,
               {
                 asChild: !0,
                 disableOutsidePointerEvents: !0,
                 onEscapeKeyDown: n,
                 onPointerDownOutside: i,
-                onFocusOutside: (S) => S.preventDefault(),
+                onFocusOutside: (y) => y.preventDefault(),
                 onDismiss: () => g.onOpenChange(!1),
-                children: /* @__PURE__ */ p(
-                  ce,
+                children: /* @__PURE__ */ f(
+                  se,
                   {
                     role: "listbox",
                     id: g.contentId,
                     "data-state": g.open ? "open" : "closed",
                     "aria-multiselectable": g.multi ? "true" : void 0,
                     dir: g.dir,
-                    onContextMenu: (S) => S.preventDefault(),
+                    onContextMenu: (y) => y.preventDefault(),
                     ...b,
-                    ...ee,
+                    ...Q,
                     onPlaced: () => F(!0),
-                    ref: _,
+                    ref: A,
                     style: {
                       // flex layout so we can place the scroll buttons properly
                       display: "flex",
@@ -975,15 +981,15 @@ const j = 10, [kt, J] = ue(ne), Ao = "SelectContentImpl", Ft = l.forwardRef(
                       outline: "none",
                       ...b.style
                     },
-                    onKeyDown: T(b.onKeyDown, (S) => {
-                      const V = S.ctrlKey || S.altKey || S.metaKey;
-                      if (S.key === "Tab" && S.preventDefault(), !V && S.key.length === 1 && se(S.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(S.key)) {
-                        let y = D().filter((P) => !P.disabled).map((P) => P.ref.current);
-                        if (["ArrowUp", "End"].includes(S.key) && (y = y.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(S.key)) {
-                          const P = S.target, N = y.indexOf(P);
-                          y = y.slice(N + 1);
+                    onKeyDown: T(b.onKeyDown, (y) => {
+                      const V = y.ctrlKey || y.altKey || y.metaKey;
+                      if (y.key === "Tab" && y.preventDefault(), !V && y.key.length === 1 && le(y.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(y.key)) {
+                        let S = O().filter((w) => !w.disabled).map((w) => w.ref.current);
+                        if (["ArrowUp", "End"].includes(y.key) && (S = S.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(y.key)) {
+                          const w = y.target, P = S.indexOf(w);
+                          S = S.slice(P + 1);
                         }
-                        setTimeout(() => G(y)), S.preventDefault();
+                        setTimeout(() => j(S)), y.preventDefault();
                       }
                     })
                   }
@@ -996,43 +1002,43 @@ const j = 10, [kt, J] = ue(ne), Ao = "SelectContentImpl", Ft = l.forwardRef(
     );
   }
 );
-Ft.displayName = Ao;
-const _o = "SelectItemAlignedPosition", Lt = l.forwardRef(
+Ft.displayName = _o;
+const Mo = "SelectItemAlignedPosition", Lt = l.forwardRef(
   (r, c) => {
-    const { __scopeSelect: e, onPlaced: t, ...o } = r, n = Y(ne, e), i = J(ne, e), [s, a] = l.useState(null), [m, u] = l.useState(null), x = M(c, (_) => u(_)), f = ge(e), d = l.useRef(!1), h = l.useRef(!0), { viewport: v, selectedItem: C, selectedItemText: b, focusSelectedItem: g } = i, I = l.useCallback(() => {
+    const { __scopeSelect: e, onPlaced: t, ...o } = r, n = q(oe, e), i = J(oe, e), [s, a] = l.useState(null), [m, d] = l.useState(null), x = _(c, (A) => d(A)), p = ge(e), u = l.useRef(!1), h = l.useRef(!0), { viewport: v, selectedItem: C, selectedItemText: b, focusSelectedItem: g } = i, I = l.useCallback(() => {
       if (n.trigger && n.valueNode && s && m && v && C && b) {
-        const _ = n.trigger.getBoundingClientRect(), k = m.getBoundingClientRect(), q = n.valueNode.getBoundingClientRect(), W = b.getBoundingClientRect();
+        const A = n.trigger.getBoundingClientRect(), k = m.getBoundingClientRect(), X = n.valueNode.getBoundingClientRect(), z = b.getBoundingClientRect();
         if (n.dir !== "rtl") {
-          const P = W.left - k.left, N = q.left - P, te = _.left - N, oe = _.width + te, Ie = Math.max(oe, k.width), ye = window.innerWidth - j, we = rt(N, [j, ye - Ie]);
-          s.style.minWidth = `${oe}px`, s.style.left = `${we}px`;
+          const w = z.left - k.left, P = X.left - w, ee = A.left - P, te = A.width + ee, Se = Math.max(te, k.width), Ie = window.innerWidth - Y, we = rt(P, [Y, Ie - Se]);
+          s.style.minWidth = `${te}px`, s.style.left = `${we}px`;
         } else {
-          const P = k.right - W.right, N = window.innerWidth - q.right - P, te = window.innerWidth - _.right - N, oe = _.width + te, Ie = Math.max(oe, k.width), ye = window.innerWidth - j, we = rt(N, [j, ye - Ie]);
-          s.style.minWidth = `${oe}px`, s.style.right = `${we}px`;
+          const w = k.right - z.right, P = window.innerWidth - X.right - w, ee = window.innerWidth - A.right - P, te = A.width + ee, Se = Math.max(te, k.width), Ie = window.innerWidth - Y, we = rt(P, [Y, Ie - Se]);
+          s.style.minWidth = `${te}px`, s.style.right = `${we}px`;
         }
-        const B = f(), D = window.innerHeight - j * 2, H = v.scrollHeight, F = window.getComputedStyle(m), z = parseInt(F.borderTopWidth, 10), G = parseInt(F.paddingTop, 10), $ = parseInt(F.borderBottomWidth, 10), X = parseInt(F.paddingBottom, 10), U = z + G + H + X + $, de = Math.min(C.offsetHeight * 5, U), se = window.getComputedStyle(v), pe = parseInt(se.paddingTop, 10), Q = parseInt(se.paddingBottom, 10), Z = _.top + _.height / 2 - j, ce = D - Z, ee = C.offsetHeight / 2, S = C.offsetTop + ee, V = z + G + S, w = U - V;
-        if (V <= Z) {
-          const P = C === B[B.length - 1].ref.current;
+        const B = p(), O = window.innerHeight - Y * 2, H = v.scrollHeight, F = window.getComputedStyle(m), G = parseInt(F.borderTopWidth, 10), j = parseInt(F.paddingTop, 10), $ = parseInt(F.borderBottomWidth, 10), Z = parseInt(F.paddingBottom, 10), U = G + j + H + Z + $, ue = Math.min(C.offsetHeight * 5, U), le = window.getComputedStyle(v), de = parseInt(le.paddingTop, 10), pe = parseInt(le.paddingBottom, 10), W = A.top + A.height / 2 - Y, se = O - W, Q = C.offsetHeight / 2, y = C.offsetTop + Q, V = G + j + y, D = U - V;
+        if (V <= W) {
+          const w = C === B[B.length - 1].ref.current;
           s.style.bottom = "0px";
-          const N = m.clientHeight - v.offsetTop - v.offsetHeight, te = Math.max(
-            ce,
-            ee + // viewport might have padding bottom, include it to avoid a scrollable viewport
-            (P ? Q : 0) + N + $
-          ), oe = V + te;
-          s.style.height = `${oe}px`;
+          const P = m.clientHeight - v.offsetTop - v.offsetHeight, ee = Math.max(
+            se,
+            Q + // viewport might have padding bottom, include it to avoid a scrollable viewport
+            (w ? pe : 0) + P + $
+          ), te = V + ee;
+          s.style.height = `${te}px`;
         } else {
-          const P = C === B[0].ref.current;
+          const w = C === B[0].ref.current;
           s.style.top = "0px";
-          const te = Math.max(
-            Z,
-            z + v.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
-            (P ? pe : 0) + ee
-          ) + w;
-          s.style.height = `${te}px`, v.scrollTop = V - Z + v.offsetTop;
+          const ee = Math.max(
+            W,
+            G + v.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
+            (w ? de : 0) + Q
+          ) + D;
+          s.style.height = `${ee}px`, v.scrollTop = V - W + v.offsetTop;
         }
-        s.style.margin = `${j}px 0`, s.style.minHeight = `${de}px`, s.style.maxHeight = `${D}px`, t?.(), requestAnimationFrame(() => d.current = !0);
+        s.style.margin = `${Y}px 0`, s.style.minHeight = `${ue}px`, s.style.maxHeight = `${O}px`, t?.(), requestAnimationFrame(() => u.current = !0);
       }
     }, [
-      f,
+      p,
       n.trigger,
       n.valueNode,
       s,
@@ -1044,24 +1050,24 @@ const _o = "SelectItemAlignedPosition", Lt = l.forwardRef(
       t
     ]);
     L(() => I(), [I]);
-    const [E, O] = l.useState();
+    const [E, M] = l.useState();
     L(() => {
-      m && O(window.getComputedStyle(m).zIndex);
+      m && M(window.getComputedStyle(m).zIndex);
     }, [m]);
-    const A = l.useCallback(
-      (_) => {
-        _ && h.current === !0 && (I(), g?.(), h.current = !1);
+    const R = l.useCallback(
+      (A) => {
+        A && h.current === !0 && (I(), g?.(), h.current = !1);
       },
       [I, g]
     );
-    return /* @__PURE__ */ p(
-      Oo,
+    return /* @__PURE__ */ f(
+      Do,
       {
         scope: e,
         contentWrapper: s,
-        shouldExpandOnScrollRef: d,
-        onScrollButtonChange: A,
-        children: /* @__PURE__ */ p(
+        shouldExpandOnScrollRef: u,
+        onScrollButtonChange: R,
+        children: /* @__PURE__ */ f(
           "div",
           {
             ref: a,
@@ -1071,8 +1077,8 @@ const _o = "SelectItemAlignedPosition", Lt = l.forwardRef(
               position: "fixed",
               zIndex: E
             },
-            children: /* @__PURE__ */ p(
-              R.div,
+            children: /* @__PURE__ */ f(
+              N.div,
               {
                 ...o,
                 ref: x,
@@ -1092,12 +1098,12 @@ const _o = "SelectItemAlignedPosition", Lt = l.forwardRef(
     );
   }
 );
-Lt.displayName = _o;
-const Mo = "SelectPopperPosition", Ee = l.forwardRef(
+Lt.displayName = Mo;
+const Oo = "SelectPopperPosition", Ee = l.forwardRef(
   (r, c) => {
-    const { __scopeSelect: e, align: t = "start", collisionPadding: o = j, ...n } = r, i = Se(e);
-    return /* @__PURE__ */ p(
-      le.Content,
+    const { __scopeSelect: e, align: t = "start", collisionPadding: o = Y, ...n } = r, i = ye(e);
+    return /* @__PURE__ */ f(
+      re.Content,
       {
         ...i,
         ...n,
@@ -1118,15 +1124,15 @@ const Mo = "SelectPopperPosition", Ee = l.forwardRef(
     );
   }
 );
-Ee.displayName = Mo;
-const [Oo, Ge] = ue(
-  ne,
+Ee.displayName = Oo;
+const [Do, Ge] = ae(
+  oe,
   {}
 ), Ne = "SelectViewport", je = l.forwardRef(
   (r, c) => {
-    const { __scopeSelect: e, ...t } = r, o = J(Ne, e), n = Ge(Ne, e), i = M(c, o.onViewportChange), s = l.useRef(0);
+    const { __scopeSelect: e, ...t } = r, o = J(Ne, e), n = Ge(Ne, e), i = _(c, o.onViewportChange), s = l.useRef(0);
     return /* @__PURE__ */ Me(Oe, { children: [
-      /* @__PURE__ */ p(
+      /* @__PURE__ */ f(
         "style",
         {
           dangerouslySetInnerHTML: {
@@ -1134,8 +1140,8 @@ const [Oo, Ge] = ue(
           }
         }
       ),
-      /* @__PURE__ */ p(be.Slot, { scope: e, children: /* @__PURE__ */ p(
-        R.div,
+      /* @__PURE__ */ f(be.Slot, { scope: e, children: /* @__PURE__ */ f(
+        N.div,
         {
           "data-radix-select-viewport": "",
           role: "presentation",
@@ -1151,14 +1157,14 @@ const [Oo, Ge] = ue(
             ...t.style
           },
           onScroll: T(t.onScroll, (a) => {
-            const m = a.currentTarget, { contentWrapper: u, shouldExpandOnScrollRef: x } = n;
-            if (x?.current && u) {
-              const f = Math.abs(s.current - m.scrollTop);
-              if (f > 0) {
-                const d = window.innerHeight - j * 2, h = parseFloat(u.style.minHeight), v = parseFloat(u.style.height), C = Math.max(h, v);
-                if (C < d) {
-                  const b = C + f, g = Math.min(d, b), I = b - g;
-                  u.style.height = `${g}px`, u.style.bottom === "0px" && (m.scrollTop = I > 0 ? I : 0, u.style.justifyContent = "flex-end");
+            const m = a.currentTarget, { contentWrapper: d, shouldExpandOnScrollRef: x } = n;
+            if (x?.current && d) {
+              const p = Math.abs(s.current - m.scrollTop);
+              if (p > 0) {
+                const u = window.innerHeight - Y * 2, h = parseFloat(d.style.minHeight), v = parseFloat(d.style.height), C = Math.max(h, v);
+                if (C < u) {
+                  const b = C + p, g = Math.min(u, b), I = b - g;
+                  d.style.height = `${g}px`, d.style.bottom === "0px" && (m.scrollTop = I > 0 ? I : 0, d.style.justifyContent = "flex-end");
                 }
               }
             }
@@ -1170,52 +1176,52 @@ const [Oo, Ge] = ue(
   }
 );
 je.displayName = Ne;
-const Bt = "SelectGroup", [Do, ko] = ue(Bt), Ye = l.forwardRef(
+const Bt = "SelectGroup", [ko, Fo] = ae(Bt), Ye = l.forwardRef(
   (r, c) => {
-    const { __scopeSelect: e, ...t } = r, o = re();
-    return /* @__PURE__ */ p(Do, { scope: e, id: o, children: /* @__PURE__ */ p(R.div, { role: "group", "aria-labelledby": o, ...t, ref: c }) });
+    const { __scopeSelect: e, ...t } = r, o = ne();
+    return /* @__PURE__ */ f(ko, { scope: e, id: o, children: /* @__PURE__ */ f(N.div, { role: "group", "aria-labelledby": o, ...t, ref: c }) });
   }
 );
 Ye.displayName = Bt;
 const Ht = "SelectLabel", qe = l.forwardRef(
   (r, c) => {
-    const { __scopeSelect: e, ...t } = r, o = ko(Ht, e);
-    return /* @__PURE__ */ p(R.div, { id: o.id, ...t, ref: c });
+    const { __scopeSelect: e, ...t } = r, o = Fo(Ht, e);
+    return /* @__PURE__ */ f(N.div, { id: o.id, ...t, ref: c });
   }
 );
 qe.displayName = Ht;
-const xe = "SelectItem", [Fo, $t] = ue(xe), Xe = l.forwardRef(
+const xe = "SelectItem", [Lo, $t] = ae(xe), Xe = l.forwardRef(
   (r, c) => {
-    const { __scopeSelect: e, value: t, disabled: o = !1, textValue: n, ...i } = r, s = Y(xe, e), a = J(xe, e), m = typeof t == "string" ? Array.isArray(s.value) ? s.value.includes(t) : s.value === t : t.every((g) => s.value?.includes(g)), u = Array.isArray(s.value) && Array.isArray(t) && t.some((g) => s.value?.includes(g)), [x, f] = l.useState(n ?? ""), [d, h] = l.useState(!1), v = M(
+    const { __scopeSelect: e, value: t, disabled: o = !1, textValue: n, ...i } = r, s = q(xe, e), a = J(xe, e), m = typeof t == "string" ? Array.isArray(s.value) ? s.value.includes(t) : s.value === t : t.every((g) => s.value?.includes(g)), d = Array.isArray(s.value) && Array.isArray(t) && t.some((g) => s.value?.includes(g)), [x, p] = l.useState(n ?? ""), [u, h] = l.useState(!1), v = _(
       c,
       (g) => a.itemRefCallback?.(g, t, o)
-    ), C = re(), b = () => {
+    ), C = ne(), b = () => {
       if (!o) {
         let g = s.multi && typeof t == "string" ? [t] : t;
-        u && !m ? s.onValueChange(g) : Array.isArray(s.value) && (g = zt(t, s.value)), s.onValueChange(g), s.multi || s.onOpenChange(!1);
+        d && !m ? s.onValueChange(g) : Array.isArray(s.value) && (g = zt(t, s.value)), s.onValueChange(g), s.multi || s.onOpenChange(!1);
       }
     };
     if (!s.multi && Array.isArray(t))
       throw new Error("You can only pass an array of values in multi selects");
-    return /* @__PURE__ */ p(
-      Fo,
+    return /* @__PURE__ */ f(
+      Lo,
       {
         scope: e,
         value: t,
         disabled: o,
         textId: C,
         isSelected: m,
-        isIntermediate: u,
+        isIntermediate: d,
         onItemTextChange: l.useCallback((g) => {
-          f((I) => I || (g?.textContent ?? "").trim());
+          p((I) => I || (g?.textContent ?? "").trim());
         }, []),
-        children: /* @__PURE__ */ p(be.ItemSlot, { scope: e, value: t, disabled: o, textValue: x, children: /* @__PURE__ */ p(
-          R.div,
+        children: /* @__PURE__ */ f(be.ItemSlot, { scope: e, value: t, disabled: o, textValue: x, children: /* @__PURE__ */ f(
+          N.div,
           {
             role: "option",
             "aria-labelledby": C,
-            "data-highlighted": d ? "" : void 0,
-            "aria-selected": s.multi ? void 0 : m && d,
+            "data-highlighted": u ? "" : void 0,
+            "aria-selected": s.multi ? void 0 : m && u,
             "aria-checked": s.multi ? m : void 0,
             "data-state": m ? "checked" : "unchecked",
             "aria-disabled": o || void 0,
@@ -1233,7 +1239,7 @@ const xe = "SelectItem", [Fo, $t] = ue(xe), Xe = l.forwardRef(
               g.currentTarget === document.activeElement && a.onItemLeave?.();
             }),
             onKeyDown: T(i.onKeyDown, (g) => {
-              a.searchRef?.current !== "" && g.key === " " || (yo.includes(g.key) && b(), g.key === " " && g.preventDefault());
+              a.searchRef?.current !== "" && g.key === " " || (wo.includes(g.key) && b(), g.key === " " && g.preventDefault());
             })
           }
         ) })
@@ -1244,25 +1250,25 @@ const xe = "SelectItem", [Fo, $t] = ue(xe), Xe = l.forwardRef(
 Xe.displayName = xe;
 const fe = "SelectItemText", Ze = l.forwardRef(
   (r, c) => {
-    const { __scopeSelect: e, className: t, style: o, ...n } = r, i = Y(fe, e), s = J(fe, e), a = $t(fe, e), m = Eo(fe, e), [u, x] = l.useState(null), f = M(
+    const { __scopeSelect: e, className: t, style: o, ...n } = r, i = q(fe, e), s = J(fe, e), a = $t(fe, e), m = No(fe, e), [d, x] = l.useState(null), p = _(
       c,
       (b) => x(b),
       a.onItemTextChange,
       (b) => s.itemTextRefCallback?.(b, a.value, a.disabled)
-    ), d = u?.textContent, h = l.useMemo(
-      () => /* @__PURE__ */ p(
+    ), u = d?.textContent, h = l.useMemo(
+      () => /* @__PURE__ */ f(
         "option",
         {
           value: a.value,
           disabled: a.disabled,
-          children: d
+          children: u
         },
         Array.isArray(a.value) ? a.value.join(";") : a.value
       ),
-      [a.disabled, a.value, d]
+      [a.disabled, a.value, u]
     ), { onNativeOptionAdd: v, onNativeOptionRemove: C } = m;
     return L(() => (v(h), () => C(h)), [v, C, h]), /* @__PURE__ */ Me(Oe, { children: [
-      /* @__PURE__ */ p(R.span, { id: a.textId, ...n, ref: f }),
+      /* @__PURE__ */ f(N.span, { id: a.textId, ...n, ref: p }),
       a.isSelected && i.valueNode && !i.valueNodeHasChildren ? Ce.createPortal(n.children, i.valueNode) : null
     ] });
   }
@@ -1271,16 +1277,16 @@ Ze.displayName = fe;
 const Ut = "SelectItemIndicator", Je = l.forwardRef(
   (r, c) => {
     const { __scopeSelect: e, children: t, ...o } = r, n = $t(Ut, e);
-    return typeof t == "function" ? /* @__PURE__ */ p(R.span, { "aria-hidden": !0, ...o, ref: c, children: t({
+    return typeof t == "function" ? /* @__PURE__ */ f(N.span, { "aria-hidden": !0, ...o, ref: c, children: t({
       isSelected: n.isSelected,
       isIntermediate: n.isIntermediate
-    }) }) : n.isSelected ? /* @__PURE__ */ p(R.span, { "aria-hidden": !0, ...o, ref: c, children: t }) : null;
+    }) }) : n.isSelected ? /* @__PURE__ */ f(N.span, { "aria-hidden": !0, ...o, ref: c, children: t }) : null;
   }
 );
 Je.displayName = Ut;
 const Re = "SelectScrollUpButton", Qe = l.forwardRef(
   (r, c) => {
-    const e = J(Re, r.__scopeSelect), t = Ge(Re, r.__scopeSelect), [o, n] = l.useState(!1), i = M(c, t.onScrollButtonChange);
+    const e = J(Re, r.__scopeSelect), t = Ge(Re, r.__scopeSelect), [o, n] = l.useState(!1), i = _(c, t.onScrollButtonChange);
     return L(() => {
       if (e.viewport && e.isPositioned) {
         const s = e.viewport, a = () => {
@@ -1289,7 +1295,7 @@ const Re = "SelectScrollUpButton", Qe = l.forwardRef(
         };
         return a(), s.addEventListener("scroll", a), () => s.removeEventListener("scroll", a);
       }
-    }, [e.viewport, e.isPositioned]), o ? /* @__PURE__ */ p(
+    }, [e.viewport, e.isPositioned]), o ? /* @__PURE__ */ f(
       tt,
       {
         ...r,
@@ -1305,16 +1311,16 @@ const Re = "SelectScrollUpButton", Qe = l.forwardRef(
 Qe.displayName = Re;
 const Ae = "SelectScrollDownButton", et = l.forwardRef(
   (r, c) => {
-    const e = J(Ae, r.__scopeSelect), t = Ge(Ae, r.__scopeSelect), [o, n] = l.useState(!1), i = M(c, t.onScrollButtonChange);
+    const e = J(Ae, r.__scopeSelect), t = Ge(Ae, r.__scopeSelect), [o, n] = l.useState(!1), i = _(c, t.onScrollButtonChange);
     return L(() => {
       if (e.viewport && e.isPositioned) {
         const s = e.viewport, a = () => {
-          const m = s.scrollHeight - s.clientHeight, u = Math.ceil(s.scrollTop) < m;
-          n(u);
+          const m = s.scrollHeight - s.clientHeight, d = Math.ceil(s.scrollTop) < m;
+          n(d);
         };
         return a(), s.addEventListener("scroll", a), () => s.removeEventListener("scroll", a);
       }
-    }, [e.viewport, e.isPositioned]), o ? /* @__PURE__ */ p(
+    }, [e.viewport, e.isPositioned]), o ? /* @__PURE__ */ f(
       tt,
       {
         ...r,
@@ -1334,9 +1340,9 @@ const tt = l.forwardRef(
       i.current !== null && (window.clearInterval(i.current), i.current = null);
     }, []);
     return l.useEffect(() => () => a(), [a]), L(() => {
-      s().find((u) => u.ref.current === document.activeElement)?.ref.current?.scrollIntoView({ block: "nearest" });
-    }, [s]), /* @__PURE__ */ p(
-      R.div,
+      s().find((d) => d.ref.current === document.activeElement)?.ref.current?.scrollIntoView({ block: "nearest" });
+    }, [s]), /* @__PURE__ */ f(
+      N.div,
       {
         "aria-hidden": !0,
         ...o,
@@ -1353,32 +1359,32 @@ const tt = l.forwardRef(
   }
 );
 tt.displayName = "SelectScrollButtonImpl";
-const Lo = "SelectSeparator", ot = l.forwardRef(
+const Bo = "SelectSeparator", ot = l.forwardRef(
   (r, c) => {
     const { __scopeSelect: e, ...t } = r;
-    return /* @__PURE__ */ p(R.div, { "aria-hidden": !0, ...t, ref: c });
+    return /* @__PURE__ */ f(N.div, { "aria-hidden": !0, ...t, ref: c });
   }
 );
-ot.displayName = Lo;
+ot.displayName = Bo;
 const _e = "SelectArrow", nt = l.forwardRef(
   (r, c) => {
-    const { __scopeSelect: e, ...t } = r, o = Se(e), n = Y(_e, e), i = J(_e, e);
-    return n.open && i.position === "popper" ? /* @__PURE__ */ p(le.Arrow, { ...o, ...t, ref: c }) : null;
+    const { __scopeSelect: e, ...t } = r, o = ye(e), n = q(_e, e), i = J(_e, e);
+    return n.open && i.position === "popper" ? /* @__PURE__ */ f(re.Arrow, { ...o, ...t, ref: c }) : null;
   }
 );
 nt.displayName = _e;
-const Bo = "BubbleSelect", Ho = l.forwardRef(
+const Ho = "BubbleSelect", $o = l.forwardRef(
   (r, c) => {
-    const { value: e, ...t } = r, o = l.useRef(null), n = M(c, o), i = Yt(e), s = Y(Bo, void 0);
+    const { value: e, ...t } = r, o = l.useRef(null), n = _(c, o), i = Yt(e), s = q(Ho, void 0);
     l.useEffect(() => {
-      const m = o.current, u = window.HTMLSelectElement.prototype, f = Object.getOwnPropertyDescriptor(u, "value").set;
-      if (i !== e && f) {
-        const d = new Event("change", { bubbles: !0 });
-        f.call(m, e), m.dispatchEvent(d);
+      const m = o.current, d = window.HTMLSelectElement.prototype, p = Object.getOwnPropertyDescriptor(d, "value").set;
+      if (i !== e && p) {
+        const u = new Event("change", { bubbles: !0 });
+        p.call(m, e), m.dispatchEvent(u);
       }
     }, [i, e]);
     let a = e;
-    return s.multi && !Array.isArray(e) && (a = []), /* @__PURE__ */ p(qt, { asChild: !0, children: /* @__PURE__ */ p(
+    return s.multi && !Array.isArray(e) && (a = []), /* @__PURE__ */ f(qt, { asChild: !0, children: /* @__PURE__ */ f(
       "select",
       {
         ...t,
@@ -1389,8 +1395,8 @@ const Bo = "BubbleSelect", Ho = l.forwardRef(
     ) });
   }
 );
-Ho.displayName = "BubbleSelect";
-function Kt(r) {
+$o.displayName = "BubbleSelect";
+function Wt(r) {
   const c = Xt(r), e = l.useRef(""), t = l.useRef(0), o = l.useCallback(
     (i) => {
       const s = e.current + i;
@@ -1404,14 +1410,14 @@ function Kt(r) {
   }, []);
   return l.useEffect(() => () => window.clearTimeout(t.current), []), [e, o, n];
 }
-function Wt(r, c, e) {
+function Kt(r, c, e) {
   const o = c.length > 1 && Array.from(c).every((m) => m === c[0]) ? c[0] : c, n = e ? r.indexOf(e) : -1;
-  let i = $o(r, Math.max(n, 0));
+  let i = Uo(r, Math.max(n, 0));
   o.length === 1 && (i = i.filter((m) => m !== e));
   const a = i.find((m) => m.textValue.toLowerCase().startsWith(o.toLowerCase()));
   return a !== e ? a : void 0;
 }
-function $o(r, c) {
+function Uo(r, c) {
   return r.map((e, t) => r[(c + t) % r.length]);
 }
 const zt = (r, c = []) => {
@@ -1419,46 +1425,46 @@ const zt = (r, c = []) => {
     return r.reduce((t, o) => zt(o, t), c);
   const e = c.indexOf(r);
   return e === -1 ? [...c, r] : [...c.slice(0, e), ...c.slice(e + 1)];
-}, Uo = He, Ko = $e, Wo = Ue, zo = Ke, Go = We, jo = ze, Yo = je, qo = Ye, Xo = qe, Zo = Xe, Jo = Ze, Qo = Je, en = Qe, tn = et, on = ot, nn = nt, En = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Wo = He, Ko = $e, zo = Ue, Go = We, jo = Ke, Yo = ze, qo = je, Xo = Ye, Zo = qe, Jo = Xe, Qo = Ze, en = Je, tn = Qe, on = et, nn = ot, rn = nt, Nn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Arrow: nn,
-  Content: jo,
-  Group: qo,
-  Icon: zo,
-  Item: Zo,
-  ItemIndicator: Qo,
-  ItemText: Jo,
-  Label: Xo,
-  Portal: Go,
-  Root: Uo,
-  ScrollDownButton: tn,
-  ScrollUpButton: en,
+  Arrow: rn,
+  Content: Yo,
+  Group: Xo,
+  Icon: Go,
+  Item: Jo,
+  ItemIndicator: en,
+  ItemText: Qo,
+  Label: Zo,
+  Portal: jo,
+  Root: Wo,
+  ScrollDownButton: on,
+  ScrollUpButton: tn,
   Select: He,
   SelectArrow: nt,
   SelectContent: ze,
   SelectGroup: Ye,
-  SelectIcon: Ke,
+  SelectIcon: We,
   SelectItem: Xe,
   SelectItemIndicator: Je,
   SelectItemText: Ze,
   SelectLabel: qe,
-  SelectPortal: We,
+  SelectPortal: Ke,
   SelectScrollDownButton: et,
   SelectScrollUpButton: Qe,
   SelectSeparator: ot,
   SelectTrigger: $e,
   SelectValue: Ue,
   SelectViewport: je,
-  Separator: on,
+  Separator: nn,
   Trigger: Ko,
-  Value: Wo,
-  Viewport: Yo,
-  createSelectScope: To
+  Value: zo,
+  Viewport: qo,
+  createSelectScope: Vo
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Pn as Combobox,
-  En as Select,
-  An as composeEventHandlers,
+  En as Combobox,
+  Nn as Select,
+  _n as composeEventHandlers,
   Zt as createCollection,
-  Mn as useCallbackRef
+  On as useCallbackRef
 };