@strapi/ui-primitives 2.1.0 → 2.1.2

package/dist/index.mjs

@@ -1,9 +1,9 @@
-import { jsx as d, jsxs as ye, Fragment as Se } from "react/jsx-runtime";
+import { jsx as p, jsxs as ye, Fragment as Se } from "react/jsx-runtime";
 import * as s from "react";
 import { useComposedRefs as A } from "@radix-ui/react-compose-refs";
 import { createContextScope as st, createContext as it } from "@radix-ui/react-context";
 import { Slot as Ee } from "@radix-ui/react-slot";
-import { composeEventHandlers as P } from "@radix-ui/primitive";
+import { composeEventHandlers as E } from "@radix-ui/primitive";
 import { DismissableLayer as ct } 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";
@@ -29,43 +29,43 @@ function Jt(o) {
     itemMap: /* @__PURE__ */ new Map(),
     listeners: /* @__PURE__ */ new Set()
   }), c = (u) => {
-    const { scope: f, children: h } = u, b = s.useRef(null), x = s.useRef(/* @__PURE__ */ new Map()).current, p = s.useRef(/* @__PURE__ */ new Set()).current;
-    return /* @__PURE__ */ d(n, { scope: f, itemMap: x, collectionRef: b, listeners: p, children: h });
+    const { scope: f, children: m } = u, b = s.useRef(null), g = s.useRef(/* @__PURE__ */ new Map()).current, d = s.useRef(/* @__PURE__ */ new Set()).current;
+    return /* @__PURE__ */ p(n, { scope: f, itemMap: g, collectionRef: b, listeners: d, children: m });
   };
   c.displayName = i;
   const l = `${o}CollectionSlot`, a = s.forwardRef((u, f) => {
-    const { scope: h, children: b } = u, x = r(l, h), p = A(f, x.collectionRef);
-    return /* @__PURE__ */ d(Ee, { ref: p, children: b });
+    const { scope: m, children: b } = u, g = r(l, m), d = A(f, g.collectionRef);
+    return /* @__PURE__ */ p(Ee, { ref: d, children: b });
   });
   a.displayName = l;
-  const m = `${o}CollectionItemSlot`, C = "data-radix-collection-item", v = s.forwardRef((u, f) => {
-    const { scope: h, children: b, ...x } = u, p = s.useRef(null), y = A(f, p), E = r(m, h);
+  const h = `${o}CollectionItemSlot`, C = "data-radix-collection-item", v = s.forwardRef((u, f) => {
+    const { scope: m, children: b, ...g } = u, d = s.useRef(null), y = A(f, d), V = r(h, m);
     return s.useEffect(() => {
-      const O = Array.from(E.itemMap.values());
-      return E.itemMap.set(p, { ref: p, ...x }), E.listeners.forEach((F) => F(Array.from(E.itemMap.values()), O)), () => {
-        const F = Array.from(E.itemMap.values());
-        E.itemMap.delete(p), E.listeners.forEach((_) => _(Array.from(E.itemMap.values()), F));
+      const O = Array.from(V.itemMap.values());
+      return V.itemMap.set(d, { ref: d, ...g }), V.listeners.forEach((F) => F(Array.from(V.itemMap.values()), O)), () => {
+        const F = Array.from(V.itemMap.values());
+        V.itemMap.delete(d), V.listeners.forEach((_) => _(Array.from(V.itemMap.values()), F));
       };
-    }), /* @__PURE__ */ d(Ee, { [C]: "", ref: y, children: b });
+    }), /* @__PURE__ */ p(Ee, { [C]: "", ref: y, children: b });
   });
-  v.displayName = m;
-  function g(u) {
-    const f = r(`${o}CollectionConsumer`, u), h = s.useCallback(() => {
-      const x = f.collectionRef.current;
-      if (!x) return [];
-      const p = Array.from(x.querySelectorAll(`[${C}]`));
+  v.displayName = h;
+  function x(u) {
+    const f = r(`${o}CollectionConsumer`, u), m = s.useCallback(() => {
+      const g = f.collectionRef.current;
+      if (!g) return [];
+      const d = Array.from(g.querySelectorAll(`[${C}]`));
       return Array.from(f.itemMap.values()).sort(
-        (O, F) => p.indexOf(O.ref.current) - p.indexOf(F.ref.current)
+        (O, F) => d.indexOf(O.ref.current) - d.indexOf(F.ref.current)
       );
     }, [f.collectionRef, f.itemMap]), b = s.useCallback(
-      (x) => (f.listeners.add(x), () => f.listeners.delete(x)),
+      (g) => (f.listeners.add(g), () => f.listeners.delete(g)),
       [f.listeners]
     );
-    return { getItems: h, subscribe: b };
+    return { getItems: m, subscribe: b };
   }
   return [
     { Provider: c, Slot: a, ItemSlot: v },
-    g,
+    x,
     t
   ];
 }
@@ -111,14 +111,14 @@ const eo = (o) => {
   }), i.current;
 }, ht = s.forwardRef(
   ({ children: o, estimatedItemSize: i = 40, overscan: e = 5, getItemCount: t, onViewportChange: n, ...r }, c) => {
-    const l = s.useRef(null), a = A(c, l, n), m = s.useMemo(() => s.Children.toArray(o), [o]), C = jt({
+    const l = s.useRef(null), a = A(c, l, n), h = s.useMemo(() => s.Children.toArray(o), [o]), C = jt({
       count: t(),
       getScrollElement: () => l.current,
       estimateSize: () => i,
       overscan: e
     }), v = C.getVirtualItems();
     return /* @__PURE__ */ ye(Se, { children: [
-      /* @__PURE__ */ d(
+      /* @__PURE__ */ p(
         "style",
         {
           dangerouslySetInnerHTML: {
@@ -126,7 +126,7 @@ const eo = (o) => {
           }
         }
       ),
-      /* @__PURE__ */ d(
+      /* @__PURE__ */ p(
         N.div,
         {
           "data-radix-combobox-viewport": "",
@@ -139,7 +139,7 @@ const eo = (o) => {
             overflow: "auto",
             ...r.style
           },
-          children: /* @__PURE__ */ d(
+          children: /* @__PURE__ */ p(
             "div",
             {
               style: {
@@ -147,23 +147,23 @@ const eo = (o) => {
                 width: "100%",
                 position: "relative"
               },
-              children: v.map((g) => {
-                const u = m[g.index];
-                return /* @__PURE__ */ d(
+              children: v.map((x) => {
+                const u = h[x.index];
+                return /* @__PURE__ */ p(
                   "div",
                   {
-                    "data-index": g.index,
+                    "data-index": x.index,
                     ref: C.measureElement,
                     style: {
                       position: "absolute",
                       top: 0,
                       left: 0,
                       width: "100%",
-                      transform: `translateY(${g.start}px)`
+                      transform: `translateY(${x.start}px)`
                     },
                     children: u
                   },
-                  g.key
+                  x.key
                 );
               })
             }
@@ -174,7 +174,7 @@ const eo = (o) => {
   }
 );
 ht.displayName = "VirtualizedViewport";
-const to = [" ", "Enter", "ArrowUp", "ArrowDown"], oo = ["Enter"], no = (o) => !!(o.length === 1 && o.match(/\S| /)), gt = "Combobox", [re, xe] = Jt(gt), [ro, Y] = it(gt), lo = ({ children: o }) => /* @__PURE__ */ d(ie.Root, { children: /* @__PURE__ */ d(re.Provider, { scope: void 0, children: o }) }), so = (o) => typeof o == "string" ? o === "none" ? {
+const to = [" ", "Enter", "ArrowUp", "ArrowDown"], oo = ["Enter"], no = (o) => !!(o.length === 1 && o.match(/\S| /)), gt = "Combobox", [re, xe] = Jt(gt), [ro, Y] = it(gt), lo = ({ children: o }) => /* @__PURE__ */ p(ie.Root, { children: /* @__PURE__ */ p(re.Provider, { scope: void 0, children: o }) }), so = (o) => typeof o == "string" ? o === "none" ? {
   type: o,
   filter: void 0
 } : {
@@ -190,44 +190,44 @@ const to = [" ", "Enter", "ArrowUp", "ArrowDown"], oo = ["Enter"], no = (o) => !
     onOpenChange: c,
     value: l,
     defaultValue: a,
-    onValueChange: m,
+    onValueChange: h,
     disabled: C,
     required: v = !1,
-    locale: g = "en-EN",
+    locale: x = "en-EN",
     onTextValueChange: u,
     textValue: f,
-    defaultTextValue: h,
+    defaultTextValue: m,
     filterValue: b,
-    defaultFilterValue: x,
-    onFilterValueChange: p,
+    defaultFilterValue: g,
+    onFilterValueChange: d,
     isPrintableCharacter: y = no,
-    visible: E = !1,
+    visible: V = !1,
     virtualized: O = "auto",
     estimatedItemSize: F = 40,
     overscan: _ = 5
-  } = o, [k, Z] = s.useState(null), [U, z] = s.useState(null), [R, H] = s.useState(null), [L, W] = s.useState(null), [J = !1, Q] = de({
+  } = o, [k, Z] = s.useState(null), [U, W] = s.useState(null), [R, H] = s.useState(null), [L, z] = s.useState(null), [J = !1, Q] = de({
     prop: n,
     defaultProp: r,
     onChange: c
   }), [K, G] = de({
     prop: l,
     defaultProp: a,
-    onChange: m
+    onChange: h
   }), [ce, ee] = de({
     prop: f,
-    defaultProp: i && !h ? l : h,
+    defaultProp: i && !m ? l : m,
     onChange: u
   }), [fe, me] = de({
     prop: b,
-    defaultProp: x,
-    onChange: p
+    defaultProp: g,
+    onChange: d
   }), te = se(), ae = s.useCallback(
     (S, I) => {
       var j;
-      const M = I.map((D) => D.ref.current), [V, ...T] = M, [w] = T.slice(-1), B = L ?? ((j = I.find((D) => D.value === K)) == null ? void 0 : j.ref.current);
+      const M = I.map((D) => D.ref.current), [P, ...T] = M, [w] = T.slice(-1), B = L ?? ((j = I.find((D) => D.value === K)) == null ? void 0 : j.ref.current);
       for (const D of S) {
         if (D === B) return;
-        if (D == null || D.scrollIntoView({ block: "nearest" }), D === V && U && (U.scrollTop = 0), D === w && U && (U.scrollTop = U.scrollHeight), W(D), e === "both") {
+        if (D == null || D.scrollIntoView({ block: "nearest" }), D === P && U && (U.scrollTop = 0), D === w && U && (U.scrollTop = U.scrollHeight), z(D), e === "both") {
           const ue = I.find((he) => he.ref.current === D);
           ue && ee(ue.textValue);
         }
@@ -237,10 +237,10 @@ const to = [" ", "Enter", "ArrowUp", "ArrowDown"], oo = ["Enter"], no = (o) => !
     [e, ee, U, L, K]
   ), ne = so(e);
   return s.useEffect(() => {
-    e !== "both" && W(null);
+    e !== "both" && z(null);
   }, [ce, e]), s.useEffect(() => {
     if (R && k) return ft([R, k]);
-  }, [R, k]), /* @__PURE__ */ d(lo, { children: /* @__PURE__ */ d(
+  }, [R, k]), /* @__PURE__ */ p(lo, { children: /* @__PURE__ */ p(
     ro,
     {
       allowCustomValue: i,
@@ -254,18 +254,18 @@ const to = [" ", "Enter", "ArrowUp", "ArrowDown"], oo = ["Enter"], no = (o) => !
       open: J,
       onOpenChange: Q,
       disabled: C,
-      locale: g,
+      locale: x,
       focusFirst: ae,
       textValue: ce,
       onTextValueChange: ee,
-      onViewportChange: z,
+      onViewportChange: W,
       onContentChange: H,
       visuallyFocussedItem: L,
       filterValue: fe,
       onFilterValueChange: me,
-      onVisuallyFocussedItemChange: W,
+      onVisuallyFocussedItemChange: z,
       isPrintableCharacter: y,
-      visible: E,
+      visible: V,
       virtualized: O,
       estimatedItemSize: F,
       overscan: _,
@@ -276,7 +276,7 @@ const to = [" ", "Enter", "ArrowUp", "ArrowDown"], oo = ["Enter"], no = (o) => !
   const { ...e } = o, t = Y(xt), n = () => {
     t.disabled || t.onOpenChange(!0);
   };
-  return /* @__PURE__ */ d(ie.Anchor, { asChild: !0, children: /* @__PURE__ */ d(
+  return /* @__PURE__ */ p(ie.Anchor, { asChild: !0, children: /* @__PURE__ */ p(
     ut,
     {
       asChild: !0,
@@ -288,13 +288,13 @@ const to = [" ", "Enter", "ArrowUp", "ArrowDown"], oo = ["Enter"], no = (o) => !
         var c, l;
         (c = t.trigger) == null || c.focus({ preventScroll: !0 }), (l = document.getSelection()) == null || l.empty(), r.preventDefault();
       },
-      children: /* @__PURE__ */ d(
+      children: /* @__PURE__ */ p(
         "div",
         {
           ref: i,
           "data-disabled": t.disabled ? "" : void 0,
           ...e,
-          onClick: P(e.onClick, (r) => {
+          onClick: E(e.onClick, (r) => {
             var c;
             if (t.disabled) {
               r.preventDefault();
@@ -302,7 +302,7 @@ const to = [" ", "Enter", "ArrowUp", "ArrowDown"], oo = ["Enter"], no = (o) => !
             }
             (c = t.trigger) == null || c.focus();
           }),
-          onPointerDown: P(e.onPointerDown, (r) => {
+          onPointerDown: E(e.onPointerDown, (r) => {
             var a;
             if (t.disabled) {
               r.preventDefault();
@@ -321,19 +321,19 @@ const vt = "ComboboxInput", bt = s.forwardRef((o, i) => {
   var C;
   const e = Y(vt), t = s.useRef(null), { getItems: n } = xe(void 0), { startsWith: r } = De(e.locale, { sensitivity: "base" }), c = e.disabled, l = A(t, i, e.onTriggerChange), a = () => {
     c || e.onOpenChange(!0);
-  }, m = eo(e.filterValue);
+  }, h = eo(e.filterValue);
   return $(() => {
     const v = setTimeout(() => {
       var f;
       if (e.textValue === "" || e.textValue === void 0 || e.filterValue === "" || e.filterValue === void 0)
         return;
-      const g = n().find(
-        (h) => h.type === "option" && r(h.textValue, e.textValue)
-      ), u = wo(m ?? "", e.filterValue);
-      g && !e.visuallyFocussedItem && u === e.filterValue.length && ((f = t.current) == null || f.setSelectionRange(e.filterValue.length, e.textValue.length));
+      const x = n().find(
+        (m) => m.type === "option" && r(m.textValue, e.textValue)
+      ), u = wo(h ?? "", e.filterValue);
+      x && !e.visuallyFocussedItem && u === e.filterValue.length && ((f = t.current) == null || f.setSelectionRange(e.filterValue.length, e.textValue.length));
     });
     return () => clearTimeout(v);
-  }, [e.textValue, e.filterValue, r, e.visuallyFocussedItem, n, m]), /* @__PURE__ */ d(
+  }, [e.textValue, e.filterValue, r, e.visuallyFocussedItem, n, h]), /* @__PURE__ */ p(
     "input",
     {
       type: "text",
@@ -351,24 +351,24 @@ const vt = "ComboboxInput", bt = s.forwardRef((o, i) => {
       value: e.textValue ?? "",
       ...o,
       ref: l,
-      onKeyDown: P(o.onKeyDown, (v) => {
-        var g, u;
+      onKeyDown: E(o.onKeyDown, (v) => {
+        var x, u;
         if (["ArrowUp", "ArrowDown", "Home", "End"].includes(v.key))
           e.open || a(), setTimeout(() => {
             var b;
-            let h = n().filter((x) => !x.disabled && x.isVisible).map((x) => x.ref.current);
-            if (["ArrowUp", "End"].includes(v.key) && (h = h.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(v.key)) {
-              const x = e.visuallyFocussedItem ?? ((b = n().find((p) => p.value === e.value)) == null ? void 0 : b.ref.current);
-              if (x) {
-                let p = h.indexOf(x);
-                p === h.length - 1 && (p = -1), h = h.slice(p + 1);
+            let m = n().filter((g) => !g.disabled && g.isVisible).map((g) => g.ref.current);
+            if (["ArrowUp", "End"].includes(v.key) && (m = m.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(v.key)) {
+              const g = e.visuallyFocussedItem ?? ((b = n().find((d) => d.value === e.value)) == null ? void 0 : b.ref.current);
+              if (g) {
+                let d = m.indexOf(g);
+                d === m.length - 1 && (d = -1), m = m.slice(d + 1);
               }
             }
-            if (["ArrowDown"].includes(v.key) && e.autocomplete.type === "both" && h.length > 1) {
-              const [x, ...p] = h, y = n().find((E) => E.ref.current === x).textValue;
-              e.textValue === y && (h = p);
+            if (["ArrowDown"].includes(v.key) && e.autocomplete.type === "both" && m.length > 1) {
+              const [g, ...d] = m, y = n().find((V) => V.ref.current === g).textValue;
+              e.textValue === y && (m = d);
             }
-            e.focusFirst(h, n());
+            e.focusFirst(m, n());
           }), v.preventDefault();
         else if (["Tab"].includes(v.key) && e.open)
           v.preventDefault();
@@ -376,11 +376,11 @@ const vt = "ComboboxInput", bt = s.forwardRef((o, i) => {
           e.open ? e.onOpenChange(!1) : (e.onValueChange(void 0), e.onTextValueChange("")), v.preventDefault();
         else if (oo.includes(v.key)) {
           if (e.visuallyFocussedItem) {
-            const f = n().find((h) => h.ref.current === e.visuallyFocussedItem);
-            f && (e.onValueChange(f.value), e.onTextValueChange(f.textValue), e.autocomplete.type === "both" && e.onFilterValueChange(f.textValue), (g = f.ref.current) == null || g.click());
+            const f = n().find((m) => m.ref.current === e.visuallyFocussedItem);
+            f && (e.onValueChange(f.value), e.onTextValueChange(f.textValue), e.autocomplete.type === "both" && e.onFilterValueChange(f.textValue), (x = f.ref.current) == null || x.click());
           } else {
             const f = n().find(
-              (h) => h.type === "option" && !h.disabled && h.textValue === e.textValue
+              (m) => m.type === "option" && !m.disabled && m.textValue === e.textValue
             );
             f && (e.onValueChange(f.value), e.onTextValueChange(f.textValue), e.autocomplete.type === "both" && e.onFilterValueChange(f.textValue), (u = f.ref.current) == null || u.click());
           }
@@ -388,22 +388,22 @@ const vt = "ComboboxInput", bt = s.forwardRef((o, i) => {
         } else
           e.onVisuallyFocussedItemChange(null);
       }),
-      onChange: P(o.onChange, (v) => {
+      onChange: E(o.onChange, (v) => {
         e.onTextValueChange(v.currentTarget.value), e.autocomplete.type === "both" && e.onFilterValueChange(v.currentTarget.value);
       }),
-      onKeyUp: P(o.onKeyUp, (v) => {
-        var g;
+      onKeyUp: E(o.onKeyUp, (v) => {
+        var x;
         if (!e.open && (e.isPrintableCharacter(v.key) || ["Backspace"].includes(v.key)) && a(), setTimeout(() => {
           if (e.autocomplete.type === "both" && e.isPrintableCharacter(v.key) && e.filterValue !== void 0) {
-            const u = e.filterValue, f = n().find((h) => r(h.textValue, u));
+            const u = e.filterValue, f = n().find((m) => r(m.textValue, u));
             f && e.onTextValueChange(f.textValue);
           }
         }), e.autocomplete.type === "none" && e.isPrintableCharacter(v.key)) {
-          const u = e.textValue ?? "", f = n().find((h) => r(h.textValue, u));
-          f && (e.onVisuallyFocussedItemChange(f.ref.current), (g = f.ref.current) == null || g.scrollIntoView());
+          const u = e.textValue ?? "", f = n().find((m) => r(m.textValue, u));
+          f && (e.onVisuallyFocussedItemChange(f.ref.current), (x = f.ref.current) == null || x.scrollIntoView());
         }
       }),
-      onBlur: P(o.onBlur, () => {
+      onBlur: E(o.onBlur, () => {
         if (e.open)
           return;
         e.onVisuallyFocussedItemChange(null);
@@ -418,8 +418,8 @@ const vt = "ComboboxInput", bt = s.forwardRef((o, i) => {
           e.onValueChange(e.textValue), e.autocomplete.type === "both" && e.onFilterValueChange(e.textValue);
           return;
         }
-        const [g] = n().filter((u) => u.value === e.value && u.type === "option");
-        g && e.textValue !== "" ? (e.onTextValueChange(g.textValue), e.autocomplete.type === "both" && e.onFilterValueChange(g.textValue)) : (e.onValueChange(void 0), e.onTextValueChange(""));
+        const [x] = n().filter((u) => u.value === e.value && u.type === "option");
+        x && e.textValue !== "" ? (e.onTextValueChange(x.textValue), e.autocomplete.type === "both" && e.onFilterValueChange(x.textValue)) : (e.onValueChange(void 0), e.onTextValueChange(""));
       })
     }
   );
@@ -430,7 +430,7 @@ const yt = s.forwardRef((o, i) => {
     var l;
     r || (n.onOpenChange(!0), (l = n.trigger) == null || l.focus());
   };
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ p(
     N.button,
     {
       "aria-hidden": !0,
@@ -443,14 +443,14 @@ const yt = s.forwardRef((o, i) => {
       ...t,
       tabIndex: -1,
       ref: i,
-      onClick: P(t.onClick, () => {
+      onClick: E(t.onClick, () => {
         var l;
         (l = n.trigger) == null || l.focus();
       }),
-      onPointerDown: P(t.onPointerDown, (l) => {
+      onPointerDown: E(t.onPointerDown, (l) => {
         l.button === 0 && l.ctrlKey === !1 && (c(), l.preventDefault());
       }),
-      onKeyDown: P(t.onKeyDown, (l) => {
+      onKeyDown: E(t.onKeyDown, (l) => {
         to.includes(l.key) && (c(), l.preventDefault());
       }),
       children: e || "▼"
@@ -458,7 +458,7 @@ const yt = s.forwardRef((o, i) => {
   );
 });
 yt.displayName = "ComboboxIcon";
-const co = "ComboboxPortal", St = (o) => /* @__PURE__ */ d(pt, { asChild: !0, ...o });
+const co = "ComboboxPortal", St = (o) => /* @__PURE__ */ p(pt, { asChild: !0, ...o });
 St.displayName = co;
 const ke = "ComboboxContent", wt = s.forwardRef((o, i) => {
   const e = Y(ke), { getItems: t } = xe(void 0), [n, r] = s.useState();
@@ -473,11 +473,11 @@ const ke = "ComboboxContent", wt = s.forwardRef((o, i) => {
   }, [t, e.autocomplete, e.value, e.open]), !e.open) {
     const c = n;
     return c ? we.createPortal(
-      /* @__PURE__ */ d(re.Slot, { scope: void 0, children: /* @__PURE__ */ d("div", { children: o.children }) }),
+      /* @__PURE__ */ p(re.Slot, { scope: void 0, children: /* @__PURE__ */ p("div", { children: o.children }) }),
       c
     ) : null;
   }
-  return /* @__PURE__ */ d(It, { ...o, ref: i });
+  return /* @__PURE__ */ p(It, { ...o, ref: i });
 });
 wt.displayName = ke;
 const ao = 10, It = s.forwardRef(
@@ -490,7 +490,7 @@ const ao = 10, It = s.forwardRef(
       return window.addEventListener("blur", a), window.addEventListener("resize", a), () => {
         window.removeEventListener("blur", a), window.removeEventListener("resize", a);
       };
-    }, [l]), /* @__PURE__ */ d(mt, { allowPinchZoom: !0, children: /* @__PURE__ */ d(
+    }, [l]), /* @__PURE__ */ p(mt, { allowPinchZoom: !0, children: /* @__PURE__ */ p(
       ct,
       {
         asChild: !0,
@@ -503,7 +503,7 @@ const ao = 10, It = s.forwardRef(
           var a;
           r.onOpenChange(!1), (a = r.trigger) == null || a.focus({ preventScroll: !0 });
         },
-        children: /* @__PURE__ */ d(
+        children: /* @__PURE__ */ p(
           Tt,
           {
             role: "listbox",
@@ -530,7 +530,7 @@ It.displayName = "ComboboxContentImpl";
 const Tt = s.forwardRef(
   (o, i) => {
     const { align: e = "start", collisionPadding: t = ao, ...n } = o;
-    return /* @__PURE__ */ d(
+    return /* @__PURE__ */ p(
       ie.Content,
       {
         ...n,
@@ -554,7 +554,7 @@ const Tt = s.forwardRef(
 Tt.displayName = "ComboboxPopperPosition";
 const Vt = "ComboboxViewport", Pt = s.forwardRef((o, i) => {
   const e = Y(Vt), t = A(i, e.onViewportChange), r = s.useMemo(() => s.Children.toArray(o.children), [o.children]).length;
-  return e.virtualized === !0 || e.virtualized === "auto" && r > 100 ? /* @__PURE__ */ d(re.Slot, { scope: void 0, children: /* @__PURE__ */ d(
+  return e.virtualized === !0 || e.virtualized === "auto" && r > 100 ? /* @__PURE__ */ p(re.Slot, { scope: void 0, children: /* @__PURE__ */ p(
     ht,
     {
       ...o,
@@ -565,7 +565,7 @@ const Vt = "ComboboxViewport", Pt = s.forwardRef((o, i) => {
       onViewportChange: e.onViewportChange
     }
   ) }) : /* @__PURE__ */ ye(Se, { children: [
-    /* @__PURE__ */ d(
+    /* @__PURE__ */ p(
       "style",
       {
         dangerouslySetInnerHTML: {
@@ -573,7 +573,7 @@ const Vt = "ComboboxViewport", Pt = s.forwardRef((o, i) => {
         }
       }
     ),
-    /* @__PURE__ */ d(re.Slot, { scope: void 0, children: /* @__PURE__ */ d(
+    /* @__PURE__ */ p(re.Slot, { scope: void 0, children: /* @__PURE__ */ p(
       N.div,
       {
         "data-radix-combobox-viewport": "",
@@ -599,51 +599,51 @@ const Ie = "ComboboxItem", [lt, Fe] = it(Ie), Le = s.forwardRef((o, i) => {
   $(() => {
     l(new DocumentFragment());
   }, []);
-  const { onTextValueChange: a, textValue: m, ...C } = Y(Ie), v = se(), [g, u] = s.useState(n ?? ""), f = C.value === e, { startsWith: h, contains: b } = De(C.locale, { sensitivity: "base" }), x = s.useCallback((p) => {
-    u((y) => y || ((p == null ? void 0 : p.textContent) ?? "").trim());
+  const { onTextValueChange: a, textValue: h, ...C } = Y(Ie), v = se(), [x, u] = s.useState(n ?? ""), f = C.value === e, { startsWith: m, contains: b } = De(C.locale, { sensitivity: "base" }), g = s.useCallback((d) => {
+    u((y) => y || ((d == null ? void 0 : d.textContent) ?? "").trim());
   }, []);
   return s.useEffect(() => {
-    f && m === void 0 && g !== "" && a(g);
-  }, [g, f, m, a]), C.autocomplete.type === "both" && g && C.filterValue && !h(g, C.filterValue) || C.autocomplete.type === "list" && C.autocomplete.filter === "startsWith" && g && m && !h(g, m) || C.autocomplete.type === "list" && C.autocomplete.filter === "contains" && g && m && !b(g, m) ? c ? we.createPortal(
-    /* @__PURE__ */ d(
+    f && h === void 0 && x !== "" && a(x);
+  }, [x, f, h, a]), C.autocomplete.type === "both" && x && C.filterValue && !m(x, C.filterValue) || C.autocomplete.type === "list" && C.autocomplete.filter === "startsWith" && x && h && !m(x, h) || C.autocomplete.type === "list" && C.autocomplete.filter === "contains" && x && h && !b(x, h) ? c ? we.createPortal(
+    /* @__PURE__ */ p(
       lt,
       {
         textId: v,
-        onTextValueChange: x,
+        onTextValueChange: g,
         isSelected: f,
-        textValue: g,
-        children: /* @__PURE__ */ d(
+        textValue: x,
+        children: /* @__PURE__ */ p(
           re.ItemSlot,
           {
             scope: void 0,
             value: e,
-            textValue: g,
+            textValue: x,
             disabled: t,
             type: "option",
             isVisible: !1,
-            children: /* @__PURE__ */ d(Ne, { ref: i, value: e, disabled: t, ...r })
+            children: /* @__PURE__ */ p(Ne, { ref: i, value: e, disabled: t, ...r })
           }
         )
       }
     ),
     c
-  ) : null : /* @__PURE__ */ d(
+  ) : null : /* @__PURE__ */ p(
     lt,
     {
       textId: v,
-      onTextValueChange: x,
+      onTextValueChange: g,
       isSelected: f,
-      textValue: g,
-      children: /* @__PURE__ */ d(
+      textValue: x,
+      children: /* @__PURE__ */ p(
         re.ItemSlot,
         {
           scope: void 0,
           value: e,
-          textValue: g,
+          textValue: x,
           disabled: t,
           type: "option",
           isVisible: !0,
-          children: /* @__PURE__ */ d(Ne, { ref: i, value: e, disabled: t, ...r })
+          children: /* @__PURE__ */ p(Ne, { ref: i, value: e, disabled: t, ...r })
         }
       )
     }
@@ -651,20 +651,20 @@ const Ie = "ComboboxItem", [lt, Fe] = it(Ie), Le = s.forwardRef((o, i) => {
 });
 Le.displayName = Ie;
 const Et = "ComboboxItemImpl", Ne = s.forwardRef((o, i) => {
-  const { value: e, disabled: t = !1, ...n } = o, r = s.useRef(null), c = A(i, r), { getItems: l } = xe(void 0), { onTextValueChange: a, visuallyFocussedItem: m, ...C } = Y(Ie), { isSelected: v, textValue: g, textId: u } = Fe(Et), f = () => {
-    var x;
-    t || (C.onValueChange(e), a(g), C.onOpenChange(!1), C.autocomplete.type === "both" && C.onFilterValueChange(g), (x = C.trigger) == null || x.focus({ preventScroll: !0 }));
-  }, h = s.useMemo(() => {
-    var x;
-    return m === ((x = l().find((p) => p.ref.current === r.current)) == null ? void 0 : x.ref.current);
-  }, [l, m]), b = se();
-  return /* @__PURE__ */ d(
+  const { value: e, disabled: t = !1, ...n } = o, r = s.useRef(null), c = A(i, r), { getItems: l } = xe(void 0), { onTextValueChange: a, visuallyFocussedItem: h, ...C } = Y(Ie), { isSelected: v, textValue: x, textId: u } = Fe(Et), f = () => {
+    var g;
+    t || (C.onValueChange(e), a(x), C.onOpenChange(!1), C.autocomplete.type === "both" && C.onFilterValueChange(x), (g = C.trigger) == null || g.focus({ preventScroll: !0 }));
+  }, m = s.useMemo(() => {
+    var g;
+    return h === ((g = l().find((d) => d.ref.current === r.current)) == null ? void 0 : g.ref.current);
+  }, [l, h]), b = se();
+  return /* @__PURE__ */ p(
     N.div,
     {
       role: "option",
       "aria-labelledby": u,
-      "data-highlighted": h ? "" : void 0,
-      "aria-selected": v && h,
+      "data-highlighted": m ? "" : void 0,
+      "aria-selected": v && m,
       "data-state": v ? "checked" : "unchecked",
       "aria-disabled": t || void 0,
       "data-disabled": t ? "" : void 0,
@@ -672,19 +672,19 @@ const Et = "ComboboxItemImpl", Ne = s.forwardRef((o, i) => {
       ...n,
       id: b,
       ref: c,
-      onPointerUp: P(n.onPointerUp, f)
+      onPointerUp: E(n.onPointerUp, f)
     }
   );
 });
 Ne.displayName = Et;
 const Nt = "ComboboxItemText", Rt = s.forwardRef((o, i) => {
   const { className: e, style: t, ...n } = o, r = Fe(Nt), c = A(i, r.onTextValueChange);
-  return /* @__PURE__ */ d(N.span, { id: r.textId, ...n, ref: c });
+  return /* @__PURE__ */ p(N.span, { id: r.textId, ...n, ref: c });
 });
 Rt.displayName = Nt;
 const At = "ComboboxItemIndicator", _t = s.forwardRef((o, i) => {
   const { isSelected: e } = Fe(At);
-  return e ? /* @__PURE__ */ d(N.span, { "aria-hidden": !0, ...o, ref: i }) : null;
+  return e ? /* @__PURE__ */ p(N.span, { "aria-hidden": !0, ...o, ref: i }) : null;
 });
 _t.displayName = At;
 const Be = "ComboboxNoValueFound", Mt = s.forwardRef((o, i) => {
@@ -694,37 +694,37 @@ const Be = "ComboboxNoValueFound", Mt = s.forwardRef((o, i) => {
     visible: n = !1,
     locale: r,
     autocomplete: c
-  } = Y(Be), [l, a] = s.useState([]), { subscribe: m } = xe(void 0), { startsWith: C, contains: v } = De(r, { sensitivity: "base" });
+  } = Y(Be), [l, a] = s.useState([]), { subscribe: h } = xe(void 0), { startsWith: C, contains: v } = De(r, { sensitivity: "base" });
   return s.useEffect(() => {
-    const g = m((u) => {
+    const x = h((u) => {
       if (n) {
-        const f = u.filter((h) => h.type !== "create");
+        const f = u.filter((m) => m.type !== "create");
         a(f);
       } else
         a(u);
     });
     return () => {
-      g();
+      x();
     };
-  }, [n, m]), c.type === "none" && l.length > 0 || c.type === "list" && c.filter === "startsWith" && l.some((g) => C(g.textValue, e)) || c.type === "both" && l.some((g) => C(g.textValue, t)) || c.type === "list" && c.filter === "contains" && l.some((g) => v(g.textValue, e)) ? null : /* @__PURE__ */ d(N.div, { ...o, ref: i });
+  }, [n, h]), c.type === "none" && l.length > 0 || c.type === "list" && c.filter === "startsWith" && l.some((x) => C(x.textValue, e)) || c.type === "both" && l.some((x) => C(x.textValue, t)) || c.type === "list" && c.filter === "contains" && l.some((x) => v(x.textValue, e)) ? null : /* @__PURE__ */ p(N.div, { ...o, ref: i });
 });
 Mt.displayName = Be;
 const Ot = s.forwardRef((o, i) => {
-  const { disabled: e = !1, ...t } = o, n = Y(Be), { textValue: r, visuallyFocussedItem: c } = n, { getItems: l, subscribe: a } = xe(void 0), m = s.useRef(null), [C, v] = s.useState(!1), g = A(i, m), u = s.useMemo(() => {
+  const { disabled: e = !1, ...t } = o, n = Y(Be), { textValue: r, visuallyFocussedItem: c } = n, { getItems: l, subscribe: a } = xe(void 0), h = s.useRef(null), [C, v] = s.useState(!1), x = A(i, h), u = s.useMemo(() => {
     var b;
-    return c === ((b = l().find((x) => x.ref.current === m.current)) == null ? void 0 : b.ref.current);
-  }, [l, c]), f = se(), h = () => {
+    return c === ((b = l().find((g) => g.ref.current === h.current)) == null ? void 0 : b.ref.current);
+  }, [l, c]), f = se(), m = () => {
     var b;
     !e && r && (n.onValueChange(r), n.onTextValueChange(r), n.onOpenChange(!1), n.autocomplete.type === "both" && n.onFilterValueChange(r), (b = n.trigger) == null || b.focus({ preventScroll: !0 }));
   };
   return $(() => {
-    const b = a((x) => {
-      v(!x.some((p) => p.textValue === r && p.type !== "create"));
+    const b = a((g) => {
+      v(!g.some((d) => d.textValue === r && d.type !== "create"));
     });
     return l().length === 0 && v(!0), () => {
       b();
     };
-  }, [r, a, l]), (!r || !C) && !n.visible ? null : /* @__PURE__ */ d(
+  }, [r, a, l]), (!r || !C) && !n.visible ? null : /* @__PURE__ */ p(
     re.ItemSlot,
     {
       scope: void 0,
@@ -733,7 +733,7 @@ const Ot = s.forwardRef((o, i) => {
       disabled: e,
       isVisible: !0,
       type: "create",
-      children: /* @__PURE__ */ d(
+      children: /* @__PURE__ */ p(
         N.div,
         {
           role: "option",
@@ -743,8 +743,8 @@ const Ot = s.forwardRef((o, i) => {
           "data-highlighted": u ? "" : void 0,
           ...t,
           id: f,
-          ref: g,
-          onPointerUp: P(t.onPointerUp, h)
+          ref: x,
+          onPointerUp: E(t.onPointerUp, m)
         }
       )
     }
@@ -797,13 +797,13 @@ const To = [" ", "Enter", "ArrowUp", "ArrowDown"], Vo = [" ", "Enter"], Ce = "Se
     value: c,
     defaultValue: l,
     onValueChange: a,
-    dir: m,
+    dir: h,
     // name,
     // autoComplete,
     disabled: C,
     required: v,
-    multi: g = !1
-  } = o, u = Ve(i), [f, h] = s.useState(null), [b, x] = s.useState(null), [p, y] = s.useState(!1), E = qt(m), [O = !1, F] = de({
+    multi: x = !1
+  } = o, u = Ve(i), [f, m] = s.useState(null), [b, g] = s.useState(null), [d, y] = s.useState(!1), V = qt(h), [O = !1, F] = de({
     prop: t,
     defaultProp: n,
     onChange: r
@@ -813,36 +813,36 @@ const To = [" ", "Enter", "ArrowUp", "ArrowDown"], Vo = [" ", "Enter"], Ce = "Se
     onChange(R) {
       a && (Array.isArray(R), a(R));
     }
-  }), Z = s.useRef(null), [U, z] = s.useState(/* @__PURE__ */ new Set());
-  return /* @__PURE__ */ d(ie.Root, { ...u, children: /* @__PURE__ */ d(
+  }), Z = s.useRef(null), [U, W] = s.useState(/* @__PURE__ */ new Set());
+  return /* @__PURE__ */ p(ie.Root, { ...u, children: /* @__PURE__ */ p(
     No,
     {
       required: v,
       scope: i,
       trigger: f,
-      onTriggerChange: h,
+      onTriggerChange: m,
       valueNode: b,
-      onValueNodeChange: x,
-      valueNodeHasChildren: p,
+      onValueNodeChange: g,
+      valueNodeHasChildren: d,
       onValueNodeHasChildrenChange: y,
       contentId: se(),
       value: _,
       onValueChange: k,
       open: O,
       onOpenChange: F,
-      dir: E,
+      dir: V,
       triggerPointerDownPosRef: Z,
       disabled: C,
-      multi: g,
-      children: /* @__PURE__ */ d(Te.Provider, { scope: i, children: /* @__PURE__ */ d(
+      multi: x,
+      children: /* @__PURE__ */ p(Te.Provider, { scope: i, children: /* @__PURE__ */ p(
         Ro,
         {
           scope: o.__scopeSelect,
           onNativeOptionAdd: s.useCallback((R) => {
-            z((H) => new Set(H).add(R));
+            W((H) => new Set(H).add(R));
           }, []),
           onNativeOptionRemove: s.useCallback((R) => {
-            z((H) => {
+            W((H) => {
               const L = new Set(H);
               return L.delete(R), L;
             });
@@ -856,16 +856,16 @@ const To = [" ", "Enter", "ArrowUp", "ArrowDown"], Vo = [" ", "Enter"], Ce = "Se
 $e.displayName = Ce;
 const Dt = "SelectTrigger", Ue = s.forwardRef(
   (o, i) => {
-    const { __scopeSelect: e, ...t } = o, n = Ve(e), r = X(Dt, e), c = r.disabled, l = A(i, r.onTriggerChange), a = ve(e), [m, C, v] = zt((u) => {
-      const f = a().filter((x) => !x.disabled), h = f.find((x) => x.value === r.value), b = Kt(f, u, h);
+    const { __scopeSelect: e, ...t } = o, n = Ve(e), r = X(Dt, e), c = r.disabled, l = A(i, r.onTriggerChange), a = ve(e), [h, C, v] = Wt((u) => {
+      const f = a().filter((g) => !g.disabled), m = f.find((g) => g.value === r.value), b = Kt(f, u, m);
       if (b !== void 0 && !Array.isArray(b.value)) {
-        const x = r.multi ? [b.value] : b.value;
-        r.onValueChange(x);
+        const g = r.multi ? [b.value] : b.value;
+        r.onValueChange(g);
       }
-    }), g = () => {
+    }), x = () => {
       c || (r.onOpenChange(!0), v());
     };
-    return /* @__PURE__ */ d(ie.Anchor, { asChild: !0, ...n, children: /* @__PURE__ */ d(
+    return /* @__PURE__ */ p(ie.Anchor, { asChild: !0, ...n, children: /* @__PURE__ */ p(
       N.div,
       {
         role: "combobox",
@@ -880,19 +880,19 @@ const Dt = "SelectTrigger", Ue = s.forwardRef(
         tabIndex: c ? void 0 : 0,
         ...t,
         ref: l,
-        onClick: P(t.onClick, (u) => {
+        onClick: E(t.onClick, (u) => {
           u.currentTarget.focus();
         }),
-        onPointerDown: P(t.onPointerDown, (u) => {
+        onPointerDown: E(t.onPointerDown, (u) => {
           const f = u.target;
-          f.hasPointerCapture(u.pointerId) && f.releasePointerCapture(u.pointerId), (f.closest("button") ?? f.closest("div")) === u.currentTarget && u.button === 0 && u.ctrlKey === !1 && (g(), r.triggerPointerDownPosRef.current = {
+          f.hasPointerCapture(u.pointerId) && f.releasePointerCapture(u.pointerId), (f.closest("button") ?? f.closest("div")) === u.currentTarget && u.button === 0 && u.ctrlKey === !1 && (x(), r.triggerPointerDownPosRef.current = {
             x: Math.round(u.pageX),
             y: Math.round(u.pageY)
           }, u.preventDefault());
         }),
-        onKeyDown: P(t.onKeyDown, (u) => {
-          const f = m.current !== "", h = u.ctrlKey || u.altKey || u.metaKey, b = u.target;
-          (b.closest("button") ?? b.closest("div")) === u.currentTarget && (!h && u.key.length === 1 && C(u.key), !(f && u.key === " ") && To.includes(u.key) && (g(), u.preventDefault()));
+        onKeyDown: E(t.onKeyDown, (u) => {
+          const f = h.current !== "", m = u.ctrlKey || u.altKey || u.metaKey, b = u.target;
+          (b.closest("button") ?? b.closest("div")) === u.currentTarget && (!m && u.key.length === 1 && C(u.key), !(f && u.key === " ") && To.includes(u.key) && (x(), u.preventDefault()));
         })
       }
     ) });
@@ -901,52 +901,55 @@ const Dt = "SelectTrigger", Ue = s.forwardRef(
 Ue.displayName = Dt;
 const kt = "SelectValue", He = s.forwardRef(
   (o, i) => {
-    const { __scopeSelect: e, children: t, placeholder: n, ...r } = o, c = X(kt, e), { onValueNodeHasChildrenChange: l } = c, a = t !== void 0, m = A(i, c.onValueNodeChange), [C, v] = s.useState([]), g = ve(e);
+    const { __scopeSelect: e, children: t, placeholder: n, ...r } = o, c = X(kt, e), { onValueNodeHasChildrenChange: l } = c, a = t !== void 0, h = A(i, c.onValueNodeChange), [C, v] = s.useState([]), x = ve(e);
     $(() => {
       l(a);
     }, [l, a]), s.useLayoutEffect(() => {
-      if (Array.isArray(c.value) && C.length !== c.value.length) {
-        const f = setTimeout(() => {
-          const h = g().filter(
-            (b) => {
-              var x;
-              return Array.isArray(b.value) ? !1 : (x = c.value) == null ? void 0 : x.includes(b.value);
-            }
-          );
-          v(h);
-        });
-        return () => {
-          clearTimeout(f);
-        };
+      if (Array.isArray(c.value)) {
+        const f = new Set(C.map((g) => g.value)), m = new Set(c.value);
+        if (!(f.size === m.size && Array.from(m).every((g) => f.has(g)))) {
+          const g = setTimeout(() => {
+            const d = x().filter(
+              (y) => {
+                var V;
+                return Array.isArray(y.value) ? !1 : (V = c.value) == null ? void 0 : V.includes(y.value);
+              }
+            );
+            v(d);
+          });
+          return () => {
+            clearTimeout(g);
+          };
+        }
       }
-    }, [c.value, g, C]);
+    }, [c.value, x, C]);
     let u;
     if ((c.value === void 0 || c.value.length === 0) && n !== void 0)
-      u = /* @__PURE__ */ d("span", { children: n });
+      u = /* @__PURE__ */ p("span", { children: n });
     else if (typeof t == "function")
       if (Array.isArray(c.value)) {
-        const f = c.value.map((h) => {
-          const b = C.find((x) => x.value === h);
-          return b ? t({ value: h, textValue: b == null ? void 0 : b.textValue }) : null;
+        const f = c.value.map((m) => {
+          const b = C.find((g) => g.value === m);
+          return b ? t({ value: m, textValue: b == null ? void 0 : b.textValue }) : null;
         });
-        u = f.every((h) => h === null) ? n : f;
+        u = f.every((m) => m === null) ? n : f;
       } else
         u = t(c.value);
     else
       u = t;
-    return /* @__PURE__ */ d(N.span, { ...r, ref: m, children: u || null });
+    return /* @__PURE__ */ p(N.span, { ...r, ref: h, children: u || null });
   }
 );
 He.displayName = kt;
-const _o = "SelectIcon", We = s.forwardRef(
+const _o = "SelectIcon", ze = s.forwardRef(
   (o, i) => {
     const { __scopeSelect: e, children: t, ...n } = o;
-    return /* @__PURE__ */ d(N.span, { "aria-hidden": !0, ...n, ref: i, children: t || "▼" });
+    return /* @__PURE__ */ p(N.span, { "aria-hidden": !0, ...n, ref: i, children: t || "▼" });
   }
 );
-We.displayName = _o;
-const Mo = "SelectPortal", ze = (o) => /* @__PURE__ */ d(pt, { asChild: !0, ...o });
-ze.displayName = Mo;
+ze.displayName = _o;
+const Mo = "SelectPortal", We = (o) => /* @__PURE__ */ p(pt, { asChild: !0, ...o });
+We.displayName = Mo;
 const le = "SelectContent", Ke = s.forwardRef(
   (o, i) => {
     const e = X(le, o.__scopeSelect), [t, n] = s.useState();
@@ -955,11 +958,11 @@ const le = "SelectContent", Ke = s.forwardRef(
     }, []), !e.open) {
       const r = t;
       return r ? we.createPortal(
-        /* @__PURE__ */ d(Ft, { scope: o.__scopeSelect, children: /* @__PURE__ */ d(Te.Slot, { scope: o.__scopeSelect, children: /* @__PURE__ */ d("div", { children: o.children }) }) }),
+        /* @__PURE__ */ p(Ft, { scope: o.__scopeSelect, children: /* @__PURE__ */ p(Te.Slot, { scope: o.__scopeSelect, children: /* @__PURE__ */ p("div", { children: o.children }) }) }),
         r
       ) : null;
     }
-    return /* @__PURE__ */ d(Lt, { ...o, ref: i });
+    return /* @__PURE__ */ p(Lt, { ...o, ref: i });
   }
 );
 Ke.displayName = le;
@@ -975,25 +978,25 @@ const q = 10, [Ft, oe] = pe(le), Oo = "SelectContentImpl", Lt = s.forwardRef(
       // PopperContent props
       side: l,
       sideOffset: a,
-      align: m,
+      align: h,
       alignOffset: C,
       arrowPadding: v,
-      collisionBoundary: g,
+      collisionBoundary: x,
       collisionPadding: u,
       sticky: f,
-      hideWhenDetached: h,
+      hideWhenDetached: m,
       avoidCollisions: b,
       //
-      ...x
-    } = o, p = X(le, e), [y, E] = s.useState(null), [O, F] = s.useState(null), _ = A(i, (S) => E(S)), [k, Z] = s.useState(null), [U, z] = s.useState(null), R = ve(e), [H, L] = s.useState(!1), W = s.useRef(!1);
+      ...g
+    } = o, d = X(le, e), [y, V] = s.useState(null), [O, F] = s.useState(null), _ = A(i, (S) => V(S)), [k, Z] = s.useState(null), [U, W] = s.useState(null), R = ve(e), [H, L] = s.useState(!1), z = s.useRef(!1);
     s.useEffect(() => {
       if (y) return ft(y);
     }, [y]), at();
     const J = s.useCallback(
       (S) => {
-        const [I, ...M] = R().map((w) => w.ref.current), [V] = M.slice(-1), T = document.activeElement;
+        const [I, ...M] = R().map((w) => w.ref.current), [P] = M.slice(-1), T = document.activeElement;
         for (const w of S)
-          if (w === T || (w == null || w.scrollIntoView({ block: "nearest" }), w === I && O && (O.scrollTop = 0), w === V && O && (O.scrollTop = O.scrollHeight), w == null || w.focus(), document.activeElement !== T)) return;
+          if (w === T || (w == null || w.scrollIntoView({ block: "nearest" }), w === I && O && (O.scrollTop = 0), w === P && O && (O.scrollTop = O.scrollHeight), w == null || w.focus(), document.activeElement !== T)) return;
       },
       [R, O]
     ), Q = s.useCallback(
@@ -1003,18 +1006,18 @@ const q = 10, [Ft, oe] = pe(le), Oo = "SelectContentImpl", Lt = s.forwardRef(
     s.useEffect(() => {
       H && Q();
     }, [H, Q]);
-    const { onOpenChange: K, triggerPointerDownPosRef: G } = p;
+    const { onOpenChange: K, triggerPointerDownPosRef: G } = d;
     s.useEffect(() => {
       if (y) {
         let S = { x: 0, y: 0 };
-        const I = (V) => {
+        const I = (P) => {
           var T, w;
           S = {
-            x: Math.abs(Math.round(V.pageX) - (((T = G.current) == null ? void 0 : T.x) ?? 0)),
-            y: Math.abs(Math.round(V.pageY) - (((w = G.current) == null ? void 0 : w.y) ?? 0))
+            x: Math.abs(Math.round(P.pageX) - (((T = G.current) == null ? void 0 : T.x) ?? 0)),
+            y: Math.abs(Math.round(P.pageY) - (((w = G.current) == null ? void 0 : w.y) ?? 0))
           };
-        }, M = (V) => {
-          S.x <= 10 && S.y <= 10 ? V.preventDefault() : y.contains(V.target) || K(!1), document.removeEventListener("pointermove", I), G.current = null;
+        }, M = (P) => {
+          S.x <= 10 && S.y <= 10 ? P.preventDefault() : y.contains(P.target) || K(!1), document.removeEventListener("pointermove", I), G.current = null;
         };
         return G.current !== null && (document.addEventListener("pointermove", I), document.addEventListener("pointerup", M, { capture: !0, once: !0 })), () => {
           document.removeEventListener("pointermove", I), document.removeEventListener("pointerup", M, { capture: !0 });
@@ -1026,37 +1029,37 @@ const q = 10, [Ft, oe] = pe(le), Oo = "SelectContentImpl", Lt = s.forwardRef(
         window.removeEventListener("blur", S), window.removeEventListener("resize", S);
       };
     }, [K]);
-    const [ce, ee] = zt((S) => {
-      const I = R().filter((T) => !T.disabled), M = I.find((T) => T.ref.current === document.activeElement), V = Kt(I, S, M);
-      V && setTimeout(() => V.ref.current.focus());
+    const [ce, ee] = Wt((S) => {
+      const I = R().filter((T) => !T.disabled), M = I.find((T) => T.ref.current === document.activeElement), P = Kt(I, S, M);
+      P && setTimeout(() => P.ref.current.focus());
     }), fe = s.useCallback(
       (S, I, M) => {
-        const V = !W.current && !M;
-        (p.value !== void 0 && p.value === I || V) && (Z(S), V && (W.current = !0));
+        const P = !z.current && !M;
+        (d.value !== void 0 && d.value === I || P) && (Z(S), P && (z.current = !0));
       },
-      [p.value]
+      [d.value]
     ), me = s.useCallback(() => y == null ? void 0 : y.focus(), [y]), te = s.useCallback(
       (S, I, M) => {
-        const V = !W.current && !M;
-        (p.value !== void 0 && (Array.isArray(I) ? I.every((w) => {
+        const P = !z.current && !M;
+        (d.value !== void 0 && (Array.isArray(I) ? I.every((w) => {
           var B;
-          return (B = p.value) == null ? void 0 : B.includes(w);
-        }) : p.value === I) || V) && z(S);
+          return (B = d.value) == null ? void 0 : B.includes(w);
+        }) : d.value === I) || P) && W(S);
       },
-      [p.value]
+      [d.value]
     ), ae = t === "popper" ? Re : Bt, ne = ae === Re ? {
       side: l,
       sideOffset: a,
-      align: m,
+      align: h,
       alignOffset: C,
       arrowPadding: v,
-      collisionBoundary: g,
+      collisionBoundary: x,
       collisionPadding: u,
       sticky: f,
-      hideWhenDetached: h,
+      hideWhenDetached: m,
       avoidCollisions: b
     } : {};
-    return /* @__PURE__ */ d(
+    return /* @__PURE__ */ p(
       Ft,
       {
         scope: e,
@@ -1072,19 +1075,19 @@ const q = 10, [Ft, oe] = pe(le), Oo = "SelectContentImpl", Lt = s.forwardRef(
         position: t,
         isPositioned: H,
         searchRef: ce,
-        children: /* @__PURE__ */ d(mt, { as: Ee, allowPinchZoom: !0, children: /* @__PURE__ */ d(
+        children: /* @__PURE__ */ p(mt, { as: Ee, allowPinchZoom: !0, children: /* @__PURE__ */ p(
           ut,
           {
             asChild: !0,
-            trapped: p.open,
+            trapped: d.open,
             onMountAutoFocus: (S) => {
               S.preventDefault();
             },
-            onUnmountAutoFocus: P(n, (S) => {
+            onUnmountAutoFocus: E(n, (S) => {
               var I, M;
-              (I = p.trigger) == null || I.focus({ preventScroll: !0 }), (M = document.getSelection()) == null || M.empty(), S.preventDefault();
+              (I = d.trigger) == null || I.focus({ preventScroll: !0 }), (M = document.getSelection()) == null || M.empty(), S.preventDefault();
             }),
-            children: /* @__PURE__ */ d(
+            children: /* @__PURE__ */ p(
               ct,
               {
                 asChild: !0,
@@ -1092,17 +1095,17 @@ const q = 10, [Ft, oe] = pe(le), Oo = "SelectContentImpl", Lt = s.forwardRef(
                 onEscapeKeyDown: r,
                 onPointerDownOutside: c,
                 onFocusOutside: (S) => S.preventDefault(),
-                onDismiss: () => p.onOpenChange(!1),
-                children: /* @__PURE__ */ d(
+                onDismiss: () => d.onOpenChange(!1),
+                children: /* @__PURE__ */ p(
                   ae,
                   {
                     role: "listbox",
-                    id: p.contentId,
-                    "data-state": p.open ? "open" : "closed",
-                    "aria-multiselectable": p.multi ? "true" : void 0,
-                    dir: p.dir,
+                    id: d.contentId,
+                    "data-state": d.open ? "open" : "closed",
+                    "aria-multiselectable": d.multi ? "true" : void 0,
+                    dir: d.dir,
                     onContextMenu: (S) => S.preventDefault(),
-                    ...x,
+                    ...g,
                     ...ne,
                     onPlaced: () => L(!0),
                     ref: _,
@@ -1112,17 +1115,17 @@ const q = 10, [Ft, oe] = pe(le), Oo = "SelectContentImpl", Lt = s.forwardRef(
                       flexDirection: "column",
                       // reset the outline by default as the content MAY get focused
                       outline: "none",
-                      ...x.style
+                      ...g.style
                     },
-                    onKeyDown: P(x.onKeyDown, (S) => {
+                    onKeyDown: E(g.onKeyDown, (S) => {
                       const I = S.ctrlKey || S.altKey || S.metaKey;
                       if (S.key === "Tab" && S.preventDefault(), !I && S.key.length === 1 && ee(S.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(S.key)) {
-                        let V = R().filter((T) => !T.disabled).map((T) => T.ref.current);
-                        if (["ArrowUp", "End"].includes(S.key) && (V = V.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(S.key)) {
-                          const T = S.target, w = V.indexOf(T);
-                          V = V.slice(w + 1);
+                        let P = R().filter((T) => !T.disabled).map((T) => T.ref.current);
+                        if (["ArrowUp", "End"].includes(S.key) && (P = P.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(S.key)) {
+                          const T = S.target, w = P.indexOf(T);
+                          P = P.slice(w + 1);
                         }
-                        setTimeout(() => J(V)), S.preventDefault();
+                        setTimeout(() => J(P)), S.preventDefault();
                       }
                     })
                   }
@@ -1138,9 +1141,9 @@ const q = 10, [Ft, oe] = pe(le), Oo = "SelectContentImpl", Lt = s.forwardRef(
 Lt.displayName = Oo;
 const Do = "SelectItemAlignedPosition", Bt = s.forwardRef(
   (o, i) => {
-    const { __scopeSelect: e, onPlaced: t, ...n } = o, r = X(le, e), c = oe(le, e), [l, a] = s.useState(null), [m, C] = s.useState(null), v = A(i, (_) => C(_)), g = ve(e), u = s.useRef(!1), f = s.useRef(!0), { viewport: h, selectedItem: b, selectedItemText: x, focusSelectedItem: p } = c, y = s.useCallback(() => {
-      if (r.trigger && r.valueNode && l && m && h && b && x) {
-        const _ = r.trigger.getBoundingClientRect(), k = m.getBoundingClientRect(), Z = r.valueNode.getBoundingClientRect(), U = x.getBoundingClientRect();
+    const { __scopeSelect: e, onPlaced: t, ...n } = o, r = X(le, e), c = oe(le, e), [l, a] = s.useState(null), [h, C] = s.useState(null), v = A(i, (_) => C(_)), x = ve(e), u = s.useRef(!1), f = s.useRef(!0), { viewport: m, selectedItem: b, selectedItemText: g, focusSelectedItem: d } = c, y = s.useCallback(() => {
+      if (r.trigger && r.valueNode && l && h && m && b && g) {
+        const _ = r.trigger.getBoundingClientRect(), k = h.getBoundingClientRect(), Z = r.valueNode.getBoundingClientRect(), U = g.getBoundingClientRect();
         if (r.dir !== "rtl") {
           const T = U.left - k.left, w = Z.left - T, B = _.left - w, j = _.width + B, D = Math.max(j, k.width), ue = window.innerWidth - q, he = rt(w, [q, ue - D]);
           l.style.minWidth = `${j}px`, l.style.left = `${he}px`;
@@ -1148,59 +1151,59 @@ const Do = "SelectItemAlignedPosition", Bt = s.forwardRef(
           const T = k.right - U.right, w = window.innerWidth - Z.right - T, B = window.innerWidth - _.right - w, j = _.width + B, D = Math.max(j, k.width), ue = window.innerWidth - q, he = rt(w, [q, ue - D]);
           l.style.minWidth = `${j}px`, l.style.right = `${he}px`;
         }
-        const z = g(), R = window.innerHeight - q * 2, H = h.scrollHeight, L = window.getComputedStyle(m), W = parseInt(L.borderTopWidth, 10), J = parseInt(L.paddingTop, 10), Q = parseInt(L.borderBottomWidth, 10), K = parseInt(L.paddingBottom, 10), G = W + J + H + K + Q, ce = Math.min(b.offsetHeight * 5, G), ee = window.getComputedStyle(h), fe = parseInt(ee.paddingTop, 10), me = parseInt(ee.paddingBottom, 10), te = _.top + _.height / 2 - q, ae = R - te, ne = b.offsetHeight / 2, S = b.offsetTop + ne, I = W + J + S, M = G - I;
+        const W = x(), R = window.innerHeight - q * 2, H = m.scrollHeight, L = window.getComputedStyle(h), z = parseInt(L.borderTopWidth, 10), J = parseInt(L.paddingTop, 10), Q = parseInt(L.borderBottomWidth, 10), K = parseInt(L.paddingBottom, 10), G = z + J + H + K + Q, ce = Math.min(b.offsetHeight * 5, G), ee = window.getComputedStyle(m), fe = parseInt(ee.paddingTop, 10), me = parseInt(ee.paddingBottom, 10), te = _.top + _.height / 2 - q, ae = R - te, ne = b.offsetHeight / 2, S = b.offsetTop + ne, I = z + J + S, M = G - I;
         if (I <= te) {
-          const T = b === z[z.length - 1].ref.current;
+          const T = b === W[W.length - 1].ref.current;
           l.style.bottom = "0px";
-          const w = m.clientHeight - h.offsetTop - h.offsetHeight, B = Math.max(
+          const w = h.clientHeight - m.offsetTop - m.offsetHeight, B = Math.max(
             ae,
             ne + // viewport might have padding bottom, include it to avoid a scrollable viewport
             (T ? me : 0) + w + Q
           ), j = I + B;
           l.style.height = `${j}px`;
         } else {
-          const T = b === z[0].ref.current;
+          const T = b === W[0].ref.current;
           l.style.top = "0px";
           const B = Math.max(
             te,
-            W + h.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
+            z + m.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
             (T ? fe : 0) + ne
           ) + M;
-          l.style.height = `${B}px`, h.scrollTop = I - te + h.offsetTop;
+          l.style.height = `${B}px`, m.scrollTop = I - te + m.offsetTop;
         }
         l.style.margin = `${q}px 0`, l.style.minHeight = `${ce}px`, l.style.maxHeight = `${R}px`, t == null || t(), requestAnimationFrame(() => u.current = !0);
       }
     }, [
-      g,
+      x,
       r.trigger,
       r.valueNode,
       l,
-      m,
       h,
+      m,
       b,
-      x,
+      g,
       r.dir,
       t
     ]);
     $(() => y(), [y]);
-    const [E, O] = s.useState();
+    const [V, O] = s.useState();
     $(() => {
-      m && O(window.getComputedStyle(m).zIndex);
-    }, [m]);
+      h && O(window.getComputedStyle(h).zIndex);
+    }, [h]);
     const F = s.useCallback(
       (_) => {
-        _ && f.current === !0 && (y(), p == null || p(), f.current = !1);
+        _ && f.current === !0 && (y(), d == null || d(), f.current = !1);
       },
-      [y, p]
+      [y, d]
     );
-    return /* @__PURE__ */ d(
+    return /* @__PURE__ */ p(
       Fo,
       {
         scope: e,
         contentWrapper: l,
         shouldExpandOnScrollRef: u,
         onScrollButtonChange: F,
-        children: /* @__PURE__ */ d(
+        children: /* @__PURE__ */ p(
           "div",
           {
             ref: a,
@@ -1208,9 +1211,9 @@ const Do = "SelectItemAlignedPosition", Bt = s.forwardRef(
               display: "flex",
               flexDirection: "column",
               position: "fixed",
-              zIndex: E
+              zIndex: V
             },
-            children: /* @__PURE__ */ d(
+            children: /* @__PURE__ */ p(
               N.div,
               {
                 ...n,
@@ -1235,7 +1238,7 @@ Bt.displayName = Do;
 const ko = "SelectPopperPosition", Re = s.forwardRef(
   (o, i) => {
     const { __scopeSelect: e, align: t = "start", collisionPadding: n = q, ...r } = o, c = Ve(e);
-    return /* @__PURE__ */ d(
+    return /* @__PURE__ */ p(
       ie.Content,
       {
         ...c,
@@ -1265,7 +1268,7 @@ const [Fo, Ge] = pe(
   (o, i) => {
     const { __scopeSelect: e, ...t } = o, n = oe(Ae, e), r = Ge(Ae, e), c = A(i, n.onViewportChange), l = s.useRef(0);
     return /* @__PURE__ */ ye(Se, { children: [
-      /* @__PURE__ */ d(
+      /* @__PURE__ */ p(
         "style",
         {
           dangerouslySetInnerHTML: {
@@ -1273,7 +1276,7 @@ const [Fo, Ge] = pe(
           }
         }
       ),
-      /* @__PURE__ */ d(Te.Slot, { scope: e, children: /* @__PURE__ */ d(
+      /* @__PURE__ */ p(Te.Slot, { scope: e, children: /* @__PURE__ */ p(
         N.div,
         {
           "data-radix-select-viewport": "",
@@ -1289,19 +1292,19 @@ const [Fo, Ge] = pe(
             overflow: "auto",
             ...t.style
           },
-          onScroll: P(t.onScroll, (a) => {
-            const m = a.currentTarget, { contentWrapper: C, shouldExpandOnScrollRef: v } = r;
+          onScroll: E(t.onScroll, (a) => {
+            const h = a.currentTarget, { contentWrapper: C, shouldExpandOnScrollRef: v } = r;
             if (v != null && v.current && C) {
-              const g = Math.abs(l.current - m.scrollTop);
-              if (g > 0) {
-                const u = window.innerHeight - q * 2, f = parseFloat(C.style.minHeight), h = parseFloat(C.style.height), b = Math.max(f, h);
+              const x = Math.abs(l.current - h.scrollTop);
+              if (x > 0) {
+                const u = window.innerHeight - q * 2, f = parseFloat(C.style.minHeight), m = parseFloat(C.style.height), b = Math.max(f, m);
                 if (b < u) {
-                  const x = b + g, p = Math.min(u, x), y = x - p;
-                  C.style.height = `${p}px`, C.style.bottom === "0px" && (m.scrollTop = y > 0 ? y : 0, C.style.justifyContent = "flex-end");
+                  const g = b + x, d = Math.min(u, g), y = g - d;
+                  C.style.height = `${d}px`, C.style.bottom === "0px" && (h.scrollTop = y > 0 ? y : 0, C.style.justifyContent = "flex-end");
                 }
               }
             }
-            l.current = m.scrollTop;
+            l.current = h.scrollTop;
           })
         }
       ) })
@@ -1312,79 +1315,79 @@ je.displayName = Ae;
 const $t = "SelectGroup", [Lo, Bo] = pe($t), Ye = s.forwardRef(
   (o, i) => {
     const { __scopeSelect: e, ...t } = o, n = se();
-    return /* @__PURE__ */ d(Lo, { scope: e, id: n, children: /* @__PURE__ */ d(N.div, { role: "group", "aria-labelledby": n, ...t, ref: i }) });
+    return /* @__PURE__ */ p(Lo, { scope: e, id: n, children: /* @__PURE__ */ p(N.div, { role: "group", "aria-labelledby": n, ...t, ref: i }) });
   }
 );
 Ye.displayName = $t;
 const Ut = "SelectLabel", qe = s.forwardRef(
   (o, i) => {
     const { __scopeSelect: e, ...t } = o, n = Bo(Ut, e);
-    return /* @__PURE__ */ d(N.div, { id: n.id, ...t, ref: i });
+    return /* @__PURE__ */ p(N.div, { id: n.id, ...t, ref: i });
   }
 );
 qe.displayName = Ut;
 const be = "SelectItem", [$o, Ht] = pe(be), Xe = s.forwardRef(
   (o, i) => {
-    const { __scopeSelect: e, value: t, disabled: n = !1, textValue: r, ...c } = o, l = X(be, e), a = oe(be, e), m = typeof t == "string" ? Array.isArray(l.value) ? l.value.includes(t) : l.value === t : t.every((p) => {
+    const { __scopeSelect: e, value: t, disabled: n = !1, textValue: r, ...c } = o, l = X(be, e), a = oe(be, e), h = typeof t == "string" ? Array.isArray(l.value) ? l.value.includes(t) : l.value === t : t.every((d) => {
       var y;
-      return (y = l.value) == null ? void 0 : y.includes(p);
-    }), C = Array.isArray(l.value) && Array.isArray(t) && t.some((p) => {
+      return (y = l.value) == null ? void 0 : y.includes(d);
+    }), C = Array.isArray(l.value) && Array.isArray(t) && t.some((d) => {
       var y;
-      return (y = l.value) == null ? void 0 : y.includes(p);
-    }), [v, g] = s.useState(r ?? ""), [u, f] = s.useState(!1), h = A(
+      return (y = l.value) == null ? void 0 : y.includes(d);
+    }), [v, x] = s.useState(r ?? ""), [u, f] = s.useState(!1), m = A(
       i,
-      (p) => {
+      (d) => {
         var y;
-        return (y = a.itemRefCallback) == null ? void 0 : y.call(a, p, t, n);
+        return (y = a.itemRefCallback) == null ? void 0 : y.call(a, d, t, n);
       }
-    ), b = se(), x = () => {
+    ), b = se(), g = () => {
       if (!n) {
-        let p = l.multi && typeof t == "string" ? [t] : t;
-        C && !m ? l.onValueChange(p) : Array.isArray(l.value) && (p = Gt(t, l.value)), l.onValueChange(p), l.multi || l.onOpenChange(!1);
+        let d = l.multi && typeof t == "string" ? [t] : t;
+        C && !h ? l.onValueChange(d) : Array.isArray(l.value) && (d = Gt(t, l.value)), l.onValueChange(d), l.multi || l.onOpenChange(!1);
       }
     };
     if (!l.multi && Array.isArray(t))
       throw new Error("You can only pass an array of values in multi selects");
-    return /* @__PURE__ */ d(
+    return /* @__PURE__ */ p(
       $o,
       {
         scope: e,
         value: t,
         disabled: n,
         textId: b,
-        isSelected: m,
+        isSelected: h,
         isIntermediate: C,
-        onItemTextChange: s.useCallback((p) => {
-          g((y) => y || ((p == null ? void 0 : p.textContent) ?? "").trim());
+        onItemTextChange: s.useCallback((d) => {
+          x((y) => y || ((d == null ? void 0 : d.textContent) ?? "").trim());
         }, []),
-        children: /* @__PURE__ */ d(Te.ItemSlot, { scope: e, value: t, disabled: n, textValue: v, children: /* @__PURE__ */ d(
+        children: /* @__PURE__ */ p(Te.ItemSlot, { scope: e, value: t, disabled: n, textValue: v, children: /* @__PURE__ */ p(
           N.div,
           {
             role: "option",
             "aria-labelledby": b,
             "data-highlighted": u ? "" : void 0,
-            "aria-selected": l.multi ? void 0 : m && u,
-            "aria-checked": l.multi ? m : void 0,
-            "data-state": m ? "checked" : "unchecked",
+            "aria-selected": l.multi ? void 0 : h && u,
+            "aria-checked": l.multi ? h : void 0,
+            "data-state": h ? "checked" : "unchecked",
             "aria-disabled": n || void 0,
             "data-disabled": n ? "" : void 0,
             tabIndex: n ? void 0 : -1,
             ...c,
-            ref: h,
-            onFocus: P(c.onFocus, () => f(!0)),
-            onBlur: P(c.onBlur, () => f(!1)),
-            onPointerUp: P(c.onPointerUp, x),
-            onPointerMove: P(c.onPointerMove, (p) => {
+            ref: m,
+            onFocus: E(c.onFocus, () => f(!0)),
+            onBlur: E(c.onBlur, () => f(!1)),
+            onPointerUp: E(c.onPointerUp, g),
+            onPointerMove: E(c.onPointerMove, (d) => {
               var y;
-              n ? (y = a.onItemLeave) == null || y.call(a) : p.currentTarget.focus({ preventScroll: !0 });
+              n ? (y = a.onItemLeave) == null || y.call(a) : d.currentTarget.focus({ preventScroll: !0 });
             }),
-            onPointerLeave: P(c.onPointerLeave, (p) => {
+            onPointerLeave: E(c.onPointerLeave, (d) => {
               var y;
-              p.currentTarget === document.activeElement && ((y = a.onItemLeave) == null || y.call(a));
+              d.currentTarget === document.activeElement && ((y = a.onItemLeave) == null || y.call(a));
             }),
-            onKeyDown: P(c.onKeyDown, (p) => {
-              var E;
-              ((E = a.searchRef) == null ? void 0 : E.current) !== "" && p.key === " " || (Vo.includes(p.key) && x(), p.key === " " && p.preventDefault());
+            onKeyDown: E(c.onKeyDown, (d) => {
+              var V;
+              ((V = a.searchRef) == null ? void 0 : V.current) !== "" && d.key === " " || (Vo.includes(d.key) && g(), d.key === " " && d.preventDefault());
             })
           }
         ) })
@@ -1395,16 +1398,16 @@ const be = "SelectItem", [$o, Ht] = pe(be), Xe = s.forwardRef(
 Xe.displayName = be;
 const ge = "SelectItemText", Ze = s.forwardRef(
   (o, i) => {
-    const { __scopeSelect: e, className: t, style: n, ...r } = o, c = X(ge, e), l = oe(ge, e), a = Ht(ge, e), m = Ao(ge, e), [C, v] = s.useState(null), g = A(
+    const { __scopeSelect: e, className: t, style: n, ...r } = o, c = X(ge, e), l = oe(ge, e), a = Ht(ge, e), h = Ao(ge, e), [C, v] = s.useState(null), x = A(
       i,
-      (x) => v(x),
+      (g) => v(g),
       a.onItemTextChange,
-      (x) => {
-        var p;
-        return (p = l.itemTextRefCallback) == null ? void 0 : p.call(l, x, a.value, a.disabled);
+      (g) => {
+        var d;
+        return (d = l.itemTextRefCallback) == null ? void 0 : d.call(l, g, a.value, a.disabled);
       }
     ), u = C == null ? void 0 : C.textContent, f = s.useMemo(
-      () => /* @__PURE__ */ d(
+      () => /* @__PURE__ */ p(
         "option",
         {
           value: a.value,
@@ -1414,36 +1417,36 @@ const ge = "SelectItemText", Ze = s.forwardRef(
         Array.isArray(a.value) ? a.value.join(";") : a.value
       ),
       [a.disabled, a.value, u]
-    ), { onNativeOptionAdd: h, onNativeOptionRemove: b } = m;
-    return $(() => (h(f), () => b(f)), [h, b, f]), /* @__PURE__ */ ye(Se, { children: [
-      /* @__PURE__ */ d(N.span, { id: a.textId, ...r, ref: g }),
+    ), { onNativeOptionAdd: m, onNativeOptionRemove: b } = h;
+    return $(() => (m(f), () => b(f)), [m, b, f]), /* @__PURE__ */ ye(Se, { children: [
+      /* @__PURE__ */ p(N.span, { id: a.textId, ...r, ref: x }),
       a.isSelected && c.valueNode && !c.valueNodeHasChildren ? we.createPortal(r.children, c.valueNode) : null
     ] });
   }
 );
 Ze.displayName = ge;
-const Wt = "SelectItemIndicator", Je = s.forwardRef(
+const zt = "SelectItemIndicator", Je = s.forwardRef(
   (o, i) => {
-    const { __scopeSelect: e, children: t, ...n } = o, r = Ht(Wt, e);
-    return typeof t == "function" ? /* @__PURE__ */ d(N.span, { "aria-hidden": !0, ...n, ref: i, children: t({
+    const { __scopeSelect: e, children: t, ...n } = o, r = Ht(zt, e);
+    return typeof t == "function" ? /* @__PURE__ */ p(N.span, { "aria-hidden": !0, ...n, ref: i, children: t({
       isSelected: r.isSelected,
       isIntermediate: r.isIntermediate
-    }) }) : r.isSelected ? /* @__PURE__ */ d(N.span, { "aria-hidden": !0, ...n, ref: i, children: t }) : null;
+    }) }) : r.isSelected ? /* @__PURE__ */ p(N.span, { "aria-hidden": !0, ...n, ref: i, children: t }) : null;
   }
 );
-Je.displayName = Wt;
+Je.displayName = zt;
 const _e = "SelectScrollUpButton", Qe = s.forwardRef(
   (o, i) => {
     const e = oe(_e, o.__scopeSelect), t = Ge(_e, o.__scopeSelect), [n, r] = s.useState(!1), c = A(i, t.onScrollButtonChange);
     return $(() => {
       if (e.viewport && e.isPositioned) {
         const l = e.viewport, a = () => {
-          const m = l.scrollTop > 0;
-          r(m);
+          const h = l.scrollTop > 0;
+          r(h);
         };
         return a(), l.addEventListener("scroll", a), () => l.removeEventListener("scroll", a);
       }
-    }, [e.viewport, e.isPositioned]), n ? /* @__PURE__ */ d(
+    }, [e.viewport, e.isPositioned]), n ? /* @__PURE__ */ p(
       tt,
       {
         ...o,
@@ -1463,12 +1466,12 @@ const Me = "SelectScrollDownButton", et = s.forwardRef(
     return $(() => {
       if (e.viewport && e.isPositioned) {
         const l = e.viewport, a = () => {
-          const m = l.scrollHeight - l.clientHeight, C = Math.ceil(l.scrollTop) < m;
+          const h = l.scrollHeight - l.clientHeight, C = Math.ceil(l.scrollTop) < h;
           r(C);
         };
         return a(), l.addEventListener("scroll", a), () => l.removeEventListener("scroll", a);
       }
-    }, [e.viewport, e.isPositioned]), n ? /* @__PURE__ */ d(
+    }, [e.viewport, e.isPositioned]), n ? /* @__PURE__ */ p(
       tt,
       {
         ...o,
@@ -1489,20 +1492,20 @@ const tt = s.forwardRef(
     }, []);
     return s.useEffect(() => () => a(), [a]), $(() => {
       var C;
-      const m = l().find((v) => v.ref.current === document.activeElement);
-      (C = m == null ? void 0 : m.ref.current) == null || C.scrollIntoView({ block: "nearest" });
-    }, [l]), /* @__PURE__ */ d(
+      const h = l().find((v) => v.ref.current === document.activeElement);
+      (C = h == null ? void 0 : h.ref.current) == null || C.scrollIntoView({ block: "nearest" });
+    }, [l]), /* @__PURE__ */ p(
       N.div,
       {
         "aria-hidden": !0,
         ...n,
         ref: i,
         style: { flexShrink: 0, ...n.style },
-        onPointerMove: P(n.onPointerMove, () => {
-          var m;
-          (m = r.onItemLeave) == null || m.call(r), c.current === null && (c.current = window.setInterval(t, 50));
+        onPointerMove: E(n.onPointerMove, () => {
+          var h;
+          (h = r.onItemLeave) == null || h.call(r), c.current === null && (c.current = window.setInterval(t, 50));
         }),
-        onPointerLeave: P(n.onPointerLeave, () => {
+        onPointerLeave: E(n.onPointerLeave, () => {
           a();
         })
       }
@@ -1513,29 +1516,29 @@ tt.displayName = "SelectScrollButtonImpl";
 const Uo = "SelectSeparator", ot = s.forwardRef(
   (o, i) => {
     const { __scopeSelect: e, ...t } = o;
-    return /* @__PURE__ */ d(N.div, { "aria-hidden": !0, ...t, ref: i });
+    return /* @__PURE__ */ p(N.div, { "aria-hidden": !0, ...t, ref: i });
   }
 );
 ot.displayName = Uo;
 const Oe = "SelectArrow", nt = s.forwardRef(
   (o, i) => {
     const { __scopeSelect: e, ...t } = o, n = Ve(e), r = X(Oe, e), c = oe(Oe, e);
-    return r.open && c.position === "popper" ? /* @__PURE__ */ d(ie.Arrow, { ...n, ...t, ref: i }) : null;
+    return r.open && c.position === "popper" ? /* @__PURE__ */ p(ie.Arrow, { ...n, ...t, ref: i }) : null;
   }
 );
 nt.displayName = Oe;
-const Ho = "BubbleSelect", Wo = s.forwardRef(
+const Ho = "BubbleSelect", zo = s.forwardRef(
   (o, i) => {
     const { value: e, ...t } = o, n = s.useRef(null), r = A(i, n), c = Xt(e), l = X(Ho, void 0);
     s.useEffect(() => {
-      const m = n.current, C = window.HTMLSelectElement.prototype, g = Object.getOwnPropertyDescriptor(C, "value").set;
-      if (c !== e && g) {
+      const h = n.current, C = window.HTMLSelectElement.prototype, x = Object.getOwnPropertyDescriptor(C, "value").set;
+      if (c !== e && x) {
         const u = new Event("change", { bubbles: !0 });
-        g.call(m, e), m.dispatchEvent(u);
+        x.call(h, e), h.dispatchEvent(u);
       }
     }, [c, e]);
     let a = e;
-    return l.multi && !Array.isArray(e) && (a = []), /* @__PURE__ */ d(Zt, { asChild: !0, children: /* @__PURE__ */ d(
+    return l.multi && !Array.isArray(e) && (a = []), /* @__PURE__ */ p(Zt, { asChild: !0, children: /* @__PURE__ */ p(
       "select",
       {
         ...t,
@@ -1546,13 +1549,13 @@ const Ho = "BubbleSelect", Wo = s.forwardRef(
     ) });
   }
 );
-Wo.displayName = "BubbleSelect";
-function zt(o) {
+zo.displayName = "BubbleSelect";
+function Wt(o) {
   const i = Io(o), e = s.useRef(""), t = s.useRef(0), n = s.useCallback(
     (c) => {
       const l = e.current + c;
-      i(l), function a(m) {
-        e.current = m, window.clearTimeout(t.current), m !== "" && (t.current = window.setTimeout(() => a(""), 1e3));
+      i(l), function a(h) {
+        e.current = h, window.clearTimeout(t.current), h !== "" && (t.current = window.setTimeout(() => a(""), 1e3));
       }(l);
     },
     [i]
@@ -1562,13 +1565,13 @@ function zt(o) {
   return s.useEffect(() => () => window.clearTimeout(t.current), []), [e, n, r];
 }
 function Kt(o, i, e) {
-  const n = i.length > 1 && Array.from(i).every((m) => m === i[0]) ? i[0] : i, r = e ? o.indexOf(e) : -1;
-  let c = zo(o, Math.max(r, 0));
-  n.length === 1 && (c = c.filter((m) => m !== e));
-  const a = c.find((m) => m.textValue.toLowerCase().startsWith(n.toLowerCase()));
+  const n = i.length > 1 && Array.from(i).every((h) => h === i[0]) ? i[0] : i, r = e ? o.indexOf(e) : -1;
+  let c = Wo(o, Math.max(r, 0));
+  n.length === 1 && (c = c.filter((h) => h !== e));
+  const a = c.find((h) => h.textValue.toLowerCase().startsWith(n.toLowerCase()));
   return a !== e ? a : void 0;
 }
-function zo(o, i) {
+function Wo(o, i) {
   return o.map((e, t) => o[(i + t) % o.length]);
 }
 const Gt = (o, i = []) => {
@@ -1576,7 +1579,7 @@ const Gt = (o, i = []) => {
     return o.reduce((t, n) => Gt(n, t), i);
   const e = i.indexOf(o);
   return e === -1 ? [...i, o] : [...i.slice(0, e), ...i.slice(e + 1)];
-}, Ko = $e, Go = Ue, jo = He, Yo = We, qo = ze, Xo = Ke, Zo = je, Jo = Ye, Qo = qe, en = Xe, tn = Ze, on = Je, nn = Qe, rn = et, ln = ot, sn = nt, An = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Ko = $e, Go = Ue, jo = He, Yo = ze, qo = We, Xo = Ke, Zo = je, Jo = Ye, Qo = qe, en = Xe, tn = Ze, on = Je, nn = Qe, rn = et, ln = ot, sn = nt, An = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Arrow: sn,
   Content: Xo,
@@ -1594,12 +1597,12 @@ const Gt = (o, i = []) => {
   SelectArrow: nt,
   SelectContent: Ke,
   SelectGroup: Ye,
-  SelectIcon: We,
+  SelectIcon: ze,
   SelectItem: Xe,
   SelectItemIndicator: Je,
   SelectItemText: Ze,
   SelectLabel: qe,
-  SelectPortal: ze,
+  SelectPortal: We,
   SelectScrollDownButton: et,
   SelectScrollUpButton: Qe,
   SelectSeparator: ot,