@strapi/ui-primitives 1.7.9 → 1.8.0

package/dist/index.js

@@ -1,42 +1,89 @@
-import { jsx as d, jsxs as Ne, Fragment as Ae } from "react/jsx-runtime";
+import { jsx as f, jsxs as Ae, Fragment as _e } from "react/jsx-runtime";
 import * as l from "react";
+import { useComposedRefs as M } from "@radix-ui/react-compose-refs";
+import { createContextScope as ot, createContext as nt } from "@radix-ui/react-context";
+import { Slot as Te } from "@radix-ui/react-slot";
 import { composeEventHandlers as T } from "@radix-ui/primitive";
-import { composeEventHandlers as Rn } from "@radix-ui/primitive";
-import { useComposedRefs as _ } from "@radix-ui/react-compose-refs";
-import { createContextScope as Qe, createContext as et } from "@radix-ui/react-context";
-import { DismissableLayer as tt } from "@radix-ui/react-dismissable-layer";
-import { useFocusGuards as ot } from "@radix-ui/react-focus-guards";
-import { FocusScope as nt } from "@radix-ui/react-focus-scope";
-import { useId as oe } from "@radix-ui/react-id";
-import * as re from "@radix-ui/react-popper";
-import { createPopperScope as rt } from "@radix-ui/react-popper";
-import { Portal as lt } from "@radix-ui/react-portal";
+import { composeEventHandlers as An } from "@radix-ui/primitive";
+import { DismissableLayer as rt } from "@radix-ui/react-dismissable-layer";
+import { useFocusGuards as lt } from "@radix-ui/react-focus-guards";
+import { FocusScope as st } from "@radix-ui/react-focus-scope";
+import { useId as re } from "@radix-ui/react-id";
+import * as le from "@radix-ui/react-popper";
+import { createPopperScope as ct } from "@radix-ui/react-popper";
+import { Portal as it } from "@radix-ui/react-portal";
 import { Primitive as N } from "@radix-ui/react-primitive";
 import { useControllableState as ie } from "@radix-ui/react-use-controllable-state";
-import { useLayoutEffect as B } from "@radix-ui/react-use-layout-effect";
-import { hideOthers as st } from "aria-hidden";
-import * as _e from "react-dom";
-import { RemoveScroll as ct } from "react-remove-scroll";
-import { Slot as Ie } from "@radix-ui/react-slot";
-import { clamp as Ze } from "@radix-ui/number";
-import { createCollection as Rt } from "@radix-ui/react-collection";
-import { useDirection as Nt } from "@radix-ui/react-direction";
-import { useCallbackRef as At } from "@radix-ui/react-use-callback-ref";
-import { useCallbackRef as An } from "@radix-ui/react-use-callback-ref";
+import { useLayoutEffect as L } from "@radix-ui/react-use-layout-effect";
+import { hideOthers as at } from "aria-hidden";
+import * as Ce from "react-dom";
+import { RemoveScroll as ut } from "react-remove-scroll";
+import { clamp as Qe } from "@radix-ui/number";
+import { createCollection as Nt } from "@radix-ui/react-collection";
+import { useDirection as At } from "@radix-ui/react-direction";
 import { usePrevious as _t } from "@radix-ui/react-use-previous";
 import { VisuallyHidden as Mt } from "@radix-ui/react-visually-hidden";
+import { useCallbackRef as Ot } from "@radix-ui/react-use-callback-ref";
+import { useCallbackRef as Mn } from "@radix-ui/react-use-callback-ref";
+function Dt(r) {
+  const c = `${r}CollectionProvider`, [e, t] = ot(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__ */ 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__ */ f(Te, { 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);
+    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));
+      };
+    }), /* @__PURE__ */ f(Te, { [u]: "", ref: I, children: C });
+  });
+  x.displayName = m;
+  function p(d) {
+    const h = n(`${r}CollectionConsumer`, d), v = l.useCallback(() => {
+      const b = h.collectionRef.current;
+      if (!b)
+        return [];
+      const g = Array.from(b.querySelectorAll(`[${u}]`));
+      return Array.from(h.itemMap.values()).sort(
+        (O, A) => g.indexOf(O.ref.current) - g.indexOf(A.ref.current)
+      );
+    }, [h.collectionRef, h.itemMap]), C = l.useCallback(
+      (b) => (h.listeners.add(b), () => h.listeners.delete(b)),
+      [h.listeners]
+    );
+    return { getItems: v, subscribe: C };
+  }
+  return [
+    { Provider: i, Slot: a, ItemSlot: x },
+    p,
+    t
+  ];
+}
 let ye = /* @__PURE__ */ new Map();
-function Ot(r, s) {
-  let e = r + (s ? Object.entries(s).sort((o, n) => o[0] < n[0] ? -1 : 1).join() : "");
+function kt(r, c) {
+  let e = r + (c ? Object.entries(c).sort((o, n) => o[0] < n[0] ? -1 : 1).join() : "");
   if (ye.has(e))
     return ye.get(e);
-  let t = new Intl.Collator(r, s);
+  let t = new Intl.Collator(r, c);
   return ye.set(e, t), t;
 }
-function Me(r, s) {
-  let e = Ot(r, {
+function Me(r, c) {
+  let e = kt(r, {
     usage: "search",
-    ...s
+    ...c
   });
   return {
     startsWith(t, o) {
@@ -51,157 +98,111 @@ function Me(r, s) {
       t = t.normalize("NFC"), o = o.normalize("NFC");
       let n = 0, i = o.length;
       for (; n + i <= t.length; n++) {
-        let c = t.slice(n, n + i);
-        if (e.compare(o, c) === 0)
+        let s = t.slice(n, n + i);
+        if (e.compare(o, s) === 0)
           return !0;
       }
       return !1;
     }
   };
 }
-const Dt = (r) => {
-  const s = l.useRef();
+const Ft = (r) => {
+  const c = l.useRef();
   return l.useEffect(() => {
-    s.current = r;
-  }), s.current;
-};
-function kt(r) {
-  const s = `${r}CollectionProvider`, [e, t] = Qe(s), [o, n] = e(s, {
-    collectionRef: { current: null },
-    itemMap: /* @__PURE__ */ new Map(),
-    listeners: /* @__PURE__ */ new Set()
-  }), i = (u) => {
-    const { scope: m, children: S } = u, C = l.useRef(null), x = l.useRef(/* @__PURE__ */ new Map()).current, h = l.useRef(/* @__PURE__ */ new Set()).current;
-    return /* @__PURE__ */ d(o, { scope: m, itemMap: x, collectionRef: C, listeners: h, children: S });
-  };
-  i.displayName = s;
-  const c = `${r}CollectionSlot`, a = l.forwardRef((u, m) => {
-    const { scope: S, children: C } = u, x = n(c, S), h = _(m, x.collectionRef);
-    return /* @__PURE__ */ d(Ie, { ref: h, children: C });
-  });
-  a.displayName = c;
-  const g = `${r}CollectionItemSlot`, p = "data-radix-collection-item", v = l.forwardRef((u, m) => {
-    const { scope: S, children: C, ...x } = u, h = l.useRef(null), w = _(m, h), A = n(g, S);
-    return l.useEffect(() => {
-      const V = Array.from(A.itemMap.values());
-      return A.itemMap.set(h, { ref: h, ...x }), A.listeners.forEach((M) => M(Array.from(A.itemMap.values()), V)), () => {
-        const M = Array.from(A.itemMap.values());
-        A.itemMap.delete(h), A.listeners.forEach((P) => P(Array.from(A.itemMap.values()), M));
-      };
-    }), /* @__PURE__ */ d(Ie, { [p]: "", ref: w, children: C });
-  });
-  v.displayName = g;
-  function f(u) {
-    const m = n(`${r}CollectionConsumer`, u), S = l.useCallback(() => {
-      const x = m.collectionRef.current;
-      if (!x)
-        return [];
-      const h = Array.from(x.querySelectorAll(`[${p}]`));
-      return Array.from(m.itemMap.values()).sort(
-        (V, M) => h.indexOf(V.ref.current) - h.indexOf(M.ref.current)
-      );
-    }, [m.collectionRef, m.itemMap]), C = l.useCallback(
-      (x) => (m.listeners.add(x), () => m.listeners.delete(x)),
-      [m.listeners]
-    );
-    return { getItems: S, subscribe: C };
-  }
-  return [
-    { Provider: i, Slot: a, ItemSlot: v },
-    f,
-    t
-  ];
-}
-const Ft = [" ", "Enter", "ArrowUp", "ArrowDown"], Lt = ["Enter"], Je = (r) => !!(r.length === 1 && r.match(/\S| /)), it = "Combobox", [fe, Ce] = kt(it), [Bt, j] = et(it), Ht = ({ children: r }) => /* @__PURE__ */ d(re.Root, { children: /* @__PURE__ */ d(fe.Provider, { scope: void 0, children: r }) }), $t = (r) => {
+    c.current = r;
+  }), c.current;
+}, Lt = [" ", "Enter", "ArrowUp", "ArrowDown"], Bt = ["Enter"], Ht = (r) => !!(r.length === 1 && r.match(/\S| /)), dt = "Combobox", [ae, me] = Dt(dt), [$t, K] = nt(dt), Ut = ({ children: r }) => /* @__PURE__ */ f(le.Root, { children: /* @__PURE__ */ f(ae.Provider, { scope: void 0, children: r }) }), Kt = (r) => {
   const {
-    allowCustomValue: s = !1,
+    allowCustomValue: c = !1,
     autocomplete: e = "none",
     children: t,
     open: o,
     defaultOpen: n,
     onOpenChange: i,
-    value: c,
+    value: s,
     defaultValue: a,
-    onValueChange: g,
-    disabled: p,
-    required: v = !1,
-    locale: f = "en-EN",
-    onTextValueChange: u,
-    textValue: m,
-    defaultTextValue: S,
+    onValueChange: m,
+    disabled: u,
+    required: x = !1,
+    locale: p = "en-EN",
+    onTextValueChange: d,
+    textValue: h,
+    defaultTextValue: v,
     filterValue: C,
-    defaultFilterValue: x,
-    onFilterValueChange: h
-  } = r, [w, A] = l.useState(null), [V, M] = l.useState(null), [P, k] = l.useState(null), [H, z] = l.useState(null), [$ = !1, O] = ie({
+    defaultFilterValue: b,
+    onFilterValueChange: g,
+    isPrintableCharacter: I = Ht
+  } = r, [E, O] = l.useState(null), [A, _] = l.useState(null), [k, q] = l.useState(null), [W, B] = l.useState(null), [D = !1, H] = ie({
     prop: o,
     defaultProp: n,
     onChange: i
-  }), [F, L] = ie({
-    prop: c,
+  }), [F, z] = ie({
+    prop: s,
     defaultProp: a,
-    onChange: g
-  }), [U, K] = ie({
-    prop: m,
-    defaultProp: S,
-    onChange: u
-  }), [q, X] = ie({
+    onChange: m
+  }), [G, $] = ie({
+    prop: h,
+    defaultProp: c && !v ? s : v,
+    onChange: d
+  }), [X, U] = ie({
     prop: C,
-    defaultProp: x,
-    onChange: h
-  }), W = oe(), ue = l.useCallback(
-    (le, se) => {
-      const de = se.map((y) => y.ref.current), [Z, ...ce] = de, [Q] = ce.slice(-1), b = H;
-      for (const y of le) {
-        if (y === b)
+    defaultProp: b,
+    onChange: g
+  }), de = re(), se = l.useCallback(
+    (fe, Q) => {
+      const Z = Q.map((y) => y.ref.current), [ce, ...ee] = Z, [S] = ee.slice(-1), V = W ?? Q.find((y) => y.value === F)?.ref.current;
+      for (const y of fe) {
+        if (y === V)
           return;
-        if (y?.scrollIntoView({ block: "nearest" }), y === Z && V && (V.scrollTop = 0), y === Q && V && (V.scrollTop = V.scrollHeight), z(y), e === "both") {
-          const D = se.find((I) => I.ref.current === y);
-          D && K(D.textValue);
+        if (y?.scrollIntoView({ block: "nearest" }), y === ce && A && (A.scrollTop = 0), y === S && A && (A.scrollTop = A.scrollHeight), B(y), e === "both") {
+          const w = Q.find((P) => P.ref.current === y);
+          w && $(w.textValue);
         }
-        if (y !== b)
+        if (y !== V)
           return;
       }
     },
-    [e, K, V, H]
+    [e, $, A, W, F]
   );
   return l.useEffect(() => {
-    e !== "both" && z(null);
-  }, [U, e]), l.useEffect(() => {
-    if (P && w)
-      return st([P, w]);
-  }, [P, w]), /* @__PURE__ */ d(Ht, { children: /* @__PURE__ */ d(
-    Bt,
+    e !== "both" && B(null);
+  }, [G, e]), l.useEffect(() => {
+    if (k && E)
+      return at([k, E]);
+  }, [k, E]), /* @__PURE__ */ f(Ut, { children: /* @__PURE__ */ f(
+    $t,
     {
-      allowCustomValue: s,
+      allowCustomValue: c,
       autocomplete: e,
-      required: v,
-      trigger: w,
-      onTriggerChange: A,
-      contentId: W,
+      required: x,
+      trigger: E,
+      onTriggerChange: O,
+      contentId: de,
       value: F,
-      onValueChange: L,
-      open: $,
-      onOpenChange: O,
-      disabled: p,
-      locale: f,
-      focusFirst: ue,
-      textValue: U,
-      onTextValueChange: K,
-      onViewportChange: M,
-      onContentChange: k,
-      visuallyFocussedItem: H,
-      filterValue: q,
-      onFilterValueChange: X,
-      onVisuallyFocussedItemChange: z,
+      onValueChange: z,
+      open: D,
+      onOpenChange: H,
+      disabled: u,
+      locale: p,
+      focusFirst: se,
+      textValue: G,
+      onTextValueChange: $,
+      onViewportChange: _,
+      onContentChange: q,
+      visuallyFocussedItem: W,
+      filterValue: X,
+      onFilterValueChange: U,
+      onVisuallyFocussedItemChange: B,
+      isPrintableCharacter: I,
       children: t
     }
   ) });
-}, Ut = "ComboboxTrigger", Kt = l.forwardRef((r, s) => {
-  const { ...e } = r, t = j(Ut), o = () => {
+}, Wt = "ComboboxTrigger", zt = l.forwardRef((r, c) => {
+  const { ...e } = r, t = K(Wt), o = () => {
     t.disabled || t.onOpenChange(!0);
   };
-  return /* @__PURE__ */ d(re.Anchor, { asChild: !0, children: /* @__PURE__ */ d(
-    nt,
+  return /* @__PURE__ */ f(le.Anchor, { asChild: !0, children: /* @__PURE__ */ f(
+    st,
     {
       asChild: !0,
       trapped: t.open,
@@ -211,10 +212,10 @@ const Ft = [" ", "Enter", "ArrowUp", "ArrowDown"], Lt = ["Enter"], Je = (r) => !
       onUnmountAutoFocus: (n) => {
         t.trigger?.focus({ preventScroll: !0 }), document.getSelection()?.empty(), n.preventDefault();
       },
-      children: /* @__PURE__ */ d(
+      children: /* @__PURE__ */ f(
         "div",
         {
-          ref: s,
+          ref: c,
           "data-disabled": t.disabled ? "" : void 0,
           ...e,
           onClick: T(e.onClick, () => {
@@ -228,21 +229,21 @@ const Ft = [" ", "Enter", "ArrowUp", "ArrowDown"], Lt = ["Enter"], Je = (r) => !
       )
     }
   ) });
-}), at = "ComboboxInput", Wt = l.forwardRef((r, s) => {
-  const e = j(at), t = l.useRef(null), { getItems: o } = Ce(void 0), { startsWith: n } = Me(e.locale, { sensitivity: "base" }), i = e.disabled, c = _(t, s, e.onTriggerChange), a = () => {
+}), ft = "ComboboxInput", Gt = l.forwardRef((r, c) => {
+  const e = K(ft), t = l.useRef(null), { getItems: o } = me(void 0), { startsWith: n } = Me(e.locale, { sensitivity: "base" }), i = e.disabled, s = M(t, c, e.onTriggerChange), a = () => {
     i || e.onOpenChange(!0);
-  }, g = Dt(e.filterValue);
-  return B(() => {
-    const p = setTimeout(() => {
+  }, m = Ft(e.filterValue);
+  return L(() => {
+    const u = setTimeout(() => {
       if (e.textValue === "" || e.textValue === void 0 || e.filterValue === "" || e.filterValue === void 0)
         return;
-      const v = o().find(
-        (u) => u.type === "option" && n(u.textValue, e.textValue)
-      ), f = vo(g ?? "", e.filterValue);
-      v && !e.visuallyFocussedItem && f === e.filterValue.length && t.current?.setSelectionRange(e.filterValue.length, e.textValue.length);
+      const x = o().find(
+        (d) => d.type === "option" && n(d.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(p);
-  }, [e.textValue, e.filterValue, n, e.visuallyFocussedItem, o, g]), /* @__PURE__ */ d(
+    return () => clearTimeout(u);
+  }, [e.textValue, e.filterValue, n, e.visuallyFocussedItem, o, m]), /* @__PURE__ */ f(
     "input",
     {
       type: "text",
@@ -259,70 +260,79 @@ const Ft = [" ", "Enter", "ArrowUp", "ArrowDown"], Lt = ["Enter"], Je = (r) => !
       "data-placeholder": e.textValue === void 0 ? "" : void 0,
       value: e.textValue ?? "",
       ...r,
-      ref: c,
-      onKeyDown: T(r.onKeyDown, (p) => {
-        if (["ArrowUp", "ArrowDown", "Home", "End"].includes(p.key))
-          setTimeout(() => {
-            let f = o().filter((u) => !u.disabled).map((u) => u.ref.current);
-            if (["ArrowUp", "End"].includes(p.key) && (f = f.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(p.key)) {
-              const u = e.visuallyFocussedItem ?? p.target;
-              let m = f.indexOf(u);
-              m === f.length - 1 && (m = -1), f = f.slice(m + 1);
+      ref: s,
+      onKeyDown: T(r.onKeyDown, (u) => {
+        if (["ArrowUp", "ArrowDown", "Home", "End"].includes(u.key))
+          e.open || a(), setTimeout(() => {
+            let p = o().filter((d) => !d.disabled && d.isVisible).map((d) => d.ref.current);
+            if (["ArrowUp", "End"].includes(u.key) && (p = p.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(u.key)) {
+              const d = e.visuallyFocussedItem ?? o().find((h) => h.value === e.value)?.ref.current;
+              if (d) {
+                let h = p.indexOf(d);
+                h === p.length - 1 && (h = -1), p = p.slice(h + 1);
+              }
             }
-            if (["ArrowDown"].includes(p.key) && e.autocomplete === "both" && f.length > 1) {
-              const [u, ...m] = f, S = o().find((C) => C.ref.current === u).textValue;
-              e.textValue === S && (f = m);
+            if (["ArrowDown"].includes(u.key) && e.autocomplete === "both" && p.length > 1) {
+              const [d, ...h] = p, v = o().find((C) => C.ref.current === d).textValue;
+              e.textValue === v && (p = h);
             }
-            e.focusFirst(f, o());
-          }), p.preventDefault();
-        else if (["Tab"].includes(p.key) && e.open)
-          p.preventDefault();
-        else if (["Escape"].includes(p.key))
-          e.open ? e.onOpenChange(!1) : (e.onValueChange(void 0), e.onTextValueChange("")), p.preventDefault();
-        else if (Lt.includes(p.key)) {
+            e.focusFirst(p, 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 (Bt.includes(u.key)) {
           if (e.visuallyFocussedItem) {
-            const v = o().find((f) => f.ref.current === e.visuallyFocussedItem);
-            v && (e.onValueChange(v.value), e.onTextValueChange(v.textValue), e.autocomplete === "both" && e.onFilterValueChange(v.textValue), v.ref.current?.click());
+            const x = o().find((p) => p.ref.current === e.visuallyFocussedItem);
+            x && (e.onValueChange(x.value), e.onTextValueChange(x.textValue), e.autocomplete === "both" && e.onFilterValueChange(x.textValue), x.ref.current?.click());
           } else {
-            const v = o().find(
-              (f) => f.type === "option" && !f.disabled && f.textValue === e.textValue
+            const x = o().find(
+              (p) => p.type === "option" && !p.disabled && p.textValue === e.textValue
             );
-            v && (e.onValueChange(v.value), e.onTextValueChange(v.textValue), e.autocomplete === "both" && e.onFilterValueChange(v.textValue), v.ref.current?.click());
+            x && (e.onValueChange(x.value), e.onTextValueChange(x.textValue), e.autocomplete === "both" && e.onFilterValueChange(x.textValue), x.ref.current?.click());
           }
-          e.onOpenChange(!1), p.preventDefault();
+          e.onOpenChange(!1), u.preventDefault();
         } else
           e.onVisuallyFocussedItemChange(null);
       }),
-      onChange: T(r.onChange, (p) => {
-        e.onTextValueChange(p.currentTarget.value), e.autocomplete === "both" && e.onFilterValueChange(p.currentTarget.value);
+      onChange: T(r.onChange, (u) => {
+        e.onTextValueChange(u.currentTarget.value), e.autocomplete === "both" && e.onFilterValueChange(u.currentTarget.value);
       }),
-      onKeyUp: T(r.onKeyUp, (p) => {
-        !e.open && (Je(p.key) || ["ArrowUp", "ArrowDown", "Home", "End", "Backspace"].includes(p.key)) && a(), setTimeout(() => {
-          if (e.autocomplete === "both" && Je(p.key) && e.filterValue !== void 0) {
-            const v = e.filterValue, f = o().find((u) => n(u.textValue, v));
-            f && e.onTextValueChange(f.textValue);
+      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, p = o().find((d) => n(d.textValue, x));
+            p && e.onTextValueChange(p.textValue);
           }
-        });
+        }), e.autocomplete === "none" && e.isPrintableCharacter(u.key)) {
+          const x = e.textValue ?? "", p = o().find((d) => n(d.textValue, x));
+          p && (e.onVisuallyFocussedItemChange(p.ref.current), p.ref.current?.scrollIntoView());
+        }
       }),
       onBlur: T(r.onBlur, () => {
         e.onVisuallyFocussedItemChange(null);
-        const [p] = o().filter(
-          (f) => f.textValue === e.textValue && f.type === "option"
+        const [u] = o().filter(
+          (p) => p.textValue === e.textValue && p.type === "option"
         );
+        if (u) {
+          e.onValueChange(u.value), e.autocomplete === "both" && e.onFilterValueChange(u.textValue);
+          return;
+        }
         if (e.allowCustomValue) {
-          p && (e.onValueChange(p.value), e.autocomplete === "both" && e.onFilterValueChange(p.textValue));
+          e.onValueChange(e.textValue), e.autocomplete === "both" && e.onFilterValueChange(e.textValue);
           return;
         }
-        const [v] = o().filter((f) => f.value === e.value && f.type === "option");
-        p ? e.onValueChange(p.value) : v && e.textValue !== "" ? (e.onTextValueChange(v.textValue), e.autocomplete === "both" && e.onFilterValueChange(v.textValue)) : (e.onValueChange(void 0), e.onTextValueChange(""));
+        const [x] = o().filter((p) => p.value === e.value && p.type === "option");
+        x && e.textValue !== "" ? (e.onTextValueChange(x.textValue), e.autocomplete === "both" && e.onFilterValueChange(x.textValue)) : (e.onValueChange(void 0), e.onTextValueChange(""));
       })
     }
   );
-}), zt = l.forwardRef((r, s) => {
-  const { children: e, ...t } = r, o = j(at), n = o.disabled, i = () => {
+}), jt = l.forwardRef((r, c) => {
+  const { children: e, ...t } = r, o = K(ft), n = o.disabled, i = () => {
     n || (o.onOpenChange(!0), o.trigger?.focus());
   };
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ f(
     N.button,
     {
       "aria-hidden": !0,
@@ -334,45 +344,49 @@ const Ft = [" ", "Enter", "ArrowUp", "ArrowDown"], Lt = ["Enter"], Je = (r) => !
       "data-disabled": n ? "" : void 0,
       ...t,
       tabIndex: -1,
-      ref: s,
+      ref: c,
       onClick: T(t.onClick, () => {
         o.trigger?.focus();
       }),
-      onPointerDown: T(t.onPointerDown, (c) => {
-        c.button === 0 && c.ctrlKey === !1 && (i(), c.preventDefault());
+      onPointerDown: T(t.onPointerDown, (s) => {
+        s.button === 0 && s.ctrlKey === !1 && (i(), s.preventDefault());
       }),
-      onKeyDown: T(t.onKeyDown, (c) => {
-        Ft.includes(c.key) && (i(), c.preventDefault());
+      onKeyDown: T(t.onKeyDown, (s) => {
+        Lt.includes(s.key) && (i(), s.preventDefault());
       }),
       children: e || "▼"
     }
   );
-}), Gt = "ComboboxPortal", ut = (r) => /* @__PURE__ */ d(lt, { asChild: !0, ...r });
-ut.displayName = Gt;
-const dt = "ComboboxContent", jt = l.forwardRef((r, s) => {
-  const e = j(dt), [t, o] = l.useState();
-  if (B(() => {
-    o(new DocumentFragment());
-  }, []), !e.open) {
-    const n = t;
-    return n ? _e.createPortal(
-      /* @__PURE__ */ d(fe.Slot, { scope: void 0, children: /* @__PURE__ */ d("div", { children: r.children }) }),
-      n
+}), Yt = "ComboboxPortal", pt = (r) => /* @__PURE__ */ f(it, { asChild: !0, ...r });
+pt.displayName = Yt;
+const mt = "ComboboxContent", qt = l.forwardRef((r, c) => {
+  const e = K(mt), { getItems: t } = me(void 0), [o, n] = l.useState();
+  if (L(() => {
+    n(new DocumentFragment());
+  }, []), L(() => {
+    e.open && e.autocomplete === "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__ */ f(ae.Slot, { scope: void 0, children: /* @__PURE__ */ f("div", { children: r.children }) }),
+      i
     ) : null;
   }
-  return /* @__PURE__ */ d(qt, { ...r, ref: s });
-}), Yt = 10, qt = l.forwardRef(
-  (r, s) => {
-    const { onEscapeKeyDown: e, onPointerDownOutside: t, ...o } = r, n = j(dt), i = _(s, (a) => n.onContentChange(a)), { onOpenChange: c } = n;
-    return ot(), l.useEffect(() => {
+  return /* @__PURE__ */ f(Zt, { ...r, ref: c });
+}), Xt = 10, Zt = l.forwardRef(
+  (r, c) => {
+    const { onEscapeKeyDown: e, onPointerDownOutside: t, ...o } = r, n = K(mt), i = M(c, (a) => n.onContentChange(a)), { onOpenChange: s } = n;
+    return lt(), l.useEffect(() => {
       const a = () => {
-        c(!1);
+        s(!1);
       };
       return window.addEventListener("blur", a), window.addEventListener("resize", a), () => {
         window.removeEventListener("blur", a), window.removeEventListener("resize", a);
       };
-    }, [c]), /* @__PURE__ */ d(ct, { allowPinchZoom: !0, children: /* @__PURE__ */ d(
-      tt,
+    }, [s]), /* @__PURE__ */ f(ut, { allowPinchZoom: !0, children: /* @__PURE__ */ f(
+      rt,
       {
         asChild: !0,
         onEscapeKeyDown: e,
@@ -383,8 +397,8 @@ const dt = "ComboboxContent", jt = l.forwardRef((r, s) => {
         onDismiss: () => {
           n.onOpenChange(!1), n.trigger?.focus({ preventScroll: !0 });
         },
-        children: /* @__PURE__ */ d(
-          Xt,
+        children: /* @__PURE__ */ f(
+          Jt,
           {
             role: "listbox",
             id: n.contentId,
@@ -405,14 +419,14 @@ const dt = "ComboboxContent", jt = l.forwardRef((r, s) => {
       }
     ) });
   }
-), Xt = l.forwardRef(
-  (r, s) => {
-    const { align: e = "start", collisionPadding: t = Yt, ...o } = r;
-    return /* @__PURE__ */ d(
-      re.Content,
+), Jt = l.forwardRef(
+  (r, c) => {
+    const { align: e = "start", collisionPadding: t = Xt, ...o } = r;
+    return /* @__PURE__ */ f(
+      le.Content,
       {
         ...o,
-        ref: s,
+        ref: c,
         align: e,
         collisionPadding: t,
         style: {
@@ -428,10 +442,10 @@ const dt = "ComboboxContent", jt = l.forwardRef((r, s) => {
       }
     );
   }
-), Zt = "ComboboxViewport", Jt = l.forwardRef((r, s) => {
-  const e = j(Zt), t = _(s, e.onViewportChange);
-  return /* @__PURE__ */ Ne(Ae, { children: [
-    /* @__PURE__ */ d(
+), Qt = "ComboboxViewport", eo = l.forwardRef((r, c) => {
+  const e = K(Qt), t = M(c, e.onViewportChange);
+  return /* @__PURE__ */ Ae(_e, { children: [
+    /* @__PURE__ */ f(
       "style",
       {
         dangerouslySetInnerHTML: {
@@ -439,7 +453,7 @@ const dt = "ComboboxContent", jt = l.forwardRef((r, s) => {
         }
       }
     ),
-    /* @__PURE__ */ d(fe.Slot, { scope: void 0, children: /* @__PURE__ */ d(
+    /* @__PURE__ */ f(ae.Slot, { scope: void 0, children: /* @__PURE__ */ f(
       N.div,
       {
         "data-radix-combobox-viewport": "",
@@ -458,173 +472,217 @@ const dt = "ComboboxContent", jt = l.forwardRef((r, s) => {
       }
     ) })
   ] });
-}), pt = "ComboboxItem", [Qt, ft] = et(pt), mt = l.forwardRef((r, s) => {
-  const { value: e, disabled: t = !1, textValue: o, ...n } = r, i = l.useRef(null), c = _(s, i), { getItems: a } = Ce(void 0), {
-    onTextValueChange: g,
-    textValue: p,
-    visuallyFocussedItem: v,
-    ...f
-  } = j(pt), u = oe(), [m, S] = l.useState(o ?? ""), C = l.useMemo(() => v === a().find((M) => M.ref.current === i.current)?.ref.current, [a, v]), x = f.value === e, h = () => {
-    t || (f.onValueChange(e), g(m), f.onOpenChange(!1), f.autocomplete === "both" && f.onFilterValueChange(m), f.trigger?.focus({ preventScroll: !0 }));
-  }, { startsWith: w } = Me(f.locale, { sensitivity: "base" }), A = l.useCallback((M) => {
-    S((P) => P || (M?.textContent ?? "").trim());
+}), Oe = "ComboboxItem", [et, De] = nt(Oe), ht = l.forwardRef((r, c) => {
+  const { value: e, disabled: t = !1, textValue: o, ...n } = r, [i, s] = l.useState();
+  L(() => {
+    s(new DocumentFragment());
   }, []);
-  l.useEffect(() => {
-    x && p === void 0 && m !== "" && g(m);
-  }, [m, x, p, g]);
-  const V = oe();
-  return f.autocomplete === "list" && m && p && !w(m, p) || f.autocomplete === "both" && m && f.filterValue && !w(m, f.filterValue) ? null : /* @__PURE__ */ d(Qt, { textId: u, onTextValueChange: A, isSelected: x, children: /* @__PURE__ */ d(fe.ItemSlot, { scope: void 0, value: e, textValue: m, disabled: t, type: "option", children: /* @__PURE__ */ d(
+  const { onTextValueChange: a, textValue: m, ...u } = K(Oe), x = re(), [p, d] = l.useState(o ?? ""), h = u.value === e, { startsWith: v } = Me(u.locale, { sensitivity: "base" }), C = l.useCallback((b) => {
+    d((g) => g || (b?.textContent ?? "").trim());
+  }, []);
+  return l.useEffect(() => {
+    h && m === void 0 && p !== "" && a(p);
+  }, [p, h, m, a]), u.autocomplete === "both" && p && u.filterValue && !v(p, u.filterValue) || u.autocomplete === "list" && p && m && !v(p, m) ? i ? Ce.createPortal(
+    /* @__PURE__ */ f(
+      et,
+      {
+        textId: x,
+        onTextValueChange: C,
+        isSelected: h,
+        textValue: p,
+        children: /* @__PURE__ */ f(
+          ae.ItemSlot,
+          {
+            scope: void 0,
+            value: e,
+            textValue: p,
+            disabled: t,
+            type: "option",
+            isVisible: !1,
+            children: /* @__PURE__ */ f(tt, { ref: c, value: e, disabled: t, ...n })
+          }
+        )
+      }
+    ),
+    i
+  ) : null : /* @__PURE__ */ f(
+    et,
+    {
+      textId: x,
+      onTextValueChange: C,
+      isSelected: h,
+      textValue: p,
+      children: /* @__PURE__ */ f(
+        ae.ItemSlot,
+        {
+          scope: void 0,
+          value: e,
+          textValue: p,
+          disabled: t,
+          type: "option",
+          isVisible: !0,
+          children: /* @__PURE__ */ f(tt, { ref: c, value: e, disabled: t, ...n })
+        }
+      )
+    }
+  );
+}), to = "ComboboxItemImpl", tt = 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(Oe), { isSelected: x, textValue: p, textId: d } = De(to), h = () => {
+    t || (u.onValueChange(e), a(p), u.onOpenChange(!1), u.autocomplete === "both" && u.onFilterValueChange(p), 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__ */ f(
     N.div,
     {
       role: "option",
-      "aria-labelledby": u,
-      "data-highlighted": C ? "" : void 0,
-      "aria-selected": x && C,
+      "aria-labelledby": d,
+      "data-highlighted": v ? "" : void 0,
+      "aria-selected": x && v,
       "data-state": x ? "checked" : "unchecked",
       "aria-disabled": t || void 0,
       "data-disabled": t ? "" : void 0,
       tabIndex: t ? void 0 : -1,
-      ...n,
-      id: V,
-      ref: c,
-      onPointerUp: T(n.onPointerUp, h)
+      ...o,
+      id: C,
+      ref: i,
+      onPointerUp: T(o.onPointerUp, h)
     }
-  ) }) });
-}), eo = "ComboboxItemText", to = l.forwardRef((r, s) => {
-  const { className: e, style: t, ...o } = r, n = ft(eo), i = _(s, n.onTextValueChange);
-  return /* @__PURE__ */ d(N.span, { id: n.textId, ...o, ref: i });
-}), oo = "ComboboxItemIndicator", no = l.forwardRef((r, s) => {
-  const { isSelected: e } = ft(oo);
-  return e ? /* @__PURE__ */ d(N.span, { "aria-hidden": !0, ...r, ref: s }) : null;
-}), ht = "ComboboxNoValueFound", ro = l.forwardRef((r, s) => {
-  const { textValue: e = "", locale: t } = j(ht), [o, n] = l.useState([]), { subscribe: i } = Ce(void 0), { startsWith: c } = Me(t, { sensitivity: "base" });
+  );
+}), oo = "ComboboxItemText", no = l.forwardRef((r, c) => {
+  const { className: e, style: t, ...o } = r, n = De(oo), i = M(c, n.onTextValueChange);
+  return /* @__PURE__ */ f(N.span, { id: n.textId, ...o, ref: i });
+}), ro = "ComboboxItemIndicator", lo = l.forwardRef((r, c) => {
+  const { isSelected: e } = De(ro);
+  return e ? /* @__PURE__ */ f(N.span, { "aria-hidden": !0, ...r, ref: c }) : null;
+}), gt = "ComboboxNoValueFound", so = l.forwardRef((r, c) => {
+  const { textValue: e = "", filterValue: t = "", locale: o, autocomplete: n } = K(gt), [i, s] = l.useState([]), { subscribe: a } = me(void 0), { startsWith: m } = Me(o, { sensitivity: "base" });
   return l.useEffect(() => {
-    const a = i((g) => {
-      n(g);
+    const u = a((x) => {
+      s(x);
     });
     return () => {
-      a();
+      u();
     };
-  }, [i]), o.some((a) => c(a.textValue, e)) ? null : /* @__PURE__ */ d(N.div, { ...r, ref: s });
-}), lo = l.forwardRef((r, s) => {
-  const { disabled: e = !1, ...t } = r, o = j(ht), { textValue: n, visuallyFocussedItem: i } = o, { getItems: c, subscribe: a } = Ce(void 0), g = l.useRef(null), [p, v] = l.useState(!1), f = _(s, g), u = l.useMemo(() => i === c().find((C) => C.ref.current === g.current)?.ref.current, [c, i]), m = oe(), S = () => {
+  }, [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__ */ f(N.div, { ...r, ref: c });
+}), co = l.forwardRef((r, c) => {
+  const { disabled: e = !1, ...t } = r, o = K(gt), { textValue: n, visuallyFocussedItem: i } = o, { getItems: s, subscribe: a } = me(void 0), m = l.useRef(null), [u, x] = l.useState(!1), p = 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 }));
   };
-  return B(() => {
-    const C = a((x) => {
-      v(!x.some((h) => h.textValue === n && h.type !== "create"));
+  return L(() => {
+    const C = a((b) => {
+      x(!b.some((g) => g.textValue === n && g.type !== "create"));
     });
-    return c().length === 0 && v(!0), () => {
+    return s().length === 0 && x(!0), () => {
       C();
     };
-  }, [n, a, c]), !n || !p ? null : /* @__PURE__ */ d(
-    fe.ItemSlot,
+  }, [n, a, s]), !n || !u ? null : /* @__PURE__ */ f(
+    ae.ItemSlot,
     {
       scope: void 0,
       value: n ?? "",
       textValue: n ?? "",
       disabled: e,
+      isVisible: !0,
       type: "create",
-      children: /* @__PURE__ */ d(
+      children: /* @__PURE__ */ f(
         N.div,
         {
           role: "option",
           tabIndex: e ? void 0 : -1,
           "aria-disabled": e || void 0,
           "data-disabled": e ? "" : void 0,
-          "data-highlighted": u ? "" : void 0,
+          "data-highlighted": d ? "" : void 0,
           ...t,
-          id: m,
-          ref: f,
-          onPointerUp: T(t.onPointerUp, S)
+          id: h,
+          ref: p,
+          onPointerUp: T(t.onPointerUp, v)
         }
       )
     }
   );
-}), so = $t, co = Kt, io = Wt, ao = zt, uo = ut, po = jt, fo = Jt, mo = mt, ho = to, go = no, Co = ro, xo = lo;
-function vo(r, s) {
-  const e = Math.min(r.length, s.length);
+}), io = Kt, ao = zt, uo = Gt, fo = jt, po = pt, mo = qt, ho = eo, go = ht, xo = no, Co = lo, vo = so, bo = co;
+function So(r, c) {
+  const e = Math.min(r.length, c.length);
   for (let t = 0; t < e; t++)
-    if (r[t] !== s[t])
+    if (r[t] !== c[t])
       return t;
   return e;
 }
-const Tn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Pn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  ComboboxItem: mt,
-  Content: po,
-  CreateItem: xo,
-  Icon: ao,
-  Item: mo,
-  ItemIndicator: go,
-  ItemText: ho,
-  NoValueFound: Co,
-  Portal: uo,
-  Root: so,
-  TextInput: io,
-  Trigger: co,
-  Viewport: fo
-}, Symbol.toStringTag, { value: "Module" })), So = [" ", "Enter", "ArrowUp", "ArrowDown"], bo = [" ", "Enter"], me = "Select", [xe, he, wo] = Rt(me), [ae, yo] = Qe(me, [
-  wo,
-  rt
-]), ve = rt(), [Io, Y] = ae(me), [To, Vo] = ae(me), Oe = (r) => {
+  ComboboxItem: ht,
+  Content: mo,
+  CreateItem: bo,
+  Icon: fo,
+  Item: go,
+  ItemIndicator: Co,
+  ItemText: xo,
+  NoValueFound: vo,
+  Portal: po,
+  Root: io,
+  TextInput: uo,
+  Trigger: ao,
+  Viewport: ho
+}, Symbol.toStringTag, { value: "Module" })), Io = [" ", "Enter", "ArrowUp", "ArrowDown"], wo = [" ", "Enter"], he = "Select", [ve, ge, yo] = Nt(he), [ue, To] = ot(he, [
+  yo,
+  ct
+]), be = ct(), [Vo, Y] = ue(he), [Po, Eo] = ue(he), ke = (r) => {
   const {
-    __scopeSelect: s,
+    __scopeSelect: c,
     children: e,
     open: t,
     defaultOpen: o,
     onOpenChange: n,
     value: i,
-    defaultValue: c,
+    defaultValue: s,
     onValueChange: a,
-    dir: g,
+    dir: m,
     // name,
     // autoComplete,
-    disabled: p,
-    required: v,
-    multi: f = !1
-  } = r, u = ve(s), [m, S] = l.useState(null), [C, x] = l.useState(null), [h, w] = l.useState(!1), A = Nt(g), [V = !1, M] = ie({
+    disabled: u,
+    required: x,
+    multi: p = !1
+  } = r, d = be(c), [h, v] = l.useState(null), [C, b] = l.useState(null), [g, I] = l.useState(!1), E = At(m), [O = !1, A] = ie({
     prop: t,
     defaultProp: o,
     onChange: n
-  }), [P, k] = ie({
+  }), [_, k] = ie({
     prop: i,
-    defaultProp: c,
-    onChange(O) {
-      a && (Array.isArray(O), a(O));
+    defaultProp: s,
+    onChange(D) {
+      a && (Array.isArray(D), a(D));
     }
-  }), H = l.useRef(null), [z, $] = l.useState(/* @__PURE__ */ new Set());
-  return /* @__PURE__ */ d(re.Root, { ...u, children: /* @__PURE__ */ d(
-    Io,
+  }), q = l.useRef(null), [W, B] = l.useState(/* @__PURE__ */ new Set());
+  return /* @__PURE__ */ f(le.Root, { ...d, children: /* @__PURE__ */ f(
+    Vo,
     {
-      required: v,
-      scope: s,
-      trigger: m,
-      onTriggerChange: S,
+      required: x,
+      scope: c,
+      trigger: h,
+      onTriggerChange: v,
       valueNode: C,
-      onValueNodeChange: x,
-      valueNodeHasChildren: h,
-      onValueNodeHasChildrenChange: w,
-      contentId: oe(),
-      value: P,
+      onValueNodeChange: b,
+      valueNodeHasChildren: g,
+      onValueNodeHasChildrenChange: I,
+      contentId: re(),
+      value: _,
       onValueChange: k,
-      open: V,
-      onOpenChange: M,
-      dir: A,
-      triggerPointerDownPosRef: H,
-      disabled: p,
-      multi: f,
-      children: /* @__PURE__ */ d(xe.Provider, { scope: s, children: /* @__PURE__ */ d(
-        To,
+      open: O,
+      onOpenChange: A,
+      dir: E,
+      triggerPointerDownPosRef: q,
+      disabled: u,
+      multi: p,
+      children: /* @__PURE__ */ f(ve.Provider, { scope: c, children: /* @__PURE__ */ f(
+        Po,
         {
           scope: r.__scopeSelect,
-          onNativeOptionAdd: l.useCallback((O) => {
-            $((F) => new Set(F).add(O));
+          onNativeOptionAdd: l.useCallback((D) => {
+            B((H) => new Set(H).add(D));
           }, []),
-          onNativeOptionRemove: l.useCallback((O) => {
-            $((F) => {
-              const L = new Set(F);
-              return L.delete(O), L;
+          onNativeOptionRemove: l.useCallback((D) => {
+            B((H) => {
+              const F = new Set(H);
+              return F.delete(D), F;
             });
           }, []),
           children: e
@@ -633,19 +691,19 @@ const Tn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }
   ) });
 };
-Oe.displayName = me;
-const gt = "SelectTrigger", De = l.forwardRef(
-  (r, s) => {
-    const { __scopeSelect: e, ...t } = r, o = ve(e), n = Y(gt, e), i = n.disabled, c = _(s, n.onTriggerChange), a = he(e), [g, p, v] = Vt((u) => {
-      const m = a().filter((x) => !x.disabled), S = m.find((x) => x.value === n.value), C = Pt(m, u, S);
+ke.displayName = he;
+const xt = "SelectTrigger", Fe = l.forwardRef(
+  (r, c) => {
+    const { __scopeSelect: e, ...t } = r, o = be(e), n = Y(xt, e), i = n.disabled, s = M(c, n.onTriggerChange), a = ge(e), [m, u, x] = Pt((d) => {
+      const h = a().filter((b) => !b.disabled), v = h.find((b) => b.value === n.value), C = Et(h, d, v);
       if (C !== void 0 && !Array.isArray(C.value)) {
-        const x = n.multi ? [C.value] : C.value;
-        n.onValueChange(x);
+        const b = n.multi ? [C.value] : C.value;
+        n.onValueChange(b);
       }
-    }), f = () => {
-      i || (n.onOpenChange(!0), v());
+    }), p = () => {
+      i || (n.onOpenChange(!0), x());
     };
-    return /* @__PURE__ */ d(re.Anchor, { asChild: !0, ...o, children: /* @__PURE__ */ d(
+    return /* @__PURE__ */ f(le.Anchor, { asChild: !0, ...o, children: /* @__PURE__ */ f(
       N.div,
       {
         role: "combobox",
@@ -659,89 +717,89 @@ const gt = "SelectTrigger", De = l.forwardRef(
         "data-placeholder": n.value === void 0 ? "" : void 0,
         tabIndex: i ? void 0 : 0,
         ...t,
-        ref: c,
-        onClick: T(t.onClick, (u) => {
-          u.currentTarget.focus();
+        ref: s,
+        onClick: T(t.onClick, (d) => {
+          d.currentTarget.focus();
         }),
-        onPointerDown: T(t.onPointerDown, (u) => {
-          const m = u.target;
-          m.hasPointerCapture(u.pointerId) && m.releasePointerCapture(u.pointerId), (m.closest("button") ?? m.closest("div")) === u.currentTarget && u.button === 0 && u.ctrlKey === !1 && (f(), n.triggerPointerDownPosRef.current = {
-            x: Math.round(u.pageX),
-            y: Math.round(u.pageY)
-          }, u.preventDefault());
+        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 && (p(), n.triggerPointerDownPosRef.current = {
+            x: Math.round(d.pageX),
+            y: Math.round(d.pageY)
+          }, d.preventDefault());
         }),
-        onKeyDown: T(t.onKeyDown, (u) => {
-          const m = g.current !== "", S = u.ctrlKey || u.altKey || u.metaKey, C = u.target;
-          (C.closest("button") ?? C.closest("div")) === u.currentTarget && (!S && u.key.length === 1 && p(u.key), !(m && u.key === " ") && So.includes(u.key) && (f(), u.preventDefault()));
+        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) && (p(), d.preventDefault()));
         })
       }
     ) });
   }
 );
-De.displayName = gt;
-const Ct = "SelectValue", ke = l.forwardRef(
-  (r, s) => {
-    const { __scopeSelect: e, children: t, placeholder: o, ...n } = r, i = Y(Ct, e), { onValueNodeHasChildrenChange: c } = i, a = t !== void 0, g = _(s, i.onValueNodeChange), [p, v] = l.useState([]), f = he(e);
-    B(() => {
-      c(a);
-    }, [c, a]), l.useLayoutEffect(() => {
-      if (Array.isArray(i.value) && p.length !== i.value.length) {
-        const m = setTimeout(() => {
-          const S = f().filter(
+Fe.displayName = xt;
+const Ct = "SelectValue", Le = l.forwardRef(
+  (r, c) => {
+    const { __scopeSelect: e, children: t, placeholder: o, ...n } = r, i = Y(Ct, e), { onValueNodeHasChildrenChange: s } = i, a = t !== void 0, m = M(c, i.onValueNodeChange), [u, x] = l.useState([]), p = ge(e);
+    L(() => {
+      s(a);
+    }, [s, a]), l.useLayoutEffect(() => {
+      if (Array.isArray(i.value) && u.length !== i.value.length) {
+        const h = setTimeout(() => {
+          const v = p().filter(
             (C) => Array.isArray(C.value) ? !1 : i.value?.includes(C.value)
           );
-          v(S);
+          x(v);
         });
         return () => {
-          clearTimeout(m);
+          clearTimeout(h);
         };
       }
-    }, [i.value, f, p]);
-    let u;
+    }, [i.value, p, u]);
+    let d;
     if ((i.value === void 0 || i.value.length === 0) && o !== void 0)
-      u = /* @__PURE__ */ d("span", { children: o });
+      d = /* @__PURE__ */ f("span", { children: o });
     else if (typeof t == "function")
       if (Array.isArray(i.value)) {
-        const m = i.value.map((S) => {
-          const C = p.find((x) => x.value === S);
-          return C ? t({ value: S, textValue: C?.textValue }) : null;
+        const h = i.value.map((v) => {
+          const C = u.find((b) => b.value === v);
+          return C ? t({ value: v, textValue: C?.textValue }) : null;
         });
-        u = m.every((S) => S === null) ? o : m;
+        d = h.every((v) => v === null) ? o : h;
       } else
-        u = t(i.value);
+        d = t(i.value);
     else
-      u = t;
-    return /* @__PURE__ */ d(N.span, { ...n, ref: g, children: u || null });
+      d = t;
+    return /* @__PURE__ */ f(N.span, { ...n, ref: m, children: d || null });
   }
 );
-ke.displayName = Ct;
-const Po = "SelectIcon", Fe = l.forwardRef(
-  (r, s) => {
+Le.displayName = Ct;
+const Ro = "SelectIcon", Be = l.forwardRef(
+  (r, c) => {
     const { __scopeSelect: e, children: t, ...o } = r;
-    return /* @__PURE__ */ d(N.span, { "aria-hidden": !0, ...o, ref: s, children: t || "▼" });
+    return /* @__PURE__ */ f(N.span, { "aria-hidden": !0, ...o, ref: c, children: t || "▼" });
   }
 );
-Fe.displayName = Po;
-const Eo = "SelectPortal", Le = (r) => /* @__PURE__ */ d(lt, { asChild: !0, ...r });
-Le.displayName = Eo;
-const ne = "SelectContent", Be = l.forwardRef(
-  (r, s) => {
+Be.displayName = Ro;
+const No = "SelectPortal", He = (r) => /* @__PURE__ */ f(it, { asChild: !0, ...r });
+He.displayName = No;
+const ne = "SelectContent", $e = l.forwardRef(
+  (r, c) => {
     const e = Y(ne, r.__scopeSelect), [t, o] = l.useState();
-    if (B(() => {
+    if (L(() => {
       o(new DocumentFragment());
     }, []), !e.open) {
       const n = t;
-      return n ? _e.createPortal(
-        /* @__PURE__ */ d(xt, { scope: r.__scopeSelect, children: /* @__PURE__ */ d(xe.Slot, { scope: r.__scopeSelect, children: /* @__PURE__ */ d("div", { children: r.children }) }) }),
+      return n ? Ce.createPortal(
+        /* @__PURE__ */ f(vt, { scope: r.__scopeSelect, children: /* @__PURE__ */ f(ve.Slot, { scope: r.__scopeSelect, children: /* @__PURE__ */ f("div", { children: r.children }) }) }),
         n
       ) : null;
     }
-    return /* @__PURE__ */ d(vt, { ...r, ref: s });
+    return /* @__PURE__ */ f(bt, { ...r, ref: c });
   }
 );
-Be.displayName = ne;
-const G = 10, [xt, J] = ae(ne), Ro = "SelectContentImpl", vt = l.forwardRef(
-  (r, s) => {
+$e.displayName = ne;
+const j = 10, [vt, J] = ue(ne), Ao = "SelectContentImpl", bt = l.forwardRef(
+  (r, c) => {
     const {
       __scopeSelect: e,
       position: t = "item-aligned",
@@ -750,153 +808,153 @@ const G = 10, [xt, J] = ae(ne), Ro = "SelectContentImpl", vt = l.forwardRef(
       onPointerDownOutside: i,
       //
       // PopperContent props
-      side: c,
+      side: s,
       sideOffset: a,
-      align: g,
-      alignOffset: p,
-      arrowPadding: v,
-      collisionBoundary: f,
-      collisionPadding: u,
-      sticky: m,
-      hideWhenDetached: S,
+      align: m,
+      alignOffset: u,
+      arrowPadding: x,
+      collisionBoundary: p,
+      collisionPadding: d,
+      sticky: h,
+      hideWhenDetached: v,
       avoidCollisions: C,
       //
-      ...x
-    } = r, h = Y(ne, e), [w, A] = l.useState(null), [V, M] = l.useState(null), P = _(s, (b) => A(b)), [k, H] = l.useState(null), [z, $] = l.useState(null), O = he(e), [F, L] = l.useState(!1), U = l.useRef(!1);
+      ...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);
     l.useEffect(() => {
-      if (w)
-        return st(w);
-    }, [w]), ot();
-    const K = l.useCallback(
-      (b) => {
-        const [y, ...D] = O().map((R) => R.ref.current), [I] = D.slice(-1), E = document.activeElement;
-        for (const R of b)
-          if (R === E || (R?.scrollIntoView({ block: "nearest" }), R === y && V && (V.scrollTop = 0), R === I && V && (V.scrollTop = V.scrollHeight), R?.focus(), document.activeElement !== E))
+      if (I)
+        return at(I);
+    }, [I]), lt();
+    const G = l.useCallback(
+      (S) => {
+        const [V, ...y] = D().map((R) => R.ref.current), [w] = y.slice(-1), P = document.activeElement;
+        for (const R of S)
+          if (R === P || (R?.scrollIntoView({ block: "nearest" }), R === V && O && (O.scrollTop = 0), R === w && O && (O.scrollTop = O.scrollHeight), R?.focus(), document.activeElement !== P))
             return;
       },
-      [O, V]
-    ), q = l.useCallback(
-      () => K([k, w]),
-      [K, k, w]
+      [D, O]
+    ), $ = l.useCallback(
+      () => G([k, I]),
+      [G, k, I]
     );
     l.useEffect(() => {
-      F && q();
-    }, [F, q]);
-    const { onOpenChange: X, triggerPointerDownPosRef: W } = h;
+      H && $();
+    }, [H, $]);
+    const { onOpenChange: X, triggerPointerDownPosRef: U } = g;
     l.useEffect(() => {
-      if (w) {
-        let b = { x: 0, y: 0 };
-        const y = (I) => {
-          b = {
-            x: Math.abs(Math.round(I.pageX) - (W.current?.x ?? 0)),
-            y: Math.abs(Math.round(I.pageY) - (W.current?.y ?? 0))
+      if (I) {
+        let S = { x: 0, y: 0 };
+        const V = (w) => {
+          S = {
+            x: Math.abs(Math.round(w.pageX) - (U.current?.x ?? 0)),
+            y: Math.abs(Math.round(w.pageY) - (U.current?.y ?? 0))
           };
-        }, D = (I) => {
-          b.x <= 10 && b.y <= 10 ? I.preventDefault() : w.contains(I.target) || X(!1), document.removeEventListener("pointermove", y), W.current = null;
+        }, y = (w) => {
+          S.x <= 10 && S.y <= 10 ? w.preventDefault() : I.contains(w.target) || X(!1), document.removeEventListener("pointermove", V), U.current = null;
         };
-        return W.current !== null && (document.addEventListener("pointermove", y), document.addEventListener("pointerup", D, { capture: !0, once: !0 })), () => {
-          document.removeEventListener("pointermove", y), document.removeEventListener("pointerup", D, { capture: !0 });
+        return U.current !== null && (document.addEventListener("pointermove", V), document.addEventListener("pointerup", y, { capture: !0, once: !0 })), () => {
+          document.removeEventListener("pointermove", V), document.removeEventListener("pointerup", y, { capture: !0 });
         };
       }
-    }, [w, X, W]), l.useEffect(() => {
-      const b = () => X(!1);
-      return window.addEventListener("blur", b), window.addEventListener("resize", b), () => {
-        window.removeEventListener("blur", b), window.removeEventListener("resize", b);
+    }, [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);
       };
     }, [X]);
-    const [ue, le] = Vt((b) => {
-      const y = O().filter((E) => !E.disabled), D = y.find((E) => E.ref.current === document.activeElement), I = Pt(y, b, D);
-      I && setTimeout(() => I.ref.current.focus());
-    }), se = l.useCallback(
-      (b, y, D) => {
-        const I = !U.current && !D;
-        (h.value !== void 0 && h.value === y || I) && (H(b), I && (U.current = !0));
+    const [de, se] = Pt((S) => {
+      const V = D().filter((P) => !P.disabled), y = V.find((P) => P.ref.current === document.activeElement), w = Et(V, S, y);
+      w && setTimeout(() => w.ref.current.focus());
+    }), fe = l.useCallback(
+      (S, V, y) => {
+        const w = !z.current && !y;
+        (g.value !== void 0 && g.value === V || w) && (q(S), w && (z.current = !0));
       },
-      [h.value]
-    ), de = l.useCallback(() => w?.focus(), [w]), Z = l.useCallback(
-      (b, y, D) => {
-        const I = !U.current && !D;
-        (h.value !== void 0 && (Array.isArray(y) ? y.every((R) => h.value?.includes(R)) : h.value === y) || I) && $(b);
+      [g.value]
+    ), Q = l.useCallback(() => I?.focus(), [I]), Z = l.useCallback(
+      (S, V, y) => {
+        const w = !z.current && !y;
+        (g.value !== void 0 && (Array.isArray(V) ? V.every((R) => g.value?.includes(R)) : g.value === V) || w) && B(S);
       },
-      [h.value]
-    ), ce = t === "popper" ? Te : St, Q = ce === Te ? {
-      side: c,
+      [g.value]
+    ), ce = t === "popper" ? Ve : St, ee = ce === Ve ? {
+      side: s,
       sideOffset: a,
-      align: g,
-      alignOffset: p,
-      arrowPadding: v,
-      collisionBoundary: f,
-      collisionPadding: u,
-      sticky: m,
-      hideWhenDetached: S,
+      align: m,
+      alignOffset: u,
+      arrowPadding: x,
+      collisionBoundary: p,
+      collisionPadding: d,
+      sticky: h,
+      hideWhenDetached: v,
       avoidCollisions: C
     } : {};
-    return /* @__PURE__ */ d(
-      xt,
+    return /* @__PURE__ */ f(
+      vt,
       {
         scope: e,
-        content: w,
-        viewport: V,
-        onViewportChange: M,
-        itemRefCallback: se,
+        content: I,
+        viewport: O,
+        onViewportChange: A,
+        itemRefCallback: fe,
         selectedItem: k,
-        onItemLeave: de,
+        onItemLeave: Q,
         itemTextRefCallback: Z,
-        focusSelectedItem: q,
-        selectedItemText: z,
+        focusSelectedItem: $,
+        selectedItemText: W,
         position: t,
-        isPositioned: F,
-        searchRef: ue,
-        children: /* @__PURE__ */ d(ct, { as: Ie, allowPinchZoom: !0, children: /* @__PURE__ */ d(
-          nt,
+        isPositioned: H,
+        searchRef: de,
+        children: /* @__PURE__ */ f(ut, { as: Te, allowPinchZoom: !0, children: /* @__PURE__ */ f(
+          st,
           {
             asChild: !0,
-            trapped: h.open,
-            onMountAutoFocus: (b) => {
-              b.preventDefault();
+            trapped: g.open,
+            onMountAutoFocus: (S) => {
+              S.preventDefault();
             },
-            onUnmountAutoFocus: T(o, (b) => {
-              h.trigger?.focus({ preventScroll: !0 }), document.getSelection()?.empty(), b.preventDefault();
+            onUnmountAutoFocus: T(o, (S) => {
+              g.trigger?.focus({ preventScroll: !0 }), document.getSelection()?.empty(), S.preventDefault();
             }),
-            children: /* @__PURE__ */ d(
-              tt,
+            children: /* @__PURE__ */ f(
+              rt,
               {
                 asChild: !0,
                 disableOutsidePointerEvents: !0,
                 onEscapeKeyDown: n,
                 onPointerDownOutside: i,
-                onFocusOutside: (b) => b.preventDefault(),
-                onDismiss: () => h.onOpenChange(!1),
-                children: /* @__PURE__ */ d(
+                onFocusOutside: (S) => S.preventDefault(),
+                onDismiss: () => g.onOpenChange(!1),
+                children: /* @__PURE__ */ f(
                   ce,
                   {
                     role: "listbox",
-                    id: h.contentId,
-                    "data-state": h.open ? "open" : "closed",
-                    "aria-multiselectable": h.multi ? "true" : void 0,
-                    dir: h.dir,
-                    onContextMenu: (b) => b.preventDefault(),
-                    ...x,
-                    ...Q,
-                    onPlaced: () => L(!0),
-                    ref: P,
+                    id: g.contentId,
+                    "data-state": g.open ? "open" : "closed",
+                    "aria-multiselectable": g.multi ? "true" : void 0,
+                    dir: g.dir,
+                    onContextMenu: (S) => S.preventDefault(),
+                    ...b,
+                    ...ee,
+                    onPlaced: () => F(!0),
+                    ref: _,
                     style: {
                       // flex layout so we can place the scroll buttons properly
                       display: "flex",
                       flexDirection: "column",
                       // reset the outline by default as the content MAY get focused
                       outline: "none",
-                      ...x.style
+                      ...b.style
                     },
-                    onKeyDown: T(x.onKeyDown, (b) => {
-                      const y = b.ctrlKey || b.altKey || b.metaKey;
-                      if (b.key === "Tab" && b.preventDefault(), !y && b.key.length === 1 && le(b.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(b.key)) {
-                        let I = O().filter((E) => !E.disabled).map((E) => E.ref.current);
-                        if (["ArrowUp", "End"].includes(b.key) && (I = I.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(b.key)) {
-                          const E = b.target, R = I.indexOf(E);
-                          I = I.slice(R + 1);
+                    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 w = D().filter((P) => !P.disabled).map((P) => P.ref.current);
+                        if (["ArrowUp", "End"].includes(S.key) && (w = w.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(S.key)) {
+                          const P = S.target, R = w.indexOf(P);
+                          w = w.slice(R + 1);
                         }
-                        setTimeout(() => K(I)), b.preventDefault();
+                        setTimeout(() => G(w)), S.preventDefault();
                       }
                     })
                   }
@@ -909,72 +967,72 @@ const G = 10, [xt, J] = ae(ne), Ro = "SelectContentImpl", vt = l.forwardRef(
     );
   }
 );
-vt.displayName = Ro;
-const No = "SelectItemAlignedPosition", St = l.forwardRef(
-  (r, s) => {
-    const { __scopeSelect: e, onPlaced: t, ...o } = r, n = Y(ne, e), i = J(ne, e), [c, a] = l.useState(null), [g, p] = l.useState(null), v = _(s, (P) => p(P)), f = he(e), u = l.useRef(!1), m = l.useRef(!0), { viewport: S, selectedItem: C, selectedItemText: x, focusSelectedItem: h } = i, w = l.useCallback(() => {
-      if (n.trigger && n.valueNode && c && g && S && C && x) {
-        const P = n.trigger.getBoundingClientRect(), k = g.getBoundingClientRect(), H = n.valueNode.getBoundingClientRect(), z = x.getBoundingClientRect();
+bt.displayName = Ao;
+const _o = "SelectItemAlignedPosition", St = 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(_)), p = ge(e), d = 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();
         if (n.dir !== "rtl") {
-          const E = z.left - k.left, R = H.left - E, ee = P.left - R, te = P.width + ee, Se = Math.max(te, k.width), be = window.innerWidth - G, we = Ze(R, [G, be - Se]);
-          c.style.minWidth = `${te}px`, c.style.left = `${we}px`;
+          const P = W.left - k.left, R = q.left - P, te = _.left - R, oe = _.width + te, Se = Math.max(oe, k.width), Ie = window.innerWidth - j, we = Qe(R, [j, Ie - Se]);
+          s.style.minWidth = `${oe}px`, s.style.left = `${we}px`;
         } else {
-          const E = k.right - z.right, R = window.innerWidth - H.right - E, ee = window.innerWidth - P.right - R, te = P.width + ee, Se = Math.max(te, k.width), be = window.innerWidth - G, we = Ze(R, [G, be - Se]);
-          c.style.minWidth = `${te}px`, c.style.right = `${we}px`;
+          const P = k.right - W.right, R = window.innerWidth - q.right - P, te = window.innerWidth - _.right - R, oe = _.width + te, Se = Math.max(oe, k.width), Ie = window.innerWidth - j, we = Qe(R, [j, Ie - Se]);
+          s.style.minWidth = `${oe}px`, s.style.right = `${we}px`;
         }
-        const $ = f(), O = window.innerHeight - G * 2, F = S.scrollHeight, L = window.getComputedStyle(g), U = parseInt(L.borderTopWidth, 10), K = parseInt(L.paddingTop, 10), q = parseInt(L.borderBottomWidth, 10), X = parseInt(L.paddingBottom, 10), W = U + K + F + X + q, ue = Math.min(C.offsetHeight * 5, W), le = window.getComputedStyle(S), se = parseInt(le.paddingTop, 10), de = parseInt(le.paddingBottom, 10), Z = P.top + P.height / 2 - G, ce = O - Z, Q = C.offsetHeight / 2, b = C.offsetTop + Q, y = U + K + b, D = W - y;
-        if (y <= Z) {
-          const E = C === $[$.length - 1].ref.current;
-          c.style.bottom = "0px";
-          const R = g.clientHeight - S.offsetTop - S.offsetHeight, ee = Math.max(
+        const B = p(), 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), fe = 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, y = U - V;
+        if (V <= Z) {
+          const P = C === B[B.length - 1].ref.current;
+          s.style.bottom = "0px";
+          const R = m.clientHeight - v.offsetTop - v.offsetHeight, te = Math.max(
             ce,
-            Q + // viewport might have padding bottom, include it to avoid a scrollable viewport
-            (E ? de : 0) + R + q
-          ), te = y + ee;
-          c.style.height = `${te}px`;
+            ee + // viewport might have padding bottom, include it to avoid a scrollable viewport
+            (P ? Q : 0) + R + $
+          ), oe = V + te;
+          s.style.height = `${oe}px`;
         } else {
-          const E = C === $[0].ref.current;
-          c.style.top = "0px";
-          const ee = Math.max(
+          const P = C === B[0].ref.current;
+          s.style.top = "0px";
+          const te = Math.max(
             Z,
-            U + S.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
-            (E ? se : 0) + Q
-          ) + D;
-          c.style.height = `${ee}px`, S.scrollTop = y - Z + S.offsetTop;
+            z + v.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
+            (P ? fe : 0) + ee
+          ) + y;
+          s.style.height = `${te}px`, v.scrollTop = V - Z + v.offsetTop;
         }
-        c.style.margin = `${G}px 0`, c.style.minHeight = `${ue}px`, c.style.maxHeight = `${O}px`, t?.(), requestAnimationFrame(() => u.current = !0);
+        s.style.margin = `${j}px 0`, s.style.minHeight = `${de}px`, s.style.maxHeight = `${D}px`, t?.(), requestAnimationFrame(() => d.current = !0);
       }
     }, [
-      f,
+      p,
       n.trigger,
       n.valueNode,
-      c,
-      g,
-      S,
+      s,
+      m,
+      v,
       C,
-      x,
+      b,
       n.dir,
       t
     ]);
-    B(() => w(), [w]);
-    const [A, V] = l.useState();
-    B(() => {
-      g && V(window.getComputedStyle(g).zIndex);
-    }, [g]);
-    const M = l.useCallback(
-      (P) => {
-        P && m.current === !0 && (w(), h?.(), m.current = !1);
+    L(() => I(), [I]);
+    const [E, O] = l.useState();
+    L(() => {
+      m && O(window.getComputedStyle(m).zIndex);
+    }, [m]);
+    const A = l.useCallback(
+      (_) => {
+        _ && h.current === !0 && (I(), g?.(), h.current = !1);
       },
-      [w, h]
+      [I, g]
     );
-    return /* @__PURE__ */ d(
-      _o,
+    return /* @__PURE__ */ f(
+      Oo,
       {
         scope: e,
-        contentWrapper: c,
-        shouldExpandOnScrollRef: u,
-        onScrollButtonChange: M,
-        children: /* @__PURE__ */ d(
+        contentWrapper: s,
+        shouldExpandOnScrollRef: d,
+        onScrollButtonChange: A,
+        children: /* @__PURE__ */ f(
           "div",
           {
             ref: a,
@@ -982,13 +1040,13 @@ const No = "SelectItemAlignedPosition", St = l.forwardRef(
               display: "flex",
               flexDirection: "column",
               position: "fixed",
-              zIndex: A
+              zIndex: E
             },
-            children: /* @__PURE__ */ d(
+            children: /* @__PURE__ */ f(
               N.div,
               {
                 ...o,
-                ref: v,
+                ref: x,
                 style: {
                   // When we get the height of the content, it includes borders. If we were to set
                   // the height without having `boxSizing: 'border-box'` it would be too big.
@@ -1005,16 +1063,16 @@ const No = "SelectItemAlignedPosition", St = l.forwardRef(
     );
   }
 );
-St.displayName = No;
-const Ao = "SelectPopperPosition", Te = l.forwardRef(
-  (r, s) => {
-    const { __scopeSelect: e, align: t = "start", collisionPadding: o = G, ...n } = r, i = ve(e);
-    return /* @__PURE__ */ d(
-      re.Content,
+St.displayName = _o;
+const Mo = "SelectPopperPosition", Ve = l.forwardRef(
+  (r, c) => {
+    const { __scopeSelect: e, align: t = "start", collisionPadding: o = j, ...n } = r, i = be(e);
+    return /* @__PURE__ */ f(
+      le.Content,
       {
         ...i,
         ...n,
-        ref: s,
+        ref: c,
         align: t,
         collisionPadding: o,
         style: {
@@ -1031,15 +1089,15 @@ const Ao = "SelectPopperPosition", Te = l.forwardRef(
     );
   }
 );
-Te.displayName = Ao;
-const [_o, He] = ae(
+Ve.displayName = Mo;
+const [Oo, Ue] = ue(
   ne,
   {}
-), Ve = "SelectViewport", $e = l.forwardRef(
-  (r, s) => {
-    const { __scopeSelect: e, ...t } = r, o = J(Ve, e), n = He(Ve, e), i = _(s, o.onViewportChange), c = l.useRef(0);
-    return /* @__PURE__ */ Ne(Ae, { children: [
-      /* @__PURE__ */ d(
+), Pe = "SelectViewport", Ke = l.forwardRef(
+  (r, c) => {
+    const { __scopeSelect: e, ...t } = r, o = J(Pe, e), n = Ue(Pe, e), i = M(c, o.onViewportChange), s = l.useRef(0);
+    return /* @__PURE__ */ Ae(_e, { children: [
+      /* @__PURE__ */ f(
         "style",
         {
           dangerouslySetInnerHTML: {
@@ -1047,7 +1105,7 @@ const [_o, He] = ae(
           }
         }
       ),
-      /* @__PURE__ */ d(xe.Slot, { scope: e, children: /* @__PURE__ */ d(
+      /* @__PURE__ */ f(ve.Slot, { scope: e, children: /* @__PURE__ */ f(
         N.div,
         {
           "data-radix-select-viewport": "",
@@ -1064,89 +1122,89 @@ const [_o, He] = ae(
             ...t.style
           },
           onScroll: T(t.onScroll, (a) => {
-            const g = a.currentTarget, { contentWrapper: p, shouldExpandOnScrollRef: v } = n;
-            if (v?.current && p) {
-              const f = Math.abs(c.current - g.scrollTop);
-              if (f > 0) {
-                const u = window.innerHeight - G * 2, m = parseFloat(p.style.minHeight), S = parseFloat(p.style.height), C = Math.max(m, S);
-                if (C < u) {
-                  const x = C + f, h = Math.min(u, x), w = x - h;
-                  p.style.height = `${h}px`, p.style.bottom === "0px" && (g.scrollTop = w > 0 ? w : 0, p.style.justifyContent = "flex-end");
+            const m = a.currentTarget, { contentWrapper: u, shouldExpandOnScrollRef: x } = n;
+            if (x?.current && u) {
+              const p = Math.abs(s.current - m.scrollTop);
+              if (p > 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 + p, 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");
                 }
               }
             }
-            c.current = g.scrollTop;
+            s.current = m.scrollTop;
           })
         }
       ) })
     ] });
   }
 );
-$e.displayName = Ve;
-const bt = "SelectGroup", [Mo, Oo] = ae(bt), Ue = l.forwardRef(
-  (r, s) => {
-    const { __scopeSelect: e, ...t } = r, o = oe();
-    return /* @__PURE__ */ d(Mo, { scope: e, id: o, children: /* @__PURE__ */ d(N.div, { role: "group", "aria-labelledby": o, ...t, ref: s }) });
+Ke.displayName = Pe;
+const It = "SelectGroup", [Do, ko] = ue(It), We = l.forwardRef(
+  (r, c) => {
+    const { __scopeSelect: e, ...t } = r, o = re();
+    return /* @__PURE__ */ f(Do, { scope: e, id: o, children: /* @__PURE__ */ f(N.div, { role: "group", "aria-labelledby": o, ...t, ref: c }) });
   }
 );
-Ue.displayName = bt;
-const wt = "SelectLabel", Ke = l.forwardRef(
-  (r, s) => {
-    const { __scopeSelect: e, ...t } = r, o = Oo(wt, e);
-    return /* @__PURE__ */ d(N.div, { id: o.id, ...t, ref: s });
+We.displayName = It;
+const wt = "SelectLabel", ze = l.forwardRef(
+  (r, c) => {
+    const { __scopeSelect: e, ...t } = r, o = ko(wt, e);
+    return /* @__PURE__ */ f(N.div, { id: o.id, ...t, ref: c });
   }
 );
-Ke.displayName = wt;
-const ge = "SelectItem", [Do, yt] = ae(ge), We = l.forwardRef(
-  (r, s) => {
-    const { __scopeSelect: e, value: t, disabled: o = !1, textValue: n, ...i } = r, c = Y(ge, e), a = J(ge, e), g = typeof t == "string" ? Array.isArray(c.value) ? c.value.includes(t) : c.value === t : t.every((h) => c.value?.includes(h)), p = Array.isArray(c.value) && Array.isArray(t) && t.some((h) => c.value?.includes(h)), [v, f] = l.useState(n ?? ""), [u, m] = l.useState(!1), S = _(
-      s,
-      (h) => a.itemRefCallback?.(h, t, o)
-    ), C = oe(), x = () => {
+ze.displayName = wt;
+const xe = "SelectItem", [Fo, yt] = ue(xe), Ge = 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, p] = l.useState(n ?? ""), [d, h] = l.useState(!1), v = M(
+      c,
+      (g) => a.itemRefCallback?.(g, t, o)
+    ), C = re(), b = () => {
       if (!o) {
-        let h = c.multi && typeof t == "string" ? [t] : t;
-        p && !g ? c.onValueChange(h) : Array.isArray(c.value) && (h = Et(t, c.value)), c.onValueChange(h), c.multi || c.onOpenChange(!1);
+        let g = s.multi && typeof t == "string" ? [t] : t;
+        u && !m ? s.onValueChange(g) : Array.isArray(s.value) && (g = Rt(t, s.value)), s.onValueChange(g), s.multi || s.onOpenChange(!1);
       }
     };
-    if (!c.multi && Array.isArray(t))
+    if (!s.multi && Array.isArray(t))
       throw new Error("You can only pass an array of values in multi selects");
-    return /* @__PURE__ */ d(
-      Do,
+    return /* @__PURE__ */ f(
+      Fo,
       {
         scope: e,
         value: t,
         disabled: o,
         textId: C,
-        isSelected: g,
-        isIntermediate: p,
-        onItemTextChange: l.useCallback((h) => {
-          f((w) => w || (h?.textContent ?? "").trim());
+        isSelected: m,
+        isIntermediate: u,
+        onItemTextChange: l.useCallback((g) => {
+          p((I) => I || (g?.textContent ?? "").trim());
         }, []),
-        children: /* @__PURE__ */ d(xe.ItemSlot, { scope: e, value: t, disabled: o, textValue: v, children: /* @__PURE__ */ d(
+        children: /* @__PURE__ */ f(ve.ItemSlot, { scope: e, value: t, disabled: o, textValue: x, children: /* @__PURE__ */ f(
           N.div,
           {
             role: "option",
             "aria-labelledby": C,
-            "data-highlighted": u ? "" : void 0,
-            "aria-selected": c.multi ? void 0 : g && u,
-            "aria-checked": c.multi ? g : void 0,
-            "data-state": g ? "checked" : "unchecked",
+            "data-highlighted": d ? "" : void 0,
+            "aria-selected": s.multi ? void 0 : m && d,
+            "aria-checked": s.multi ? m : void 0,
+            "data-state": m ? "checked" : "unchecked",
             "aria-disabled": o || void 0,
             "data-disabled": o ? "" : void 0,
             tabIndex: o ? void 0 : -1,
             ...i,
-            ref: S,
-            onFocus: T(i.onFocus, () => m(!0)),
-            onBlur: T(i.onBlur, () => m(!1)),
-            onPointerUp: T(i.onPointerUp, x),
-            onPointerMove: T(i.onPointerMove, (h) => {
-              o ? a.onItemLeave?.() : h.currentTarget.focus({ preventScroll: !0 });
+            ref: v,
+            onFocus: T(i.onFocus, () => h(!0)),
+            onBlur: T(i.onBlur, () => h(!1)),
+            onPointerUp: T(i.onPointerUp, b),
+            onPointerMove: T(i.onPointerMove, (g) => {
+              o ? a.onItemLeave?.() : g.currentTarget.focus({ preventScroll: !0 });
             }),
-            onPointerLeave: T(i.onPointerLeave, (h) => {
-              h.currentTarget === document.activeElement && a.onItemLeave?.();
+            onPointerLeave: T(i.onPointerLeave, (g) => {
+              g.currentTarget === document.activeElement && a.onItemLeave?.();
             }),
-            onKeyDown: T(i.onKeyDown, (h) => {
-              a.searchRef?.current !== "" && h.key === " " || (bo.includes(h.key) && x(), h.key === " " && h.preventDefault());
+            onKeyDown: T(i.onKeyDown, (g) => {
+              a.searchRef?.current !== "" && g.key === " " || (wo.includes(g.key) && b(), g.key === " " && g.preventDefault());
             })
           }
         ) })
@@ -1154,106 +1212,106 @@ const ge = "SelectItem", [Do, yt] = ae(ge), We = l.forwardRef(
     );
   }
 );
-We.displayName = ge;
-const pe = "SelectItemText", ze = l.forwardRef(
-  (r, s) => {
-    const { __scopeSelect: e, className: t, style: o, ...n } = r, i = Y(pe, e), c = J(pe, e), a = yt(pe, e), g = Vo(pe, e), [p, v] = l.useState(null), f = _(
-      s,
-      (x) => v(x),
+Ge.displayName = xe;
+const pe = "SelectItemText", je = l.forwardRef(
+  (r, c) => {
+    const { __scopeSelect: e, className: t, style: o, ...n } = r, i = Y(pe, e), s = J(pe, e), a = yt(pe, e), m = Eo(pe, e), [u, x] = l.useState(null), p = M(
+      c,
+      (b) => x(b),
       a.onItemTextChange,
-      (x) => c.itemTextRefCallback?.(x, a.value, a.disabled)
-    ), u = p?.textContent, m = l.useMemo(
-      () => /* @__PURE__ */ d(
+      (b) => s.itemTextRefCallback?.(b, a.value, a.disabled)
+    ), d = u?.textContent, h = l.useMemo(
+      () => /* @__PURE__ */ f(
         "option",
         {
           value: a.value,
           disabled: a.disabled,
-          children: u
+          children: d
         },
         Array.isArray(a.value) ? a.value.join(";") : a.value
       ),
-      [a.disabled, a.value, u]
-    ), { onNativeOptionAdd: S, onNativeOptionRemove: C } = g;
-    return B(() => (S(m), () => C(m)), [S, C, m]), /* @__PURE__ */ Ne(Ae, { children: [
-      /* @__PURE__ */ d(N.span, { id: a.textId, ...n, ref: f }),
-      a.isSelected && i.valueNode && !i.valueNodeHasChildren ? _e.createPortal(n.children, i.valueNode) : null
+      [a.disabled, a.value, d]
+    ), { onNativeOptionAdd: v, onNativeOptionRemove: C } = m;
+    return L(() => (v(h), () => C(h)), [v, C, h]), /* @__PURE__ */ Ae(_e, { children: [
+      /* @__PURE__ */ f(N.span, { id: a.textId, ...n, ref: p }),
+      a.isSelected && i.valueNode && !i.valueNodeHasChildren ? Ce.createPortal(n.children, i.valueNode) : null
     ] });
   }
 );
-ze.displayName = pe;
-const It = "SelectItemIndicator", Ge = l.forwardRef(
-  (r, s) => {
-    const { __scopeSelect: e, children: t, ...o } = r, n = yt(It, e);
-    return typeof t == "function" ? /* @__PURE__ */ d(N.span, { "aria-hidden": !0, ...o, ref: s, children: t({
+je.displayName = pe;
+const Tt = "SelectItemIndicator", Ye = l.forwardRef(
+  (r, c) => {
+    const { __scopeSelect: e, children: t, ...o } = r, n = yt(Tt, e);
+    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__ */ d(N.span, { "aria-hidden": !0, ...o, ref: s, children: t }) : null;
+    }) }) : n.isSelected ? /* @__PURE__ */ f(N.span, { "aria-hidden": !0, ...o, ref: c, children: t }) : null;
   }
 );
-Ge.displayName = It;
-const Pe = "SelectScrollUpButton", je = l.forwardRef(
-  (r, s) => {
-    const e = J(Pe, r.__scopeSelect), t = He(Pe, r.__scopeSelect), [o, n] = l.useState(!1), i = _(s, t.onScrollButtonChange);
-    return B(() => {
+Ye.displayName = Tt;
+const Ee = "SelectScrollUpButton", qe = l.forwardRef(
+  (r, c) => {
+    const e = J(Ee, r.__scopeSelect), t = Ue(Ee, r.__scopeSelect), [o, n] = l.useState(!1), i = M(c, t.onScrollButtonChange);
+    return L(() => {
       if (e.viewport && e.isPositioned) {
-        const c = e.viewport, a = () => {
-          const g = c.scrollTop > 0;
-          n(g);
+        const s = e.viewport, a = () => {
+          const m = s.scrollTop > 0;
+          n(m);
         };
-        return a(), c.addEventListener("scroll", a), () => c.removeEventListener("scroll", a);
+        return a(), s.addEventListener("scroll", a), () => s.removeEventListener("scroll", a);
       }
-    }, [e.viewport, e.isPositioned]), o ? /* @__PURE__ */ d(
-      Tt,
+    }, [e.viewport, e.isPositioned]), o ? /* @__PURE__ */ f(
+      Vt,
       {
         ...r,
         ref: i,
         onAutoScroll: () => {
-          const { viewport: c, selectedItem: a } = e;
-          c && a && (c.scrollTop -= a.offsetHeight);
+          const { viewport: s, selectedItem: a } = e;
+          s && a && (s.scrollTop -= a.offsetHeight);
         }
       }
     ) : null;
   }
 );
-je.displayName = Pe;
-const Ee = "SelectScrollDownButton", Ye = l.forwardRef(
-  (r, s) => {
-    const e = J(Ee, r.__scopeSelect), t = He(Ee, r.__scopeSelect), [o, n] = l.useState(!1), i = _(s, t.onScrollButtonChange);
-    return B(() => {
+qe.displayName = Ee;
+const Re = "SelectScrollDownButton", Xe = l.forwardRef(
+  (r, c) => {
+    const e = J(Re, r.__scopeSelect), t = Ue(Re, r.__scopeSelect), [o, n] = l.useState(!1), i = M(c, t.onScrollButtonChange);
+    return L(() => {
       if (e.viewport && e.isPositioned) {
-        const c = e.viewport, a = () => {
-          const g = c.scrollHeight - c.clientHeight, p = Math.ceil(c.scrollTop) < g;
-          n(p);
+        const s = e.viewport, a = () => {
+          const m = s.scrollHeight - s.clientHeight, u = Math.ceil(s.scrollTop) < m;
+          n(u);
         };
-        return a(), c.addEventListener("scroll", a), () => c.removeEventListener("scroll", a);
+        return a(), s.addEventListener("scroll", a), () => s.removeEventListener("scroll", a);
       }
-    }, [e.viewport, e.isPositioned]), o ? /* @__PURE__ */ d(
-      Tt,
+    }, [e.viewport, e.isPositioned]), o ? /* @__PURE__ */ f(
+      Vt,
       {
         ...r,
         ref: i,
         onAutoScroll: () => {
-          const { viewport: c, selectedItem: a } = e;
-          c && a && (c.scrollTop += a.offsetHeight);
+          const { viewport: s, selectedItem: a } = e;
+          s && a && (s.scrollTop += a.offsetHeight);
         }
       }
     ) : null;
   }
 );
-Ye.displayName = Ee;
-const Tt = l.forwardRef(
-  (r, s) => {
-    const { __scopeSelect: e, onAutoScroll: t, ...o } = r, n = J("SelectScrollButton", e), i = l.useRef(null), c = he(e), a = l.useCallback(() => {
+Xe.displayName = Re;
+const Vt = l.forwardRef(
+  (r, c) => {
+    const { __scopeSelect: e, onAutoScroll: t, ...o } = r, n = J("SelectScrollButton", e), i = l.useRef(null), s = ge(e), a = l.useCallback(() => {
       i.current !== null && (window.clearInterval(i.current), i.current = null);
     }, []);
-    return l.useEffect(() => () => a(), [a]), B(() => {
-      c().find((p) => p.ref.current === document.activeElement)?.ref.current?.scrollIntoView({ block: "nearest" });
-    }, [c]), /* @__PURE__ */ d(
+    return l.useEffect(() => () => a(), [a]), L(() => {
+      s().find((u) => u.ref.current === document.activeElement)?.ref.current?.scrollIntoView({ block: "nearest" });
+    }, [s]), /* @__PURE__ */ f(
       N.div,
       {
         "aria-hidden": !0,
         ...o,
-        ref: s,
+        ref: c,
         style: { flexShrink: 0, ...o.style },
         onPointerMove: T(o.onPointerMove, () => {
           n.onItemLeave?.(), i.current === null && (i.current = window.setInterval(t, 50));
@@ -1264,111 +1322,112 @@ const Tt = l.forwardRef(
       }
     );
   }
-), ko = "SelectSeparator", qe = l.forwardRef(
-  (r, s) => {
+), Lo = "SelectSeparator", Ze = l.forwardRef(
+  (r, c) => {
     const { __scopeSelect: e, ...t } = r;
-    return /* @__PURE__ */ d(N.div, { "aria-hidden": !0, ...t, ref: s });
+    return /* @__PURE__ */ f(N.div, { "aria-hidden": !0, ...t, ref: c });
   }
 );
-qe.displayName = ko;
-const Re = "SelectArrow", Xe = l.forwardRef(
-  (r, s) => {
-    const { __scopeSelect: e, ...t } = r, o = ve(e), n = Y(Re, e), i = J(Re, e);
-    return n.open && i.position === "popper" ? /* @__PURE__ */ d(re.Arrow, { ...o, ...t, ref: s }) : null;
+Ze.displayName = Lo;
+const Ne = "SelectArrow", Je = l.forwardRef(
+  (r, c) => {
+    const { __scopeSelect: e, ...t } = r, o = be(e), n = Y(Ne, e), i = J(Ne, e);
+    return n.open && i.position === "popper" ? /* @__PURE__ */ f(le.Arrow, { ...o, ...t, ref: c }) : null;
   }
 );
-Xe.displayName = Re;
-const Fo = "BubbleSelect", Lo = l.forwardRef(
-  (r, s) => {
-    const { value: e, ...t } = r, o = l.useRef(null), n = _(s, o), i = _t(e), c = Y(Fo, void 0);
+Je.displayName = Ne;
+const Bo = "BubbleSelect", Ho = l.forwardRef(
+  (r, c) => {
+    const { value: e, ...t } = r, o = l.useRef(null), n = M(c, o), i = _t(e), s = Y(Bo, void 0);
     l.useEffect(() => {
-      const g = o.current, p = window.HTMLSelectElement.prototype, f = Object.getOwnPropertyDescriptor(p, "value").set;
-      if (i !== e && f) {
-        const u = new Event("change", { bubbles: !0 });
-        f.call(g, e), g.dispatchEvent(u);
+      const m = o.current, u = window.HTMLSelectElement.prototype, p = Object.getOwnPropertyDescriptor(u, "value").set;
+      if (i !== e && p) {
+        const d = new Event("change", { bubbles: !0 });
+        p.call(m, e), m.dispatchEvent(d);
       }
     }, [i, e]);
     let a = e;
-    return c.multi && !Array.isArray(e) && (a = []), /* @__PURE__ */ d(Mt, { asChild: !0, children: /* @__PURE__ */ d(
+    return s.multi && !Array.isArray(e) && (a = []), /* @__PURE__ */ f(Mt, { asChild: !0, children: /* @__PURE__ */ f(
       "select",
       {
         ...t,
-        multiple: c.multi ? !0 : void 0,
+        multiple: s.multi ? !0 : void 0,
         ref: n,
         defaultValue: a
       }
     ) });
   }
 );
-Lo.displayName = "BubbleSelect";
-function Vt(r) {
-  const s = At(r), e = l.useRef(""), t = l.useRef(0), o = l.useCallback(
+Ho.displayName = "BubbleSelect";
+function Pt(r) {
+  const c = Ot(r), e = l.useRef(""), t = l.useRef(0), o = l.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));
-      }(c);
+      const s = e.current + i;
+      c(s), function a(m) {
+        e.current = m, window.clearTimeout(t.current), m !== "" && (t.current = window.setTimeout(() => a(""), 1e3));
+      }(s);
     },
-    [s]
+    [c]
   ), n = l.useCallback(() => {
     e.current = "", window.clearTimeout(t.current);
   }, []);
   return l.useEffect(() => () => window.clearTimeout(t.current), []), [e, o, n];
 }
-function Pt(r, s, e) {
-  const o = s.length > 1 && Array.from(s).every((g) => g === s[0]) ? s[0] : s, n = e ? r.indexOf(e) : -1;
-  let i = Bo(r, Math.max(n, 0));
-  o.length === 1 && (i = i.filter((g) => g !== e));
-  const a = i.find((g) => g.textValue.toLowerCase().startsWith(o.toLowerCase()));
+function Et(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));
+  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 Bo(r, s) {
-  return r.map((e, t) => r[(s + t) % r.length]);
+function $o(r, c) {
+  return r.map((e, t) => r[(c + t) % r.length]);
 }
-const Et = (r, s = []) => {
+const Rt = (r, c = []) => {
   if (Array.isArray(r))
-    return r.reduce((t, o) => Et(o, t), s);
-  const e = s.indexOf(r);
-  return e === -1 ? [...s, r] : [...s.slice(0, e), ...s.slice(e + 1)];
-}, Ho = Oe, $o = De, Uo = ke, Ko = Fe, Wo = Le, zo = Be, Go = $e, jo = Ue, Yo = Ke, qo = We, Xo = ze, Zo = Ge, Jo = je, Qo = Ye, en = qe, tn = Xe, Vn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+    return r.reduce((t, o) => Rt(o, t), c);
+  const e = c.indexOf(r);
+  return e === -1 ? [...c, r] : [...c.slice(0, e), ...c.slice(e + 1)];
+}, Uo = ke, Ko = Fe, Wo = Le, zo = Be, Go = He, jo = $e, Yo = Ke, qo = We, Xo = ze, Zo = Ge, Jo = je, Qo = Ye, en = qe, tn = Xe, on = Ze, nn = Je, En = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Arrow: tn,
-  Content: zo,
-  Group: jo,
-  Icon: Ko,
-  Item: qo,
-  ItemIndicator: Zo,
-  ItemText: Xo,
-  Label: Yo,
-  Portal: Wo,
-  Root: Ho,
-  ScrollDownButton: Qo,
-  ScrollUpButton: Jo,
-  Select: Oe,
-  SelectArrow: Xe,
-  SelectContent: Be,
-  SelectGroup: Ue,
-  SelectIcon: Fe,
-  SelectItem: We,
-  SelectItemIndicator: Ge,
-  SelectItemText: ze,
-  SelectLabel: Ke,
-  SelectPortal: Le,
-  SelectScrollDownButton: Ye,
-  SelectScrollUpButton: je,
-  SelectSeparator: qe,
-  SelectTrigger: De,
-  SelectValue: ke,
-  SelectViewport: $e,
-  Separator: en,
-  Trigger: $o,
-  Value: Uo,
-  Viewport: Go,
-  createSelectScope: yo
+  Arrow: nn,
+  Content: jo,
+  Group: qo,
+  Icon: zo,
+  Item: Zo,
+  ItemIndicator: Qo,
+  ItemText: Jo,
+  Label: Xo,
+  Portal: Go,
+  Root: Uo,
+  ScrollDownButton: tn,
+  ScrollUpButton: en,
+  Select: ke,
+  SelectArrow: Je,
+  SelectContent: $e,
+  SelectGroup: We,
+  SelectIcon: Be,
+  SelectItem: Ge,
+  SelectItemIndicator: Ye,
+  SelectItemText: je,
+  SelectLabel: ze,
+  SelectPortal: He,
+  SelectScrollDownButton: Xe,
+  SelectScrollUpButton: qe,
+  SelectSeparator: Ze,
+  SelectTrigger: Fe,
+  SelectValue: Le,
+  SelectViewport: Ke,
+  Separator: on,
+  Trigger: Ko,
+  Value: Wo,
+  Viewport: Yo,
+  createSelectScope: To
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Tn as Combobox,
-  Vn as Select,
-  Rn as composeEventHandlers,
-  An as useCallbackRef
+  Pn as Combobox,
+  En as Select,
+  An as composeEventHandlers,
+  Dt as createCollection,
+  Mn as useCallbackRef
 };