react-animated-select 0.7.0 → 0.7.5

package/dist/index.es.js

@@ -1,1712 +1,1096 @@
-import Be, { isValidElement as tt, cloneElement as rt, createContext as Ye, useReducer as Ge, useCallback as C, useRef as ie, useLayoutEffect as xe, useEffect as ne, forwardRef as Ve, useImperativeHandle as Je, memo as $e, Fragment as Ue, useState as Se, useEffectEvent as Pe, useMemo as ce, useId as qe, useContext as Oe } from "react";
-import { CSSTransition as Ie, TransitionGroup as Le } from "react-transition-group";
-import { createPortal as nt } from "react-dom";
-import './index.css';var je = { exports: {} }, be = {};
-var De;
-function st() {
-  if (De) return be;
-  De = 1;
-  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
-  function n(l, s, p) {
-    var c = null;
-    if (p !== void 0 && (c = "" + p), s.key !== void 0 && (c = "" + s.key), "key" in s) {
-      p = {};
-      for (var j in s)
-        j !== "key" && (p[j] = s[j]);
-    } else p = s;
-    return s = p.ref, {
-      $$typeof: e,
-      type: l,
-      key: c,
-      ref: s !== void 0 ? s : null,
-      props: p
-    };
-  }
-  return be.Fragment = t, be.jsx = n, be.jsxs = n, be;
-}
-var ve = {};
-var He;
-function it() {
-  return He || (He = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(r) {
-      if (r == null) return null;
-      if (typeof r == "function")
-        return r.$$typeof === K ? null : r.displayName || r.name || null;
-      if (typeof r == "string") return r;
-      switch (r) {
-        case D:
-          return "Fragment";
-        case J:
-          return "Profiler";
-        case X:
-          return "StrictMode";
-        case U:
-          return "Suspense";
-        case a:
-          return "SuspenseList";
-        case I:
-          return "Activity";
-      }
-      if (typeof r == "object")
-        switch (typeof r.tag == "number" && console.error(
-          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), r.$$typeof) {
-          case $:
-            return "Portal";
-          case Z:
-            return r.displayName || "Context";
-          case M:
-            return (r._context.displayName || "Context") + ".Consumer";
-          case m:
-            var b = r.render;
-            return r = r.displayName, r || (r = b.displayName || b.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
-          case w:
-            return b = r.displayName || null, b !== null ? b : e(r.type) || "Memo";
-          case z:
-            b = r._payload, r = r._init;
-            try {
-              return e(r(b));
-            } catch {
-            }
-        }
-      return null;
-    }
-    function t(r) {
-      return "" + r;
-    }
-    function n(r) {
-      try {
-        t(r);
-        var b = !1;
-      } catch {
-        b = !0;
-      }
-      if (b) {
-        b = console;
-        var A = b.error, G = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
-        return A.call(
-          b,
-          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          G
-        ), t(r);
-      }
+"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) => {
+  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) => {
+  let t = e;
+  const n = /* @__PURE__ */ new Set();
+  return {
+    get: () => t,
+    set: (r) => {
+      Object.keys(r).every((s) => Object.is(r[s], t[s])) || (t = { ...t, ...r }, n.forEach((s) => s()));
+    },
+    subscribe: (r) => (n.add(r), () => n.delete(r))
+  };
+}, Re = (e) => {
+  const t = F(e);
+  yt(() => {
+    t.current = e;
+  });
+  const [n] = U(() => Object.fromEntries(
+    Object.keys(e).map((r) => [r, (...s) => t.current[r](...s)])
+  ));
+  return n;
+}, lt = (e, t) => {
+  const [n, r] = U(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) => {
+  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);
+  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) => {
+  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])
+  );
+}, It = (e) => lt(e, Mt), Ne = (e) => lt(e, Ie), he = {
+  XMark: ({ className: e = "", ...t }) => /* @__PURE__ */ O(
+    "svg",
+    {
+      className: e,
+      viewBox: "0 0 320 512",
+      fill: "currentColor",
+      "aria-hidden": "true",
+      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" })
     }
-    function l(r) {
-      if (r === D) return "<>";
-      if (typeof r == "object" && r !== null && r.$$typeof === z)
-        return "<...>";
-      try {
-        var b = e(r);
-        return b ? "<" + b + ">" : "<...>";
-      } catch {
-        return "<...>";
-      }
+  ),
+  ArrowUp: ({ className: e = "", ...t }) => /* @__PURE__ */ O(
+    "svg",
+    {
+      className: e,
+      viewBox: "0 0 448 512",
+      fill: "currentColor",
+      "aria-hidden": "true",
+      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" })
     }
-    function s() {
-      var r = L.A;
-      return r === null ? null : r.getOwner();
+  ),
+  Checkmark: ({ className: e = "", ...t }) => /* @__PURE__ */ O(
+    "svg",
+    {
+      className: e,
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      "aria-hidden": "true",
+      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" })
     }
-    function p() {
-      return Error("react-stack-top-frame");
+  )
+}, ae = (e, t) => {
+  if (!e) return null;
+  const n = (r = {}) => ({
+    ...t,
+    ...r,
+    style: {
+      ...t?.style,
+      ...r?.style
     }
-    function c(r) {
-      if (B.call(r, "key")) {
-        var b = Object.getOwnPropertyDescriptor(r, "key").get;
-        if (b && b.isReactWarning) return !1;
+  });
+  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 = (() => {
+  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) => {
+  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) => _(() => {
+  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) => {
+  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);
+  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;
+  }
+  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();
+  };
+  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);
+    };
+  }, []);
+  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);
+  };
+  return Re({
+    highlight: A,
+    handleListScroll: (d) => {
+      if (w) return;
+      const { scrollTop: v, scrollHeight: T, clientHeight: H } = d.currentTarget;
+      T - v <= H + f && l();
+    },
+    handleBlur: (d) => {
+      const v = d.relatedTarget?.closest(".rac-options");
+      d.currentTarget.contains(d.relatedTarget) || v || (C?.(d), x && n({ deleting: !1 }), a && o(!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)));
+    },
+    toggleVisibility: (d) => {
+      if (x) {
+        Q(d), n({ deleting: !1 });
+        return;
       }
-      return r.key !== void 0;
-    }
-    function j(r, b) {
-      function A() {
-        P || (P = !0, console.error(
-          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          b
-        ));
+      y || k.current.justFocused || o(!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);
+        return;
       }
-      A.isReactWarning = !0, Object.defineProperty(r, "key", {
-        get: A,
-        configurable: !0
-      });
-    }
-    function T() {
-      var r = e(this.type);
-      return Y[r] || (Y[r] = !0, console.error(
-        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), r = this.props.ref, r !== void 0 ? r : null;
-    }
-    function v(r, b, A, G, Q, i) {
-      var g = A.ref;
-      return r = {
-        $$typeof: R,
-        type: r,
-        key: b,
-        props: A,
-        _owner: G
-      }, (g !== void 0 ? g : null) !== null ? Object.defineProperty(r, "ref", {
-        enumerable: !1,
-        get: T
-      }) : Object.defineProperty(r, "ref", { enumerable: !1, value: null }), r._store = {}, Object.defineProperty(r._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: 0
-      }), Object.defineProperty(r, "_debugInfo", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: null
-      }), Object.defineProperty(r, "_debugStack", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: Q
-      }), Object.defineProperty(r, "_debugTask", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: i
-      }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
-    }
-    function o(r, b, A, G, Q, i) {
-      var g = b.children;
-      if (g !== void 0)
-        if (G)
-          if (V(g)) {
-            for (G = 0; G < g.length; G++)
-              S(g[G]);
-            Object.freeze && Object.freeze(g);
-          } else
-            console.error(
-              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
-            );
-        else S(g);
-      if (B.call(b, "key")) {
-        g = e(r);
-        var y = Object.keys(b).filter(function(k) {
-          return k !== "key";
-        });
-        G = 0 < y.length ? "{key: someKey, " + y.join(": ..., ") + ": ...}" : "{key: someKey}", _[g + G] || (y = 0 < y.length ? "{" + y.join(": ..., ") + ": ...}" : "{}", console.error(
-          `A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`,
-          G,
-          g,
-          y,
-          g
-        ), _[g + G] = !0);
+      if (Dt.has(v)) {
+        d.preventDefault(), (a || v === "Home" || v === "End") && A(Pt($, T, v, !w && S)), a || o(!0);
+        return;
       }
-      if (g = null, A !== void 0 && (n(A), g = "" + A), c(b) && (n(b.key), g = "" + b.key), "key" in b) {
-        A = {};
-        for (var E in b)
-          E !== "key" && (A[E] = b[E]);
-      } else A = b;
-      return g && j(
-        A,
-        typeof r == "function" ? r.displayName || r.name || "Unknown" : r
-      ), v(
-        r,
-        g,
-        A,
-        s(),
-        Q,
-        i
-      );
-    }
-    function S(r) {
-      f(r) ? r._store && (r._store.validated = 1) : typeof r == "object" && r !== null && r.$$typeof === z && (r._payload.status === "fulfilled" ? f(r._payload.value) && r._payload.value._store && (r._payload.value._store.validated = 1) : r._store && (r._store.validated = 1));
-    }
-    function f(r) {
-      return typeof r == "object" && r !== null && r.$$typeof === R;
-    }
-    var O = Be, R = /* @__PURE__ */ Symbol.for("react.transitional.element"), $ = /* @__PURE__ */ Symbol.for("react.portal"), D = /* @__PURE__ */ Symbol.for("react.fragment"), X = /* @__PURE__ */ Symbol.for("react.strict_mode"), J = /* @__PURE__ */ Symbol.for("react.profiler"), M = /* @__PURE__ */ Symbol.for("react.consumer"), Z = /* @__PURE__ */ Symbol.for("react.context"), m = /* @__PURE__ */ Symbol.for("react.forward_ref"), U = /* @__PURE__ */ Symbol.for("react.suspense"), a = /* @__PURE__ */ Symbol.for("react.suspense_list"), w = /* @__PURE__ */ Symbol.for("react.memo"), z = /* @__PURE__ */ Symbol.for("react.lazy"), I = /* @__PURE__ */ Symbol.for("react.activity"), K = /* @__PURE__ */ Symbol.for("react.client.reference"), L = O.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, B = Object.prototype.hasOwnProperty, V = Array.isArray, x = console.createTask ? console.createTask : function() {
-      return null;
-    };
-    O = {
-      react_stack_bottom_frame: function(r) {
-        return r();
+      switch (v) {
+        case "Enter":
+        case " ":
+          d.preventDefault(), a ? T !== -1 && r[T] && (A(T), j(r[T], d)) : o(!0);
+          break;
+        // [DOC: select-behavior]
+        case "Escape":
+          if (x) n({ deleting: !1 });
+          else if (a) o(!1);
+          else break;
+          Q(d);
+          break;
+        case "Tab":
+          a && o(!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();
+          else break;
+          d.preventDefault();
+          break;
+        }
       }
-    };
-    var P, Y = {}, W = O.react_stack_bottom_frame.bind(
-      O,
-      p
-    )(), u = x(l(p)), _ = {};
-    ve.Fragment = D, ve.jsx = function(r, b, A) {
-      var G = 1e4 > L.recentlyCreatedOwnerStacks++;
-      return o(
-        r,
-        b,
-        A,
-        !1,
-        G ? Error("react-stack-top-frame") : W,
-        G ? x(l(r)) : u
-      );
-    }, ve.jsxs = function(r, b, A) {
-      var G = 1e4 > L.recentlyCreatedOwnerStacks++;
-      return o(
-        r,
-        b,
-        A,
-        !0,
-        G ? Error("react-stack-top-frame") : W,
-        G ? x(l(r)) : u
-      );
-    };
-  })()), ve;
-}
-var Fe;
-function ot() {
-  return Fe || (Fe = 1, process.env.NODE_ENV === "production" ? je.exports = st() : je.exports = it()), je.exports;
+    }
+  });
 }
-var d = ot();
-const We = ({ className: e = "", ...t }) => /* @__PURE__ */ d.jsx(
-  "svg",
-  {
-    xmlns: "http://w3.org/2000/svg",
-    "aria-label": "Clear selection",
-    className: e,
-    viewBox: "0 0 320 512",
-    fill: "currentColor",
-    role: "button",
-    height: "1em",
-    width: "1em",
-    ...t,
-    children: /* @__PURE__ */ d.jsx("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" })
-  }
-), lt = ({ className: e = "", ...t }) => /* @__PURE__ */ d.jsx(
-  "svg",
-  {
-    xmlns: "http://w3.org/2000/svg",
-    className: e,
-    viewBox: "0 0 448 512",
-    fill: "currentColor",
-    height: "1em",
-    width: "1em",
-    ...t,
-    children: /* @__PURE__ */ d.jsx("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" })
-  }
-), at = ({ className: e = "", ...t }) => /* @__PURE__ */ d.jsx(
-  "svg",
-  {
-    xmlns: "http://w3.org/2000/svg",
-    className: e,
-    viewBox: "0 0 24 24",
-    fill: "currentColor",
-    height: "1em",
-    width: "1em",
-    ...t,
-    children: /* @__PURE__ */ d.jsx("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" })
+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) => {
+  try {
+    const t = String(e);
+    return t.startsWith("[object ") ? null : t;
+  } catch {
+    return null;
   }
-), ct = (e) => ({
-  loadingTitle: e.loadButton ? e.loadButtonText : e.loadMoreText,
-  internalVisibility: !1,
-  animationFinished: !1,
-  deleting: !1,
-  jsxOptions: []
-}), ut = (e, t) => {
-  if (t.type === "SET") {
-    const n = t.payload;
+}, Fe = (e, t = !1) => {
+  if (t && typeof e.group == "string") return e.group;
+  const n = He.find((c) => ge(e[c]));
+  if (n) return String(e[n]);
+  const r = !Se(e) && Ht(e);
+  if (r) return r;
+  const s = Object.entries(e).find(([c, i]) => !Bt.includes(c) && ge(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}`;
+  if (e == null || e === "")
+    return { id: o, userId: null, name: c, 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 {
-      ...e,
-      ...typeof n == "function" ? n(e) : n
+      id: o,
+      userId: e.id ?? e.value ?? e.name ?? e.label,
+      name: g,
+      raw: l,
+      original: e,
+      disabled: p || g === c,
+      type: typeof l == "boolean" ? "boolean" : "normal",
+      group: r || e.group || null,
+      groupDisabled: s
     };
   }
-  return e;
-}, he = (e, t) => {
-  if (!e) return null;
-  const n = (l = {}) => ({
-    ...t,
-    ...l,
-    style: {
-      ...t?.style,
-      ...l?.style
+  return { id: o, userId: e, name: String(e), raw: e, original: e, disabled: s, type: typeof e == "boolean" ? "boolean" : "normal", group: r };
+}, Gt = ({
+  options: e,
+  jsxOptions: t,
+  childrenFirst: n,
+  hasMore: r,
+  loadButton: s,
+  loadPending: c,
+  loadingTitle: i,
+  emptyOption: a,
+  invalidOption: o,
+  disabledOption: p,
+  emptyGroup: l
+}) => {
+  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;
+    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
+    };
+  });
+  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++ });
+    });
+  };
+  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 });
+      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);
   });
-  if (typeof e == "string") return /* @__PURE__ */ d.jsx("img", { src: e, ...n(), alt: "" });
-  if (tt(e)) return rt(e, n(e.props));
-  if (typeof e == "function" || typeof e == "object" && e.$$typeof) {
-    const l = e;
-    return /* @__PURE__ */ d.jsx(l, { ...n() });
-  }
-  return null;
-}, dt = (e, t, n, l, s, p, c, j) => {
-  const T = j?.some((v) => v.id === e.id);
-  return e.groupHeader ? "rac-select-option rac-group-option" : [
-    "rac-select-option",
-    e.className,
-    (T || l === e.id) && "rac-selected",
-    t === n && "rac-highlighted",
-    (e.disabled || e.loading) && "rac-disabled-option",
-    (e.invalid || e.name === c) && "rac-invalid-option",
-    e.loadMore && s === p && "rac-loading-option",
-    typeof e.raw == "boolean" && (e.raw ? "rac-true-option" : "rac-false-option")
-  ].filter(Boolean).join(" ");
-}, Ae = Ye(null), Ne = (e) => {
-  const t = window.getComputedStyle(e);
-  return parseFloat(t.marginLeft) + parseFloat(t.marginRight);
-}, Me = (e) => e.reduce((t, n) => {
-  const l = n.getBoundingClientRect(), s = l.top, p = l.width;
-  return t[s] = (t[s] || 0) + p, t;
-}, {}), ft = {
-  bottomDirection: !1,
-  selectHeight: null,
-  spacer: {
-    state: !1,
-    id: null,
-    width: 0
-  },
-  activeHoverId: null,
-  hoverRowTop: null,
-  spacerWidths: {},
-  entering: !1,
-  swipedId: null,
-  leaving: !1,
-  rowEndIds: [],
-  delWidth: 0
-};
-function gt(e, t) {
-  switch (t.type) {
-    case "SET":
-      return { ...e, ...t.payload };
-    case "SET_SPACER_WIDTH":
-      return { ...e, spacerWidths: { ...e.spacerWidths, [t.id]: t.width } };
-    default:
-      return e;
-  }
-}
-const pt = (e) => {
-  const { selectedIDs: t, deleting: n, setDeleting: l, toggleVisibility: s, visibility: p, removeOption: c, setselectedIDs: j, selectRef: T, deleteInline: v } = e, [o, S] = Ge(gt, ft), { spacerWidths: f, spacer: O, delWidth: R } = o, $ = C((a) => S({ type: "SET", payload: a }), []), D = ie(t?.length || 0), X = ie(!0), J = ie(null), M = ie(null), Z = C((a) => {
-    c ? c(a) : j((w) => w.filter((z) => z.id !== a));
-  }, [c, j]), m = C((a) => {
-    if (n) {
-      a.stopPropagation(), a.preventDefault(), l(!1);
+  const M = [];
+  return C.forEach((u) => {
+    if (u.type === "item") {
+      M.push(u.data);
       return;
     }
-    s(a);
-  }, [n, s]), U = C((a, w) => {
-    f[a] !== w && S({ type: "SET_SPACER_WIDTH", id: a, width: w });
-  }, [f]);
-  return xe(() => {
-    const a = J.current;
-    if (!a) return;
-    const w = () => {
-      $({ selectHeight: a.offsetHeight });
-      const I = Array.from(a.children).filter((B) => B.classList.contains("rac-multiple-option"));
-      if (!I.length) {
-        $({ rowEndIds: [] });
-        return;
-      }
-      const K = new Set(t.map((B) => B.id)), L = {};
-      I.forEach((B) => {
-        K.has(B.id) && (L[B.offsetTop] = B.id);
-      }), $({ rowEndIds: Object.values(L) });
-    };
-    w();
-    const z = new ResizeObserver(() => w());
-    return z.observe(a), () => z.disconnect();
-  }, [t]), ne(() => {
-    X.current = !1, T && (typeof T == "function" ? T(T.current) : T.current = T.current);
-  }, [T]), ne(() => {
-    n && p && s() && s?.()(n && t?.length === 0) && l(!1), $({ activeHoverId: null });
-  }, [t?.length, n]), xe(() => {
-    const a = J.current, w = t?.length || 0, z = t[w - 1]?.id;
-    if (!a || !t?.length || n) {
-      t?.length || $({ spacer: { state: !1, id: null, width: 0 }, entering: null });
+    const x = y.get(u.name);
+    M.push({
+      className: x?.className || "",
+      id: `group-header-${u.name}`,
+      disabled: !!x?.disabled,
+      style: x?.style || {},
+      groupHeader: !0,
+      name: u.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) => {
+  const t = () => null;
+  return t.racKind = "define", t.racRender = e, t.displayName = `defineOption(${e.name || "anonymous"})`, t;
+}, qe = { selected: null, selectedIDs: [] }, fe = (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 };
+  };
+  return n ? { selected: null, selectedIDs: (Array.isArray(e) ? e : [e]).map(p) } : { selected: p(Array.isArray(e) ? e[0] : e), selectedIDs: qe.selectedIDs };
+}, _e = {
+  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;
+}), {});
+function ie({
+  as: e = "div",
+  axis: t = "y",
+  fade: n = !1,
+  in: r,
+  unmountOnExit: s = !0,
+  easing: c,
+  duration: i,
+  group: a,
+  nodeRef: o,
+  onEntered: p,
+  onExited: l,
+  ...g
+}) {
+  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?.();
       return;
     }
-    const I = Array.from(a.children).filter((V) => V.classList.contains("rac-multiple-option")), K = w !== D.current || I.length !== w || z && f[z] && !D.currentWidths?.[z];
-    if (!a || !w || n || !K) {
-      !w && K && $({ spacer: { state: !1, id: null, width: 0 }, entering: null }), D.current = w, D.currentWidths = f;
+    l?.(), S && h.onExited(), s && (C.current = null, $(!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" });
+      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 };
+    };
+    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" }));
       return;
     }
-    D.current = w, D.currentWidths = f;
-    const L = a.getBoundingClientRect().width;
-    if (I.length > t.length) {
-      const V = new Set(t.map((Q) => Q.id)), x = I.findIndex((Q) => !V.has(Q.id));
-      if (x === -1) return;
-      const P = I[x], Y = I[x - 1];
-      if (!(Y && P.getBoundingClientRect().top !== Y.getBoundingClientRect().top)) {
-        $({ spacer: { state: !1, id: null, width: 0 }, entering: null });
+    x.current = w;
+    const J = C.current;
+    if (J?.playState === "running") {
+      if (!a) {
+        J.reverse();
         return;
       }
-      const u = Me(I), _ = Object.keys(u).map(Number).sort((Q, i) => Q - i), r = _.indexOf(P.getBoundingClientRect().top);
-      if (r <= 0) {
-        $({ spacer: { state: !1, id: null, width: 0 }, entering: null });
+      M.current.restart(!0);
+    } else {
+      if (J?.cancel(), !I.animate) {
+        k();
         return;
       }
-      const b = _[r - 1], A = u[b], G = L - A;
-      B(Y?.id || null, !0, G);
-    } else if (I.length === t.length) {
-      const V = I[I.length - 1], x = t[t.length - 1]?.id, P = f[x];
-      if (!P) return;
-      const Y = V?.firstElementChild || V, W = Ne(Y), u = Ne(V), _ = I.slice(0, -1), r = Me(_), b = Object.keys(r).map(Number).sort((i, g) => i - g);
-      let A = L;
-      if (b.length > 0) {
-        const i = Math.max(...b);
-        A = L - (r[i] || 0);
-      }
-      const G = P + W + u > A - R + 0.1, Q = t[t.length - 2]?.id;
-      B(Q, G, A);
+      w ? T(d, v()) : T(v(), d);
     }
-    function B(V, x, P) {
-      O.id === V && O.state === x && O.width === P || $({ spacer: { state: x, id: V, width: P }, entering: x ? V : null });
-    }
-  }, [t, f, n]), xe(() => {
-    if (M.current) {
-      const a = M.current.getBoundingClientRect(), w = Ne(M.current.firstElementChild || M.current);
-      $({ delWidth: a.width + w });
-    }
-  }, [M]), { state: o, setState: $, optionRef: J, firstMount: X, remove: Z, safeToggle: m, registerItemWidth: U, delIcon: M, delWidth: R };
-}, ye = Ve(({ className: e = "", visibility: t = void 0, setLeaving: n, setEntering: l, setSpacer: s, children: p, duration: c = 300, unmount: j, style: T, exit: v = !0, ...o }, S) => {
-  const f = ie(null), O = t !== void 0 ? t : o.in;
-  Je(S, () => f.current), ne(() => {
-    !O && f.current && (f.current.style.width = "0px");
+    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]), E && s ? null : /* @__PURE__ */ O(e, { ref: L, ...g });
+}
+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
+  ), []);
+  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)
+  );
+}
+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 t = [];
+  let n = -1 / 0;
+  for (const r of e) {
+    const s = r.getBoundingClientRect();
+    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) => {
+  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) => {
+  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);
+  };
+};
+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) }));
+  });
+  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);
+    };
   }, []);
-  const R = C(() => {
-    if (!f.current) return { left: "0px", right: "0px" };
-    const $ = window.getComputedStyle(f.current);
-    return { left: $.marginLeft, right: $.marginRight };
+  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()])));
   }, []);
-  return /* @__PURE__ */ d.jsx(
-    Ie,
+  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 };
+}
+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(() => {
+    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(
+    "div",
     {
-      onEnter: () => {
-        f.current.style.transition = "none", f.current.style.marginRight = "0px", f.current.style.marginLeft = "0px", f.current.style.width = "0px", l?.(!0);
-      },
-      onEntering: () => {
-        const { left: $, right: D } = R();
-        requestAnimationFrame(() => {
-          requestAnimationFrame(() => {
-            f.current && (f.current.style.transition = `width ${c}ms, color ${c}ms, background-color ${c}ms, margin ${c}ms ease`, f.current.style.width = f.current.scrollWidth + "px", f.current.style.marginRight = D, f.current.style.marginLeft = $);
-          });
-        });
-      },
-      onEntered: () => {
-        f.current.style.width = "auto", s?.(!1), l?.(!1);
-      },
-      onExit: () => {
-        const { left: $, right: D } = R();
-        f.current.style.width = f.current.scrollWidth + "px", f.current.style.marginRight = D, f.current.style.marginLeft = $, f.current.offsetHeight, n?.(!0);
-      },
-      onExiting: () => {
-        f.current.style.marginRight = "0px", f.current.style.marginLeft = "0px", f.current.style.width = "0px";
-      },
-      onExited: () => {
-        j?.(), n?.(!1), s?.(!1);
-      },
-      classNames: "rac-slide-left",
-      unmountOnExit: v,
-      timeout: c,
-      nodeRef: f,
-      in: O,
-      ...o,
-      children: /* @__PURE__ */ d.jsx(
-        "div",
-        {
-          className: e,
-          ref: f,
-          style: {
-            transition: `width ${c}ms, color ${c}ms, background-color ${c}ms, margin ${c}ms ease`,
-            willChange: "width",
-            overflow: "hidden",
-            ...T
-          },
-          children: p
-        }
-      )
+      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 },
+      children: [
+        k,
+        /* @__PURE__ */ O(
+          ie,
+          {
+            "aria-label": `${l.remove} ${t.name ?? ""}`.trim(),
+            group: a && !o && !n ? c : void 0,
+            onMouseDown: Q,
+            onClick: V,
+            className: "rac-chip-del",
+            disabled: r,
+            tabIndex: -1,
+            type: "button",
+            in: A,
+            as: "button",
+            axis: "x",
+            children: ae(p.remove)
+          }
+        )
+      ]
     }
   );
-}), ht = $e(({ element: e, setState: t, spacer: n, delWidth: l, selectRef: s, setVisibility: p, activeHoverId: c, hoverRowTop: j, swipedId: T, deleteInline: v, remove: o, DelIcon: S, normalizedOptions: f, swiped: O, deleting: R, entering: $, setDeleting: D, onRender: X, duration: J, rowEnd: M, showDelete: Z }) => {
-  const m = ie({
-    longPressTimer: null,
-    hoverTimer: null,
-    longPress: !1,
-    swiping: !1,
-    touchStart: 0
-  }), U = ie(null), a = C((u) => {
-    m.current.touchStart = u.touches[0].clientX, m.current.longPress = !1, m.current.longPressTimer && clearTimeout(m.current.longPressTimer), m.current.longPressTimer = setTimeout(() => {
-      D(!0), m.current.longPress = !0, s.current?.focus(), p(!1), window.navigator.vibrate && window.navigator.vibrate(50);
-    }, 600), u.preventDefault();
-  }, []), w = C((u) => {
-    m.current.longPressTimer && clearTimeout(m.current.longPressTimer);
-    const _ = u.touches[0].clientX, r = m.current.touchStart - _;
-    Math.abs(r) > 10 && (m.current.swiping = !0, r > 30 && !O ? t({ activeHoverId: null, swipedId: e.id }) : r < -30 && O && t({ swipedId: null }));
-  }, [e.id, O]), z = C((u) => {
-    m.current.longPressTimer && clearTimeout(m.current.longPressTimer), m.current.longPress && u.preventDefault();
-  }, []), I = C(() => {
-    n?.state || (m.current.hoverTimer && clearTimeout(m.current.hoverTimer), m.current.hoverTimer = setTimeout(() => {
-      t({
-        hoverRowTop: U.current?.getBoundingClientRect().top,
-        activeHoverId: e.id,
-        swipedId: null
-      });
-    }, 100));
-  }, [e.id, n?.state]), K = C(() => {
-    m.current.hoverTimer && clearTimeout(m.current.hoverTimer), m.current.hoverTimer = setTimeout(() => t({ activeHoverId: null, hoverRowTop: null }), 100);
-  }, []);
-  ne(() => {
-    !n?.state && U.current && U.current.matches(":hover") && I();
-  }, [n?.state, I]), ne(() => () => {
-    m.current.hoverTimer && clearTimeout(m.current.hoverTimer), m.current.longPressTimer && clearTimeout(m.current.longPressTimer);
-  }, []);
-  let L = null;
-  if (e?.jsx)
-    L = e.jsx;
-  else if (e?.name)
-    L = e.name;
-  else if (e?.raw !== void 0) {
-    const u = f.find(
-      (_) => _.raw === e.raw || _.original === e.raw || _.userId === e.raw
-    );
-    u && (L = u.jsx ?? u.name);
+}), 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" })
+  ] });
+}), 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)
+  );
+});
+class cn extends vt {
+  getSnapshotBeforeUpdate(t) {
+    return t.chips !== this.props.chips && this.props.take(), null;
   }
-  L == null && (L = typeof e == "object" ? e.label ?? e.name ?? e.value ?? "Selected item" : String(e));
-  const B = C((u) => {
-    u.stopPropagation(), u.preventDefault();
-  }, []), V = C((u) => {
-    t({ swipedId: null }), o(e.id), B(u);
-  }, [e.id, o]), x = C((u) => {
-    B(u), m.current.longPress ? m.current.longPress = !1 : R && V(u);
-  }, [R, V]);
-  xe(() => {
-    if (U.current && X) {
-      const { width: u } = U.current.getBoundingClientRect();
-      X(u);
-    }
-  }, [X, L]);
-  const P = Z ? !0 : c === e.id || T === e.id || R, Y = j === U.current?.getBoundingClientRect().top, W = (c || T) && Y;
-  return /* @__PURE__ */ d.jsxs(Ue, { children: [
-    /* @__PURE__ */ d.jsxs(
-      "div",
-      {
-        className: `rac-multiple-selected-option ${R ? "--deleting-shake" : ""}`,
-        onTouchStart: a,
-        onTouchMove: w,
-        onTouchEnd: z,
-        onMouseEnter: I,
-        onMouseLeave: K,
-        onClick: x,
-        ref: U,
-        children: [
-          L,
-          /* @__PURE__ */ d.jsx(
-            ye,
-            {
-              style: {
-                backgroundColor: R || v ? "transparent" : "--rac-multiple-del-bg",
-                position: R || v ? "relative" : "absolute"
-              },
-              setEntering: (u) => t({ entering: u }),
-              setLeaving: (u) => t({ leaving: u }),
-              setSpacer: (u) => t({ spacer: u }),
-              className: "rac-multiple-del",
-              visibility: P,
-              duration: J,
-              children: he(S, { onClick: V, onMouseDown: B })
-            }
-          )
-        ]
-      }
-    ),
-    !Z && !R && v && M && $ !== e.id && /* @__PURE__ */ d.jsx(
-      "div",
-      {
-        style: {
-          minWidth: W ? "0px" : `${l}px`,
-          transition: `min-width ${J}ms ease`,
-          "--del-width": `${l}px`,
-          // backgroundColor: 'black',
-          flexBasis: "0px",
-          height: "1px",
-          flexShrink: 1
+  componentDidUpdate() {
+  }
+  render() {
+    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));
+  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));
+    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];
+  });
+}, dn = (e) => {
+  const [t, n] = U(() => ({ chips: e, keyed: nt(e, []) }));
+  if (t.chips === e) return t.keyed;
+  const r = nt(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,
+        {
+          element: A,
+          deleting: g,
+          locked: !y,
+          chipStore: w,
+          delGroup: f,
+          settle: C
         },
-        className: "rac-del-spacer"
-      }
-    )
+        I
+      )
+    ) }),
+    L && /* @__PURE__ */ O("button", { type: "button", className: "rac-chip-del", tabIndex: -1, "aria-hidden": "true", ref: D, style: sn, children: ae(n.remove) })
   ] });
-}), Xe = ({ children: e, setLeaving: t, duration: n, setSpacer: l, setEntering: s, id: p = null, widthMode: c = !1, ...j }) => {
-  const T = ie(null), v = C(() => {
-    if (!T.current) return { t: 0, b: 0, l: 0, r: 0 };
-    const o = window.getComputedStyle(T.current);
-    return {
-      t: o.marginTop,
-      b: o.marginBottom,
-      l: o.marginLeft,
-      r: o.marginRight
-    };
-  }, []);
-  return /* @__PURE__ */ d.jsx(
-    Ie,
+}), 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;
+  }, () => {
+  }), b = !!l.clear && D && m && !L, d = !!l.arrow && m && !L;
+  return /* @__PURE__ */ q(
+    "div",
     {
-      classNames: "rac-slide-left",
-      timeout: n,
-      nodeRef: T,
-      unmountOnExit: !0,
-      ...j,
-      onEnter: () => {
-        const o = T.current;
-        o && (c ? (o.style.width = "0px", o.style.marginLeft = "0px", o.style.marginRight = "0px") : (o.style.height = "0px", o.style.marginTop = "0px", o.style.marginBottom = "0px", o.style.transform = "translateY(-10px)"), o.style.opacity = "0");
-      },
-      onEntering: () => {
-        const o = T.current, S = v();
-        o.offsetHeight, c ? (o.style.width = o.scrollWidth + "px", o.style.marginRight = S.r, o.style.marginLeft = S.l) : (o.style.height = o.scrollHeight + "px", o.style.transform = "translateY(0)", o.style.marginBottom = S.b, o.style.marginTop = S.t), o.style.opacity = "1";
+      ...w,
+      id: h,
+      ref: t,
+      style: { "--rac-duration": `${a}ms`, "--rac-ease": o, ...i },
+      className: ue("rac-select", c),
+      ...m && {
+        onKeyDown: $,
+        onFocus: E,
+        onClick: k,
+        onBlur: x
       },
-      onEntered: () => {
-        const o = T.current;
-        o.style.width = c ? "auto" : "", o.style.height = c ? "" : "100%", o.style.opacity = "1", o.style.transform = "", s?.(!1), l?.(!1);
-      },
-      onExit: () => {
-        const o = T.current, S = v();
-        c ? (o.style.width = o.offsetWidth + "px", o.style.marginRight = S.r, o.style.marginLeft = S.l) : (o.style.height = o.offsetHeight + "px", o.style.position = "absolute", o.style.marginBottom = S.b, o.style.marginTop = S.t), o.style.opacity = "1", t?.(!0);
-      },
-      onExiting: () => {
-        const o = T.current;
-        c ? (o.style.marginRight = "0px", o.style.marginLeft = "0px", o.style.width = "0px") : (o.style.transform = "translateY(10px)", o.style.marginBottom = "0px", o.style.marginTop = "0px", o.style.height = "0px"), o.style.opacity = "0";
-      },
-      onExited: () => {
-        l?.(!1), t?.(!1);
-      },
-      children: /* @__PURE__ */ d.jsx(
-        "div",
-        {
-          ref: T,
-          id: p,
-          style: {
-            transition: `all ${n}ms ease`,
-            alignItems: "center",
-            whiteSpace: "nowrap",
-            overflow: "hidden",
-            display: "flex",
-            left: 0,
-            top: 0
-          },
-          children: e
-        }
-      )
+      "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),
+      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__ */ O(ln, {})
+      ]
     }
   );
-}, mt = $e(({ element: e, index: t, spacer: n, duration: l, setState: s, ...p }) => /* @__PURE__ */ d.jsxs(Ue, { children: [
-  /* @__PURE__ */ d.jsx(
-    Xe,
+}), ke = 0, gn = 1, rt = 2, ht = (e) => {
+  const { highlightStore: t } = B(Y), n = F(null), r = re(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(
+    "div",
     {
-      setEntering: (c) => s({ entering: c }),
-      setLeaving: (c) => s({ leaving: c }),
-      setSpacer: (c) => s({ spacer: c }),
-      className: "rac-multiple-option",
-      onEnter: p.onEnter,
-      onExit: p.onExit,
-      duration: l,
-      id: e.id,
-      in: p.in,
-      widthMode: !0,
-      children: /* @__PURE__ */ d.jsx(
-        ht,
-        {
-          onRender: (c) => p.registerItemWidth(e.id, c),
-          setState: s,
-          duration: l,
-          element: e,
-          spacer: n,
-          index: t,
-          ...p
-        }
-      )
+      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),
+      style: t.style,
+      ref: p,
+      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) })
+      ]
     }
-  ),
-  n.state && n.id === e.id && /* @__PURE__ */ d.jsx(
+  );
+}), 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(
     "div",
     {
-      style: { width: n.width },
-      className: "rac-spacer"
+      className: ue("rac-option", t.className),
+      onMouseEnter: () => y && p(n),
+      onClick: (S) => !t.loading && o(t, S),
+      "aria-disabled": t.disabled || t.loading,
+      "data-invalid": X(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),
+      "aria-selected": r,
+      style: t.style,
+      role: "option",
+      ref: l,
+      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" })
+        ] })
+      ]
     }
-  )
-] }));
-function yt({ visibility: e, selectRef: t, setBottomDirection: n }) {
-  const l = ie(250);
-  xe(() => {
-    if (!t.current) return;
-    const s = document.createElement("div");
-    s.className = "rac-select-list", s.style.visibility = "hidden", s.style.position = "absolute", document.body.appendChild(s);
-    const p = parseInt(window.getComputedStyle(s).maxHeight);
-    p && (l.current = p), document.body.removeChild(s);
-    const c = new ResizeObserver((T) => {
-      for (let v of T) {
-        const o = v.borderBoxSize?.[0]?.blockSize || v.contentRect.height;
-        o > 0 && (l.current = o);
+  );
+}), 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,
+      {
+        isSelected: o.has(f.id) || a === f.id,
+        showCheckbox: n && !f.disabled,
+        option: f,
+        index: m
+      },
+      f.id
+    );
+    return r.forEach((f, m) => {
+      f.groupHeader ? (S(), y = f.name, h = Oe(t, f.id), l.push(
+        /* @__PURE__ */ O(
+          pn,
+          {
+            hasChildren: p[f.name] > 0,
+            open: i.has(f.name),
+            option: f,
+            index: m
+          },
+          f.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;
+  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());
       }
-    }), j = new IntersectionObserver((T) => {
-      e || T.forEach((v) => {
-        const o = v.boundingClientRect, S = window.innerHeight - o.bottom;
-        n(S < l.current);
-      });
-    }, { threshold: [0, 1] });
-    return j.observe(t.current), () => {
-      j.disconnect(), c.disconnect();
-    };
-  }, [t, e, n]);
-}
-function xt({ visibility: e, bottomDirection: t, children: n, selectRef: l, onAnimationDone: s, unmount: p = !0, duration: c, easing: j, offset: T, animateOpacity: v, style: o, className: S, setBottomDirection: f = () => {
-} }) {
-  const O = ie(null), R = C(() => {
-    if (!l?.current || !O.current) return;
-    const a = l.current.getBoundingClientRect(), w = O.current, z = w.scrollHeight || 250, I = window.innerHeight - a.bottom, K = I < z && a.top > I;
-    K !== t && f(K), w.style.width = `${a.width}px`, w.style.left = `${a.left}px`, K ? (w.style.top = "auto", w.style.bottom = `${window.innerHeight - a.top + T}px`, w.style.transformOrigin = "bottom") : (w.style.bottom = "auto", w.style.top = `${a.bottom + T}px`, w.style.transformOrigin = "top");
-  }, [l, t, T, f]);
-  xe(() => {
-    if (e) {
-      R(), window.addEventListener("scroll", R, { capture: !0, passive: !0 }), window.addEventListener("resize", R);
-      const a = new ResizeObserver(R);
-      return l.current && a.observe(l.current), () => {
-        window.removeEventListener("scroll", R, { capture: !0, passive: !0 }), window.removeEventListener("resize", R), a.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());
     }
-  }, [e, R, l]);
-  const $ = `height var(--rac-duration) ${j}${v ? `, opacity var(--rac-duration) ${j}` : ""}`, D = {
-    opacity: v ? e ? 1 : 0 : 1,
-    transformOrigin: t ? "bottom" : "top",
-    pointerEvents: e ? "all" : "none",
-    height: e ? "auto" : "0px",
-    "--rac-duration": `${c}ms`,
-    boxSizing: "border-box",
-    "--rac-easing": j,
-    zIndex: "2147483647",
-    overflow: "hidden",
-    position: "fixed",
-    ...Object.fromEntries(
-      Object.entries(o || {}).map(([a, w]) => [
-        a.startsWith("--") ? a : `--rac-${a.replace(/([A-Z])/g, "-$1").toLowerCase()}`,
-        w
-      ])
-    )
-  }, X = C(() => {
-    const a = O.current;
-    a && (a.style.height = "0px", v && (a.style.opacity = "0"), a.style.transition = "");
-  }, [v]), J = C(() => {
-    const a = O.current;
-    a && (a.style.transition = $, a.style.height = `${a.scrollHeight}px`, v && (a.style.opacity = "1"));
-  }, [$, v]), M = C(() => {
-    const a = O.current;
-    a && (a.style.height = "auto", a.style.transition = "", s && s());
-  }, [s]), Z = C(() => {
-    const a = O.current;
-    a && (a.style.height = `${a.scrollHeight}px`, v && (a.style.opacity = "1"), a.offsetHeight, a.style.transition = $);
-  }, [$, v]), m = C(() => {
-    const a = O.current;
-    a && (a.style.height = "0px", v && (a.style.opacity = "0"));
-  }, [v]), U = C(() => {
-    const a = O.current;
-    a && (a.style.transition = "");
-  }, []);
-  return nt(
-    /* @__PURE__ */ d.jsx(
-      Ie,
+    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,
       {
-        classNames: "rac-options",
-        unmountOnExit: p,
-        onEntering: J,
-        onExiting: m,
-        onEntered: M,
-        onExited: U,
-        timeout: c,
-        nodeRef: O,
-        onEnter: X,
-        in: e,
-        onExit: Z,
-        children: /* @__PURE__ */ d.jsx(
+        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(
           "div",
           {
-            style: {
-              ...D,
-              "--rac-duration-fast": "calc(var(--rac-duration) * 0.5)",
-              "--rac-duration-slow": "calc(var(--rac-duration) * 1.3)",
-              "--rac-duration-base": "var(--rac-duration)",
-              "--rac-duration": `${c}ms`
-            },
-            className: `rac-options ${S || ""}`,
-            onMouseDown: (a) => a.preventDefault(),
-            ref: O,
-            children: n
+            onScroll: C,
+            className: "rac-list",
+            "aria-multiselectable": s,
+            id: `${n}-listbox`,
+            "aria-label": w.list,
+            role: "listbox",
+            tabIndex: "-1",
+            ref: $,
+            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
+              ] })
+            ]
           }
         )
       }
     ),
-    document.body
-  );
-}
-const bt = $e(xt, (e, t) => e.visibility === t.visibility && e.duration === t.duration && e.easing === t.easing && e.offset === t.offset && e.animateOpacity === t.animateOpacity && e.selectRef === t.selectRef && e.children === t.children && JSON.stringify(e.style) === JSON.stringify(t.style)), vt = $e((e) => {
-  const { state: t, setState: n, optionRef: l, firstMount: s, remove: p, safeToggle: c, registerItemWidth: j, delIcon: T } = pt(e), { bottomDirection: v, selectHeight: o, swipedId: S, rowEndIds: f, delWidth: O } = t, { selectRef: R, selectId: $, renderOptions: D, selected: X, selectedIDs: J, normalizedOptions: M, title: Z, visibility: m, active: U, hasOptions: a, hasActualValue: w, optionsClassName: z, selectedText: I, disabled: K, loading: L, error: B, registerOption: V, unregisterOption: x, handleBlur: P, handleFocus: Y, handleKeyDown: W, handleListScroll: u, setAnimationFinished: _, clear: r, children: b, placeholder: A, className: G, style: Q, duration: i, easing: g, offset: y, animateOpacity: E, unmount: k, OpenIcon: H, ClearIcon: ee, DelIcon: re, hasMore: ue, loadButton: oe, deleting: h } = e;
-  yt({ visibility: m, selectRef: R, setBottomDirection: (F) => n({ bottomDirection: F }) });
-  const q = ee && w && a && !K && !L && !B && !h, te = H && U && !h, le = J?.map(
-    (F, ge) => /* @__PURE__ */ d.jsx(
-      mt,
-      {
-        rowEnd: f.includes(F.id),
-        registerItemWidth: j,
-        swiped: S === F.id,
-        setState: n,
-        element: F,
-        remove: p,
-        index: ge,
-        ...e,
-        ...t
-      },
-      F.id
-    )
-  );
-  return /* @__PURE__ */ d.jsxs(Ae.Provider, { value: { registerOption: V, unregisterOption: x }, children: [
-    b,
-    /* @__PURE__ */ d.jsxs(
-      "div",
-      {
-        ref: R,
-        style: {
-          "--rac-duration-fast": "calc(var(--rac-duration) * 0.5)",
-          "--rac-duration-slow": "calc(var(--rac-duration) * 1.3)",
-          "--rac-duration-base": "var(--rac-duration)",
-          "--rac-duration": `${i}ms`,
-          ...Q
-        },
-        className: `
-                    ${!a || K ? "rac-disabled-style" : ""}
-                    ${L ? "rac-loading-style" : ""}
-                    ${B ? "rac-error-style" : ""}
-                    ${G}
-                    rac-select
-                `,
-        ...U && {
-          onKeyDown: W,
-          onFocus: Y,
-          onClick: c,
-          onBlur: P
-        },
-        "aria-disabled": K || !a,
-        "aria-controls": `${$}-listbox`,
-        tabIndex: U ? 0 : -1,
-        "aria-expanded": m,
-        "aria-label": A,
-        "aria-haspopup": "listbox",
-        role: "combobox",
-        children: [
-          /* @__PURE__ */ d.jsx(
-            "div",
-            {
-              className: `rac-select-title-wrapper
-                        ${!B && !L && X?.type === "boolean" ? X.raw ? "rac-true-option" : "rac-false-option" : ""}
-                    `,
-              style: {
-                alignItems: J?.length && !I ? "flex-start" : "center",
-                height: o ? `${o}px` : "auto"
-              },
-              children: /* @__PURE__ */ d.jsx(
-                "div",
-                {
-                  style: {
-                    alignItems: J?.length && !I ? "flex-start" : "center",
-                    height: L ? "100%" : "auto"
-                  },
-                  className: "rac-select-title",
-                  ref: l,
-                  children: /* @__PURE__ */ d.jsx(
-                    Le,
-                    {
-                      enter: !s.current,
-                      component: null,
-                      appear: !1,
-                      children: J?.length && !I && !L ? le : /* @__PURE__ */ d.jsxs(
-                        Xe,
-                        {
-                          className: "rac-title-container",
-                          duration: i,
-                          widthMode: !0,
-                          children: [
-                            /* @__PURE__ */ d.jsx("span", { className: "rac-title-text", children: Z }),
-                            /* @__PURE__ */ d.jsx(
-                              ye,
-                              {
-                                className: "rac-loading-container",
-                                visibility: L && !B,
-                                duration: i,
-                                children: /* @__PURE__ */ d.jsxs("span", { className: "rac-loading-dots", children: [
-                                  /* @__PURE__ */ d.jsx("i", {}),
-                                  /* @__PURE__ */ d.jsx("i", {}),
-                                  /* @__PURE__ */ d.jsx("i", {})
-                                ] })
-                              }
-                            )
-                          ]
-                        },
-                        Z
-                      )
-                    }
-                  )
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ d.jsx(
-            ye,
-            {
-              visibility: q || te,
-              className: "rac-select-buttons",
-              children: /* @__PURE__ */ d.jsxs(Le, { component: null, children: [
-                q && /* @__PURE__ */ d.jsx(
-                  ye,
-                  {
-                    style: { display: "grid" },
-                    duration: i,
-                    children: he(ee, {
-                      className: "rac-select-cancel",
-                      onMouseDown: (F) => {
-                        F.stopPropagation(), F.preventDefault();
-                      },
-                      onClick: r
-                    })
-                  },
-                  "clear-icon"
-                ),
-                " ",
-                te && /* @__PURE__ */ d.jsx(
-                  ye,
-                  {
-                    style: { display: "grid" },
-                    duration: i,
-                    children: he(H, { className: `rac-select-arrow ${m ? "--open" : ""} ${v ? "" : "--up"}` })
-                  },
-                  "open-button"
-                )
-              ] })
-            }
-          ),
-          /* @__PURE__ */ d.jsx(
-            bt,
-            {
-              setBottomDirection: (F) => n({ bottomDirection: F }),
-              style: { "--rac-duration": `${i}ms`, ...Q },
-              visibility: m && M.length,
-              onAnimationDone: () => _(!0),
-              bottomDirection: t.bottomDirection,
-              animateOpacity: E,
-              className: z,
-              selectRef: R,
-              duration: i,
-              unmount: k,
-              easing: g,
-              offset: y,
-              children: /* @__PURE__ */ d.jsxs(
-                "div",
-                {
-                  onScroll: u,
-                  className: "rac-select-list",
-                  "aria-label": "Options",
-                  role: "listbox",
-                  tabIndex: "-1",
-                  children: [
-                    D,
-                    !oe && ue && /* @__PURE__ */ d.jsxs(
-                      "div",
-                      {
-                        className: "rac-select-option rac-disabled-option rac-loading-option",
-                        style: { justifyContent: "initial", alignItems: "end", gap: 0 },
-                        onClick: (F) => F.stopPropagation(),
-                        children: [
-                          /* @__PURE__ */ d.jsx("span", { className: "rac-loading-option-title", children: "Loading" }),
-                          /* @__PURE__ */ d.jsx("div", { className: "rac-loading-container", children: /* @__PURE__ */ d.jsxs("span", { className: "rac-loading-dots", children: [
-                            /* @__PURE__ */ d.jsx("i", {}),
-                            /* @__PURE__ */ d.jsx("i", {}),
-                            /* @__PURE__ */ d.jsx("i", {})
-                          ] }) })
-                        ]
-                      }
-                    )
-                  ]
-                }
-              )
-            }
-          )
-        ]
-      }
-    ),
-    !O && /* @__PURE__ */ d.jsx("div", { style: { position: "absolute", visibility: "hidden", pointerEvents: "none", zIndex: -1 }, children: /* @__PURE__ */ d.jsx("div", { ref: T, children: he(re) }) })
-  ] });
-});
-function wt({ disabled: e, open: t, setOpen: n, options: l = [], selectOption: s, setState: p, selected: c, selectedIDs: j, multiple: T, hasMore: v, loadMore: o, loadButton: S, loadButtonText: f, loadOffset: O, loadAhead: R, expandedGroups: $, onOpen: D, onClose: X, deleting: J }) {
-  const [M, Z] = Se(-1), m = ie({
-    loadingTriggered: !1,
-    lastWindowFocusTime: 0,
-    justFocused: !1,
-    focusTimeout: null
-  });
-  ne(() => {
-    m.current.loadingTriggered = !1, S && p({ loadingTitle: f });
-  }, [l.length, v, S, f]);
-  const U = C(() => {
-    !v || m.current.loadingTriggered || (m.current.loadingTriggered = !0, o());
-  }, [v, o]), a = C((x) => {
-    if (S || !v || m.current.loadingTriggered) return;
-    const { scrollTop: P, scrollHeight: Y, clientHeight: W } = x.currentTarget(Y - P <= W + O) && U();
-  }, [S, v, O, U]);
-  ne(() => {
-    !S && t && v && M >= l.length - R && U();
-  }, [M, t, v, l.length, R, S, U]), ne(() => {
-    const x = () => m.current.lastWindowFocusTime = Date.now();
-    return window.addEventListener("focus", x), () => {
-      window.removeEventListener("focus", x), clearTimeout(m.current.focusTimeout);
-    };
-  }, []), ne(() => {
-    if (!t) {
-      Z(-1);
-      return;
-    }
-    const x = l[M], P = x && !x.hidden && !x.groupHeader;
-    if (M >= 0 && M < l.length && P) return;
-    let Y = -1;
-    if (c && !T) {
-      const W = T ? c[0] : c;
-      W && (Y = l.findIndex((u) => u.id === W.id && !u.disabled && !u.hidden && !u.groupHeader));
-    }
-    if (T && j.length) {
-      const W = new Set(j.map((u) => u.id));
-      Y = l.findIndex(
-        (u) => W.has(u.id) && !u.disabled && !u.hidden && !u.groupHeader
-      );
-    }
-    Y === -1 && (Y = l.findIndex((W) => !W.disabled && !W.hidden && !W.groupHeader)), Z(Y);
-  }, [t, l, c]);
-  const w = C((x, P) => {
-    const Y = (_) => _ && !_?.groupHeader && (!_?.group || $?.has(_?.group)) && !_?.disabled && !_?.loading, W = l.length;
-    if (W === 0) return -1;
-    let u = x;
-    for (let _ = 0; _ < W; _++) {
-      if (u = (u + P + W) % W, !S && v && (P > 0 && u === 0 || P < 0 && u === W - 1))
-        return x;
-      if (Y(l[u])) return u;
-    }
-    return x;
-  }, [l, v, S, $]), z = C((x) => {
-    const P = x.relatedTarget?.closest(".rac-options");
-    !x.currentTarget.contains(x.relatedTarget) && !P && (J && p({ deleting: !1 }), t && n(!1));
-  }, [J, t, p, n]), I = C(() => {
-    e || J || document.hidden || Date.now() - m.current.lastWindowFocusTime < 100 || t || (clearTimeout(m.current.focusTimeout), m.current.focusTimeout = setTimeout(() => m.current.justFocused = !1, 200), m.current.justFocused = !0, n(!0));
-  }, [e, t, n, J]), K = Pe(() => D?.()), L = Pe(() => X?.());
-  ne(() => {
-    t ? K() : L();
-  }, [t]);
-  const B = C((x) => {
-    e || J || x?.target?.closest(".rac-select-cancel") || m.current.justFocused || n(!t);
-  }, [e, t, n, D, X, J]), V = C((x) => {
-    if (!e)
-      switch (x.key) {
-        case "Enter":
-        case " ":
-          x.preventDefault(), t ? M !== -1 && l[M] && s(l[M], x) : n(!0);
-          break;
-        case "Escape":
-          x.preventDefault(), n(!1);
-          break;
-        case "ArrowDown":
-          x.preventDefault(), t ? Z((P) => w(P, 1)) : n(!0);
-          break;
-        case "ArrowUp":
-          x.preventDefault(), t ? Z((P) => w(P, -1)) : n(!0);
-          break;
-        case "Tab":
-          t && n(!1);
-          break;
-      }
-  }, [e, t, n, M, l, s, w]);
-  return ce(() => ({ handleBlur: z, handleFocus: I, toggleVisibility: B, handleKeyDown: V, highlightedIndex: M, setHighlightedIndex: Z, handleListScroll: a }), [z, I, B, V, M, a]);
-}
-const Et = ["group", "disabled", "options", "items", "children"], Re = ["name", "label", "id", "value"], ze = [], we = (e, t = !1) => {
-  if (t && typeof e.group == "string") return e.group;
-  const n = Re.find((s) => e[s] != null && e[s] !== "");
-  if (n) return String(e[n]);
-  const l = Object.entries(e).find(([s, p]) => !Et.includes(s) && p != null && p !== "");
-  return l ? String(l[1]) : null;
-};
-function Tt({
-  options: e = ze,
-  jsxOptions: t = ze,
-  value: n,
-  onChange: l,
-  disabled: s = !1,
-  loading: p = !1,
-  error: c = !1,
-  multiple: j = !1,
-  placeholder: T = "Choose option",
-  emptyText: v = "No options",
-  disabledText: o = "Disabled",
-  loadingText: S = "Loading",
-  errorText: f = "Failed to load",
-  disabledOption: O = "Disabled option",
-  emptyOption: R = "Empty option",
-  invalidOption: $ = "Invalid option",
-  setVisibility: D,
-  hasMore: X,
-  loadButton: J,
-  setState: M,
-  loadingTitle: Z,
-  loadMoreText: m,
-  loadMore: U,
-  childrenFirst: a = !1,
-  groupsClosed: w = !1
-}) {
-  const z = n !== void 0, [I, K] = Se(() => {
-    const i = /* @__PURE__ */ new Set();
-    if (w) return i;
-    const g = (y) => {
-      Array.isArray(y) && y.forEach((E) => {
-        if (E && typeof E == "object") {
-          if (("options" in E || "group" in E && !Re.some((H) => H in E)) && !E.disabled) {
-            const H = we(E, !0) || "Empty group";
-            i.add(H);
-          }
-          E.options && g(E.options);
-        }
-      });
-    };
-    return g(e), i;
-  }), L = ie(null), B = C((i) => {
-    K((g) => {
-      const y = new Set(g);
-      return y.has(i) ? y.delete(i) : y.add(i), y;
-    });
-  }, []), V = C((i, g, y = "n", E = null, k = !1) => {
-    const H = `${y}-${g}`;
-    if (i == null || i === "" || i === void 0)
-      return {
-        name: R,
-        disabled: !0,
-        type: "normal",
-        groupDisabled: k,
-        userId: null,
-        raw: i,
-        group: E,
-        id: H
-      };
-    if (typeof i == "function")
-      return { id: H, userId: null, name: $, raw: i, disabled: !0, invalid: !0, type: "normal", group: E };
-    if (typeof i == "object" && !Array.isArray(i)) {
-      const ee = E || i.group || null, re = k || i.disabled === !0, ue = i.id ?? i.value ?? i.name ?? i.label, oe = i.value !== void 0 ? i.value : i.id !== void 0 ? i.id : i;
-      let h = we(i) || (re ? O : R);
-      return {
-        id: H,
-        userId: ue,
-        name: h,
-        raw: oe,
-        original: i,
-        disabled: re || h === R && !re,
-        type: typeof oe == "boolean" ? "boolean" : "normal",
-        group: ee,
-        groupDisabled: k
-      };
-    }
-    return {
-      id: H,
-      userId: i,
-      name: String(i),
-      raw: i,
-      original: i,
-      disabled: k,
-      type: typeof i == "boolean" ? "boolean" : "normal",
-      group: E
-    };
-  }, [R, $, O]), x = ce(() => {
-    const i = /* @__PURE__ */ new Map(), g = [], y = t.map((h, q) => {
-      if (h.isGroupMarker) return { ...h, type: "group-marker" };
-      const te = !h.label && !h.userId && !h.value && (h.value === void 0 || h.value === null || h.value === "") && !h.hasJsx;
-      return {
-        ...h,
-        id: `jsx-${h.id}`,
-        index: q,
-        userId: h.userId,
-        raw: h.value,
-        original: h.value,
-        name: te ? R : h.label || h.userId || String(h.value || ""),
-        disabled: !!h.disabled || te,
-        type: typeof h.value == "boolean" ? "boolean" : "normal",
-        group: h.group || null
-      };
-    });
-    let E = 0;
-    const k = (h, q = null, te = !1, le = "0") => {
-      Array.isArray(h) || (h = [h]), h.forEach((F, ge) => {
-        const ae = `${le}-${ge}`, de = F != null && typeof F == "object" && !Array.isArray(F);
-        if (de && ("options" in F || "group" in F && !Re.some((se) => se in F))) {
-          const se = we(F, !0) || "Empty group";
-          i.has(se) || i.set(se, { disabled: !!F.disabled, closedByDefault: !!F.disabled || w, items: [] }), F.options ? k(F.options, se, te || !!F.disabled, ae) : g.push({ id: `empty-${se}-${ae}`, name: se, group: se, isPlaceholder: !0, type: "group-marker", index: E++ });
-        } else if (de && !Re.some((se) => se in F) && !F.group)
-          Object.entries(F).forEach(([se, Ee], Te) => {
-            const N = V(Ee, `${ae}-${Te}`, "default", q, te);
-            g.push({ ...N, index: E++ });
-          });
-        else {
-          const se = V(F, ae, "default", q, te);
-          g.push({ ...se, index: E++ });
-        }
-      });
-    };
-    k(e);
-    const H = a ? [...y, ...g] : [...g, ...y];
-    if (!L.current)
-      L.current = new Map(H.map((h, q) => [h.id, q]));
-    else {
-      let h = !1;
-      if (H.forEach((q) => {
-        L.current.has(q.id) || (h = !0);
-      }), h) {
-        const q = /* @__PURE__ */ new Map();
-        H.forEach((te, le) => {
-          q.set(te.id, le);
-        }), L.current = q;
-      }
-    }
-    const ee = [...H].sort((h, q) => {
-      const te = L.current.get(h.id) ?? 999999, le = L.current.get(q.id) ?? 999999;
-      return te - le;
-    }), re = [], ue = /* @__PURE__ */ new Set();
-    ee.forEach((h) => {
-      if (!h.group)
-        re.push({ type: "item", data: h });
-      else {
-        ue.has(h.group) || (ue.add(h.group), re.push({ type: "group", name: h.group }));
-        const q = i.get(h.group) || { items: [] };
-        i.has(h.group) || i.set(h.group, q), h.isGroupMarker ? (q.className = h.className, q.style = h.style, h.disabled && (q.disabled = !0)) : h.isPlaceholder || q.items.push(h);
+    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: $,
+    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({
+    toggleGroup: z,
+    selectOption: (N, W) => {
+      if (N.groupHeader) {
+        Q(W), N.disabled || z(N.name);
+        return;
       }
-    });
-    const oe = [];
-    return re.forEach((h) => {
-      if (h.type === "item")
-        oe.push(h.data);
-      else {
-        const q = h.name, te = i.get(q), le = I.has(q);
-        oe.push({
-          className: te?.className || "",
-          id: `group-header-${q}`,
-          disabled: !!te?.disabled,
-          style: te?.style || {},
-          groupHeader: !0,
-          name: q,
-          type: "group",
-          hidden: !1,
-          expanded: le
-        }), te?.items.forEach((F) => {
-          const ge = I.size > 0 ? !le : !!w;
-          oe.push({ ...F, hidden: ge });
-        });
+      if (N.disabled || N.loadMore) {
+        Q(W), N.loadMore && !N.loading && c();
+        return;
       }
-    }), X && J && oe.push({
-      id: "special-load-more-id",
-      name: Z,
-      loadMore: !0,
-      loading: Z === m,
-      type: "special"
-    }), oe;
-  }, [e, t, V, a, X, J, Z, m, w, I, R]), P = C(() => {
-    if (n == null || Array.isArray(n) && n.length === 0)
-      return { initialId: null, initialIDs: [] };
-    const i = /* @__PURE__ */ new Set(), g = (y, E) => {
-      let k = x.find((ee) => ee.original === y && !i.has(ee.id));
-      if (!k && typeof y == "object")
-        try {
-          const ee = JSON.stringify(y);
-          k = x.find(
-            (re) => re.original && typeof re.original == "object" && JSON.stringify(re.original) === ee && !i.has(re.id)
-          );
-        } catch {
-        }
-      if (k)
-        return i.add(k.id), k;
-      const H = typeof y == "object" ? y.id || y.value || JSON.stringify(y) : String(y);
-      return typeof y == "object" && y !== null ? {
-        id: `virtual-${H}-${E}`,
-        name: we(y) || String(y.id || "Selected Object"),
-        raw: y.value ?? y.id ?? y,
-        original: y,
-        userId: y.id ?? y.value ?? null,
-        virtual: !0
-      } : {
-        id: `virtual-${H}-${E}`,
-        name: String(y),
-        raw: y,
-        original: y,
-        userId: y,
-        virtual: !0
-      };
-    };
-    if (j)
-      return { initialId: null, initialIDs: (Array.isArray(n) ? n : [n]).map((k, H) => g(k, H)) };
-    {
-      const y = Array.isArray(n) ? n[0] : n;
-      return { initialId: g(y, 0).id, initialIDs: [] };
-    }
-  }, [z, n, x, j]), [Y, W] = Se(() => P().initialId), [u, _] = Se(() => P().initialIDs), r = ce(() => {
-    const i = x.find((g) => g.id === Y);
-    if (i) return i;
-    if (!j && Y?.startsWith("virtual-")) {
-      const g = Array.isArray(n) ? n[0] : n;
-      if (g)
-        return {
-          id: Y,
-          name: typeof g == "object" ? we(g) : String(g),
-          original: g
-        };
-    }
-    return null;
-  }, [Y, x, j, z, n]), b = C((i, g) => {
-    if (i.groupHeader) {
-      A(g), i.disabled || B(i.name);
-      return;
-    }
-    if (i.disabled || i.loadMore) {
-      A(g), i.loadMore && !i.loading && (M({ loadingTitle: m }), U());
-      return;
-    }
-    if (j) {
-      if (i.disabled || i.groupHeader || i.loadMore) {
-        A(g);
+      if (l) {
+        Q(W);
+        const te = T.some((Ee) => Ee.id === N.id);
+        pe(te ? T.filter((Ee) => Ee.id !== N.id) : [...T, N]);
         return;
       }
-      A(g);
-      const E = u?.some((k) => k.id === i.id) ? u.filter((k) => k.id !== i.id) : [...u, i];
-      _(E), l?.(E.map((k) => k.original), E.map((k) => k.userId));
-      return;
-    }
-    l?.(i.original, i.userId), W(i.id), D(!1);
-  }, [l, D, U, m, B, j, u]), A = C((i) => {
-    i?.stopPropagation(), i?.preventDefault();
-  }, []), G = C(() => {
-    l?.(null, null), W(null), _([]);
-  }, [l]), Q = C((i) => {
-    const g = u.filter((y) => y.id !== i);
-    _(g), l?.(g.map((y) => y.original), g.map((y) => y.userId));
-  }, [u, l]);
-  return {
-    normalizedOptions: x,
-    selected: r,
-    selectOption: b,
-    clear: G,
-    removeOption: Q,
-    hasOptions: x.length > 0,
-    active: !c && !p && !s && x.length > 0,
-    selectedValue: n,
-    placeholder: T,
-    emptyText: v,
-    disabledText: o,
-    loadingText: S,
-    errorText: f,
-    disabledOption: O,
-    emptyOption: R,
-    invalidOption: $,
-    disabled: s,
-    loading: p,
-    error: c,
-    expandedGroups: I,
-    toggleGroup: B,
-    selectedIDs: u,
-    multiple: j,
-    setselectedIDs: _
-  };
+      v?.id !== N.id && R(N.original, N.userId, [N.id]), s(!1);
+    },
+    clear: (N) => {
+      Q(N), R(l ? [] : null, l ? [] : null, mt);
+    },
+    removeOption: (N) => pe(T.filter((W) => W.id !== N))
+  });
+  return { normalizedOptions: b, expandedGroups: d, selected: v, selectedIDs: T, hasOptions: H, active: J, hasActualValue: P, title: ee, valueOption: G, actions: We };
 }
-const ke = (e, t = "invalid-option", n = "") => {
-  const l = n ? n.replace(/:/g, "") : "";
-  if (typeof e != "string" || !e.trim())
-    return l ? `${t}-${l}` : `${t}-${Math.random().toString(36).slice(2, 8)}`;
-  const s = e.normalize("NFKD").replace(/[\u0300-\u036f]/g, "").replace(/\s+/g, "-").replace(/[^\p{L}\p{N}-]+/gu, "").toLowerCase();
-  return s ? s || `${t}-${Math.random().toString(36).slice(2, 8)}` : l ? `${t}-${l}` : `${t}-${Math.random().toString(36).slice(2, 8)}`;
-};
-function jt({ setExternalVisibility: e, externalVisibility: t, loadButtonText: n, loadMoreText: l, ownBehavior: s, loadButton: p, loadOffset: c, loadAhead: j, loadMore: T, hasMore: v, onOpen: o, onClose: S, props: f, ref: O }) {
-  const R = qe(), $ = ce(() => R.replace(/:/g, ""), [R]), D = ie(null);
-  Je(O, () => D.current);
-  const [X, J] = Ge(ut, { loadButton: p, loadButtonText: n, loadMoreText: l }, ct), { internalVisibility: M, animationFinished: Z, jsxOptions: m, deleting: U, loadingTitle: a } = X, w = C((E) => J({ type: "SET", payload: E }), []), z = t !== void 0, I = ce(() => s || z ? !!t : M, [s, z, t, M]), K = C((E) => {
-    s || (!z && w({ internalVisibility: E }), e?.(E));
-  }, [s, z, e]), L = C((E) => {
-    w((k) => {
-      const H = k.jsxOptions.findIndex((ee) => ee.id === E.id);
-      if (H !== -1) {
-        const ee = k[H];
-        if (ee.label === E.label && ee.value === E.value && ee.disabled === E.disabled && ee.group === E.group)
-          return k;
-        const re = [...k];
-        return re[H] = E, { jsxOptions: re };
+const En = (e) => ({
+  internalVisibility: !1,
+  deleting: !1,
+  loadPending: !1,
+  toggledGroups: /* @__PURE__ */ new Set(),
+  internalValue: e.defaultValue,
+  picked: mt
+});
+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({
+    // [DOC: select-store]
+    setVisibility: (R) => {
+      R !== M && (j || w({ internalVisibility: R }), s?.(R));
+    },
+    // [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 });
+      try {
+        i()?.then?.(R, R);
+      } catch (pe) {
+        u.current = !1, R(), (globalThis.reportError ?? console.error)(pe);
       }
-      return { jsxOptions: [...k.jsxOptions, E] };
-    });
-  }, [w]), B = C((E) => w((k) => ({ jsxOptions: k.jsxOptions.filter((H) => H.id !== E) })), []), V = Tt({
-    ...f,
-    setVisibility: K,
-    jsxOptions: m,
-    hasMore: v,
-    loadButton: p,
-    loadingTitle: a,
-    loadMore: T,
-    loadMoreText: l,
-    setState: w
-  }), { multiple: x, normalizedOptions: P, selected: Y, selectOption: W, hasOptions: u, selectedValue: _, disabled: r, loading: b, error: A, expandedGroups: G, selectedIDs: Q } = V, i = wt({ setState: w, loadButton: p, loadButtonText: n, hasMore: v, loadMore: T, disabled: r, multiple: x, open: I, setOpen: K, options: P, selectOption: W, selected: Y, loadOffset: c, loadAhead: j, expandedGroups: G, selectedIDs: Q, onOpen: o, onClose: S, deleting: U }), { highlightedIndex: g } = i;
-  ne(() => {
-    I && D.current && document.activeElement !== D.current && D.current.focus(), !I && w({ animationFinished: !1 });
-  }, [I]), ne(() => {
-    (A || r || b || !u) && K(!1);
-  }, [A, r, b, u, K]), ne(() => {
-    z && w({ internalVisibility: !!t });
-  }, [t, z]), ne(() => {
-    if (I && Z && g !== -1) {
-      const E = P[g];
-      E && document.getElementById(`${$}-${ke(E.id)}`)?.scrollIntoView({ block: "nearest" });
-    }
-  }, [g, I, Z, P, $]);
-  const y = ce(() => _ != null && !(Array.isArray(_) && _.length === 0) && !(typeof _ == "object" && Object.keys(_).length === 0), [_]);
-  return { selectId: $, selectRef: D, visibility: I, setVisibility: K, animationFinished: Z, setAnimationFinished: (E) => w({ animationFinished: E }), deleting: U, loadingTitle: a, jsxOptions: m, registerOption: L, unregisterOption: B, logic: V, behavior: i, hasActualValue: y };
-}
-function St({ visibility: e, children: t, duration: n = 300, className: l }) {
-  const s = ie(null), p = C(() => {
-    if (!s.current) return { top: "0px", bottom: "0px" };
-    const c = window.getComputedStyle(s.current);
-    return { top: c.marginTop, bottom: c.marginBottom };
-  }, []);
-  return /* @__PURE__ */ d.jsx(
-    Ie,
-    {
-      onEnter: () => {
-        s.current.style.height = "0px", s.current.style.marginTop = "0px", s.current.style.marginBottom = "0px";
-      },
-      onEntering: () => {
-        const { top: c, bottom: j } = p();
-        s.current.style.height = s.current.scrollHeight + "px", s.current.style.marginBottom = j, s.current.style.marginTop = c;
-      },
-      onEntered: () => s.current.style.height = "auto",
-      onExit: () => {
-        const { top: c, bottom: j } = p();
-        s.current.style.height = s.current.scrollHeight + "px", s.current.style.marginBottom = j, s.current.style.marginTop = c, s.current.offsetHeight;
-      },
-      onExiting: () => {
-        s.current.style.height = "0px", s.current.style.marginTop = "0px", s.current.style.marginBottom = "0px";
-      },
-      classNames: "rac-slide-down",
-      timeout: n,
-      nodeRef: s,
-      in: e,
-      unmountOnExit: !0,
-      children: /* @__PURE__ */ d.jsx(
-        "div",
-        {
-          style: {
-            transition: `height ${n}ms ease, margin ${n}ms ease`,
-            overflow: "hidden"
-          },
-          className: `${l} rac-slide-down-enter-done`,
-          ref: s,
-          tabIndex: -1,
-          children: t
-        }
-      )
-    }
-  );
+    },
+    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
+  });
+  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 };
 }
-const Nt = Ve(({
-  loadMore: e = () => console.warn("loadMore not implemented"),
-  setVisibility: t = () => {
-  },
-  visibility: n,
-  loadButtonText: l = "Load more",
-  Checkmark: s = at,
-  loadMoreText: p = "Loading",
-  selectedText: c = void 0,
-  OpenIcon: j = lt,
-  animateOpacity: T = !0,
-  ClearIcon: v = We,
-  optionsClassName: o = "",
-  Checkbox: S = void 0,
-  deleteInline: f = !1,
-  ownBehavior: O = !1,
-  DelIcon: R = We,
-  onClose: $ = () => {
-  },
-  showDelete: D = !1,
-  easing: X = "ease-in",
-  loadButton: J = !1,
-  onOpen: M = () => {
+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) : ""),
+    jsx: i,
+    hasJsx: i != null,
+    className: s,
+    style: c,
+    disabled: !!a,
+    group: o || l || 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>.`);
+    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);
+  else if (a === "group") {
+    const o = Mn(c.props, t);
+    s.push(o), me(c.props.children, t, o.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().`);
+  }
+}), 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 = {
+  options: [],
+  value: void 0,
+  defaultValue: void 0,
+  onChange: void 0,
+  multiple: !1,
+  childrenFirst: !1,
+  groupsClosed: !1,
+  disabled: !1,
+  loading: !1,
+  error: !1,
+  open: void 0,
+  onOpenChange: void 0,
+  onFocus: void 0,
+  onBlur: void 0,
+  id: void 0,
+  name: void 0,
+  required: !1,
+  hasMore: !1,
+  loadMore: void 0,
+  loadButton: !1,
+  loadOffset: 100,
+  loadAhead: 3,
+  placeholder: "Choose option",
+  selectedText: void 0,
+  texts: {
+    empty: "No options",
+    disabled: "Disabled",
+    loading: "Loading",
+    error: "Failed to load",
+    clear: "Clear selection",
+    remove: "Remove",
+    loadMore: "Load more",
+    loadingMore: "Loading",
+    emptyOption: "Empty option",
+    invalidOption: "Invalid option",
+    disabledOption: "Disabled option",
+    emptyGroup: "Empty group",
+    list: "Options"
   },
-  loadOffset: Z = 100,
-  hasMore: m = !1,
-  className: U = "",
-  duration: a = 300,
-  loadAhead: w = 3,
-  offset: z = 1,
-  style: I = {},
-  children: K,
-  unmount: L,
-  ...B
-}, V) => {
-  const x = jt({ externalVisibility: n, setExternalVisibility: t, ownBehavior: O, loadButton: J, loadButtonText: l, loadMoreText: p, loadMore: e, loadOffset: Z, loadAhead: w, hasMore: m, onOpen: M, onClose: $, ref: V, props: B }), { logic: P, behavior: Y, selectId: W, hasActualValue: u, loadingTitle: _ } = x, { normalizedOptions: r, selected: b, multiple: A, selectedIDs: G, invalidOption: Q, selectOption: i, hasOptions: g, error: y, loading: E, disabled: k, selectedValue: H, expandedGroups: ee, placeholder: re, emptyText: ue, errorText: oe, loadingText: h, disabledText: q } = P, { highlightedIndex: te, setHighlightedIndex: le } = Y, F = ce(() => {
-    if (y) return oe;
-    if (E) return h;
-    if (k) return q;
-    if (u && c) return c;
-    if (b) return b.jsx ?? b.name;
-    if (u) {
-      const ae = r.find((de) => de.raw === H);
-      return ae ? ae.name : typeof H == "object" && H !== null ? H.name ?? H.label ?? "Selected Object" : String(H);
-    }
-    return g ? re : ue;
-  }, [k, E, y, g, b, H, re, oe, h, q, ue, u, r]), ge = ce(() => {
-    const ae = [];
-    let de = [], me = null;
-    const se = r.reduce((N, fe) => (fe.group && (N[fe.group] = (N[fe.group] || 0) + 1), N), {}), Ee = (N) => {
-      N === null || de.length === 0 || (ae.push(
-        /* @__PURE__ */ d.jsx(
-          St,
-          {
-            visibility: ee.has(N),
-            className: "rac-group-container",
-            duration: a,
-            children: de
-          },
-          `slide-${N}`
-        )
-      ), de = []);
-    }, Te = (N, fe) => /* @__PURE__ */ d.jsxs(
-      "div",
-      {
-        className: dt(N, fe, te, b?.id, _, p, Q, G),
-        style: { ...N.style, ...N.loading ? { justifyContent: "initial", alignItems: "end", gap: 0 } : {} },
-        onMouseEnter: () => !N.disabled && !N.loading && le(fe),
-        onClick: (pe) => !N.loading && i(N, pe),
-        "aria-disabled": N.disabled || N.loading,
-        "aria-selected": b?.id === N.id,
-        id: `${W}-${ke(N.id)}`,
-        role: "option",
-        children: [
-          N.jsx ? /* @__PURE__ */ d.jsx("div", { className: "rac-jsx-option", children: N.jsx }) : /* @__PURE__ */ d.jsx("span", { className: "rac-option-title", children: N.name }),
-          N.loading && /* @__PURE__ */ d.jsxs(
-            "span",
-            {
-              style: { paddingBottom: "0.1em" },
-              className: "rac-loading-dots",
-              children: [
-                /* @__PURE__ */ d.jsx("i", {}),
-                /* @__PURE__ */ d.jsx("i", {}),
-                /* @__PURE__ */ d.jsx("i", {})
-              ]
-            }
-          ),
-          A && !N.disabled && /* @__PURE__ */ d.jsxs("div", { className: `rac-checkbox${S ? "" : "-default"}`, children: [
-            he(s, {
-              style: { position: S ? "" : "relative" },
-              className: `
-                                rac-checkmark
-                                ${G?.some((pe) => pe.id === N.id) ? "--checked" : ""}`
-            }),
-            he(S, { className: "rac-check-box" })
-          ] })
-        ]
-      },
-      N.id
-    );
-    return r.forEach((N, fe) => {
-      const pe = N.groupHeader, Ce = !!N.group;
-      if ((pe || !Ce && me !== null) && (Ee(me), pe || (me = null)), pe) {
-        me = N.name;
-        const Ze = ee.has(N.name), Qe = se[N.name] > 0;
-        ae.push(
-          /* @__PURE__ */ d.jsxs(
-            "div",
-            {
-              className: [
-                "rac-group-header",
-                N.disabled && "rac-disabled-group",
-                N.className
-              ].filter(Boolean).join(" "),
-              onClick: (et) => i(N, et),
-              style: N.style,
-              id: N.id,
-              children: [
-                /* @__PURE__ */ d.jsx("span", { className: "rac-group-title-text", children: N.name }),
-                /* @__PURE__ */ d.jsx(
-                  ye,
-                  {
-                    visibility: Qe && !N.disabled,
-                    style: { display: "grid" },
-                    duration: a,
-                    children: he(j, { className: `rac-group-arrow ${Ze ? "--open" : ""}` })
-                  }
-                )
-              ]
-            },
-            N.id
-          )
-        );
-      } else Ce ? de.push(Te(N, fe)) : ae.push(Te(N, fe));
-    }), Ee(me), ae;
-  }, [r, i, W, b, te, _, p, Q, le, ee, j]);
-  return /* @__PURE__ */ d.jsx(
-    vt,
-    {
-      optionsClassName: o,
-      animateOpacity: T,
-      renderOptions: ge,
-      deleteInline: f,
-      showDelete: D,
-      className: U,
-      ClearIcon: v,
-      Checkmark: s,
-      OpenIcon: j,
-      Checkbox: S,
-      duration: a,
-      children: K,
-      DelIcon: R,
-      unmount: L,
-      ...x,
-      easing: X,
-      offset: z,
-      title: F,
-      style: I,
-      ...Y,
-      ...P
-    }
-  );
-}), Ke = Ye(null);
-function Ot({ children: e, name: t, label: n, value: l, id: s, disabled: p, emptyGroupText: c = "Empty group", className: j = "", style: T = {} }) {
-  const v = Oe(Ae), o = ce(() => {
-    const f = t ?? n ?? s ?? l;
-    return f != null && f !== "" ? String(f) : c;
-  }, [t, n, l, s, c]), S = ce(() => `group-marker-${ke(o)}`, [o]);
-  return ne(() => {
-    if (!v) return;
-    const f = {
-      disabled: !!p,
-      isGroupMarker: !0,
-      group: o,
-      id: S,
-      className: j,
-      style: T
-    };
-    return v.registerOption(f), () => v.unregisterOption(S);
-  }, [v.registerOption, v.unregisterOption, S, o]), /* @__PURE__ */ d.jsx(Ke.Provider, { value: o, children: e });
+  renderOption: void 0,
+  valueAsOption: !1,
+  icons: { arrow: he.ArrowUp, clear: he.XMark, remove: he.XMark, check: he.Checkmark, checkbox: void 0 },
+  deleteInline: !1,
+  deleteAlways: !1,
+  className: "",
+  optionsClassName: "",
+  style: {},
+  container: void 0,
+  duration: 300,
+  easing: "ease",
+  offset: 1,
+  animateOpacity: !0,
+  keepMounted: !1
+}, st = {
+  visibility: "open",
+  setVisibility: "onOpenChange",
+  ownBehavior: "open without onOpenChange",
+  onOpen: "onOpenChange",
+  onClose: "onOpenChange",
+  unmount: "keepMounted (inverted)",
+  showDelete: "deleteAlways",
+  OpenIcon: "icons.arrow",
+  ClearIcon: "icons.clear",
+  DelIcon: "icons.remove",
+  Checkmark: "icons.check",
+  Checkbox: "icons.checkbox",
+  emptyText: "texts.empty",
+  disabledText: "texts.disabled",
+  loadingText: "texts.loading",
+  errorText: "texts.error",
+  clearText: "texts.clear",
+  removeText: "texts.remove",
+  loadButtonText: "texts.loadMore",
+  loadMoreText: "texts.loadingMore",
+  emptyOption: "texts.emptyOption",
+  invalidOption: "texts.invalidOption",
+  disabledOption: "texts.disabledOption"
+}, Te = (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]}\`.`);
+  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 _e = (e) => e ? typeof e == "string" || typeof e == "number" ? String(e) : Array.isArray(e) ? e.map(_e).join(" ").replace(/\s+/g, " ").trim() : Be.isValidElement(e) ? _e(e.props.children) : "" : "";
-function _t({ name: e, label: t, id: n, value: l, className: s, style: p, children: c, disabled: j, group: T }) {
-  const v = Oe(Ae), o = Oe(Ke), S = v?.registerOption, f = v?.unregisterOption, O = qe(), R = ce(() => n ? String(n) : O.replace(/:/g, ""), [n, O]);
-  return ne(() => {
-    if (!S) return;
-    const $ = _e(c), D = c != null;
-    let X = "";
-    return t != null && t !== "" ? X = String(t) : e != null && e !== "" ? X = String(e) : $ ? X = $ : n != null && n !== "" && (X = String(n)), S({
-      id: R,
-      value: l !== void 0 ? l : $,
-      label: X,
-      jsx: c,
-      hasJsx: D,
-      className: s,
-      style: p,
-      disabled: !!j,
-      group: T || o || null
-    }), () => f(R);
-  }, [R, e, t, l, c, s, p, j, T, o, S, f]), null;
+function $n() {
+  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() {
+  return null;
 }
+Ln.racKind = "group";
 export {
-  Ot as OptGroup,
-  _t as Option,
-  Nt as Select
+  Ln as OptGroup,
+  $n as Option,
+  Vn as Select,
+  Rn as defineOption
 };