react-animated-select 0.7.5 → 0.7.7

package/dist/index.es.js

@@ -1,11 +1,11 @@
 "use client";
-import { jsx as O, jsxs as q } from "react/jsx-runtime";
-import { createContext as we, useState as U, useRef as F, useInsertionEffect as yt, isValidElement as xe, cloneElement as bt, useMemo as _, useLayoutEffect as ne, useEffect as oe, useCallback as K, useContext as B, useEffectEvent as ot, Children as it, useSyncExternalStore as re, memo as se, Fragment as at, Component as vt, useId as wt, useImperativeHandle as xt, useReducer as Ot } from "react";
-import { flushSync as St, createPortal as Et } from "react-dom";
-import './index.css';const Y = we(null), ce = we(null), de = we(null), kt = (e, t) => {
+import { jsx as M, jsxs as ee } from "react/jsx-runtime";
+import { createContext as Ae, useState as Q, useRef as G, useInsertionEffect as Ft, isValidElement as Ne, cloneElement as Ht, useMemo as Z, useLayoutEffect as X, useEffect as J, useCallback as Y, useContext as V, useEffectEvent as yt, Children as vt, useSyncExternalStore as ce, memo as ie, Fragment as wt, Component as Pt, useReducer as Vt, useId as zt, useImperativeHandle as Wt } from "react";
+import { flushSync as et, createPortal as qt } from "react-dom";
+import './index.css';const ne = Ae(null), ue = Ae(null), fe = Ae(null), Gt = (e, t) => {
   const n = typeof t == "function" ? t(e) : t;
   return n === e ? e : Object.keys(n).some((s) => !Object.is(n[s], e[s])) ? { ...e, ...n } : e;
-}, Me = (e) => {
+}, xt = (e) => {
   let t = e;
   const n = /* @__PURE__ */ new Set();
   return {
@@ -15,31 +15,31 @@ import './index.css';const Y = we(null), ce = we(null), de = we(null), kt = (e,
     },
     subscribe: (r) => (n.add(r), () => n.delete(r))
   };
-}, Re = (e) => {
-  const t = F(e);
-  yt(() => {
+}, _e = (e) => {
+  const t = G(e);
+  Ft(() => {
     t.current = e;
   });
-  const [n] = U(() => Object.fromEntries(
+  const [n] = Q(() => Object.fromEntries(
     Object.keys(e).map((r) => [r, (...s) => t.current[r](...s)])
   ));
   return n;
-}, lt = (e, t) => {
-  const [n, r] = U(e);
+}, Ot = (e, t) => {
+  const [n, r] = Q(e);
   return n === e || t(n, e) ? n : (r(e), e);
-}, Ct = (e, t) => e === t || !!e && !!t && Object.keys(e).length === Object.keys(t).length && Object.keys(e).every((n) => Object.is(e[n], t[n])), Ie = (e, t, n = 0) => {
+}, Kt = (e, t) => e === t || !!e && !!t && Object.keys(e).length === Object.keys(t).length && Object.keys(e).every((n) => Object.is(e[n], t[n])), Te = (e, t, n = 0) => {
   if (Object.is(e, t)) return !0;
   if (n > 12 || typeof e != "object" || typeof t != "object" || e === null || t === null || Array.isArray(e) !== Array.isArray(t)) return !1;
-  if (e.$$typeof || t.$$typeof) return e.$$typeof === t.$$typeof && e.type === t.type && e.key === t.key && Ie(e.props, t.props, n + 1);
+  if (e.$$typeof || t.$$typeof) return e.$$typeof === t.$$typeof && e.type === t.type && e.key === t.key && Te(e.props, t.props, n + 1);
   const r = Object.keys(e);
-  return r.length === Object.keys(t).length && r.every((s) => Object.hasOwn(t, s) && Ie(e[s], t[s], n + 1));
-}, Tt = /* @__PURE__ */ new Set(["style", "texts", "icons", "attrs"]), Mt = (e, t) => {
+  return r.length === Object.keys(t).length && r.every((s) => Object.hasOwn(t, s) && Te(e[s], t[s], n + 1));
+}, _t = /* @__PURE__ */ new Set(["style", "texts", "icons", "attrs"]), Ut = (e, t) => {
   const n = Object.keys(t);
   return n.length === Object.keys(e).length && n.every(
-    (r) => Tt.has(r) ? Ct(e[r], t[r]) : Object.is(e[r], t[r])
+    (r) => _t.has(r) ? Kt(e[r], t[r]) : Object.is(e[r], t[r])
   );
-}, It = (e) => lt(e, Mt), Ne = (e) => lt(e, Ie), he = {
-  XMark: ({ className: e = "", ...t }) => /* @__PURE__ */ O(
+}, Yt = (e) => Ot(e, Ut), ze = (e) => Ot(e, Te), Se = {
+  XMark: ({ className: e = "", ...t }) => /* @__PURE__ */ M(
     "svg",
     {
       className: e,
@@ -49,10 +49,10 @@ import './index.css';const Y = we(null), ce = we(null), de = we(null), kt = (e,
       height: "1em",
       width: "1em",
       ...t,
-      children: /* @__PURE__ */ O("path", { d: "M310.6 361.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L160 301.3 54.6 406.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L114.7 256 9.4 150.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 210.7 265.4 105.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3L205.3 256l105.3 105.4z" })
+      children: /* @__PURE__ */ M("path", { d: "M310.6 361.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L160 301.3 54.6 406.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L114.7 256 9.4 150.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 210.7 265.4 105.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3L205.3 256l105.3 105.4z" })
     }
   ),
-  ArrowUp: ({ className: e = "", ...t }) => /* @__PURE__ */ O(
+  ArrowUp: ({ className: e = "", ...t }) => /* @__PURE__ */ M(
     "svg",
     {
       className: e,
@@ -62,10 +62,10 @@ import './index.css';const Y = we(null), ce = we(null), de = we(null), kt = (e,
       height: "1em",
       width: "1em",
       ...t,
-      children: /* @__PURE__ */ O("path", { d: "M34.9 289.5l175.9-175.8c9.4-9.4 24.6-9.4 33.9 0L420.1 289.5c15.1 15.1 4.4 41-17 41H51.9c-21.4 0-32.1-25.9-17-41z" })
+      children: /* @__PURE__ */ M("path", { d: "M34.9 289.5l175.9-175.8c9.4-9.4 24.6-9.4 33.9 0L420.1 289.5c15.1 15.1 4.4 41-17 41H51.9c-21.4 0-32.1-25.9-17-41z" })
     }
   ),
-  Checkmark: ({ className: e = "", ...t }) => /* @__PURE__ */ O(
+  Checkmark: ({ className: e = "", ...t }) => /* @__PURE__ */ M(
     "svg",
     {
       className: e,
@@ -75,10 +75,10 @@ import './index.css';const Y = we(null), ce = we(null), de = we(null), kt = (e,
       height: "1em",
       width: "1em",
       ...t,
-      children: /* @__PURE__ */ O("path", { d: "M20.285 6.708a1 1 0 0 0-1.414-1.416l-9.192 9.192-4.243-4.244a1 1 0 1 0-1.414 1.416l5 5a1 1 0 0 0 1.414 0l9.849-9.948z" })
+      children: /* @__PURE__ */ M("path", { d: "M20.285 6.708a1 1 0 0 0-1.414-1.416l-9.192 9.192-4.243-4.244a1 1 0 1 0-1.414 1.416l5 5a1 1 0 0 0 1.414 0l9.849-9.948z" })
     }
   )
-}, ae = (e, t) => {
+}, he = (e, t) => {
   if (!e) return null;
   const n = (r = {}) => ({
     ...t,
@@ -88,360 +88,378 @@ import './index.css';const Y = we(null), ce = we(null), de = we(null), kt = (e,
       ...r?.style
     }
   });
-  return typeof e == "string" ? /* @__PURE__ */ O("img", { src: e, ...n(), className: ue("rac-icon", t?.className), alt: "" }) : xe(e) ? bt(e, n(e.props)) : typeof e == "function" || typeof e == "object" && e.$$typeof ? /* @__PURE__ */ O(e, { ...n() }) : null;
-}, Oe = (e, t) => `${e}-${String(t).replace(/[^A-Za-z0-9-]/gu, (n) => `_${n.codePointAt(0).toString(36)}_`)}`, X = (e) => e ? "" : void 0, ue = (e, t) => t ? `${e} ${t}` : e, Ve = (e, t, n) => e.jsx || (t && "original" in e ? t(e.original, { selected: n, disabled: !!e.disabled }) : null), Be = /* @__PURE__ */ q("span", { className: "rac-dots", "aria-hidden": "true", children: [
-  /* @__PURE__ */ O("i", {}),
-  /* @__PURE__ */ O("i", {}),
-  /* @__PURE__ */ O("i", {})
-] }), Nt = (() => {
+  return typeof e == "string" ? /* @__PURE__ */ M("img", { src: e, ...n(), className: me("rac-icon", t?.className), alt: "" }) : Ne(e) ? Ht(e, n(e.props)) : typeof e == "function" || typeof e == "object" && e.$$typeof ? /* @__PURE__ */ M(e, { ...n() }) : null;
+}, De = (e, t) => `${e}-${String(t).replace(/[^A-Za-z0-9-]/gu, (n) => `_${n.codePointAt(0).toString(36)}_`)}`, re = (e) => e ? "" : void 0, me = (e, t) => t ? `${e} ${t}` : e, Ue = (e, t, n) => e.jsx || (t && "original" in e ? t(e.original, { selected: n, disabled: !!e.disabled }) : null), Ye = /* @__PURE__ */ ee("span", { className: "rac-dots", "aria-hidden": "true", children: [
+  /* @__PURE__ */ M("i", {}),
+  /* @__PURE__ */ M("i", {}),
+  /* @__PURE__ */ M("i", {})
+] }), Xt = (() => {
   try {
     return process.env.NODE_ENV !== "production";
   } catch {
     return !1;
   }
-})(), ze = /* @__PURE__ */ new Set(), le = (e, t) => {
-  !Nt || ze.has(e) || (ze.add(e), console.warn(`[react-animated-select] ${t}`));
-}, Q = (e) => {
+})(), tt = /* @__PURE__ */ new Set(), le = (e, t) => {
+  !Xt || tt.has(e) || (tt.add(e), console.warn(`[react-animated-select] ${t}`));
+}, oe = (e) => {
   e?.stopPropagation(), e?.preventDefault();
-}, At = { index: -1, fallback: -1, ready: !1 }, ye = ({ index: e, fallback: t }) => e === -1 ? t : e, $t = 10, Lt = 500, Dt = /* @__PURE__ */ new Set(["ArrowDown", "ArrowUp", "PageDown", "PageUp", "Home", "End"]), jt = (e, t) => _(() => {
+}, Et = (e, t) => {
+  e?.currentTarget.contains(document.activeElement) && t.current?.focus();
+}, Jt = { index: -1, fallback: -1, ready: !1 }, Ie = ({ index: e, fallback: t }) => e === -1 ? t : e, Zt = 10, Qt = 500, en = /* @__PURE__ */ new Set(["ArrowDown", "ArrowUp", "PageDown", "PageUp", "Home", "End"]), tn = (e, t) => Z(() => {
   const n = new Set(e.map((s) => s.group).filter(Boolean)), r = (s) => !!s && !s.disabled && !s.loading && (s.groupHeader ? n.has(s.name) : !s.group || t.has(s.group));
-  return { reach: r, list: e.flatMap((s, c) => r(s) ? [c] : []) };
-}, [e, t]), Pt = (e, t, n, r) => {
+  return { reach: r, list: e.flatMap((s, o) => r(s) ? [o] : []) };
+}, [e, t]), nn = (e, t, n, r) => {
   const s = e.length - 1;
   if (s < 0) return -1;
   if (n === "Home") return e[0];
   if (n === "End") return e[s];
-  const c = n === "ArrowUp" || n === "PageUp" ? -1 : 1, i = e.indexOf(t);
-  if (i === -1) return e[c > 0 ? 0 : s];
-  const a = i + c * (n.startsWith("Page") ? $t : 1);
+  const o = n === "ArrowUp" || n === "PageUp" ? -1 : 1, i = e.indexOf(t);
+  if (i === -1) return e[o > 0 ? 0 : s];
+  const a = i + o * (n.startsWith("Page") ? Zt : 1);
   return a >= 0 && a <= s ? e[a] : n.startsWith("Page") || r ? e[a < 0 ? 0 : s] : e[(a + e.length) % e.length];
-}, Rt = (e, t, n, r) => {
-  const s = [...r].every((o) => o === r[0]), c = s ? r[0] : r, i = t.filter((o) => "original" in e[o]), a = Math.max(i.indexOf(n) + (s ? 1 : 0), 0);
-  for (let o = 0; o < i.length; o++) {
-    const p = i[(a + o) % i.length];
-    if (String(e[p].name).toLowerCase().startsWith(c)) return p;
+}, rn = (e, t, n, r) => {
+  const s = [...r].every((l) => l === r[0]), o = s ? r[0] : r, i = t.filter((l) => "original" in e[l]), a = Math.max(i.indexOf(n) + (s ? 1 : 0), 0);
+  for (let l = 0; l < i.length; l++) {
+    const b = i[(a + l) % i.length];
+    if (String(e[b].name).toLowerCase().startsWith(o)) return b;
   }
   return -1;
 };
-function Vt({ props: e, state: t, setState: n, normalizedOptions: r, expandedGroups: s, selected: c, selectedIDs: i, visibility: a, setVisibility: o, modelActions: p, loadMoreOnce: l, highlightStore: g }) {
-  const { disabled: y, multiple: h, hasMore: S, loadButton: w, loadOffset: f, loadAhead: m, icons: D, onFocus: L, onBlur: C } = e, { selectOption: j, clear: M, removeOption: u } = p, { deleting: x } = t, { reach: E, list: $ } = jt(r, s), k = F({ lastWindowFocusTime: 0, justFocused: !1, focusTimeout: null, query: "", queryTimeout: null }), V = _(() => {
-    const d = new Set(h ? i.map((T) => T.id) : c ? [c.id] : []), v = d.size ? r.findIndex((T) => d.has(T.id) && E(T)) : -1;
-    return v !== -1 ? v : $.find((T) => !r[T].groupHeader) ?? $[0] ?? -1;
-  }, [r, c, i, h, E, $]), I = (d) => {
-    !w && a && S && d >= r.length - m && l();
+function sn({ props: e, state: t, setState: n, normalizedOptions: r, expandedGroups: s, selected: o, selectedIDs: i, visibility: a, setVisibility: l, modelActions: b, loadMoreOnce: u, highlightStore: x }) {
+  const { disabled: d, multiple: c, hasMore: y, loadButton: w, loadOffset: p, loadAhead: f, icons: v, onFocus: A, onBlur: T, onKeyDown: H } = e, { selectOption: C, clear: g, removeOption: k } = b, { deleting: D } = t, { reach: R, list: I } = tn(r, s), B = G({ lastWindowFocusTime: 0, justFocused: !1, focusTimeout: null, query: "", queryTimeout: null }), m = Z(() => {
+    const h = new Set(c ? i.map((E) => E.id) : o ? [o.id] : []), O = h.size ? r.findIndex((E) => h.has(E.id) && R(E)) : -1;
+    return O !== -1 ? O : I.find((E) => !r[E].groupHeader) ?? I[0] ?? -1;
+  }, [r, o, i, c, R, I]), L = (h) => {
+    !w && a && y && h >= r.length - f && u();
   };
-  ne(() => {
-    const { index: d } = g.get();
-    g.set({ fallback: V, index: d !== -1 && E(r[d]) ? d : -1 }), I(ye(g.get()));
-  }), oe(() => {
-    const d = k.current, v = () => d.lastWindowFocusTime = Date.now();
-    return window.addEventListener("focus", v), () => {
-      window.removeEventListener("focus", v), clearTimeout(d.focusTimeout), clearTimeout(d.queryTimeout);
+  X(() => {
+    const { index: h } = x.get();
+    x.set({ fallback: m, index: h !== -1 && R(r[h]) ? h : -1 }), L(Ie(x.get()));
+  }), J(() => {
+    const h = B.current, O = () => h.lastWindowFocusTime = Date.now();
+    return window.addEventListener("focus", O), () => {
+      window.removeEventListener("focus", O), clearTimeout(h.focusTimeout), clearTimeout(h.queryTimeout);
     };
   }, []);
-  const A = (d) => {
-    g.set({ index: d }), I(d);
-  }, b = (d, v) => {
-    const T = k.current;
-    clearTimeout(T.queryTimeout), T.queryTimeout = setTimeout(() => T.query = "", Lt), T.query += d.toLowerCase();
-    const H = Rt(r, $, v, T.query);
-    H !== -1 && A(H), a || o(!0);
+  const S = (h) => {
+    x.set({ index: h }), L(h);
+  }, F = (h, O) => {
+    const E = B.current;
+    clearTimeout(E.queryTimeout), E.queryTimeout = setTimeout(() => E.query = "", Qt), E.query += h.toLowerCase();
+    const $ = rn(r, I, O, E.query);
+    $ !== -1 && S($), a || l(!0);
   };
-  return Re({
-    highlight: A,
-    handleListScroll: (d) => {
+  return _e({
+    highlight: S,
+    handleListScroll: (h) => {
       if (w) return;
-      const { scrollTop: v, scrollHeight: T, clientHeight: H } = d.currentTarget;
-      T - v <= H + f && l();
+      const { scrollTop: O, scrollHeight: E, clientHeight: $ } = h.currentTarget;
+      E - O <= $ + p && u();
     },
-    handleBlur: (d) => {
-      const v = d.relatedTarget?.closest(".rac-options");
-      d.currentTarget.contains(d.relatedTarget) || v || (C?.(d), x && n({ deleting: !1 }), a && o(!1));
+    handleBlur: (h) => {
+      const O = h.relatedTarget?.closest(".rac-options");
+      h.currentTarget.contains(h.relatedTarget) || O || (T?.(h), D && n({ deleting: !1 }), a && l(!1));
     },
     // [DOC: select-behavior]
-    handleFocus: (d) => {
-      d.currentTarget.contains(d.relatedTarget) || L?.(d), !(y || x || document.hidden || Date.now() - k.current.lastWindowFocusTime < 100) && (a || (clearTimeout(k.current.focusTimeout), k.current.focusTimeout = setTimeout(() => k.current.justFocused = !1, 200), k.current.justFocused = !0, o(!0)));
+    handleFocus: (h) => {
+      const O = h.currentTarget.contains(h.relatedTarget);
+      O || A?.(h), !(O || h.target !== h.currentTarget || a || d || D || document.hidden || Date.now() - B.current.lastWindowFocusTime < 100) && (clearTimeout(B.current.focusTimeout), B.current.focusTimeout = setTimeout(() => B.current.justFocused = !1, 200), B.current.justFocused = !0, l(!0));
     },
-    toggleVisibility: (d) => {
-      if (x) {
-        Q(d), n({ deleting: !1 });
+    toggleVisibility: (h) => {
+      if (D) {
+        oe(h), n({ deleting: !1 });
         return;
       }
-      y || k.current.justFocused || o(!a);
+      d || B.current.justFocused || l(!a);
     },
-    handleKeyDown: (d) => {
-      if (y || d.nativeEvent?.isComposing) return;
-      const { key: v } = d, T = ye(g.get());
-      if (v.length === 1 && !d.ctrlKey && !d.metaKey && !d.altKey && (v !== " " || k.current.query)) {
-        d.preventDefault(), b(v, T);
+    handleKeyDown: (h) => {
+      if (H?.(h), h.defaultPrevented || d || h.nativeEvent?.isComposing) return;
+      const { key: O } = h;
+      if (h.target !== h.currentTarget && (O === "Enter" || O.length === 1)) return;
+      const E = Ie(x.get());
+      if (O.length === 1 && !h.ctrlKey && !h.metaKey && !h.altKey && (O !== " " || B.current.query)) {
+        h.preventDefault(), F(O, E);
         return;
       }
-      if (Dt.has(v)) {
-        d.preventDefault(), (a || v === "Home" || v === "End") && A(Pt($, T, v, !w && S)), a || o(!0);
+      if (en.has(O)) {
+        h.preventDefault(), (a || O === "Home" || O === "End") && S(nn(I, E, O, !w && y)), a || l(!0);
         return;
       }
-      switch (v) {
+      switch (O) {
         case "Enter":
         case " ":
-          d.preventDefault(), a ? T !== -1 && r[T] && (A(T), j(r[T], d)) : o(!0);
+          h.preventDefault(), a ? E !== -1 && r[E] && (S(E), C(r[E], h)) : l(!0);
           break;
         // [DOC: select-behavior]
         case "Escape":
-          if (x) n({ deleting: !1 });
-          else if (a) o(!1);
+          if (D) n({ deleting: !1 });
+          else if (a) l(!1);
           else break;
-          Q(d);
+          oe(h);
           break;
         case "Tab":
-          a && o(!1);
+          a && l(!1);
           break;
         // [DOC: select-behavior]
         case "Backspace":
         case "Delete": {
-          const H = i.at(-1);
-          if (h && v === "Backspace" && D.remove && H) u(H.id);
-          else if (D.clear && (c || H)) M();
+          const $ = i.at(-1);
+          if (c && O === "Backspace" && v.remove && $) k($.id);
+          else if (v.clear && (o || $)) g();
           else break;
-          d.preventDefault();
+          h.preventDefault();
           break;
         }
       }
     }
   });
 }
-const Bt = ["group", "disabled", "options", "items", "children"], He = ["name", "label", "id", "value"], ge = (e) => e != null && e !== "", ct = (e) => e !== null && typeof e == "object" && !Array.isArray(e), Se = (e) => ct(e) && [Object.prototype, null].includes(Object.getPrototypeOf(e)), Ht = (e) => {
+const on = ["group", "disabled", "options", "items", "children"], Xe = ["name", "label", "id", "value"], Oe = (e) => e != null && e !== "", St = (e) => e !== null && typeof e == "object" && !Array.isArray(e), Le = (e) => St(e) && [Object.prototype, null].includes(Object.getPrototypeOf(e)), an = (e) => {
   try {
     const t = String(e);
     return t.startsWith("[object ") ? null : t;
   } catch {
     return null;
   }
-}, Fe = (e, t = !1) => {
+}, Je = (e, t = !1) => {
   if (t && typeof e.group == "string") return e.group;
-  const n = He.find((c) => ge(e[c]));
+  const n = Xe.find((o) => Oe(e[o]));
   if (n) return String(e[n]);
-  const r = !Se(e) && Ht(e);
+  const r = !Le(e) && an(e);
   if (r) return r;
-  const s = Object.entries(e).find(([c, i]) => !Bt.includes(c) && ge(i));
+  const s = Object.entries(e).find(([o, i]) => !on.includes(o) && Oe(i));
   return s ? String(s[1]) : null;
-}, Ft = (e) => Se(e) && ("options" in e || "group" in e && !He.some((t) => t in e)), Ke = (e, t, n, r, s, { emptyOption: c, invalidOption: i, disabledOption: a }) => {
-  const o = `${n}-${t}`;
+}, cn = (e) => Le(e) && ("options" in e || "group" in e && !Xe.some((t) => t in e)), nt = (e, t, n, r, s, { emptyOption: o, invalidOption: i, disabledOption: a }) => {
+  const l = `${n}-${t}`;
   if (e == null || e === "")
-    return { id: o, userId: null, name: c, raw: e, disabled: !0, type: "normal", group: r, groupDisabled: s };
+    return { id: l, userId: null, name: o, raw: e, disabled: !0, type: "normal", group: r, groupDisabled: s };
   if (typeof e == "function")
-    return { id: o, userId: null, name: i, raw: e, disabled: !0, invalid: !0, type: "normal", group: r };
-  if (ct(e)) {
-    const p = s || e.disabled === !0, l = e.value !== void 0 ? e.value : e.id !== void 0 ? e.id : e, g = Fe(e) || (p ? a : c);
+    return { id: l, userId: null, name: i, raw: e, disabled: !0, invalid: !0, type: "normal", group: r };
+  if (St(e)) {
+    const b = s || e.disabled === !0, u = e.value !== void 0 ? e.value : e.id !== void 0 ? e.id : e, x = Je(e) || (b ? a : o);
     return {
-      id: o,
+      id: l,
       userId: e.id ?? e.value ?? e.name ?? e.label,
-      name: g,
-      raw: l,
+      name: x,
+      raw: u,
       original: e,
-      disabled: p || g === c,
-      type: typeof l == "boolean" ? "boolean" : "normal",
+      disabled: b || x === o,
+      type: typeof u == "boolean" ? "boolean" : "normal",
       group: r || e.group || null,
       groupDisabled: s
     };
   }
-  return { id: o, userId: e, name: String(e), raw: e, original: e, disabled: s, type: typeof e == "boolean" ? "boolean" : "normal", group: r };
-}, Gt = ({
+  return { id: l, userId: e, name: String(e), raw: e, original: e, disabled: s, type: typeof e == "boolean" ? "boolean" : "normal", group: r };
+}, ln = ({
   options: e,
   jsxOptions: t,
   childrenFirst: n,
   hasMore: r,
   loadButton: s,
-  loadPending: c,
+  loadPending: o,
   loadingTitle: i,
   emptyOption: a,
-  invalidOption: o,
-  disabledOption: p,
-  emptyGroup: l
+  invalidOption: l,
+  disabledOption: b,
+  emptyGroup: u
 }) => {
-  const g = { emptyOption: a, invalidOption: o, disabledOption: p }, y = /* @__PURE__ */ new Map(), h = [], S = /* @__PURE__ */ new Set(), w = (u) => {
-    let x = u;
-    for (let E = 1; S.has(x); E++) x = `${u}~${E}`;
-    return S.add(x), x;
-  }, f = t.map((u, x) => {
-    if (u.isGroupMarker) return { ...u, type: "group-marker" };
-    const E = !u.label && !ge(u.userId) && !ge(u.value) && !u.hasJsx;
+  const x = { emptyOption: a, invalidOption: l, disabledOption: b }, d = /* @__PURE__ */ new Map(), c = [], y = /* @__PURE__ */ new Set(), w = (g) => {
+    let k = g;
+    for (let D = 1; y.has(k); D++) k = `${g}~${D}`;
+    return y.add(k), k;
+  }, p = t.map((g, k) => {
+    if (g.isGroupMarker) return { ...g, type: "group-marker" };
+    const D = !g.label && !Oe(g.userId) && !Oe(g.value) && !g.hasJsx;
     return {
-      ...u,
-      id: w(`jsx-${u.id}`),
-      index: x,
-      userId: u.userId,
-      raw: u.value,
-      original: u.value,
-      name: u.label || (ge(u.value) ? String(u.value) : a),
-      disabled: !!u.disabled || E,
-      type: typeof u.value == "boolean" ? "boolean" : "normal",
-      group: u.group || null
+      ...g,
+      id: w(`jsx-${g.id}`),
+      index: k,
+      userId: g.userId,
+      raw: g.value,
+      original: g.value,
+      name: g.label || (Oe(g.value) ? String(g.value) : a),
+      disabled: !!g.disabled || D,
+      type: typeof g.value == "boolean" ? "boolean" : "normal",
+      group: g.group || null
     };
   });
-  let m = 0;
-  const D = (u, x = null, E = !1, $ = "0") => {
-    Array.isArray(u) || (u = [u]), u.forEach((k, V) => {
-      const I = `${$}-${V}`;
-      if (Ft(k)) {
-        const A = Fe(k, !0) || l;
-        y.has(A) || y.set(A, { disabled: !!k.disabled, items: [] }), k.options ? D(k.options, A, E || !!k.disabled, I) : h.push({ id: `empty-${A}-${I}`, name: A, group: A, isPlaceholder: !0, type: "group-marker", index: m++ });
-      } else Se(k) && !He.some((A) => A in k) && !k.group ? Object.values(k).forEach((A, b) => h.push({ ...Ke(A, `${I}-${b}`, "default", x, E, g), index: m++ })) : h.push({ ...Ke(k, I, "default", x, E, g), index: m++ });
+  let f = 0;
+  const v = (g, k = null, D = !1, R = "0") => {
+    Array.isArray(g) || (g = [g]), g.forEach((I, B) => {
+      const m = `${R}-${B}`;
+      if (cn(I)) {
+        const L = Je(I, !0) || u;
+        d.has(L) || d.set(L, { disabled: !!I.disabled, items: [] }), I.options ? v(I.options, L, D || !!I.disabled, m) : c.push({ id: `empty-${L}-${m}`, name: L, group: L, isPlaceholder: !0, type: "group-marker", index: f++ });
+      } else Le(I) && !Xe.some((L) => L in I) && !I.group ? Object.values(I).forEach((L, S) => c.push({ ...nt(L, `${m}-${S}`, "default", k, D, x), index: f++ })) : c.push({ ...nt(I, m, "default", k, D, x), index: f++ });
     });
   };
-  D(e);
-  const L = n ? [...f, ...h] : [...h, ...f], C = [], j = /* @__PURE__ */ new Set();
-  L.forEach((u) => {
-    if (!u.group) {
-      C.push({ type: "item", data: u });
+  v(e);
+  const A = n ? [...p, ...c] : [...c, ...p], T = [], H = /* @__PURE__ */ new Set();
+  A.forEach((g) => {
+    if (!g.group) {
+      T.push({ type: "item", data: g });
       return;
     }
-    j.has(u.group) || (j.add(u.group), C.push({ type: "group", name: u.group })), y.has(u.group) || y.set(u.group, { items: [] });
-    const x = y.get(u.group);
-    u.isGroupMarker ? (x.className = u.className, x.style = u.style, u.disabled && (x.disabled = !0)) : u.isPlaceholder || x.items.push(u);
+    H.has(g.group) || (H.add(g.group), T.push({ type: "group", name: g.group })), d.has(g.group) || d.set(g.group, { items: [] });
+    const k = d.get(g.group);
+    g.isGroupMarker ? (k.className = g.className, k.style = g.style, g.disabled && (k.disabled = !0)) : g.isPlaceholder || k.items.push(g);
   });
-  const M = [];
-  return C.forEach((u) => {
-    if (u.type === "item") {
-      M.push(u.data);
+  const C = [];
+  return T.forEach((g) => {
+    if (g.type === "item") {
+      C.push(g.data);
       return;
     }
-    const x = y.get(u.name);
-    M.push({
-      className: x?.className || "",
-      id: `group-header-${u.name}`,
-      disabled: !!x?.disabled,
-      style: x?.style || {},
+    const k = d.get(g.name);
+    C.push({
+      className: k?.className || "",
+      id: `group-header-${g.name}`,
+      disabled: !!k?.disabled,
+      style: k?.style || {},
       groupHeader: !0,
-      name: u.name,
+      name: g.name,
       type: "group"
-    }), x?.items.forEach((E) => M.push(E));
-  }), r && s && M.push({ id: "special-load-more-id", name: i, loadMore: !0, loading: c, type: "special" }), M;
-}, Rn = (e) => {
+    }), k?.items.forEach((D) => C.push(D));
+  }), r && s && C.push({ id: "special-load-more-id", name: i, loadMore: !0, loading: o, type: "special" }), C;
+}, fr = (e) => {
   const t = () => null;
   return t.racKind = "define", t.racRender = e, t.displayName = `defineOption(${e.name || "anonymous"})`, t;
-}, qe = { selected: null, selectedIDs: [] }, fe = (e) => {
+}, rt = { selected: null, selectedIDs: [] }, ye = (e) => {
   try {
     return JSON.stringify(e);
   } catch {
     return;
   }
-}, dt = (e, t) => e === t || e !== e && t !== t, be = (e) => typeof e == "object" && e !== null, Wt = (e, t) => dt(e, t) || be(e) && be(t) && fe(e) !== void 0 && fe(e) === fe(t), zt = (e, t, n, r) => {
-  if (e == null || Array.isArray(e) && e.length === 0) return qe;
-  const s = r.length ? new Map(t.map((l) => [l.id, l])) : null, c = s ? [...r.map((l) => s.get(l)).filter(Boolean), ...t] : t, i = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Map(), o = (l) => "original" in l && !i.has(l.id), p = (l) => {
-    const g = be(l);
-    let y = c.find((m) => o(m) && dt(m.original, l));
-    const h = g ? fe(l) : void 0;
-    if (!y && h !== void 0 && (y = c.find((m) => o(m) && be(m.original) && fe(m.original) === h)), y)
-      return i.add(y.id), y;
-    const S = String(g ? l.id || l.value || h || "object" : l), w = (a.get(S) ?? -1) + 1;
-    a.set(S, w);
-    const f = `virtual-${S}-${w}`;
-    return g ? { id: f, name: Fe(l) || String(l.id || "Selected Object"), raw: l.value ?? l.id ?? l, original: l, userId: l.id ?? l.value ?? null, virtual: !0 } : { id: f, name: String(l), raw: l, original: l, userId: l, virtual: !0 };
+}, kt = (e, t) => e === t || e !== e && t !== t, Me = (e) => typeof e == "object" && e !== null, dn = (e, t) => kt(e, t) || Me(e) && Me(t) && ye(e) !== void 0 && ye(e) === ye(t), st = (e, t, n, r) => {
+  if (e == null || Array.isArray(e) && e.length === 0) return rt;
+  const s = r.length ? new Map(t.map((u) => [u.id, u])) : null, o = s ? [...r.map((u) => s.get(u)).filter(Boolean), ...t] : t, i = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Map(), l = (u) => "original" in u && !i.has(u.id), b = (u) => {
+    const x = Me(u);
+    let d = o.find((f) => l(f) && kt(f.original, u));
+    const c = x ? ye(u) : void 0;
+    if (!d && c !== void 0 && (d = o.find((f) => l(f) && Me(f.original) && ye(f.original) === c)), d)
+      return i.add(d.id), d;
+    const y = String(x ? u.id || u.value || c || "object" : u), w = (a.get(y) ?? -1) + 1;
+    a.set(y, w);
+    const p = `virtual-${y}-${w}`;
+    return x ? { id: p, name: Je(u) || String(u.id || "Selected Object"), raw: u.value ?? u.id ?? u, original: u, userId: u.id ?? u.value ?? null, virtual: !0 } : { id: p, name: String(u), raw: u, original: u, userId: u, virtual: !0 };
   };
-  return n ? { selected: null, selectedIDs: (Array.isArray(e) ? e : [e]).map(p) } : { selected: p(Array.isArray(e) ? e[0] : e), selectedIDs: qe.selectedIDs };
-}, _e = {
+  return n ? { selected: null, selectedIDs: (Array.isArray(e) ? e : [e]).map(b) } : { selected: b(Array.isArray(e) ? e[0] : e), selectedIDs: rt.selectedIDs };
+}, ot = {
   x: ["width", "marginLeft", "marginRight", "paddingLeft", "paddingRight", "borderLeftWidth", "borderRightWidth"],
   y: ["height", "marginTop", "marginBottom", "paddingTop", "paddingBottom", "borderTopWidth", "borderBottomWidth"]
-}, Kt = { x: { minWidth: "0px", maxWidth: "none" }, y: { minHeight: "0px", maxHeight: "none" } }, ut = we(null);
-let Ae = null;
-const qt = () => Ae ??= (queueMicrotask(() => {
-  Ae = null;
+}, un = { x: { minWidth: "0px", maxWidth: "none" }, y: { minHeight: "0px", maxHeight: "none" } }, Ct = Ae(null);
+let We = null;
+const fn = () => We ??= (queueMicrotask(() => {
+  We = null;
 }), {});
-function ie({
+function de({
   as: e = "div",
   axis: t = "y",
   fade: n = !1,
   in: r,
   unmountOnExit: s = !0,
-  easing: c,
+  easing: o,
   duration: i,
   group: a,
-  nodeRef: o,
-  onEntered: p,
-  onExited: l,
-  ...g
+  nodeRef: l,
+  onEntered: b,
+  onExited: u,
+  ...x
 }) {
-  const y = B(Y), h = B(ut), S = r === void 0 && !!h, w = S ? h.present : !!r, f = i ?? y?.duration ?? 300, m = c ?? y?.easing ?? "ease", D = F(null), L = o ?? D, C = F(null), j = F(!1), M = F({ restart: () => {
-  } }), [u] = U(() => S && h.appear ? !w : w), x = F(u), [E, $] = U(!w);
-  w && E && $(!1);
-  const k = ot(() => {
-    if (a?.delete(M.current), w) {
-      C.current = null, p?.();
+  const d = V(ne), c = V(Ct), y = r === void 0 && !!c, w = y ? c.present : !!r, p = i ?? (d?.duration ?? 300) / (y && c.swap ? 2 : 1), f = o ?? d?.easing ?? "ease", v = G(null), A = l ?? v, T = G(null), H = G(!1), C = G({ restart: () => {
+  } }), [g] = Q(() => y && c.appear ? !w : w), k = G(g), [D, R] = Q(!w);
+  w && D && R(!1);
+  const I = yt(() => {
+    if (a?.delete(C.current), w) {
+      T.current?.cancel(), T.current = null, b?.();
       return;
     }
-    l?.(), S && h.onExited(), s && (C.current = null, $(!0));
+    u?.(), y && c.onExited(), s && (T.current = null, R(!0));
   });
-  return ne(() => {
-    const I = L.current;
-    if (!I) return;
-    const A = n ? [..._e[t], "opacity"] : _e[t], b = { overflow: "hidden", textOverflow: "clip", ...Kt[t] }, d = { ...Object.fromEntries(A.map((P) => [P, P === "opacity" ? 0 : "0px"])), ...b }, v = () => {
-      const P = getComputedStyle(I);
-      return { ...Object.fromEntries(A.map((G) => [G, P[G]])), ...b };
-    }, T = (P, G) => {
-      const ee = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches, z = C.current = I.animate([P, G], { duration: ee ? 0 : f, easing: m, fill: x.current ? "backwards" : "both" });
+  return X(() => {
+    const m = A.current;
+    if (!m) return;
+    const L = n ? [...ot[t], "opacity"] : ot[t], S = { overflow: "hidden", textOverflow: "clip", ...un[t] }, F = { ...Object.fromEntries(L.map((N) => [N, N === "opacity" ? 0 : "0px"])), ...S }, h = () => {
+      const { overflow: N } = m.style;
+      m.style.overflow = "hidden";
+      const P = getComputedStyle(m), _ = { ...Object.fromEntries(L.map((z) => [z, P[z]])), ...S };
+      return m.style.overflow = N, _;
+    }, O = (N, P) => {
+      const _ = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches, z = T.current = m.animate([N, P], { duration: _ ? 0 : p, easing: f, fill: k.current ? "backwards" : "both" });
       if (z.onfinish = () => {
-        C.current === z && j.current && k();
-      }, M.current.frames = [P, G], !a) return;
-      const R = z.timeline?.currentTime;
-      R != null && (z.startTime = R, z.currentTime = 0), M.current.batch = qt(), a.add(M.current);
-    }, H = () => {
-      const [P, G] = M.current.frames, ee = C.current.effect.getComputedTiming().progress ?? 0, z = (R) => parseFloat(P[R]) + (parseFloat(G[R]) - parseFloat(P[R])) * ee;
-      return { ...Object.fromEntries(A.map((R) => [R, R === "opacity" ? z(R) : `${z(R)}px`])), ...b };
+        T.current === z && H.current && I();
+      }, C.current.frames = [N, P], !a) return;
+      const W = z.timeline?.currentTime;
+      W != null && (z.startTime = W, z.currentTime = 0), C.current.batch = fn(), a.add(C.current);
+    }, E = () => {
+      const [N, P] = C.current.frames, _ = T.current.effect.getComputedTiming().progress ?? 0, z = (W) => parseFloat(N[W]) + (parseFloat(P[W]) - parseFloat(N[W])) * _;
+      return { ...Object.fromEntries(L.map((W) => [W, W === "opacity" ? z(W) : `${z(W)}px`])), ...S };
     };
-    if (M.current.restart = (P) => {
-      const G = C.current;
-      if (G?.playState !== "running" || !P && M.current.batch === Ae) return;
-      const ee = H();
-      G.cancel(), T(ee, x.current ? v() : d);
-    }, x.current === w) {
-      !w && !C.current && I.animate && (C.current = I.animate([d, d], { fill: "forwards" }));
+    if (C.current.restart = (N) => {
+      const P = T.current;
+      if (P?.playState !== "running" || !N && C.current.batch === We) return;
+      const _ = E();
+      P.cancel(), O(_, k.current ? h() : F);
+    }, k.current === w) {
+      !w && !T.current && m.animate && (T.current = m.animate([F, F], { fill: "forwards" }));
       return;
     }
-    x.current = w;
-    const J = C.current;
-    if (J?.playState === "running") {
+    k.current = w;
+    const $ = T.current;
+    if ($?.playState === "running") {
       if (!a) {
-        J.reverse();
+        $.reverse();
         return;
       }
-      M.current.restart(!0);
+      C.current.restart(!0);
     } else {
-      if (J?.cancel(), !I.animate) {
-        k();
+      if ($?.cancel(), !m.animate) {
+        I();
         return;
       }
-      w ? T(d, v()) : T(v(), d);
+      w ? O(F, h()) : O(h(), F);
     }
-    a?.forEach((P) => P !== M.current && P.restart());
-  }, [w, t, n, f, m, L, a]), ne(() => {
-    const I = M.current;
-    return j.current = !0, C.current?.playState === "running" && a?.add(I), () => {
-      j.current = !1, a?.delete(I);
+    a?.forEach((N) => N !== C.current && N.restart());
+  }, [w, t, n, p, f, A, a]), X(() => {
+    const m = C.current;
+    return H.current = !0, T.current?.playState === "running" && a?.add(m), () => {
+      H.current = !1, a?.delete(m);
     };
-  }, [a]), E && s ? null : /* @__PURE__ */ O(e, { ref: L, ...g });
+  }, [a]), D && s ? null : /* @__PURE__ */ M(e, { ref: A, ...x });
 }
-const _t = ({ id: e, present: t, appear: n, onExited: r, children: s }) => {
-  const c = _(() => ({ present: t, appear: n, onExited: () => r(e) }), [e, t, n, r]);
-  return /* @__PURE__ */ O(ut.Provider, { value: c, children: s });
-}, Ue = (e, t, n = !0) => {
-  const r = it.toArray(t).filter(xe), s = new Set(r.map((o) => o.key)), c = new Map(e.map((o) => [o.key, o])), i = r.map((o) => ({ key: o.key, el: o, present: !0, appear: c.get(o.key)?.appear ?? n }));
-  let a = 0;
-  return e.forEach((o) => {
-    s.has(o.key) ? o.present && (a = i.findIndex((p) => p.key === o.key) + 1) : i.splice(a++, 0, o.present ? { ...o, present: !1 } : o);
-  }), { children: t, list: i };
-};
-function $e({ children: e, hold: t = !1 }) {
-  const [n, r] = U(() => ({ ...Ue([], e, !1), hold: t }));
-  let s = n;
-  s.children !== e && (s = { ...s, ...Ue(s.list, e) }), s.hold !== t && (s = { ...s, hold: t, list: t ? s.list : s.list.filter((i) => i.present) }), s !== n && r(s);
-  const c = K((i) => r(
-    (a) => !a.hold && a.list.some((o) => o.key === i && !o.present) ? { ...a, list: a.list.filter((o) => o.key !== i) } : a
+const pn = ({ id: e, present: t, appear: n, swap: r, onExited: s, children: o }) => {
+  const i = Z(() => ({ present: t, appear: n, swap: r, onExited: () => s(e) }), [e, t, n, r, s]);
+  return /* @__PURE__ */ M(Ct.Provider, { value: i, children: o });
+}, it = (e, t, n, r = !0) => {
+  const s = vt.toArray(t).filter(Ne), o = new Set(s.map((d) => d.key)), i = new Map(e.map((d) => [d.key, d])), a = s.map((d) => ({ key: d.key, el: d, present: !0, appear: i.get(d.key)?.appear ?? r }));
+  let l = 0;
+  const b = /* @__PURE__ */ new Set();
+  e.forEach((d) => {
+    if (o.has(d.key))
+      d.present && (l = a.findIndex((c) => c.key === d.key) + 1);
+    else if (!d.pending) {
+      const c = d.present ? { ...d, present: !1, swap: !1 } : d;
+      d.present && b.add(c), a.splice(l++, 0, c);
+    }
+  });
+  const u = (d) => d.present && (i.get(d.key)?.pending ?? !i.has(d.key)), x = n && (b.size > 0 || e.some((d) => d.pending)) && a.some((d) => !d.present) && a.some(u);
+  return { children: t, list: x ? a.map((d) => b.has(d) ? { ...d, swap: !0 } : u(d) ? { ...d, pending: !0, swap: !0 } : d) : a };
+}, at = (e) => e.some((t) => !t.present) ? e : e.map((t) => t.pending ? { ...t, pending: !1 } : t);
+function qe({ children: e, hold: t = !1, wait: n = !1 }) {
+  const [r, s] = Q(() => ({ ...it([], e, n, !1), hold: t }));
+  let o = r;
+  o.children !== e && (o = { ...o, ...it(o.list, e, n) }), o.hold !== t && (o = { ...o, hold: t, list: t ? o.list : at(o.list.filter((a) => a.present)) }), o !== r && s(o);
+  const i = Y((a) => s(
+    (l) => !l.hold && l.list.some((b) => b.key === a && !b.present) ? { ...l, list: at(l.list.filter((b) => b.key !== a)) } : l
   ), []);
-  return n.list.map(
-    ({ key: i, el: a, present: o, appear: p }) => /* @__PURE__ */ O(_t, { id: i, present: o, appear: p, onExited: c, children: a }, i)
+  return r.list.map(
+    ({ key: a, el: l, present: b, appear: u, pending: x, swap: d = !1 }) => !x && /* @__PURE__ */ M(pn, { id: a, present: b, appear: u, swap: d, onExited: i, children: l }, a)
   );
 }
-const ft = "rac-chip-slot", Le = "rac-flip", Ge = [], Ut = 0.25, Yt = { hoverId: null, swipedId: null, held: !1, breaks: Ge }, De = () => window.matchMedia?.("(prefers-reduced-motion: reduce)").matches, ve = (e) => Array.from(e.children).filter((t) => t.classList.contains(ft)), Ye = (e) => Array.from(e.children).some((t) => t.getAnimations?.().some((n) => n.constructor === Animation && n.id !== Le && n.playState === "running")), Jt = (e, t) => e.length === t.length && e.every((n, r) => n === t[r]), Xt = (e) => {
+const Tt = "rac-chip-slot", $e = "rac-flip", Ze = "rac-resize", Qe = [], ct = { overflow: "hidden", textOverflow: "clip", boxSizing: "border-box", minWidth: "0px", maxWidth: "none", minHeight: "0px", maxHeight: "none" }, It = "(prefers-reduced-motion: reduce)", xe = () => !!window.matchMedia?.(It).matches, gn = (e) => {
+  const t = window.matchMedia?.(It);
+  return t?.addEventListener("change", e), () => t?.removeEventListener("change", e);
+}, Ee = (e) => Array.from(e.children).filter((t) => t.classList.contains(Tt)), je = (e) => e.firstElementChild?.firstElementChild, Mt = (e, t) => !!e?.getAnimations?.().some((n) => n.constructor === Animation && t(n)), $t = (e, t) => Mt(e, (n) => n.playState === "running" && t(n)), At = (e) => Ee(e).some((t) => $t(je(t), (n) => n.id === Ze)), Re = (e) => Array.from(e.children).some((t) => $t(t, (n) => n.id !== $e)) || At(e), hn = (e, t) => e.length === t.length && e.every((n, r) => n === t[r]), mn = (e) => {
   const t = [];
   let n = -1 / 0;
   for (const r of e) {
@@ -449,138 +467,186 @@ const ft = "rac-chip-slot", Le = "rac-flip", Ge = [], Ut = 0.25, Yt = { hoverId:
     s.top >= n - 1 && (t.push([]), n = s.bottom), t.at(-1).push(r), n = Math.max(n, s.bottom);
   }
   return t;
-}, gt = (e, t, n, r) => {
-  const s = e.cloneNode(!0), { height: c, paddingInlineEnd: i } = getComputedStyle(e);
-  s.style.cssText = `visibility: hidden; pointer-events: none; height: ${c}; min-height: 0; padding-inline-end: calc(${i} + ${n}px)`, s.querySelectorAll(`:scope > :not(.${ft})`).forEach((l) => l.remove()), r && ve(s).forEach((l) => r.has(l.dataset.id) || l.remove()), n && s.querySelectorAll(".rac-chip-del").forEach((l) => l.remove());
-  const a = ve(s), o = new Map(a.map((l, g) => [l.dataset.id, g]));
-  t?.slice(1).forEach((l, g) => {
-    const y = Math.min(...l.map((S) => o.get(S) ?? 1 / 0)), h = Math.max(...t[g].map((S) => o.get(S) ?? -1).filter((S) => S < y));
-    h >= 0 && a[h].after(Object.assign(document.createElement("div"), { className: "rac-spacer" }));
-  }), e.style.position = "absolute", e.after(s), s.getAnimations?.({ subtree: !0 }).forEach((l) => l.effect?.getComputedTiming().endTime < 1 / 0 && l.finish());
-  const p = Xt(a).map((l) => l.map((g) => g.dataset.id));
-  return s.remove(), e.style.position = "", p;
-}, pt = (e, t) => {
-  const n = t ? t.slice(0, -1).map((s) => s.at(-1)) : Ge, { breaks: r } = e.get();
-  return Jt(r, n) ? r : n;
-}, Je = (e, t, n, r) => pt(e, r && n.length ? gt(t, null, r, new Set(n.map((s) => s.id))) : null), Xe = (e, t, n) => {
-  n.rows = gt(t, n.rows, n.reserve), e.set({ held: !0, breaks: pt(e, n.rows) });
-}, Ze = (e, t, n, r) => {
+}, Nt = (e, t, n, r, s) => {
+  const o = e.cloneNode(!0), { height: i, paddingInlineEnd: a } = getComputedStyle(e), l = s ? "" : `height: ${i}; min-height: 0;`;
+  o.style.cssText = `visibility: hidden; pointer-events: none; ${l} padding-inline-end: calc(${a} + ${n}px)`, o.querySelectorAll(`:scope > :not(.${Tt})`).forEach((c) => c.remove()), r && Ee(o).forEach((c) => r.has(c.dataset.id) || c.remove()), n && o.querySelectorAll(".rac-chip-del").forEach((c) => c.remove());
+  const b = Ee(o);
+  b.forEach((c) => s?.has(c.dataset.id) && Object.assign(je(c)?.style ?? {}, { minWidth: s.get(c.dataset.id), boxSizing: "border-box" }));
+  const u = new Map(b.map((c, y) => [c.dataset.id, y]));
+  t?.slice(1).forEach((c, y) => {
+    const w = Math.min(...c.map((f) => u.get(f) ?? 1 / 0)), p = Math.max(...t[y].map((f) => u.get(f) ?? -1).filter((f) => f < w));
+    p >= 0 && b[p].after(Object.assign(document.createElement("div"), { className: "rac-spacer" }));
+  }), e.style.position = "absolute", e.after(o), o.getAnimations?.({ subtree: !0 }).forEach((c) => c.effect?.getComputedTiming().endTime < 1 / 0 && c.finish());
+  const x = mn(b).map((c) => c.map((y) => y.dataset.id)), d = o.offsetHeight;
+  return o.remove(), e.style.position = "", { rows: x, fit: d };
+}, Dt = (e, t) => {
+  const n = t ? t.slice(0, -1).map((s) => s.at(-1)) : Qe, { breaks: r } = e.get();
+  return hn(r, n) ? r : n;
+}, lt = (e, t, n, r) => Dt(e, r && n.length ? Nt(t, null, r, new Set(n.map((s) => s.id))).rows : null), ke = (e, t, n) => {
+  const { rows: r, fit: s } = Nt(t, n.rows, n.reserve, null, n.floor);
+  Object.assign(n, { rows: r, fit: n.floor ? s : null }), e.set({ held: !0, breaks: Dt(e, r) });
+}, bn = (e, t) => new Map(Ee(e).map((n) => {
+  const { left: r, top: s } = n.getBoundingClientRect(), o = t && je(n);
+  return [n, { left: r, top: s, label: o ? Lt(o) : null }];
+})), dt = (e, t, n, r) => {
   if (!e.animate) return;
-  e.getAnimations().forEach((a) => a.id === Le && a.cancel());
-  const s = e.getBoundingClientRect(), c = t.left - s.left, i = t.top - s.top;
-  (Math.abs(c) > 0.5 || Math.abs(i) > 0.5) && e.animate([{ transform: `translate(${c}px, ${i}px)` }, { transform: "none" }], { id: Le, duration: n, easing: r });
-}, Zt = (e, t, n, r, s) => {
+  e.getAnimations().forEach((a) => a.id === $e && a.cancel());
+  const s = e.getBoundingClientRect(), o = t.left - s.left, i = t.top - s.top;
+  (Math.abs(o) > 0.5 || Math.abs(i) > 0.5) && e.animate([{ transform: `translate(${o}px, ${i}px)` }, { transform: "none" }], { id: $e, duration: n, easing: r });
+}, Lt = (e) => {
+  const t = getComputedStyle(e), n = (...r) => `${r.reduce((s, o) => s + parseFloat(t[o]), 0)}px`;
+  return t.boxSizing === "border-box" ? { width: t.width, height: t.height } : {
+    width: n("width", "paddingLeft", "paddingRight", "borderLeftWidth", "borderRightWidth"),
+    height: n("height", "paddingTop", "paddingBottom", "borderTopWidth", "borderBottomWidth")
+  };
+}, yn = (e) => {
+  const t = [];
+  e.forEach(({ label: r }, s) => {
+    const o = r && s.isConnected && je(s);
+    !o?.animate || Mt(s, (i) => i.id !== $e) || (o.getAnimations().forEach((i) => i.id === Ze && i.cancel()), t.push({ id: s.dataset.id, el: o, from: r }));
+  });
+  const n = (r, s) => Math.abs(parseFloat(r) - parseFloat(s)) > 0.5;
+  return t.map((r) => ({ ...r, to: Lt(r.el) })).filter(({ from: r, to: s }) => n(r.width, s.width) || n(r.height, s.height));
+}, vn = (e, t, n, r) => e.forEach(({ el: s, from: o, to: i }) => {
+  s.animate([{ ...ct, ...o }, { ...ct, ...i }], { id: Ze, duration: t, easing: n }).onfinish = r;
+}), Be = (e, t, n, r, s, o) => {
   if (!e || n === t.value) return;
-  const c = getComputedStyle(e), i = t.anim ? c.height : t.root;
-  t.anim?.cancel(), t.root = c.height;
-  const a = !t.value || i === t.root || !e.animate || De();
-  if (t.value = n, t.anim = null, a) return;
-  const o = { overflow: "hidden", alignItems: "flex-start" }, p = t.anim = e.animate([{ ...o, height: i }, { ...o, height: t.root }], { duration: r, easing: s });
-  p.onfinish = () => {
-    t.anim === p && (t.anim = null);
+  const i = getComputedStyle(e), a = t.anim ? i.height : t.root;
+  t.anim?.cancel(), o && Object.assign(o.style, { height: `${n}px`, boxSizing: "border-box" }), t.root = i.height, o && Object.assign(o.style, { height: "", boxSizing: "" });
+  const l = !t.value || a === t.root || !e.animate || xe();
+  if (t.value = n, t.anim = null, l) return;
+  const b = { overflow: "hidden", alignItems: "flex-start" }, u = t.anim = e.animate([{ ...b, height: a }, { ...b, height: t.root }], { duration: r, easing: s });
+  u.onfinish = () => {
+    t.anim === u && (t.anim = null);
   };
-};
-function Qt(e) {
-  const { selectRef: t, duration: n, easing: r, multiple: s, deleteInline: c, deleteAlways: i, icons: a } = B(Y), { selectedIDs: o, deleting: p, visibility: l, active: g } = B(de), { setDeleting: y, setVisibility: h } = B(ce), [S, w] = U(0), [f] = U(() => Me(Yt)), [m] = U(() => /* @__PURE__ */ new Set()), D = re(f.subscribe, () => f.get().held, () => !1), L = re(f.subscribe, () => f.get().breaks, () => Ge), C = F({ rows: null, reserve: 0, chips: e }), j = F(null), M = F({ value: 0, root: "", anim: null }), u = F(null), x = F(null), E = c && !i && !p && !!a.remove, $ = E ? S + Ut : 0, k = s && E && !S, V = ot((b) => {
-    const d = u.current, v = C.current;
-    d && (b && f.get().held && Xe(f, d, v), Zt(t.current, M.current, d.offsetHeight, n, r), f.get().held || f.set({ breaks: Je(f, d, v.chips, v.reserve) }));
+}, wn = 0.25, xn = { hoverId: null, swipedId: null, held: !1, breaks: Qe };
+function On(e) {
+  const { selectRef: t, duration: n, easing: r, multiple: s, deleteInline: o, deleteAlways: i, icons: a, valueAsOption: l, renderOption: b } = V(ne), { selectedIDs: u, deleting: x, visibility: d, active: c } = V(fe), { setDeleting: y, setVisibility: w } = V(ue), [p, f] = Q(0), [v] = Q(() => xt(xn)), [A] = Q(() => /* @__PURE__ */ new Set()), T = ce(v.subscribe, () => v.get().held, () => !1), H = ce(v.subscribe, () => v.get().breaks, () => Qe), C = ce(gn, xe, () => !1), g = G({ rows: null, reserve: 0, chips: e, swap: !1, duration: n, easing: r }), k = G(null), D = G({ value: 0, root: "", anim: null }), R = G(null), I = G(null), B = o && !i && !x && !!a.remove, m = B ? p + wn : 0, L = s && B && !p && e.length > 0, S = l ? b ? 2 : 1 : 0, F = yt((E, $) => {
+    const N = R.current, P = g.current;
+    if (!N) return;
+    const _ = At(N);
+    if (_ && $) return;
+    E && v.get().held && ke(v, N, P);
+    const z = P.swap ? P.duration / 2 : P.duration;
+    _ ? P.fit != null && Be(t.current, D.current, P.fit, z, P.easing, N) : ($ || D.current.value) && Be(t.current, D.current, N.offsetHeight, z, P.easing), v.get().held || v.set({ breaks: lt(v, N, P.chips, P.reserve) });
   });
-  ne(() => {
-    const b = C.current, d = u.current, v = b.chips !== e;
-    Object.assign(b, { chips: e, reserve: $ }), v && d && Ye(d) && Xe(f, d, b), V(!v);
-  }, [e, $, f]), ne(() => {
-    const b = () => V(!0), d = typeof ResizeObserver > "u" ? null : new ResizeObserver(b);
-    return d?.observe(u.current), document.fonts?.addEventListener("loadingdone", b), () => {
-      d?.disconnect(), document.fonts?.removeEventListener("loadingdone", b);
+  X(() => {
+    Object.assign(g.current, { duration: n, easing: r });
+  }, [n, r]), X(() => {
+    const E = g.current, $ = R.current, N = E.chips !== e;
+    Object.assign(E, { chips: e, reserve: m }), N && $ && Re($) && ke(v, $, E), F(!N);
+  }, [e, m, v]), X(() => {
+    const E = () => F(!0, !0), $ = typeof ResizeObserver > "u" ? null : new ResizeObserver(E);
+    return $ ? $.observe(R.current) : E(), document.fonts?.addEventListener("loadingdone", E), () => {
+      $?.disconnect(), document.fonts?.removeEventListener("loadingdone", E);
     };
   }, []);
-  const I = K(() => {
-    const b = u.current;
-    if (!b || !f.get().held || Ye(b)) return;
-    const d = ve(b), v = d.map((H) => H.getBoundingClientRect()), T = Je(f, b, C.current.chips, C.current.reserve);
-    C.current.rows = null, St(() => f.set({ held: !1, breaks: T })), De() || d.forEach((H, J) => H.isConnected && Ze(H, v[J], n, r));
-  }, [f, n, r]), A = K(() => {
-    u.current && (j.current = new Map(ve(u.current).map((b) => [b, b.getBoundingClientRect()])));
+  const h = Y(() => {
+    const E = R.current;
+    if (!E || !v.get().held || Re(E)) return;
+    const $ = g.current, N = Ee(E), P = N.map((z) => z.getBoundingClientRect()), _ = lt(v, E, $.chips, $.reserve);
+    Object.assign($, { rows: null, floor: null, fit: null }), et(() => v.set({ held: !1, breaks: _ })), $.swap = Re(E), $.swap && et(() => ke(v, E, $)), xe() || N.forEach((z, W) => z.isConnected && dt(z, P[W], $.swap ? n / 2 : n, r));
+  }, [v, n, r]), O = Y((E) => {
+    R.current && (k.current = bn(R.current, E));
   }, []);
-  return ne(() => {
-    const b = j.current;
-    !b || L !== f.get().breaks || (j.current = null, De() || b.forEach((d, v) => v.isConnected && Ze(v, d, n, r)));
-  }, [L, e, f, n, r]), oe(() => () => M.current.anim?.cancel(), []), oe(() => {
-    p && l && h(!1), p && (!o.length || !g) && y(!1), f.set({ hoverId: null, ...!g && { swipedId: null } });
-  }, [o.length, p, l, g, y, h, f]), ne(() => {
-    const b = x.current;
-    if (!k || !b) return;
-    const d = getComputedStyle(b);
-    w(b.getBoundingClientRect().width + parseFloat(d.marginLeft) + parseFloat(d.marginRight));
-  }, [k]), { chipStore: f, delGroup: m, valueRef: u, delIconRef: x, probe: k, settle: I, held: D, snapshot: A };
+  return X(() => {
+    const E = R.current, $ = g.current;
+    if (!E || !k.current || !n || xe()) return;
+    const N = yn(k.current);
+    N.length && ($.floor = new Map(N.map(({ id: P, from: _ }) => [P, _.width])), ke(v, E, $), Be(t.current, D.current, $.fit, n, r, E), vn(N, n, r, () => {
+      h(), F(!1, !0);
+    }));
+  }, [S, v, n, r, t, h]), X(() => {
+    const E = k.current;
+    !E || H !== v.get().breaks || (k.current = null, xe() || E.forEach(($, N) => N.isConnected && dt(N, $, n, r)));
+  }, [H, e, S, v, n, r]), J(() => () => D.current.anim?.cancel(), []), J(() => {
+    x && d && w(!1), x && (!u.length || !c) && y(!1), v.set({ hoverId: null, ...!c && { swipedId: null } });
+  }, [u.length, x, d, c, y, w, v]), X(() => {
+    const E = I.current;
+    if (!L || !E) return;
+    const $ = getComputedStyle(E);
+    f(E.getBoundingClientRect().width + parseFloat($.marginLeft) + parseFloat($.marginRight));
+  }, [L]), { chipStore: v, delGroup: A, valueRef: R, delIconRef: I, probe: L, settle: h, held: T, snapshot: O, look: S, wait: n > 0 && !C };
 }
-const Qe = 1, et = 2, en = 600, tn = 10, tt = 30, nn = se(function({ element: t, deleting: n, locked: r, chipStore: s, delGroup: c }) {
-  const { selectRef: i, deleteInline: a, deleteAlways: o, icons: p, texts: l, valueAsOption: g, renderOption: y } = B(Y), h = !!p.remove, { setVisibility: S, setDeleting: w, removeOption: f } = B(ce), m = F({ longPressTimer: null, longPress: !1, x: 0, y: 0 }), D = re(s.subscribe, () => {
-    const { hoverId: b, swipedId: d } = s.get();
-    return (b === t.id ? Qe : 0) | (d === t.id ? et : 0);
-  }, () => 0), L = !!(D & Qe), C = !!(D & et), j = K((b) => {
-    const { clientX: d, clientY: v } = b.touches[0];
-    Object.assign(m.current, { x: d, y: v, longPress: !1 }), clearTimeout(m.current.longPressTimer), h && (m.current.longPressTimer = setTimeout(() => {
-      w(!0), m.current.longPress = !0, i.current?.focus(), S(!1), window.navigator.vibrate?.(50);
-    }, en));
-  }, [h, w, S, i]), M = K((b) => {
-    const { clientX: d, clientY: v } = b.touches[0], T = m.current.x - d;
-    Math.hypot(T, m.current.y - v) > tn && clearTimeout(m.current.longPressTimer), T > tt && !C ? s.set({ hoverId: null, swipedId: t.id }) : T < -tt && C && s.set({ swipedId: null });
-  }, [t.id, C, s]), u = K(() => clearTimeout(m.current.longPressTimer), []), x = K(() => s.set({ hoverId: t.id, swipedId: null }), [t.id, s]), E = K(() => {
+const ut = 1, ft = 2, En = 600, Sn = 10, pt = 30, kn = ie(function({ element: t, deleting: n, locked: r, chipStore: s, delGroup: o }) {
+  const { selectRef: i, deleteInline: a, deleteAlways: l, icons: b, texts: u, valueAsOption: x, renderOption: d } = V(ne), c = !!b.remove, { setVisibility: y, setDeleting: w, removeOption: p } = V(ue), f = G({ longPressTimer: null, longPress: !1, x: 0, y: 0 }), v = ce(s.subscribe, () => {
+    const { hoverId: S, swipedId: F } = s.get();
+    return (S === t.id ? ut : 0) | (F === t.id ? ft : 0);
+  }, () => 0), A = !!(v & ut), T = !!(v & ft), H = Y((S) => {
+    const { clientX: F, clientY: h } = S.touches[0];
+    Object.assign(f.current, { x: F, y: h, longPress: !1 }), clearTimeout(f.current.longPressTimer), c && (f.current.longPressTimer = setTimeout(() => {
+      w(!0), f.current.longPress = !0, i.current?.focus(), y(!1), window.navigator.vibrate?.(50);
+    }, En));
+  }, [c, w, y, i]), C = Y((S) => {
+    const { clientX: F, clientY: h } = S.touches[0], O = f.current.x - F;
+    Math.hypot(O, f.current.y - h) > Sn && clearTimeout(f.current.longPressTimer), O > pt && !T ? s.set({ hoverId: null, swipedId: t.id }) : O < -pt && T && s.set({ swipedId: null });
+  }, [t.id, T, s]), g = Y((S) => {
+    clearTimeout(f.current.longPressTimer), f.current.longPress && S.cancelable && S.preventDefault(), f.current.longPress = !1;
+  }, []), k = Y(() => s.set({ hoverId: t.id, swipedId: null }), [t.id, s]), D = Y(() => {
     s.get().hoverId === t.id && s.set({ hoverId: null });
   }, [t.id, s]);
-  oe(() => () => clearTimeout(m.current.longPressTimer), []);
-  const $ = g ? Ve(t, y, !0) : null, k = $ ? /* @__PURE__ */ O("div", { className: "rac-option-jsx", children: $ }) : /* @__PURE__ */ O("span", { className: "rac-chip-text", children: t.name || l.emptyOption }), V = K((b) => {
-    s.set({ swipedId: null }), f(t.id), Q(b);
-  }, [t.id, f, s]), I = K((b) => {
-    Q(b), m.current.longPress ? m.current.longPress = !1 : n && V(b);
-  }, [n, V]), A = h && (o || !r && (L || C || n));
-  return /* @__PURE__ */ q(
+  J(() => () => clearTimeout(f.current.longPressTimer), []);
+  const R = x ? Ue(t, d, !0) : null, I = R ? /* @__PURE__ */ M("div", { className: "rac-option-jsx", children: R }) : /* @__PURE__ */ M("span", { className: "rac-chip-text", children: t.name || u.emptyOption }), B = Y((S) => {
+    s.set({ swipedId: null }), Et(S, i), p(t.id), oe(S);
+  }, [t.id, p, s, i]), m = Y((S) => {
+    oe(S), n && B(S);
+  }, [n, B]), L = c && (l || !r && (A || T || n));
+  return /* @__PURE__ */ ee(
     "div",
     {
-      className: ue("rac-chip", $ && t.className),
-      style: $ ? t.style : void 0,
-      ...!r && { onTouchStart: j, onTouchMove: M, onTouchEnd: u, onTouchCancel: u, onMouseEnter: x, onMouseLeave: E, onClick: I },
+      className: me("rac-chip", R && t.className),
+      style: R ? t.style : void 0,
+      ...!r && { onTouchStart: H, onTouchMove: C, onTouchEnd: g, onTouchCancel: g, onMouseEnter: k, onMouseLeave: D, onClick: m },
       children: [
-        k,
-        /* @__PURE__ */ O(
-          ie,
+        I,
+        /* @__PURE__ */ M(
+          de,
           {
-            "aria-label": `${l.remove} ${t.name ?? ""}`.trim(),
-            group: a && !o && !n ? c : void 0,
-            onMouseDown: Q,
-            onClick: V,
+            "aria-label": `${u.remove} ${t.name ?? ""}`.trim(),
+            group: a && !l && !n ? o : void 0,
+            onMouseDown: oe,
+            onClick: B,
             className: "rac-chip-del",
             disabled: r,
             tabIndex: -1,
             type: "button",
-            in: A,
+            in: L,
             as: "button",
             axis: "x",
-            children: ae(p.remove)
+            children: he(b.remove)
           }
         )
       ]
     }
   );
-}), rn = se(function({ element: t, chipStore: n, settle: r, ...s }) {
-  const c = re(n.subscribe, () => n.get().breaks.includes(t.id), () => !1);
-  return /* @__PURE__ */ q(at, { children: [
-    /* @__PURE__ */ O(ie, { className: "rac-chip-slot", onEntered: r, onExited: r, unmountOnExit: !1, "data-id": t.id, axis: "x", fade: !0, children: /* @__PURE__ */ O(nn, { element: t, chipStore: n, ...s }) }),
-    c && /* @__PURE__ */ O("div", { className: "rac-spacer" })
+}), Cn = ie(function({ element: t, chipStore: n, settle: r, ...s }) {
+  const o = ce(n.subscribe, () => n.get().breaks.includes(t.id), () => !1);
+  return /* @__PURE__ */ ee(wt, { children: [
+    /* @__PURE__ */ M(de, { className: "rac-chip-slot", onEntered: r, onExited: r, unmountOnExit: !1, "data-id": t.id, axis: "x", fade: !0, children: /* @__PURE__ */ M(kn, { element: t, chipStore: n, ...s }) }),
+    o && /* @__PURE__ */ M("div", { className: "rac-spacer" })
   ] });
-}), sn = { position: "absolute", visibility: "hidden", pointerEvents: "none" }, je = [], on = () => {
-}, an = (e) => e == null ? "" : typeof e == "object" ? fe(e) ?? "" : String(e), ln = se(function() {
-  const { selectRef: t, multiple: n, name: r, required: s } = B(Y), { selected: c, selectedIDs: i, disabled: a } = B(de);
-  if (!r && !s) return null;
-  const o = (n ? i : c ? [c] : je).map((g) => an(g.original)), p = o.length ? o : n && !s ? je : [""], l = () => t.current?.focus();
-  return p.map(
-    (g, y) => /* @__PURE__ */ O("input", { className: "rac-input", name: r, value: g, required: s && !y, disabled: a, tabIndex: -1, "aria-hidden": "true", onChange: on, onFocus: l }, y)
+}), Tn = { position: "absolute", visibility: "hidden", pointerEvents: "none" }, jt = [], In = () => {
+}, Mn = (e) => e == null ? "" : typeof e == "object" ? ye(e) ?? "" : String(e), $n = ie(function() {
+  const { selectRef: t, multiple: n, name: r, form: s, required: o } = V(ne), { selected: i, selectedIDs: a, disabled: l, fieldsetDisabled: b } = V(fe), { reset: u, markInvalid: x } = V(ue), d = G(null);
+  J(() => {
+    const f = d.current?.getRootNode();
+    let v;
+    const A = (T) => {
+      T.target === d.current?.form && (clearTimeout(v), v = setTimeout(() => T.defaultPrevented || u()));
+    };
+    return f?.addEventListener("reset", A, !0), () => {
+      clearTimeout(v), f?.removeEventListener("reset", A, !0);
+    };
+  }, [u]);
+  const c = n ? a : i ? [i] : jt, y = !o && (!r || n && !c.length), w = y || !c.length ? [""] : c.map((f) => Mn(f.original)), p = () => t.current?.focus();
+  return w.map(
+    (f, v) => /* @__PURE__ */ M("input", { className: "rac-input", ref: v ? void 0 : d, name: y ? void 0 : r, form: s, value: f, hidden: y, required: o && !v, disabled: l && !b, tabIndex: -1, "aria-hidden": "true", autoComplete: "off", onChange: In, onInvalid: x, onFocus: p }, v)
   );
 });
-class cn extends vt {
+class An extends Pt {
   getSnapshotBeforeUpdate(t) {
-    return t.chips !== this.props.chips && this.props.take(), null;
+    const n = t.look !== this.props.look;
+    return (n || t.chips !== this.props.chips) && this.props.take(n), null;
   }
   componentDidUpdate() {
   }
@@ -588,403 +654,529 @@ class cn extends vt {
     return null;
   }
 }
-const nt = (e, t) => {
-  const n = new Set(e.map((i) => i.id)), r = new Map(t.map(([i, a]) => [a.id, i])), s = t.filter(([, i]) => !n.has(i.id)), c = new Set(t.map(([i]) => i));
+const gt = (e, t) => {
+  const n = new Set(e.map((i) => i.id)), r = new Map(t.map(([i, a]) => [a.id, i])), s = t.filter(([, i]) => !n.has(i.id)), o = new Set(t.map(([i]) => i));
   return e.map((i) => {
     if (r.has(i.id)) return [r.get(i.id), i];
-    const a = s.findIndex(([, p]) => Wt(p.original, i.original));
+    const a = s.findIndex(([, b]) => dn(b.original, i.original));
     if (a >= 0) return [s.splice(a, 1)[0][0], i];
-    let o = i.id;
-    for (; c.has(o); ) o += "~";
-    return c.add(o), [o, i];
+    let l = i.id;
+    for (; o.has(l); ) l += "~";
+    return o.add(l), [l, i];
   });
-}, dn = (e) => {
-  const [t, n] = U(() => ({ chips: e, keyed: nt(e, []) }));
+}, Nn = (e) => {
+  const [t, n] = Q(() => ({ chips: e, keyed: gt(e, []) }));
   if (t.chips === e) return t.keyed;
-  const r = nt(e, t.keyed);
+  const r = gt(e, t.keyed);
   return n({ chips: e, keyed: r }), r;
-}, un = se(function() {
-  const { selectedText: t, icons: n, valueAsOption: r, renderOption: s } = B(Y), { selectedIDs: c, title: i, valueOption: a, hasActualValue: o, loading: p, error: l, deleting: g, active: y } = B(de), h = c.length > 0 && !t, S = h ? c : je, { chipStore: w, delGroup: f, valueRef: m, delIconRef: D, probe: L, settle: C, held: j, snapshot: M } = Qt(S), u = dn(S), [x] = U(() => /* @__PURE__ */ new Set()), E = r && a ? Ve(a, s, !0) : null, $ = p && !l && !o, k = `${E ? a.id : i}${$ ? "-loading" : ""}`, V = a?.type === "boolean" ? String(a.raw) : void 0;
-  return /* @__PURE__ */ q("div", { className: "rac-value", ref: m, children: [
-    /* @__PURE__ */ O(cn, { chips: S, take: M }),
-    /* @__PURE__ */ O($e, { children: !h && /* @__PURE__ */ q(ie, { axis: "x", fade: !0, group: x, className: ue("rac-title", E && a.className), style: E ? a.style : void 0, "data-bool": V, onEntered: C, onExited: C, children: [
-      E ? /* @__PURE__ */ O("div", { className: "rac-option-jsx", children: E }) : i,
-      $ && Be
-    ] }, k) }),
-    /* @__PURE__ */ O($e, { hold: j, children: u.map(
-      ([I, A]) => /* @__PURE__ */ O(
-        rn,
+}, Dn = ie(function() {
+  const { selectedText: t, icons: n, valueAsOption: r, renderOption: s } = V(ne), { selectedIDs: o, title: i, valueOption: a, hasActualValue: l, loading: b, error: u, deleting: x, active: d } = V(fe), c = o.length > 0 && !t, y = c ? o : jt, { chipStore: w, delGroup: p, valueRef: f, delIconRef: v, probe: A, settle: T, held: H, snapshot: C, look: g, wait: k } = On(y), D = Nn(y), [R] = Q(() => /* @__PURE__ */ new Set()), I = r && a ? Ue(a, s, !0) : null, B = b && !u && !l, m = `${I ? a.id : i}${B ? "-loading" : ""}`, L = a?.type === "boolean" ? String(a.raw) : void 0;
+  return /* @__PURE__ */ ee("div", { className: "rac-value", ref: f, children: [
+    /* @__PURE__ */ M(An, { chips: y, look: g, take: C }),
+    /* @__PURE__ */ M(qe, { children: !c && /* @__PURE__ */ ee(de, { axis: "x", fade: !0, group: R, className: me("rac-title", I && a.className), style: I ? a.style : void 0, "data-bool": L, onEntered: T, onExited: T, children: [
+      I ? /* @__PURE__ */ M("div", { className: "rac-option-jsx", children: I }) : i,
+      B && Ye
+    ] }, m) }),
+    /* @__PURE__ */ M(qe, { hold: H, wait: k, children: D.map(
+      ([S, F]) => /* @__PURE__ */ M(
+        Cn,
         {
-          element: A,
-          deleting: g,
-          locked: !y,
+          element: F,
+          deleting: x,
+          locked: !d,
           chipStore: w,
-          delGroup: f,
-          settle: C
+          delGroup: p,
+          settle: T
         },
-        I
+        S
       )
     ) }),
-    L && /* @__PURE__ */ O("button", { type: "button", className: "rac-chip-del", tabIndex: -1, "aria-hidden": "true", ref: D, style: sn, children: ae(n.remove) })
+    A && /* @__PURE__ */ M("button", { type: "button", className: "rac-chip-del", tabIndex: -1, "aria-hidden": "true", ref: v, style: Tn, children: he(n.remove) })
   ] });
-}), fn = se(function() {
-  const { selectRef: t, selectId: n, highlightStore: r, positionStore: s, className: c, style: i, duration: a, easing: o, deleteInline: p, icons: l, texts: g, placeholder: y, id: h, required: S, attrs: w } = B(Y), { visibility: f, active: m, hasActualValue: D, deleting: L, loading: C, loadPending: j, error: M, normalizedOptions: u } = B(de), { handleBlur: x, handleFocus: E, handleKeyDown: $, toggleVisibility: k, clear: V } = B(ce), I = re(s.subscribe, () => s.get().upward, () => !1), A = re(r.subscribe, () => {
-    const v = f ? u[ye(r.get())] : null;
-    return v ? Oe(n, v.id) : void 0;
+}), Ln = ie(function() {
+  const { selectRef: t, selectId: n, highlightStore: r, className: s, style: o, duration: i, easing: a, deleteInline: l, icons: b, texts: u, placeholder: x, id: d, required: c, popup: y, attrs: w } = V(ne), { visibility: p, active: f, hasActualValue: v, deleting: A, loading: T, loadPending: H, error: C, invalid: g, normalizedOptions: k } = V(fe), { handleBlur: D, handleFocus: R, handleKeyDown: I, toggleVisibility: B, clear: m } = V(ue), L = ce(r.subscribe, () => {
+    const O = p ? k[Ie(r.get())] : null;
+    return O ? De(n, O.id) : void 0;
   }, () => {
-  }), b = !!l.clear && D && m && !L, d = !!l.arrow && m && !L;
-  return /* @__PURE__ */ q(
+  }), S = !!b.clear && v && f && !A, F = !!b.arrow && f && !A && y, h = y ? { role: "combobox", "aria-haspopup": "listbox", "aria-controls": `${n}-listbox`, "aria-expanded": p, "aria-activedescendant": L, "aria-required": c || void 0 } : { role: "group" };
+  return /* @__PURE__ */ ee(
     "div",
     {
       ...w,
-      id: h,
+      id: d,
       ref: t,
-      style: { "--rac-duration": `${a}ms`, "--rac-ease": o, ...i },
-      className: ue("rac-select", c),
-      ...m && {
-        onKeyDown: $,
-        onFocus: E,
-        onClick: k,
-        onBlur: x
+      style: { "--rac-duration": `${i}ms`, "--rac-ease": a, ...o },
+      className: me("rac-select", s),
+      ...f && {
+        onKeyDown: I,
+        onFocus: R,
+        onClick: B,
+        onBlur: D
       },
-      "aria-disabled": !m,
-      "aria-activedescendant": A,
-      "aria-controls": `${n}-listbox`,
-      tabIndex: m ? 0 : -1,
-      "aria-expanded": f,
-      "aria-busy": C || j || void 0,
-      "aria-label": w["aria-label"] ?? (w["aria-labelledby"] ? void 0 : y),
-      "aria-required": S || void 0,
-      "aria-haspopup": "listbox",
-      role: "combobox",
-      "data-placement": I ? "top" : "bottom",
-      "data-inline-delete": X(p),
-      "data-empty": X(!D),
-      "data-deleting": X(L),
-      "data-error": X(M),
+      ...h,
+      "aria-disabled": !f,
+      tabIndex: f ? 0 : -1,
+      "aria-busy": T || H || void 0,
+      "aria-label": w["aria-label"] ?? (w["aria-labelledby"] ? void 0 : x),
+      "aria-invalid": g || w["aria-invalid"],
+      "aria-describedby": [w["aria-describedby"], C && `${n}-error`].filter(Boolean).join(" ") || void 0,
+      "data-inline-delete": re(l),
+      "data-empty": re(!v),
+      "data-deleting": re(A),
+      "data-error": re(C),
+      "data-invalid": re(g),
       children: [
-        /* @__PURE__ */ O(un, {}),
-        /* @__PURE__ */ q($e, { children: [
-          b && /* @__PURE__ */ O(ie, { as: "button", type: "button", axis: "x", className: "rac-clear", tabIndex: -1, "aria-label": g.clear, onMouseDown: Q, onClick: V, children: ae(l.clear) }, "clear"),
-          d && /* @__PURE__ */ O(ie, { axis: "x", className: "rac-arrow", "aria-hidden": "true", children: ae(l.arrow) }, "arrow")
+        /* @__PURE__ */ M(Dn, {}),
+        /* @__PURE__ */ ee(qe, { children: [
+          S && /* @__PURE__ */ M(de, { as: "button", type: "button", axis: "x", className: "rac-clear", tabIndex: -1, "aria-label": u.clear, onMouseDown: oe, onClick: (O) => {
+            Et(O, t), m(O);
+          }, children: he(b.clear) }, "clear"),
+          F && /* @__PURE__ */ M(de, { axis: "x", className: "rac-arrow", "aria-hidden": "true", children: he(b.arrow) }, "arrow")
         ] }),
-        /* @__PURE__ */ O(ln, {})
+        /* @__PURE__ */ M($n, {})
       ]
     }
   );
-}), ke = 0, gn = 1, rt = 2, ht = (e) => {
-  const { highlightStore: t } = B(Y), n = F(null), r = re(t.subscribe, () => {
+}), Fe = 0, jn = 1, ht = 2, Rt = (e) => {
+  const { highlightStore: t } = V(ne), n = G(null), r = ce(t.subscribe, () => {
     const s = t.get();
-    return ye(s) !== e ? ke : s.ready ? rt : gn;
-  }, () => ke);
-  return ne(() => {
-    r === rt && n.current?.scrollIntoView?.({ block: "nearest" });
-  }, [r]), [n, r !== ke];
-}, pn = se(function({ option: t, index: n, open: r, hasChildren: s }) {
-  const { selectId: c, icons: i } = B(Y), { selectOption: a, highlight: o } = B(ce), [p, l] = ht(n), g = s && !t.disabled;
-  return /* @__PURE__ */ q(
+    return Ie(s) !== e ? Fe : s.ready ? ht : jn;
+  }, () => Fe);
+  return X(() => {
+    r === ht && n.current?.scrollIntoView?.({ block: "nearest" });
+  }, [r]), [n, r !== Fe];
+}, Bt = (e, t) => `${De(e, t.id)}_l`, Rn = ie(function({ option: t, index: n, open: r, hasChildren: s }) {
+  const { selectId: o, icons: i, texts: a } = V(ne), { selectOption: l, highlight: b } = V(ue), [u, x] = Rt(n), d = s && !t.disabled;
+  return /* @__PURE__ */ ee(
     "div",
     {
-      className: ue("rac-group", t.className),
-      onMouseEnter: () => g && o(n),
-      onClick: (y) => a(t, y),
-      "data-highlighted": X(l),
-      "data-disabled": X(t.disabled),
-      id: Oe(c, t.id),
-      "data-open": X(r),
+      className: me("rac-group", t.className),
+      onMouseEnter: () => d && b(n),
+      onClick: (c) => l(t, c),
+      "aria-label": d ? `${t.name}, ${r ? a.groupOpen : a.groupClosed}` : void 0,
+      "aria-disabled": !d || void 0,
+      "data-highlighted": re(x),
+      "data-disabled": re(t.disabled),
+      id: De(o, t.id),
+      "data-open": re(r),
+      "aria-selected": "false",
       style: t.style,
-      ref: p,
+      role: "option",
+      ref: u,
       children: [
-        /* @__PURE__ */ O("span", { className: "rac-group-text", children: t.name }),
-        /* @__PURE__ */ O(ie, { axis: "x", in: s && !t.disabled, className: "rac-group-arrow", "aria-hidden": "true", children: ae(i.arrow) })
+        /* @__PURE__ */ M("span", { className: "rac-group-text", id: Bt(o, t), children: t.name }),
+        /* @__PURE__ */ M(de, { axis: "x", in: s && !t.disabled, className: "rac-group-arrow", "aria-hidden": "true", children: he(i.arrow) })
       ]
     }
   );
-}), hn = se(function({ option: t, index: n, isSelected: r, showCheckbox: s }) {
-  const { selectId: c, icons: i, renderOption: a } = B(Y), { selectOption: o, highlight: p } = B(ce), [l, g] = ht(n), y = !t.disabled && !t.loading, h = Ve(t, a, r);
-  return /* @__PURE__ */ q(
+}), Bn = ie(function({ option: t, index: n, isSelected: r, showCheckbox: s }) {
+  const { selectId: o, icons: i, renderOption: a } = V(ne), { selectOption: l, highlight: b } = V(ue), [u, x] = Rt(n), d = !t.disabled && !t.loading, c = Ue(t, a, r);
+  return /* @__PURE__ */ ee(
     "div",
     {
-      className: ue("rac-option", t.className),
-      onMouseEnter: () => y && p(n),
-      onClick: (S) => !t.loading && o(t, S),
+      className: me("rac-option", t.className),
+      onMouseEnter: () => d && b(n),
+      onClick: (y) => !t.loading && l(t, y),
       "aria-disabled": t.disabled || t.loading,
-      "data-invalid": X(t.invalid),
+      "data-invalid": re(t.invalid),
       "data-bool": typeof t.raw == "boolean" ? String(t.raw) : void 0,
-      "data-highlighted": X(g),
-      "data-loading": X(t.loading),
-      id: Oe(c, t.id),
+      "data-highlighted": re(x),
+      "data-loading": re(t.loading),
+      id: De(o, t.id),
       "aria-selected": r,
       style: t.style,
       role: "option",
-      ref: l,
+      ref: u,
       children: [
-        h ? /* @__PURE__ */ O("div", { className: "rac-option-jsx", children: h }) : /* @__PURE__ */ O("span", { className: "rac-option-text", children: t.name }),
-        t.loading && Be,
-        s && /* @__PURE__ */ q("div", { className: "rac-check", "data-default": X(!i.checkbox), children: [
-          ae(i.check, { className: "rac-checkmark" }),
-          ae(i.checkbox, { className: "rac-check-icon" })
+        c ? /* @__PURE__ */ M("div", { className: "rac-option-jsx", children: c }) : /* @__PURE__ */ M("span", { className: "rac-option-text", children: t.name }),
+        t.loading && Ye,
+        s && /* @__PURE__ */ ee("div", { className: "rac-check", "data-default": re(!i.checkbox), children: [
+          he(i.check, { className: "rac-checkmark" }),
+          he(i.checkbox, { className: "rac-check-icon" })
         ] })
       ]
     }
   );
-}), mn = se(function() {
-  const { selectId: t, multiple: n } = B(Y), { normalizedOptions: r, selected: s, selectedIDs: c, expandedGroups: i } = B(de), a = s?.id;
-  return _(() => {
-    const o = new Set(c.map((f) => f.id)), p = r.reduce((f, m) => (m.group && (f[m.group] = (f[m.group] || 0) + 1), f), {}), l = [];
-    let g = [], y = null, h = null;
-    const S = () => {
-      y !== null && g.length && l.push(
-        /* @__PURE__ */ O(ie, { axis: "y", in: i.has(y), className: "rac-group-items", role: "group", "aria-labelledby": h, children: g }, `slide-${y}`)
-      ), g = [];
-    }, w = (f, m) => /* @__PURE__ */ O(
-      hn,
+}), Fn = ie(function() {
+  const { selectId: t, multiple: n } = V(ne), { normalizedOptions: r, selected: s, selectedIDs: o, expandedGroups: i } = V(fe), a = s?.id;
+  return Z(() => {
+    const l = new Set(o.map((p) => p.id)), b = r.reduce((p, f) => (f.group && (p[f.group] = (p[f.group] || 0) + 1), p), {}), u = [];
+    let x = [], d = null, c = null;
+    const y = () => {
+      d !== null && x.length && u.push(
+        /* @__PURE__ */ M(de, { axis: "y", in: i.has(d), className: "rac-group-items", role: "group", "aria-labelledby": c, children: x }, `slide-${d}`)
+      ), x = [];
+    }, w = (p, f) => /* @__PURE__ */ M(
+      Bn,
       {
-        isSelected: o.has(f.id) || a === f.id,
-        showCheckbox: n && !f.disabled,
-        option: f,
-        index: m
+        isSelected: l.has(p.id) || a === p.id,
+        showCheckbox: n && !p.disabled && "original" in p,
+        option: p,
+        index: f
       },
-      f.id
+      p.id
     );
-    return r.forEach((f, m) => {
-      f.groupHeader ? (S(), y = f.name, h = Oe(t, f.id), l.push(
-        /* @__PURE__ */ O(
-          pn,
+    return r.forEach((p, f) => {
+      p.groupHeader ? (y(), d = p.name, c = Bt(t, p), u.push(
+        /* @__PURE__ */ M(
+          Rn,
           {
-            hasChildren: p[f.name] > 0,
-            open: i.has(f.name),
-            option: f,
-            index: m
+            hasChildren: b[p.name] > 0,
+            open: i.has(p.name),
+            option: p,
+            index: f
           },
-          f.id
+          p.id
         )
-      )) : f.group ? g.push(w(f, m)) : (S(), y = null, l.push(w(f, m)));
-    }), S(), l;
-  }, [r, a, c, i, n, t]);
-}), yn = (e = {}) => Object.fromEntries(Object.entries(e).filter(([t]) => t.startsWith("--"))), bn = (e, t, n, r) => {
-  const s = e.getBoundingClientRect(), c = getComputedStyle(e), i = s.left - parseFloat(c.marginLeft) - t.left, a = n ? s.bottom + parseFloat(c.marginBottom) - t.top + r : s.top - parseFloat(c.marginTop) - t.bottom - r;
+      )) : p.group ? x.push(w(p, f)) : (y(), d = null, u.push(w(p, f)));
+    }), y(), u;
+  }, [r, a, o, i, n, t]);
+}), Hn = (e, t, n, r) => {
+  const s = e.getBoundingClientRect(), o = getComputedStyle(e), i = s.left - parseFloat(o.marginLeft) - t.left, a = n ? s.bottom + parseFloat(o.marginBottom) - t.top + r : s.top - parseFloat(o.marginTop) - t.bottom - r;
   Math.abs(i) > 0.5 && (e.style.left = `${t.left - i}px`), Math.abs(a) > 0.5 && (e.style[n ? "bottom" : "top"] = `${parseFloat(e.style[n ? "bottom" : "top"]) + (n ? a : -a)}px`);
-}, vn = ({ selectRef: e, panelRef: t, open: n, offset: r, store: s }) => {
-  const c = F(0), i = K((o) => {
-    const p = e.current;
-    if (!p) return;
-    const l = n && o ? o.scrollHeight : 0;
-    l && (c.current = l), c.current || (c.current = parseFloat(getComputedStyle(p).getPropertyValue("--rac-list-max-height")) || 250);
-    const g = p.getBoundingClientRect(), y = window.innerHeight - g.bottom, h = y < c.current && g.top > y;
-    s.set({ upward: h }), !(!n || !o) && (o.style.width = `${g.width}px`, o.style.left = `${g.left}px`, o.style.top = h ? "auto" : `${g.bottom + r}px`, o.style.bottom = h ? `${window.innerHeight - g.top + r}px` : "auto", bn(o, g, h, r));
-  }, [e, n, r, s]), a = K((o) => {
-    o && i(o.parentElement);
-  }, [i]);
-  return ne(() => {
-    const o = () => i(t.current);
-    o(), window.addEventListener("resize", o);
-    const p = [() => window.removeEventListener("resize", o)];
-    if (n) {
-      if (window.addEventListener("scroll", o, { capture: !0, passive: !0 }), p.push(() => window.removeEventListener("scroll", o, { capture: !0 })), typeof ResizeObserver < "u") {
-        const l = new ResizeObserver(o);
-        e.current && l.observe(e.current), t.current && l.observe(t.current), p.push(() => l.disconnect());
-      }
-    } else if (typeof IntersectionObserver < "u") {
-      const l = new IntersectionObserver(o, { threshold: [0, 0.25, 0.5, 0.75, 1] });
-      e.current && l.observe(e.current), p.push(() => l.disconnect());
+}, Pn = (e, t) => {
+  e && e.dataset.placement !== (t ? "top" : "bottom") && (e.dataset.placement = t ? "top" : "bottom");
+}, He = () => typeof IntersectionObserver < "u", mt = (e, t, n = window.innerHeight - e.bottom) => n < t && e.top > n, Vn = ({ selectRef: e, panelRef: t, open: n, frozen: r, offset: s, onFlip: o }) => {
+  const i = G(0), a = G(r), l = G(o);
+  X(() => {
+    a.current = r, l.current = o;
+  });
+  const b = Y((c) => [e.current, t.current].forEach((y) => Pn(y, c)), [e, t]), u = Y((c) => {
+    const y = e.current;
+    if (!y || !c) return;
+    c.scrollHeight && (i.current = c.scrollHeight);
+    const w = y.getBoundingClientRect(), p = c.dataset.placement, f = i.current, v = p === "top" ? w.top - s >= f : window.innerHeight - w.bottom - s >= f;
+    let A = p && (a.current || v) ? p === "top" : mt(w, f);
+    p && A !== (p === "top") && (l.current?.(), A = p === "top"), b(A), c.style.width = `${w.width}px`, c.style.left = `${w.left + window.scrollX}px`, c.style.top = A ? "auto" : `${w.bottom + window.scrollY + s}px`, c.style.bottom = A ? `${window.innerHeight - w.top - window.scrollY + s}px` : "auto", Hn(c, w, A, s);
+  }, [e, s, b]), x = Y((c) => {
+    c && u(c.parentElement);
+  }, [u]), d = Y((c) => {
+    c?.removeAttribute("data-placement"), u(c);
+  }, [u]);
+  return J(() => {
+    const c = e.current;
+    if (n || !c || !He()) return;
+    i.current ||= parseFloat(getComputedStyle(c).getPropertyValue("--rac-list-max-height")) || 250;
+    const y = { fits: !0, lower: !1 }, w = (f, v, A) => {
+      const T = new IntersectionObserver(([{ boundingClientRect: H, rootBounds: C }]) => {
+        C && (A(H, C), b(!y.fits && y.lower));
+      }, { rootMargin: f, threshold: v });
+      return T.observe(c), T;
+    }, p = [
+      w(`0px 0px ${-i.current}px 0px`, [0, 1], (f, v) => {
+        y.fits = f.bottom <= v.bottom;
+      }),
+      w("0px 0px -50% 0px", [0, 0.5, 1], (f, v) => {
+        y.lower = f.top + f.bottom > 2 * v.bottom;
+      })
+    ];
+    return () => p.forEach((f) => f.disconnect());
+  }, [n, e, b]), X(() => {
+    const c = e.current;
+    if (!n || !c) return;
+    const y = c.ownerDocument, w = t.current;
+    let p = 0, f = 0, v = "", A = null;
+    const T = () => {
+      const m = c.getBoundingClientRect(), L = t.current?.getBoundingClientRect() ?? m, S = mt(m, i.current), F = i.current + s;
+      return [m.left - L.left, S ? m.top - L.bottom : m.bottom - L.top, m.width, window.innerHeight, t.current?.scrollHeight, S, m.top >= F, window.innerHeight - m.bottom >= F].join();
+    }, H = () => {
+      if (A?.disconnect(), !He()) return;
+      const m = c.getBoundingClientRect(), { clientWidth: L, clientHeight: S } = y.documentElement, F = [m.top, L - m.right, S - m.bottom, m.left].map((O) => `${-Math.floor(O)}px`).join(" ");
+      let h = !1;
+      A = new IntersectionObserver(([O]) => {
+        h && O.intersectionRatio < 1 && k(), h = O.intersectionRatio === 1;
+      }, { root: y, rootMargin: F, threshold: 1 }), A.observe(c);
+    }, C = () => T() === v ? !1 : (u(t.current), v = T(), !0), g = () => {
+      if (p = 0, C()) f = 0;
+      else if (++f > 1) return H();
+      p = requestAnimationFrame(g);
+    }, k = () => {
+      f = 0, p ||= requestAnimationFrame(g);
+    };
+    t.current?.removeAttribute("data-offscreen"), u(t.current), v = T(), H(), window.addEventListener("scroll", k, { capture: !0, passive: !0 }), window.addEventListener("resize", k);
+    const D = typeof ResizeObserver < "u" && new ResizeObserver(k);
+    D && [c, t.current].forEach((m) => m && D.observe(m));
+    const R = ({ target: m }) => !c.contains(m) && !t.current?.contains(m), I = typeof MutationObserver < "u" && new MutationObserver((m) => {
+      m.some(R) && C() && k();
+    });
+    I && I.observe(y.body, { subtree: !0, childList: !0, attributes: !0, characterData: !0 });
+    const B = He() && new IntersectionObserver(([{ isIntersecting: m, boundingClientRect: L, rootBounds: S }]) => {
+      const F = !m && !!S && L.bottom > S.top && L.top < S.bottom && L.right > S.left && L.left < S.right;
+      t.current?.toggleAttribute("data-offscreen", F);
+    });
+    return B && B.observe(c), () => {
+      cancelAnimationFrame(p), window.removeEventListener("scroll", k, { capture: !0 }), window.removeEventListener("resize", k);
+      for (const m of [D, I, B, A]) m && m.disconnect();
+      w?.removeAttribute("data-placement");
+    };
+  }, [n, u, s, e, t]), [x, d];
+}, zn = (e = {}) => Object.fromEntries(Object.entries(e).filter(([t]) => t.startsWith("--"))), Wn = (e) => (typeof e == "function" ? e() : e) || document.body, qn = () => () => {
+}, Gn = ie(function() {
+  const { selectRef: t, selectId: n, multiple: r, offset: s, duration: o, easing: i, animateOpacity: a, keepMounted: l, optionsClassName: b, style: u, container: x, hasMore: d, loadButton: c, texts: y, popup: w } = V(ne), { visibility: p, normalizedOptions: f, loading: v, error: A } = V(fe), { handleListScroll: T, setListReady: H } = V(ue), C = p && f.length > 0, g = ce(qn, () => !0, () => !1), [k, D] = Q(!1);
+  C && g && !k && D(!0);
+  const [R, I] = Q(null), B = Y(() => I((O) => O || "out"), []), m = G(null), [L, S] = Vn({ selectRef: t, panelRef: m, open: k, frozen: !C || R === "out", offset: s, onFlip: B }), F = () => {
+    if (R === "out" && C) {
+      S(m.current), I("in");
+      return;
     }
-    return () => p.forEach((l) => l());
-  }, [n, i, e, t]), [re(s.subscribe, () => s.get().upward, () => !1), a];
-}, wn = (e) => (typeof e == "function" ? e() : e) || document.body, xn = () => () => {
-}, On = se(function() {
-  const { selectRef: t, selectId: n, positionStore: r, multiple: s, offset: c, duration: i, easing: a, animateOpacity: o, keepMounted: p, optionsClassName: l, style: g, container: y, hasMore: h, loadButton: S, texts: w } = B(Y), { visibility: f, normalizedOptions: m, loading: D, error: L } = B(de), { handleListScroll: C, setListReady: j } = B(ce), M = f && m.length > 0, u = re(xn, () => !0, () => !1), x = F(null), [E, $] = vn({ selectRef: t, panelRef: x, open: f && u, offset: c, store: r }), k = K(() => j(!0), [j]);
-  return u ? Et(
-    /* @__PURE__ */ O(
-      ie,
+    I(null), D(!1);
+  }, h = () => {
+    I(null), H(!0);
+  };
+  return !g || !w ? null : qt(
+    /* @__PURE__ */ M(
+      de,
       {
         axis: "y",
-        fade: o,
-        in: M,
-        nodeRef: x,
-        unmountOnExit: !p,
-        onEntered: k,
-        onMouseDown: (V) => V.preventDefault(),
-        className: ue("rac-options", l),
-        "data-placement": E ? "top" : "bottom",
-        style: { ...yn(g), "--rac-duration": `${i}ms`, "--rac-ease": a, pointerEvents: M ? "auto" : "none", position: "fixed" },
-        children: /* @__PURE__ */ q(
+        fade: a,
+        in: C && R !== "out",
+        duration: R ? o / 2 : void 0,
+        nodeRef: m,
+        unmountOnExit: !l && !(R && C),
+        onEntered: h,
+        onExited: F,
+        onMouseDown: (O) => O.preventDefault(),
+        className: me("rac-options", b),
+        style: { ...zn(u), "--rac-duration": `${o}ms`, "--rac-ease": i, pointerEvents: C ? "auto" : "none", position: "absolute" },
+        children: /* @__PURE__ */ ee(
           "div",
           {
-            onScroll: C,
+            onScroll: T,
             className: "rac-list",
-            "aria-multiselectable": s,
+            "aria-multiselectable": r,
             id: `${n}-listbox`,
-            "aria-label": w.list,
+            "aria-label": y.list,
             role: "listbox",
             tabIndex: "-1",
-            ref: $,
+            ref: L,
             children: [
-              /* @__PURE__ */ O(mn, {}),
-              L ? /* @__PURE__ */ O("div", { className: "rac-option", "data-error": "", children: /* @__PURE__ */ O("span", { className: "rac-option-text", children: w.error }) }) : (D || !S && h) && /* @__PURE__ */ q("div", { className: "rac-option", "data-loading": "", children: [
-                /* @__PURE__ */ O("span", { className: "rac-option-text", children: D ? w.loading : w.loadingMore }),
-                Be
+              /* @__PURE__ */ M(Fn, {}),
+              A ? /* @__PURE__ */ M("div", { className: "rac-option", "data-error": "", children: /* @__PURE__ */ M("span", { className: "rac-option-text", children: y.error }) }) : (v || !c && d) && /* @__PURE__ */ ee("div", { className: "rac-option", "data-loading": "", children: [
+                /* @__PURE__ */ M("span", { className: "rac-option-text", children: v ? y.loading : y.loadingMore }),
+                Ye
               ] })
             ]
           }
         )
       }
     ),
-    wn(y)
-  ) : null;
-}), mt = [];
-function Sn({ props: e, jsxOptions: t, state: n, setState: r, setVisibility: s, loadMoreOnce: c }) {
-  const { onChange: i, disabled: a, loading: o, error: p, multiple: l, childrenFirst: g, groupsClosed: y, hasMore: h, loadButton: S, placeholder: w, selectedText: f, texts: m } = e, { disabledOption: D, emptyOption: L, invalidOption: C, emptyGroup: j } = m, { loadPending: M, internalValue: u, toggledGroups: x, picked: E } = n, $ = Ne(e.options), k = Ne(e.value), V = k !== void 0, I = V ? k : u, A = M ? m.loadingMore : m.loadMore, b = _(() => Gt({
-    options: $,
+    Wn(x)
+  );
+}), Kn = 250, _n = 5e3, Un = [], Yn = () => () => {
+}, be = (e, t) => typeof e == "function" ? e(t) : String(e ?? "").replace(/\{(n|label)\}/g, () => t), Xn = (e, t, n, r) => {
+  const s = [];
+  if (e.picked.length && !t.picked.length) s.push(be(n.cleared));
+  else if (r) {
+    const o = new Set(t.picked.map((l) => l.id)), i = new Set(e.picked.map((l) => l.id)), a = e.picked.filter((l) => !o.has(l.id));
+    a.length && s.push(be(n.removed, a.map((l) => l.name).join(", "))), t.picked.some((l) => !i.has(l.id)) && s.push(be(n.selected, t.picked.length));
+  }
+  return t.open && e.count && t.count > e.count && s.push(be(n.loaded, t.count - e.count)), t.error && !e.error && s.push(be(n.error)), s.filter(Boolean).join(". ");
+}, Jn = ie(function() {
+  const { selectRef: t, selectId: n, multiple: r, texts: s } = V(ne), { selected: o, selectedIDs: i, normalizedOptions: a, visibility: l, deleting: b, error: u } = V(fe), x = ce(Yn, () => !0, () => !1), [d, c] = Q(""), y = G({ base: null, timer: 0, wipe: 0, latest: null }), w = Z(() => a.reduce((p, f) => "original" in f ? p + 1 : p, 0), [a]);
+  return J(() => {
+    const p = r ? i : o ? [o] : Un;
+    y.current.latest = { snap: { picked: p, count: w, open: l, error: !!u }, texts: s, multiple: r, deleting: b };
+  }), J(() => {
+    const p = y.current, { snap: f, deleting: v } = p.latest;
+    if (!p.base || !p.timer && !v && !t.current?.contains(document.activeElement)) {
+      p.base = f;
+      return;
+    }
+    clearTimeout(p.timer), p.timer = setTimeout(() => {
+      p.timer = 0;
+      const { snap: A, texts: T, multiple: H } = p.latest, C = Xn(p.base, A, T, H);
+      p.base = A, C && (c((g) => g === C ? `${C} ` : C), clearTimeout(p.wipe), p.wipe = setTimeout(() => c(""), _n));
+    }, Kn);
+  }, [o, i, w, u, t]), J(() => {
+    const p = y.current;
+    return () => {
+      clearTimeout(p.timer), clearTimeout(p.wipe);
+    };
+  }, []), x ? /* @__PURE__ */ ee("div", { className: "rac-live", children: [
+    /* @__PURE__ */ M("div", { "aria-live": "polite", "aria-atomic": "true", children: d }),
+    u && /* @__PURE__ */ M("div", { id: `${n}-error`, children: be(s.error) })
+  ] }) : null;
+}), Ge = [];
+function Zn({ props: e, jsxOptions: t, state: n, setState: r, setVisibility: s, loadMoreOnce: o }) {
+  const { onChange: i, disabled: a, loading: l, error: b, multiple: u, childrenFirst: x, groupsClosed: d, hasMore: c, loadButton: y, placeholder: w, selectedText: p, texts: f } = e, { disabledOption: v, emptyOption: A, invalidOption: T, emptyGroup: H } = f, { loadPending: C, internalValue: g, toggledGroups: k, picked: D } = n, R = ze(e.options), I = ze(e.value), B = I !== void 0, m = B ? I : g, L = C ? f.loadingMore : f.loadMore, S = Z(() => ln({
+    options: R,
     jsxOptions: t,
-    childrenFirst: g,
-    hasMore: h,
-    loadButton: S,
-    loadPending: M,
-    loadingTitle: A,
-    emptyOption: L,
-    invalidOption: C,
-    disabledOption: D,
-    emptyGroup: j
-  }), [$, t, g, h, S, M, A, L, C, D, j]), d = _(() => new Set(
-    b.filter((N) => N.groupHeader && !N.disabled && y === x.has(N.name)).map((N) => N.name)
-  ), [b, x, y]), { selected: v, selectedIDs: T } = _(() => zt(I, b, l, E), [I, b, l, E]), H = b.length > 0, J = !a && H, P = I != null && !(Array.isArray(I) && !I.length) && !(Se(I) && !Object.keys(I).length), G = P && f ? null : v, ee = _(() => P && f ? f : v ? v.name : p ? m.error : o ? m.loading : a ? m.disabled : H ? w : m.empty, [p, o, a, P, f, v, H, w, m]), z = (N) => r((W) => {
-    const te = new Set(W.toggledGroups);
-    return te.has(N) ? te.delete(N) : te.add(N), { toggledGroups: te };
-  }), R = (N, W, te) => {
-    r(V ? { picked: te } : { internalValue: N, picked: te }), i?.(N, W);
-  }, pe = (N) => R(N.map((W) => W.original), N.map((W) => W.userId), N.map((W) => W.id)), We = Re({
+    childrenFirst: x,
+    hasMore: c,
+    loadButton: y,
+    loadPending: C,
+    loadingTitle: L,
+    emptyOption: A,
+    invalidOption: T,
+    disabledOption: v,
+    emptyGroup: H
+  }), [R, t, x, c, y, C, L, A, T, v, H]), F = Z(() => new Set(
+    S.filter((j) => j.groupHeader && !j.disabled && d === k.has(j.name)).map((j) => j.name)
+  ), [S, k, d]), { selected: h, selectedIDs: O } = Z(() => st(m, S, u, D), [m, S, u, D]), E = S.length > 0, $ = !a && E, N = m != null && !(Array.isArray(m) && !m.length) && !(Le(m) && !Object.keys(m).length), P = N && p ? null : h, _ = Z(() => N && p ? p : h ? h.name : b ? f.error : l ? f.loading : a ? f.disabled : E ? w : f.empty, [b, l, a, N, p, h, E, w, f]), z = (j) => r((K) => {
+    const U = new Set(K.toggledGroups);
+    return U.has(j) ? U.delete(j) : U.add(j), { toggledGroups: U };
+  }), W = (j, K, U) => {
+    r(B ? { picked: U } : { internalValue: j, picked: U }), i?.(j, K);
+  }, ve = (j) => W(j.map((K) => K.original), j.map((K) => K.userId), j.map((K) => K.id)), we = _e({
     toggleGroup: z,
-    selectOption: (N, W) => {
-      if (N.groupHeader) {
-        Q(W), N.disabled || z(N.name);
+    selectOption: (j, K) => {
+      if (j.groupHeader) {
+        oe(K), j.disabled || z(j.name);
         return;
       }
-      if (N.disabled || N.loadMore) {
-        Q(W), N.loadMore && !N.loading && c();
+      if (j.disabled || j.loadMore) {
+        oe(K), j.loadMore && !j.loading && o();
         return;
       }
-      if (l) {
-        Q(W);
-        const te = T.some((Ee) => Ee.id === N.id);
-        pe(te ? T.filter((Ee) => Ee.id !== N.id) : [...T, N]);
+      if (u) {
+        oe(K);
+        const U = O.some((pe) => pe.id === j.id);
+        ve(U ? O.filter((pe) => pe.id !== j.id) : [...O, j]);
         return;
       }
-      v?.id !== N.id && R(N.original, N.userId, [N.id]), s(!1);
+      h?.id !== j.id && W(j.original, j.userId, [j.id]), s(!1);
     },
-    clear: (N) => {
-      Q(N), R(l ? [] : null, l ? [] : null, mt);
+    clear: (j) => {
+      oe(j), W(u ? [] : null, u ? [] : null, Ge);
     },
-    removeOption: (N) => pe(T.filter((W) => W.id !== N))
+    removeOption: (j) => ve(O.filter((K) => K.id !== j)),
+    // [DOC: form-field]
+    reset: () => {
+      r({ deleting: !1, invalid: !1 }), s(!1);
+      const j = u ? [] : null, K = e.defaultValue ?? j, { selected: U, selectedIDs: pe } = st(K, S, u, Ge), q = u ? pe : U ? [U] : [], te = u ? O : h ? [h] : [];
+      Te(m ?? j, K) && q.length === te.length && q.every((ae, ge) => ae.id === te[ge].id) || W(K, u ? q.map((ae) => ae.userId) : U?.userId ?? null, q.map((ae) => ae.id));
+    }
   });
-  return { normalizedOptions: b, expandedGroups: d, selected: v, selectedIDs: T, hasOptions: H, active: J, hasActualValue: P, title: ee, valueOption: G, actions: We };
+  return { normalizedOptions: S, expandedGroups: F, selected: h, selectedIDs: O, hasOptions: E, active: $, hasActualValue: N, title: _, valueOption: P, actions: we };
 }
-const En = (e) => ({
+const Qn = (e) => ({
   internalVisibility: !1,
   deleting: !1,
   loadPending: !1,
   toggledGroups: /* @__PURE__ */ new Set(),
   internalValue: e.defaultValue,
-  picked: mt
+  picked: Ge,
+  fieldsetDisabled: !1,
+  invalid: !1
 });
-function kn(e, t) {
-  const { ref: n, open: r, onOpenChange: s, hasMore: c, loadMore: i, loadButton: a, error: o, disabled: p, loading: l } = e, g = wt(), y = _(() => g.replace(/:/g, ""), [g]), h = F(null);
-  xt(n, () => h.current);
-  const [S, w] = Ot(kt, e, En), { internalVisibility: f, deleting: m, loadPending: D } = S, [L] = U(() => Me(At)), [C] = U(() => Me({ upward: !1 })), j = r !== void 0, M = j ? !!r : f, u = F(!1), x = F(!1), E = Re({
+function er(e, t) {
+  const [n, r] = Vt(Gt, e, Qn), { internalVisibility: s, deleting: o, loadPending: i, fieldsetDisabled: a } = n, l = Z(() => a && !e.disabled ? { ...e, disabled: !0 } : e, [e, a]), { ref: b, open: u, onOpenChange: x, popup: d, hasMore: c, loadMore: y, loadButton: w, error: p, disabled: f, loading: v, required: A, texts: T } = l, H = zt(), C = Z(() => H.replace(/:/g, ""), [H]), g = G(null);
+  Wt(b, () => g.current), X(() => {
+    const q = g.current?.querySelector(".rac-input");
+    if (!q) return;
+    const te = () => r({ fieldsetDisabled: !e.disabled && q.matches(":disabled") });
+    te();
+    const ae = new MutationObserver(te);
+    for (let ge = q.parentElement; ge; ge = ge.parentElement) ge.tagName === "FIELDSET" && ae.observe(ge, { attributeFilter: ["disabled"] });
+    return () => ae.disconnect();
+  }, [e.disabled]);
+  const [k] = Q(() => xt(Jt)), D = u !== void 0, R = D ? !!u : s, I = G(!1), B = G(!1), m = _e({
     // [DOC: select-store]
-    setVisibility: (R) => {
-      R !== M && (j || w({ internalVisibility: R }), s?.(R));
+    setVisibility: (q) => {
+      q === R || q && !d || (D || r({ internalVisibility: q }), x?.(q));
     },
     // [DOC: select-store]
     loadMoreOnce: () => {
-      if (!c || u.current) return;
-      if (!i) return le("no loadMore", "`hasMore` is set, but there is no `loadMore` to call.");
-      u.current = !0, w({ loadPending: !0 });
-      const R = () => w({ loadPending: !1 });
+      if (!c || I.current) return;
+      if (!y) return le("no loadMore", "`hasMore` is set, but there is no `loadMore` to call.");
+      I.current = !0, r({ loadPending: !0 });
+      const q = () => r({ loadPending: !1 });
       try {
-        i()?.then?.(R, R);
-      } catch (pe) {
-        u.current = !1, R(), (globalThis.reportError ?? console.error)(pe);
+        y()?.then?.(q, q);
+      } catch (te) {
+        I.current = !1, q(), (globalThis.reportError ?? console.error)(te);
       }
     },
-    setListReady: (R) => L.set({ ready: R }),
-    setDeleting: (R) => w({ deleting: R })
-  }), $ = Sn({ props: e, jsxOptions: t, state: S, setState: w, setVisibility: E.setVisibility, loadMoreOnce: E.loadMoreOnce }), { normalizedOptions: k, expandedGroups: V, selected: I, selectedIDs: A, hasOptions: b, active: d, hasActualValue: v, title: T, valueOption: H, actions: J } = $, P = d && M, G = Vt({
-    props: e,
-    state: S,
-    setState: w,
-    normalizedOptions: k,
-    expandedGroups: V,
-    selected: I,
-    selectedIDs: A,
-    visibility: P,
-    highlightStore: L,
-    setVisibility: E.setVisibility,
-    loadMoreOnce: E.loadMoreOnce,
-    modelActions: J
+    setListReady: (q) => k.set({ ready: q }),
+    setDeleting: (q) => r({ deleting: q }),
+    // [DOC: form-field]
+    markInvalid: () => r({ invalid: !0 })
+  }), L = Zn({ props: l, jsxOptions: t, state: n, setState: r, setVisibility: m.setVisibility, loadMoreOnce: m.loadMoreOnce }), { normalizedOptions: S, expandedGroups: F, selected: h, selectedIDs: O, hasOptions: E, active: $, hasActualValue: N, title: P, valueOption: _, actions: z } = L, W = $ && R && d, ve = sn({
+    props: l,
+    state: n,
+    setState: r,
+    normalizedOptions: S,
+    expandedGroups: F,
+    selected: h,
+    selectedIDs: O,
+    visibility: W,
+    highlightStore: k,
+    setVisibility: m.setVisibility,
+    loadMoreOnce: m.loadMoreOnce,
+    modelActions: z
   });
-  oe(() => {
-    w({ loadPending: !1 });
-  }, [k.length, c, a]), oe(() => {
-    D || (u.current = !1);
-  }, [D]), oe(() => {
-    P && h.current && document.activeElement !== h.current && h.current.focus(), P || L.set({ index: -1, ready: !1 });
-  }, [P, L]), oe(() => {
-    x.current && !d && E.setVisibility(!1), x.current = d;
-  }, [d, E]);
-  const ee = _(() => ({ ...E, ...J, ...G }), [E, J, G]), z = _(() => ({
-    visibility: P,
-    deleting: m,
-    loadPending: D,
-    expandedGroups: V,
-    selectedIDs: A,
-    normalizedOptions: k,
-    selected: I,
-    hasOptions: b,
-    active: d,
-    hasActualValue: v,
-    title: T,
-    valueOption: H,
-    disabled: p,
-    loading: l,
-    error: o
-  }), [P, m, D, V, A, k, I, b, d, v, T, H, p, l, o]);
-  return { selectId: y, selectRef: h, highlightStore: L, positionStore: C, state: z, actions: ee };
+  J(() => {
+    r({ loadPending: !1 });
+  }, [S.length, c, w]), J(() => {
+    i || (I.current = !1);
+  }, [i]), J(() => {
+    W && g.current && document.activeElement !== g.current && g.current.focus(), W || k.set({ index: -1, ready: !1 });
+  }, [W, k]), J(() => {
+    B.current && !$ && m.setVisibility(!1), B.current = $;
+  }, [$, m]);
+  const we = G(null), j = l.value !== void 0;
+  J(() => {
+    const q = { value: j, open: D };
+    for (const te in q) we.current && we.current[te] !== q[te] && le(`switch ${te}`, `\`${te}\` switched between controlled and uncontrolled (\`undefined\`) after mount. Pick one mode for the lifetime of the Select, like a React input${te === "value" ? "; clear a controlled value with `null` or `[]`" : ""}.`);
+    we.current = q;
+  }, [j, D]), X(() => {
+    g.current?.querySelector(".rac-input")?.setCustomValidity(A && !N && T.required || "");
+  }, [A, N, T.required]);
+  const K = n.invalid && A && !N && !f, U = Z(() => ({ ...m, ...z, ...ve }), [m, z, ve]), pe = Z(() => ({
+    visibility: W,
+    deleting: o,
+    loadPending: i,
+    expandedGroups: F,
+    selectedIDs: O,
+    normalizedOptions: S,
+    selected: h,
+    hasOptions: E,
+    active: $,
+    hasActualValue: N,
+    title: P,
+    valueOption: _,
+    disabled: f,
+    fieldsetDisabled: a,
+    invalid: K,
+    loading: v,
+    error: p
+  }), [W, o, i, F, O, S, h, E, $, N, P, _, f, a, K, v, p]);
+  return { selectId: C, selectRef: g, highlightStore: k, state: pe, actions: U };
 }
-const Cn = {}, Z = (e) => e != null && e !== "", Pe = (e) => e ? typeof e == "string" || typeof e == "number" ? String(e) : Array.isArray(e) ? e.map(Pe).join(" ").replace(/\s+/g, " ").trim() : xe(e) ? Pe(e.props.children) : "" : "", Tn = ({ name: e, label: t, id: n, value: r, className: s, style: c, children: i, disabled: a, group: o }, p, l) => {
-  const g = Pe(i), y = r !== void 0 ? r : g;
-  return i != null && !g && !Z(t) && !Z(e) && !Z(n) && !Z(r) && le("no text", "<Option> has content but no text to show in the title or chips. Add a `label` (or `value`), or enable `valueAsOption`."), {
-    id: Z(n) ? String(n) : p,
-    userId: Z(n) ? n : y,
-    value: y,
-    label: Z(t) ? String(t) : Z(e) ? String(e) : g || (Z(n) ? String(n) : ""),
+const tr = {}, se = (e) => e != null && e !== "", Ke = (e) => e ? typeof e == "string" || typeof e == "number" ? String(e) : Array.isArray(e) ? e.map(Ke).join(" ").replace(/\s+/g, " ").trim() : Ne(e) ? Ke(e.props.children) : "" : "", nr = ({ name: e, label: t, id: n, value: r, className: s, style: o, children: i, disabled: a, group: l }, b, u) => {
+  const x = Ke(i), d = r !== void 0 ? r : x;
+  return i != null && !x && !se(t) && !se(e) && !se(n) && !se(r) && le("no text", "<Option> has content but no text to show in the title or chips. Add a `label` (or `value`), or enable `valueAsOption`."), {
+    id: se(n) ? String(n) : b,
+    userId: se(n) ? n : d,
+    value: d,
+    label: se(t) ? String(t) : se(e) ? String(e) : x || (se(n) ? String(n) : ""),
     jsx: i,
     hasJsx: i != null,
     className: s,
-    style: c,
+    style: o,
     disabled: !!a,
-    group: o || l || null
+    group: l || u || null
   };
-}, Mn = ({ name: e, label: t, value: n, id: r, disabled: s, className: c = "", style: i = Cn }, a) => {
-  const o = e ?? t ?? r ?? n;
-  return { disabled: !!s, isGroupMarker: !0, group: Z(o) ? String(o) : a, className: c, style: i };
-}, In = (e) => `<${typeof e == "string" ? e : e?.displayName || e?.name || "Component"}>`, me = (e, t, n = null, r = "o", s = []) => (it.toArray(e).forEach((c) => {
-  if (!xe(c)) {
-    le("text", `Text inside <Select> or <OptGroup> is ignored ("${String(c).slice(0, 30)}"). Wrap it in <Option>.`);
+}, rr = ({ name: e, label: t, value: n, id: r, disabled: s, className: o = "", style: i = tr }, a) => {
+  const l = e ?? t ?? r ?? n;
+  return { disabled: !!s, isGroupMarker: !0, group: se(l) ? String(l) : a, className: o, style: i };
+}, sr = (e) => `<${typeof e == "string" ? e : e?.displayName || e?.name || "Component"}>`, Ce = (e, t, n = null, r = "o", s = []) => (vt.toArray(e).forEach((o) => {
+  if (!Ne(o)) {
+    le("text", `Text inside <Select> or <OptGroup> is ignored ("${String(o).slice(0, 30)}"). Wrap it in <Option>.`);
     return;
   }
-  const i = `${r}-${String(c.key).slice(1).replace(/[:$]/g, (o) => o === ":" ? "-" : "k").replace(/[^\p{L}\p{N}-]/gu, "")}`, a = c.type?.racKind;
-  if (c.type === at) me(c.props.children, t, n, i, s);
-  else if (a === "option") s.push(Tn(c.props, i, n));
-  else if (a === "define") me(c.type.racRender(c.props), t, n, i, s);
+  const i = `${r}-${String(o.key).slice(1).replace(/[:$]/g, (l) => l === ":" ? "-" : "k").replace(/[^\p{L}\p{N}-]/gu, "")}`, a = o.type?.racKind;
+  if (o.type === wt) Ce(o.props.children, t, n, i, s);
+  else if (a === "option") s.push(nr(o.props, i, n));
+  else if (a === "define") Ce(o.type.racRender(o.props), t, n, i, s);
   else if (a === "group") {
-    const o = Mn(c.props, t);
-    s.push(o), me(c.props.children, t, o.group, i, s);
+    const l = rr(o.props, t);
+    s.push(l), Ce(o.props.children, t, l.group, i, s);
   } else {
-    const o = In(c.type);
-    le(`child ${o}`, `${o} inside <Select> is ignored: only <Option/>, <OptGroup/> and defineOption() components are read. Put custom content inside <Option>, or wrap the component with defineOption().`);
+    const l = sr(o.type);
+    le(`child ${l}`, `${l} inside <Select> is ignored: only <Option/>, <OptGroup/> and defineOption() components are read. Put custom content inside <Option>, or wrap the component with defineOption().`);
   }
-}), s), Nn = /* @__PURE__ */ new Set(["ref", "options", "value", "defaultValue", "onChange", "children", "loadMore", "open", "onOpenChange", "onFocus", "onBlur", "childrenFirst", "groupsClosed", "disabled", "loading", "error"]), An = /^(aria|data)-/, Ce = {
+}), s), or = /* @__PURE__ */ new Set(["ref", "options", "value", "defaultValue", "onChange", "children", "loadMore", "open", "onOpenChange", "onFocus", "onBlur", "onKeyDown", "childrenFirst", "groupsClosed", "disabled", "loading", "error"]), ir = /^(aria|data)-/, Pe = {
   options: [],
   value: void 0,
   defaultValue: void 0,
@@ -997,10 +1189,13 @@ const Cn = {}, Z = (e) => e != null && e !== "", Pe = (e) => e ? typeof e == "st
   error: !1,
   open: void 0,
   onOpenChange: void 0,
+  popup: !0,
   onFocus: void 0,
   onBlur: void 0,
+  onKeyDown: void 0,
   id: void 0,
   name: void 0,
+  form: void 0,
   required: !1,
   hasMore: !1,
   loadMore: void 0,
@@ -1022,11 +1217,18 @@ const Cn = {}, Z = (e) => e != null && e !== "", Pe = (e) => e ? typeof e == "st
     invalidOption: "Invalid option",
     disabledOption: "Disabled option",
     emptyGroup: "Empty group",
-    list: "Options"
+    groupOpen: "expanded",
+    groupClosed: "collapsed",
+    list: "Options",
+    required: void 0,
+    removed: "Removed {label}",
+    cleared: "Selection cleared",
+    selected: "{n} selected",
+    loaded: "{n} more options loaded"
   },
   renderOption: void 0,
   valueAsOption: !1,
-  icons: { arrow: he.ArrowUp, clear: he.XMark, remove: he.XMark, check: he.Checkmark, checkbox: void 0 },
+  icons: { arrow: Se.ArrowUp, clear: Se.XMark, remove: Se.XMark, check: Se.Checkmark, checkbox: void 0 },
   deleteInline: !1,
   deleteAlways: !1,
   className: "",
@@ -1038,7 +1240,7 @@ const Cn = {}, Z = (e) => e != null && e !== "", Pe = (e) => e ? typeof e == "st
   offset: 1,
   animateOpacity: !0,
   keepMounted: !1
-}, st = {
+}, bt = {
   visibility: "open",
   setVisibility: "onOpenChange",
   ownBehavior: "open without onOpenChange",
@@ -1062,35 +1264,36 @@ const Cn = {}, Z = (e) => e != null && e !== "", Pe = (e) => e ? typeof e == "st
   emptyOption: "texts.emptyOption",
   invalidOption: "texts.invalidOption",
   disabledOption: "texts.disabledOption"
-}, Te = (e, t) => {
+}, Ve = (e, t) => {
   const n = { ...e };
   for (const r in t) t[r] !== void 0 && (n[r] = t[r]);
   return n;
 };
-function Vn(e) {
-  for (const h in e) h in st && le(`renamed ${h}`, `The \`${h}\` prop was removed. Use \`${st[h]}\`.`);
+function pr(e) {
+  for (const d in e) d in bt && le(`renamed ${d}`, `The \`${d}\` prop was removed. Use \`${bt[d]}\`.`);
   e.value !== void 0 && !e.onChange && le("read-only value", "`value` is set without `onChange`, so the Select is read-only. Pass `onChange`, or `defaultValue` instead of `value`.");
-  const t = Te(Ce, e);
-  t.texts = Te(Ce.texts, e.texts), t.icons = Te(Ce.icons, e.icons);
-  const n = t.texts.emptyGroup, r = Ne(_(() => me(t.children, n), [t.children, n])), { selectId: s, selectRef: c, highlightStore: i, positionStore: a, state: o, actions: p } = kn(t, r), l = {}, g = {};
-  for (const h in t) Nn.has(h) || ((An.test(h) ? g : l)[h] = t[h]);
-  const y = It({ ...l, attrs: g, selectId: s, selectRef: c, highlightStore: i, positionStore: a });
-  return /* @__PURE__ */ O(Y.Provider, { value: y, children: /* @__PURE__ */ O(ce.Provider, { value: p, children: /* @__PURE__ */ q(de.Provider, { value: o, children: [
-    /* @__PURE__ */ O(fn, {}),
-    /* @__PURE__ */ O(On, {})
+  const t = Ve(Pe, e);
+  t.texts = Ve(Pe.texts, e.texts), t.icons = Ve(Pe.icons, e.icons);
+  const n = t.texts.emptyGroup, r = ze(Z(() => Ce(t.children, n), [t.children, n])), { selectId: s, selectRef: o, highlightStore: i, state: a, actions: l } = er(t, r), b = {}, u = {};
+  for (const d in t) or.has(d) || ((ir.test(d) ? u : b)[d] = t[d]);
+  const x = Yt({ ...b, attrs: u, selectId: s, selectRef: o, highlightStore: i });
+  return /* @__PURE__ */ M(ne.Provider, { value: x, children: /* @__PURE__ */ M(ue.Provider, { value: l, children: /* @__PURE__ */ ee(fe.Provider, { value: a, children: [
+    /* @__PURE__ */ M(Ln, {}),
+    /* @__PURE__ */ M(Gn, {}),
+    /* @__PURE__ */ M(Jn, {})
   ] }) }) });
 }
-function $n() {
+function ar() {
   return le("option outside", "<Option/> was rendered outside <Select>, or inside a component that <Select> cannot read. Use it as a direct child, or wrap the component with defineOption()."), null;
 }
-$n.racKind = "option";
-function Ln() {
+ar.racKind = "option";
+function cr() {
   return null;
 }
-Ln.racKind = "group";
+cr.racKind = "group";
 export {
-  Ln as OptGroup,
-  $n as Option,
-  Vn as Select,
-  Rn as defineOption
+  cr as OptGroup,
+  ar as Option,
+  pr as Select,
+  fr as defineOption
 };