react-animated-select 0.3.6 → 0.4.1

package/dist/index.es.js

@@ -1,147 +1,147 @@
-import Fe, { createContext as He, memo as Ye, useRef as ce, useState as ae, useEffect as B, useCallback as T, useMemo as se, useId as Re, forwardRef as Qe, useImperativeHandle as Be, isValidElement as er, cloneElement as rr, useContext as we } from "react";
-import { CSSTransition as ke } from "react-transition-group";
-import './index.css';var ye = { exports: {} }, be = {};
-var Oe;
-function tr() {
-  if (Oe) return be;
-  Oe = 1;
-  var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), n = /* @__PURE__ */ Symbol.for("react.fragment");
-  function o(s, f, c) {
-    var p = null;
-    if (c !== void 0 && (p = "" + c), f.key !== void 0 && (p = "" + f.key), "key" in f) {
+import Xe, { createContext as Ke, memo as Ie, useRef as he, useState as ge, useEffect as oe, useCallback as N, useMemo as pe, useId as Le, forwardRef as ar, useImperativeHandle as or, isValidElement as cr, cloneElement as ur, useContext as Ye } from "react";
+import { CSSTransition as ke, TransitionGroup as dr } from "react-transition-group";
+import './index.css';var _e = { exports: {} }, je = {};
+var Ge;
+function fr() {
+  if (Ge) return je;
+  Ge = 1;
+  var r = /* @__PURE__ */ Symbol.for("react.transitional.element"), s = /* @__PURE__ */ Symbol.for("react.fragment");
+  function a(n, d, c) {
+    var v = null;
+    if (c !== void 0 && (v = "" + c), d.key !== void 0 && (v = "" + d.key), "key" in d) {
       c = {};
-      for (var v in f)
-        v !== "key" && (c[v] = f[v]);
-    } else c = f;
-    return f = c.ref, {
-      $$typeof: t,
-      type: s,
-      key: p,
-      ref: f !== void 0 ? f : null,
+      for (var m in d)
+        m !== "key" && (c[m] = d[m]);
+    } else c = d;
+    return d = c.ref, {
+      $$typeof: r,
+      type: n,
+      key: v,
+      ref: d !== void 0 ? d : null,
       props: c
     };
   }
-  return be.Fragment = n, be.jsx = o, be.jsxs = o, be;
+  return je.Fragment = s, je.jsx = a, je.jsxs = a, je;
 }
-var me = {};
-var Ce;
-function nr() {
-  return Ce || (Ce = 1, process.env.NODE_ENV !== "production" && (function() {
-    function t(e) {
+var we = {};
+var ze;
+function gr() {
+  return ze || (ze = 1, process.env.NODE_ENV !== "production" && (function() {
+    function r(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === M ? null : e.displayName || e.name || null;
+        return e.$$typeof === x ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case S:
+        case H:
           return "Fragment";
-        case D:
+        case S:
           return "Profiler";
-        case H:
+        case W:
           return "StrictMode";
-        case J:
+        case M:
           return "Suspense";
-        case U:
+        case B:
           return "SuspenseList";
-        case E:
+        case ee:
           return "Activity";
       }
       if (typeof e == "object")
         switch (typeof e.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), e.$$typeof) {
-          case F:
+          case O:
             return "Portal";
-          case d:
+          case u:
             return e.displayName || "Context";
-          case W:
+          case F:
             return (e._context.displayName || "Context") + ".Consumer";
-          case I:
-            var r = e.render;
-            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case z:
-            return r = e.displayName || null, r !== null ? r : t(e.type) || "Memo";
-          case g:
-            r = e._payload, e = e._init;
+          case U:
+            var f = e.render;
+            return e = e.displayName, e || (e = f.displayName || f.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case ne:
+            return f = e.displayName || null, f !== null ? f : r(e.type) || "Memo";
+          case Q:
+            f = e._payload, e = e._init;
             try {
-              return t(e(r));
+              return r(e(f));
             } catch {
             }
         }
       return null;
     }
-    function n(e) {
+    function s(e) {
       return "" + e;
     }
-    function o(e) {
+    function a(e) {
       try {
-        n(e);
-        var r = !1;
+        s(e);
+        var f = !1;
       } catch {
-        r = !0;
+        f = !0;
       }
-      if (r) {
-        r = console;
-        var l = r.error, a = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return l.call(
-          r,
+      if (f) {
+        f = console;
+        var w = f.error, j = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return w.call(
+          f,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          a
-        ), n(e);
+          j
+        ), s(e);
       }
     }
-    function s(e) {
-      if (e === S) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === g)
+    function n(e) {
+      if (e === H) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === Q)
         return "<...>";
       try {
-        var r = t(e);
-        return r ? "<" + r + ">" : "<...>";
+        var f = r(e);
+        return f ? "<" + f + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function f() {
-      var e = O.A;
+    function d() {
+      var e = y.A;
       return e === null ? null : e.getOwner();
     }
     function c() {
       return Error("react-stack-top-frame");
     }
-    function p(e) {
-      if (Y.call(e, "key")) {
-        var r = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (r && r.isReactWarning) return !1;
+    function v(e) {
+      if (R.call(e, "key")) {
+        var f = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (f && f.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function v(e, r) {
-      function l() {
-        q || (q = !0, console.error(
+    function m(e, f) {
+      function w() {
+        A || (A = !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)",
-          r
+          f
         ));
       }
-      l.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: l,
+      w.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: w,
         configurable: !0
       });
     }
     function h() {
-      var e = t(this.type);
-      return C[e] || (C[e] = !0, console.error(
+      var e = r(this.type);
+      return se[e] || (se[e] = !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."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function x(e, r, l, a, j, _) {
-      var m = l.ref;
+    function p(e, f, w, j, Z, t) {
+      var i = w.ref;
       return e = {
-        $$typeof: R,
+        $$typeof: T,
         type: e,
-        key: r,
-        props: l,
-        _owner: a
-      }, (m !== void 0 ? m : null) !== null ? Object.defineProperty(e, "ref", {
+        key: f,
+        props: w,
+        _owner: j
+      }, (i !== void 0 ? i : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
         get: h
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
@@ -158,112 +158,112 @@ function nr() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: j
+        value: Z
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: _
+        value: t
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function P(e, r, l, a, j, _) {
-      var m = r.children;
-      if (m !== void 0)
-        if (a)
-          if (L(m)) {
-            for (a = 0; a < m.length; a++)
-              N(m[a]);
-            Object.freeze && Object.freeze(m);
+    function I(e, f, w, j, Z, t) {
+      var i = f.children;
+      if (i !== void 0)
+        if (j)
+          if (J(i)) {
+            for (j = 0; j < i.length; j++)
+              L(i[j]);
+            Object.freeze && Object.freeze(i);
           } 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 N(m);
-      if (Y.call(r, "key")) {
-        m = t(e);
-        var A = Object.keys(r).filter(function(b) {
-          return b !== "key";
+        else L(i);
+      if (R.call(f, "key")) {
+        i = r(e);
+        var g = Object.keys(f).filter(function(q) {
+          return q !== "key";
         });
-        a = 0 < A.length ? "{key: someKey, " + A.join(": ..., ") + ": ...}" : "{key: someKey}", K[m + a] || (A = 0 < A.length ? "{" + A.join(": ..., ") + ": ...}" : "{}", console.error(
+        j = 0 < g.length ? "{key: someKey, " + g.join(": ..., ") + ": ...}" : "{key: someKey}", ie[i + j] || (g = 0 < g.length ? "{" + g.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} />`,
-          a,
-          m,
-          A,
-          m
-        ), K[m + a] = !0);
+          j,
+          i,
+          g,
+          i
+        ), ie[i + j] = !0);
       }
-      if (m = null, l !== void 0 && (o(l), m = "" + l), p(r) && (o(r.key), m = "" + r.key), "key" in r) {
-        l = {};
-        for (var i in r)
-          i !== "key" && (l[i] = r[i]);
-      } else l = r;
-      return m && v(
-        l,
+      if (i = null, w !== void 0 && (a(w), i = "" + w), v(f) && (a(f.key), i = "" + f.key), "key" in f) {
+        w = {};
+        for (var E in f)
+          E !== "key" && (w[E] = f[E]);
+      } else w = f;
+      return i && m(
+        w,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), x(
+      ), p(
         e,
-        m,
-        l,
-        f(),
-        j,
-        _
+        i,
+        w,
+        d(),
+        Z,
+        t
       );
     }
-    function N(e) {
-      $(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === g && (e._payload.status === "fulfilled" ? $(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    function L(e) {
+      k(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === Q && (e._payload.status === "fulfilled" ? k(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
     }
-    function $(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === R;
+    function k(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === T;
     }
-    var w = Fe, R = /* @__PURE__ */ Symbol.for("react.transitional.element"), F = /* @__PURE__ */ Symbol.for("react.portal"), S = /* @__PURE__ */ Symbol.for("react.fragment"), H = /* @__PURE__ */ Symbol.for("react.strict_mode"), D = /* @__PURE__ */ Symbol.for("react.profiler"), W = /* @__PURE__ */ Symbol.for("react.consumer"), d = /* @__PURE__ */ Symbol.for("react.context"), I = /* @__PURE__ */ Symbol.for("react.forward_ref"), J = /* @__PURE__ */ Symbol.for("react.suspense"), U = /* @__PURE__ */ Symbol.for("react.suspense_list"), z = /* @__PURE__ */ Symbol.for("react.memo"), g = /* @__PURE__ */ Symbol.for("react.lazy"), E = /* @__PURE__ */ Symbol.for("react.activity"), M = /* @__PURE__ */ Symbol.for("react.client.reference"), O = w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Y = Object.prototype.hasOwnProperty, L = Array.isArray, ee = console.createTask ? console.createTask : function() {
+    var P = Xe, T = /* @__PURE__ */ Symbol.for("react.transitional.element"), O = /* @__PURE__ */ Symbol.for("react.portal"), H = /* @__PURE__ */ Symbol.for("react.fragment"), W = /* @__PURE__ */ Symbol.for("react.strict_mode"), S = /* @__PURE__ */ Symbol.for("react.profiler"), F = /* @__PURE__ */ Symbol.for("react.consumer"), u = /* @__PURE__ */ Symbol.for("react.context"), U = /* @__PURE__ */ Symbol.for("react.forward_ref"), M = /* @__PURE__ */ Symbol.for("react.suspense"), B = /* @__PURE__ */ Symbol.for("react.suspense_list"), ne = /* @__PURE__ */ Symbol.for("react.memo"), Q = /* @__PURE__ */ Symbol.for("react.lazy"), ee = /* @__PURE__ */ Symbol.for("react.activity"), x = /* @__PURE__ */ Symbol.for("react.client.reference"), y = P.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, R = Object.prototype.hasOwnProperty, J = Array.isArray, Y = console.createTask ? console.createTask : function() {
       return null;
     };
-    w = {
+    P = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var q, C = {}, re = w.react_stack_bottom_frame.bind(
-      w,
+    var A, se = {}, K = P.react_stack_bottom_frame.bind(
+      P,
       c
-    )(), oe = ee(s(c)), K = {};
-    me.Fragment = S, me.jsx = function(e, r, l) {
-      var a = 1e4 > O.recentlyCreatedOwnerStacks++;
-      return P(
+    )(), re = Y(n(c)), ie = {};
+    we.Fragment = H, we.jsx = function(e, f, w) {
+      var j = 1e4 > y.recentlyCreatedOwnerStacks++;
+      return I(
         e,
-        r,
-        l,
+        f,
+        w,
         !1,
-        a ? Error("react-stack-top-frame") : re,
-        a ? ee(s(e)) : oe
+        j ? Error("react-stack-top-frame") : K,
+        j ? Y(n(e)) : re
       );
-    }, me.jsxs = function(e, r, l) {
-      var a = 1e4 > O.recentlyCreatedOwnerStacks++;
-      return P(
+    }, we.jsxs = function(e, f, w) {
+      var j = 1e4 > y.recentlyCreatedOwnerStacks++;
+      return I(
         e,
-        r,
-        l,
+        f,
+        w,
         !0,
-        a ? Error("react-stack-top-frame") : re,
-        a ? ee(s(e)) : oe
+        j ? Error("react-stack-top-frame") : K,
+        j ? Y(n(e)) : re
       );
     };
-  })()), me;
+  })()), we;
 }
-var Pe;
-function sr() {
-  return Pe || (Pe = 1, process.env.NODE_ENV === "production" ? ye.exports = tr() : ye.exports = nr()), ye.exports;
+var Ve;
+function hr() {
+  return Ve || (Ve = 1, process.env.NODE_ENV === "production" ? _e.exports = fr() : _e.exports = gr()), _e.exports;
 }
-var u = sr();
-const ir = ({ className: t = "", ...n }) => /* @__PURE__ */ u.jsx(
+var o = hr();
+const We = ({ className: r = "", ...s }) => /* @__PURE__ */ o.jsx(
   "svg",
   {
-    className: t,
+    className: r,
     role: "button",
     "aria-label": "Clear selection",
     xmlns: "http://www.w3.org/2000/svg",
@@ -271,119 +271,131 @@ const ir = ({ className: t = "", ...n }) => /* @__PURE__ */ u.jsx(
     width: "1em",
     height: "1em",
     fill: "currentColor",
-    ...n,
-    children: /* @__PURE__ */ u.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" })
+    ...s,
+    children: /* @__PURE__ */ o.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" })
   }
-), or = ({ className: t = "", ...n }) => /* @__PURE__ */ u.jsx(
+), pr = ({ className: r = "", ...s }) => /* @__PURE__ */ o.jsx(
   "svg",
   {
-    className: t,
+    className: r,
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 448 512",
     width: "1em",
     height: "1em",
     fill: "currentColor",
-    ...n,
-    children: /* @__PURE__ */ u.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" })
+    ...s,
+    children: /* @__PURE__ */ o.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" })
   }
-), _e = (t, n = "invalid-option", o = "") => {
-  const s = o ? o.replace(/:/g, "") : "";
-  if (typeof t != "string" || !t.trim())
-    return s ? `${n}-${s}` : `${n}-${Math.random().toString(36).slice(2, 8)}`;
-  const f = t.normalize("NFKD").replace(/[\u0300-\u036f]/g, "").replace(/\s+/g, "-").replace(/[^\p{L}\p{N}-]+/gu, "").toLowerCase();
-  return f ? f || `${n}-${Math.random().toString(36).slice(2, 8)}` : s ? `${n}-${s}` : `${n}-${Math.random().toString(36).slice(2, 8)}`;
-}, Te = He(null);
-function lr({
-  visibility: t,
-  children: n,
-  selectRef: o,
-  onAnimationDone: s,
-  unmount: f = !0,
+), Me = ({ className: r = "", ...s }) => /* @__PURE__ */ o.jsx(
+  "svg",
+  {
+    className: r,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    ...s,
+    children: /* @__PURE__ */ o.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" })
+  }
+), Je = (r, s = "invalid-option", a = "") => {
+  const n = a ? a.replace(/:/g, "") : "";
+  if (typeof r != "string" || !r.trim())
+    return n ? `${s}-${n}` : `${s}-${Math.random().toString(36).slice(2, 8)}`;
+  const d = r.normalize("NFKD").replace(/[\u0300-\u036f]/g, "").replace(/\s+/g, "-").replace(/[^\p{L}\p{N}-]+/gu, "").toLowerCase();
+  return d ? d || `${s}-${Math.random().toString(36).slice(2, 8)}` : n ? `${s}-${n}` : `${s}-${Math.random().toString(36).slice(2, 8)}`;
+}, Ze = Ke(null);
+function xr({
+  visibility: r,
+  children: s,
+  selectRef: a,
+  onAnimationDone: n,
+  unmount: d = !0,
   duration: c,
-  easing: p,
-  offset: v,
+  easing: v,
+  offset: m,
   animateOpacity: h
 }) {
-  const x = ce(null), [P, N] = ae(0);
-  B(() => {
-    if (!o?.current) return;
-    N(o.current.offsetHeight);
-    const I = new ResizeObserver((J) => {
-      for (let U of J) N(U.target.offsetHeight);
+  const p = he(null), [I, L] = ge(0);
+  oe(() => {
+    if (!a?.current) return;
+    L(a.current.offsetHeight);
+    const U = new ResizeObserver((M) => {
+      for (let B of M) L(B.target.offsetHeight);
     });
-    return I.observe(o.current), () => I.disconnect();
-  }, [o]);
-  const $ = `height ${c}ms ${p}${h ? `, opacity ${c}ms ${p}` : ""}`, w = {
+    return U.observe(a.current), () => U.disconnect();
+  }, [a]);
+  const k = `height ${c}ms ${v}${h ? `, opacity ${c}ms ${v}` : ""}`, P = {
     position: "absolute",
-    top: `calc(100% + ${v}px)`,
+    top: `calc(100% + ${m}px)`,
     left: "0",
     width: "100%",
     overflow: "hidden",
     marginTop: "2px",
     zIndex: "1",
-    height: t ? "auto" : "0px",
-    opacity: h ? t ? 1 : 0 : 1,
-    pointerEvents: t ? "all" : "none",
-    visibility: P ? "visible" : "hidden"
-  }, R = T(() => {
-    const d = x.current;
-    d && (d.style.height = "0px", h && (d.style.opacity = "0"), d.style.transition = "");
-  }, [h]), F = T(() => {
-    const d = x.current;
-    d && (d.style.transition = $, d.style.height = `${d.scrollHeight}px`, h && (d.style.opacity = "1"));
-  }, [$, h]), S = T(() => {
-    const d = x.current;
-    d && (d.style.height = "auto", d.style.transition = "", s && s());
-  }, [s]), H = T(() => {
-    const d = x.current;
-    d && (d.style.height = `${d.scrollHeight}px`, h && (d.style.opacity = "1"), d.offsetHeight, d.style.transition = $);
-  }, [$, h]), D = T(() => {
-    const d = x.current;
-    d && (d.style.height = "0px", h && (d.style.opacity = "0"));
-  }, [h]), W = T(() => {
-    const d = x.current;
-    d && (d.style.transition = "");
+    height: r ? "auto" : "0px",
+    opacity: h ? r ? 1 : 0 : 1,
+    pointerEvents: r ? "all" : "none",
+    visibility: I ? "visible" : "hidden"
+  }, T = N(() => {
+    const u = p.current;
+    u && (u.style.height = "0px", h && (u.style.opacity = "0"), u.style.transition = "");
+  }, [h]), O = N(() => {
+    const u = p.current;
+    u && (u.style.transition = k, u.style.height = `${u.scrollHeight}px`, h && (u.style.opacity = "1"));
+  }, [k, h]), H = N(() => {
+    const u = p.current;
+    u && (u.style.height = "auto", u.style.transition = "", n && n());
+  }, [n]), W = N(() => {
+    const u = p.current;
+    u && (u.style.height = `${u.scrollHeight}px`, h && (u.style.opacity = "1"), u.offsetHeight, u.style.transition = k);
+  }, [k, h]), S = N(() => {
+    const u = p.current;
+    u && (u.style.height = "0px", h && (u.style.opacity = "0"));
+  }, [h]), F = N(() => {
+    const u = p.current;
+    u && (u.style.transition = "");
   }, []);
-  return /* @__PURE__ */ u.jsx(
+  return /* @__PURE__ */ o.jsx(
     ke,
     {
-      in: t,
+      in: r,
       timeout: c,
       classNames: "rac-options",
-      unmountOnExit: f,
-      nodeRef: x,
-      onEnter: R,
-      onEntering: F,
-      onEntered: S,
-      onExit: H,
-      onExiting: D,
-      onExited: W,
-      children: /* @__PURE__ */ u.jsx(
+      unmountOnExit: d,
+      nodeRef: p,
+      onEnter: T,
+      onEntering: O,
+      onEntered: H,
+      onExit: W,
+      onExiting: S,
+      onExited: F,
+      children: /* @__PURE__ */ o.jsx(
         "div",
         {
-          ref: x,
+          ref: p,
           className: "rac-options",
-          style: w,
-          children: n
+          style: P,
+          children: s
         }
       )
     }
   );
 }
-const ar = Ye(lr, (t, n) => t.visibility === n.visibility && t.duration === n.duration && t.easing === n.easing && t.offset === n.offset && t.animateOpacity === n.animateOpacity && t.selectRef === n.selectRef && t.children === n.children);
-function Ee({
-  visibility: t,
-  children: n,
-  duration: o = 300,
-  unmount: s,
-  style: f
+const br = Ie(xr, (r, s) => r.visibility === s.visibility && r.duration === s.duration && r.easing === s.easing && r.offset === s.offset && r.animateOpacity === s.animateOpacity && r.selectRef === s.selectRef && r.children === s.children);
+function Re({
+  visibility: r,
+  children: s,
+  duration: a = 300,
+  unmount: n,
+  style: d
 }) {
-  const c = ce(null);
-  return /* @__PURE__ */ u.jsx(
+  const c = he(null);
+  return /* @__PURE__ */ o.jsx(
     ke,
     {
-      in: t,
-      timeout: o,
+      in: r,
+      timeout: a,
       classNames: "rac-slide-left",
       unmountOnExit: !0,
       nodeRef: c,
@@ -392,747 +404,910 @@ function Ee({
       onEntered: () => c.current.style.width = "auto",
       onExit: () => c.current.style.width = c.current.scrollWidth + "px",
       onExiting: () => c.current.style.width = "0px",
-      onExited: () => s?.(),
-      children: /* @__PURE__ */ u.jsx(
+      onExited: () => n?.(),
+      children: /* @__PURE__ */ o.jsx(
         "div",
         {
           ref: c,
           style: {
-            ...f,
+            ...d,
             overflow: "hidden",
-            transition: `width ${o}ms ease`
+            transition: `width ${a}ms ease`
           },
-          children: n
+          children: s
         }
       )
     }
   );
 }
-const cr = Ye(({
-  selectRef: t,
-  selectId: n,
-  renderOptions: o,
-  selected: s,
-  title: f,
-  visibility: c,
+const Ue = ({ children: r, duration: s, ...a }) => {
+  const n = he(null);
+  return /* @__PURE__ */ o.jsx(
+    ke,
+    {
+      nodeRef: n,
+      timeout: s,
+      classNames: "rac-slide-left",
+      ...a,
+      onEnter: () => {
+        n.current.style.width = "0px", n.current.style.opacity = "0";
+      },
+      onEntering: () => {
+        n.current.style.width = n.current.scrollWidth + "px", n.current.style.opacity = "1";
+      },
+      onEntered: () => {
+        n.current.style.width = "auto", n.current.style.opacity = "1";
+      },
+      onExit: () => {
+        n.current.style.width = n.current.scrollWidth + "px", n.current.style.opacity = "1";
+      },
+      onExiting: () => {
+        n.current.style.width = "0px", n.current.style.opacity = "0", n.current.style.margin = "0";
+      },
+      children: /* @__PURE__ */ o.jsx(
+        "div",
+        {
+          ref: n,
+          style: {
+            display: "flex",
+            alignItems: "center",
+            height: "100%",
+            overflow: "hidden",
+            whiteSpace: "nowrap",
+            transition: `all ${s}ms ease`
+          },
+          children: r
+        }
+      )
+    }
+  );
+}, yr = Ie(({ element: r, index: s, remove: a, renderIcon: n, DelIcon: d, normalizedOptions: c }) => {
+  let v = null;
+  if (r?.jsx)
+    v = r.jsx;
+  else if (r?.name)
+    v = r.name;
+  else if (r?.raw !== void 0) {
+    const h = c.find(
+      (p) => p.raw === r.raw || p.original === r.raw || p.userId === r.raw
+    );
+    h && (v = h.jsx ?? h.name);
+  }
+  v == null && (v = typeof r == "object" ? r.label ?? r.name ?? r.value ?? "Selected item" : String(r));
+  const m = N((h) => {
+    h.stopPropagation(), h.preventDefault(), a(r.id);
+  }, [r.id, a]);
+  return /* @__PURE__ */ o.jsxs("div", { className: "rac-multiple-selected-option", children: [
+    v,
+    n(d, { onClick: m })
+  ] });
+}), mr = Ie(({
+  selectRef: r,
+  selectId: s,
+  renderOptions: a,
+  selected: n,
+  selectedIDs: d,
+  setSelectedIds: c,
+  normalizedOptions: v,
+  title: m,
+  visibility: h,
   active: p,
-  hasOptions: v,
-  hasActualValue: h,
-  disabled: x,
+  hasOptions: I,
+  hasActualValue: L,
+  disabled: k,
   loading: P,
-  error: N,
-  registerOption: $,
-  unregisterOption: w,
-  handleBlur: R,
-  handleFocus: F,
-  handleToggle: S,
-  handleKeyDown: H,
-  handleListScroll: D,
-  setAnimationFinished: W,
-  clear: d,
-  children: I,
-  renderedDropdown: J,
-  placeholder: U,
-  className: z,
-  style: g,
-  duration: E,
-  easing: M,
-  offset: O,
-  animateOpacity: Y,
-  unmount: L,
-  ArrowIcon: ee,
-  ClearIcon: q,
-  renderIcon: C,
-  hasMore: re,
-  loadButton: oe
-}) => /* @__PURE__ */ u.jsxs(
-  Te.Provider,
-  {
-    value: { registerOption: $, unregisterOption: w },
-    children: [
-      I,
-      J,
-      /* @__PURE__ */ u.jsxs(
-        "div",
+  error: T,
+  registerOption: O,
+  unregisterOption: H,
+  handleBlur: W,
+  handleFocus: S,
+  handleToggle: F,
+  handleKeyDown: u,
+  handleListScroll: U,
+  setAnimationFinished: M,
+  clear: B,
+  children: ne,
+  renderedDropdown: Q,
+  placeholder: ee,
+  className: x,
+  style: y,
+  duration: R,
+  easing: J,
+  offset: Y,
+  animateOpacity: A,
+  unmount: se,
+  ArrowIcon: K,
+  ClearIcon: re,
+  DelIcon: ie,
+  renderIcon: e,
+  hasMore: f,
+  loadButton: w
+}) => {
+  const j = N((t) => {
+    c((i) => i.filter((g) => g.id !== t));
+  }, [c]), Z = d.map((t, i) => /* @__PURE__ */ o.jsx(
+    Ue,
+    {
+      duration: R,
+      children: /* @__PURE__ */ o.jsx(
+        yr,
         {
-          ref: t,
-          style: { "--rac-duration": `${E}ms`, ...g },
-          className: `rac-select
-                    ${z}
-                    ${!v || x ? "rac-disabled-style" : ""}
+          element: t,
+          index: i,
+          remove: j,
+          renderIcon: e,
+          DelIcon: ie,
+          normalizedOptions: v
+        },
+        t.id ?? i
+      )
+    },
+    t.id ?? i
+  ));
+  return /* @__PURE__ */ o.jsxs(
+    Ze.Provider,
+    {
+      value: { registerOption: O, unregisterOption: H },
+      children: [
+        ne,
+        Q,
+        /* @__PURE__ */ o.jsxs(
+          "div",
+          {
+            ref: r,
+            style: { "--rac-duration": `${R}ms`, ...y },
+            className: `rac-select
+                    ${x}
+                    ${!I || k ? "rac-disabled-style" : ""}
                     ${P ? "rac-loading-style" : ""}
-                    ${N ? "rac-error-style" : ""}`,
-          tabIndex: p ? 0 : -1,
-          role: "combobox",
-          "aria-haspopup": "listbox",
-          "aria-expanded": c,
-          "aria-controls": `${n}-listbox`,
-          "aria-label": U,
-          "aria-disabled": x || !v,
-          ...p && {
-            onBlur: R,
-            onFocus: F,
-            onClick: S,
-            onKeyDown: H
-          },
-          children: [
-            /* @__PURE__ */ u.jsxs("div", { className: `rac-select-title ${!N && !P && s?.type === "boolean" ? s.raw ? "rac-true-option" : "rac-false-option" : ""}`, children: [
-              /* @__PURE__ */ u.jsx("span", { className: "rac-title-text", children: f }, f),
-              /* @__PURE__ */ u.jsx(Ee, { visibility: P && !N, duration: E, children: /* @__PURE__ */ u.jsxs("span", { className: "rac-loading-dots", children: [
-                /* @__PURE__ */ u.jsx("i", {}),
-                /* @__PURE__ */ u.jsx("i", {}),
-                /* @__PURE__ */ u.jsx("i", {})
-              ] }) })
-            ] }),
-            /* @__PURE__ */ u.jsxs("div", { className: "rac-select-buttons", children: [
-              /* @__PURE__ */ u.jsx(
-                Ee,
+                    ${T ? "rac-error-style" : ""}`,
+            tabIndex: p ? 0 : -1,
+            role: "combobox",
+            "aria-haspopup": "listbox",
+            "aria-expanded": h,
+            "aria-controls": `${s}-listbox`,
+            "aria-label": ee,
+            "aria-disabled": k || !I,
+            ...p && {
+              onBlur: W,
+              onFocus: S,
+              onClick: F,
+              onKeyDown: u
+            },
+            children: [
+              /* @__PURE__ */ o.jsx(
+                "div",
                 {
-                  visibility: h && v && !x && !P && !N,
-                  duration: E,
-                  style: { display: "grid" },
-                  children: C(q, {
-                    className: "rac-select-cancel",
-                    onMouseDown: (K) => {
-                      K.preventDefault(), K.stopPropagation();
+                  className: `rac-select-title
+                                ${!T && !P && n?.type === "boolean" ? n.raw ? "rac-true-option" : "rac-false-option" : ""}
+                    `,
+                  children: /* @__PURE__ */ o.jsx(dr, { component: null, children: d.length ? Z : /* @__PURE__ */ o.jsxs(
+                    Ue,
+                    {
+                      duration: R,
+                      children: [
+                        /* @__PURE__ */ o.jsx("span", { className: "rac-title-text", children: m }, m),
+                        /* @__PURE__ */ o.jsx(Re, { visibility: P && !T, duration: R, children: /* @__PURE__ */ o.jsxs("span", { className: "rac-loading-dots", children: [
+                          /* @__PURE__ */ o.jsx("i", {}),
+                          /* @__PURE__ */ o.jsx("i", {}),
+                          /* @__PURE__ */ o.jsx("i", {})
+                        ] }) })
+                      ]
                     },
-                    onClick: d
-                  })
+                    "placeholder-content"
+                  ) })
                 }
               ),
-              /* @__PURE__ */ u.jsx(
-                Ee,
+              /* @__PURE__ */ o.jsxs("div", { className: "rac-select-buttons", children: [
+                /* @__PURE__ */ o.jsx(
+                  Re,
+                  {
+                    visibility: L && I && !k && !P && !T,
+                    duration: R,
+                    style: { display: "grid" },
+                    children: e(re, {
+                      className: "rac-select-cancel",
+                      onMouseDown: (t) => {
+                        t.preventDefault(), t.stopPropagation();
+                      },
+                      onClick: B
+                    })
+                  }
+                ),
+                /* @__PURE__ */ o.jsx(
+                  Re,
+                  {
+                    visibility: p,
+                    duration: R,
+                    style: { display: "grid" },
+                    children: /* @__PURE__ */ o.jsx(
+                      "span",
+                      {
+                        className: `rac-select-arrow-wrapper ${h ? "--open" : ""}`,
+                        children: e(K, {
+                          className: "rac-select-arrow-wrapper"
+                        })
+                      }
+                    )
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ o.jsx(
+                br,
                 {
-                  visibility: p,
-                  duration: E,
-                  style: { display: "grid" },
-                  children: /* @__PURE__ */ u.jsx(
-                    "span",
+                  visibility: h,
+                  selectRef: r,
+                  onAnimationDone: () => M(!0),
+                  unmount: se,
+                  duration: R,
+                  easing: J,
+                  offset: Y,
+                  animateOpacity: A,
+                  children: /* @__PURE__ */ o.jsxs(
+                    "div",
                     {
-                      className: `rac-select-arrow-wrapper ${c ? "--open" : ""}`,
-                      children: C(ee, {
-                        className: "rac-select-arrow-wrapper"
-                      })
+                      onScroll: U,
+                      tabIndex: "-1",
+                      className: "rac-select-list",
+                      role: "listbox",
+                      "aria-label": "Options",
+                      children: [
+                        a,
+                        !w && f && /* @__PURE__ */ o.jsxs(
+                          "div",
+                          {
+                            className: "rac-select-option rac-disabled-option rac-loading-option",
+                            onClick: (t) => t.stopPropagation(),
+                            children: [
+                              /* @__PURE__ */ o.jsx("span", { className: "rac-loading-option-title", children: "Loading" }),
+                              /* @__PURE__ */ o.jsxs("span", { className: "rac-loading-dots", children: [
+                                /* @__PURE__ */ o.jsx("i", {}),
+                                /* @__PURE__ */ o.jsx("i", {}),
+                                /* @__PURE__ */ o.jsx("i", {})
+                              ] })
+                            ]
+                          }
+                        )
+                      ]
                     }
                   )
                 }
               )
-            ] }),
-            /* @__PURE__ */ u.jsx(
-              ar,
-              {
-                visibility: c,
-                selectRef: t,
-                onAnimationDone: () => W(!0),
-                unmount: L,
-                duration: E,
-                easing: M,
-                offset: O,
-                animateOpacity: Y,
-                children: /* @__PURE__ */ u.jsxs(
-                  "div",
-                  {
-                    onScroll: D,
-                    tabIndex: "-1",
-                    className: "rac-select-list",
-                    role: "listbox",
-                    "aria-label": "Options",
-                    children: [
-                      o,
-                      !oe && re && /* @__PURE__ */ u.jsxs(
-                        "div",
-                        {
-                          className: "rac-select-option rac-disabled-option rac-loading-option",
-                          onClick: (K) => K.stopPropagation(),
-                          children: [
-                            /* @__PURE__ */ u.jsx("span", { className: "rac-loading-option-title", children: "Loading" }),
-                            /* @__PURE__ */ u.jsxs("span", { className: "rac-loading-dots", children: [
-                              /* @__PURE__ */ u.jsx("i", {}),
-                              /* @__PURE__ */ u.jsx("i", {}),
-                              /* @__PURE__ */ u.jsx("i", {})
-                            ] })
-                          ]
-                        }
-                      )
-                    ]
-                  }
-                )
-              }
-            )
-          ]
-        }
-      )
-    ]
-  }
-));
-function ur({
-  disabled: t,
-  open: n,
-  setOpen: o,
-  options: s = [],
-  selectOption: f,
+            ]
+          }
+        )
+      ]
+    }
+  );
+});
+function Er({
+  disabled: r,
+  open: s,
+  setOpen: a,
+  options: n = [],
+  selectOption: d,
   selected: c,
-  hasMore: p,
-  loadMore: v,
-  loadButton: h,
-  loadButtonText: x,
-  setLoadingTitle: P,
-  loadOffset: N,
-  loadAhead: $
+  multiple: v,
+  hasMore: m,
+  loadMore: h,
+  loadButton: p,
+  loadButtonText: I,
+  setLoadingTitle: L,
+  loadOffset: k,
+  loadAhead: P,
+  expandedGroups: T
 }) {
-  const w = ce(!1), R = ce(0), F = ce(!1), [S, H] = ae(-1);
-  B(() => {
-    F.current = !1, h && P(x);
-  }, [s.length, p, h, x, P]);
-  const D = T(() => {
-    !p || F.current || (F.current = !0, v());
-  }, [p, v]), W = T((g) => {
-    if (h || !p || F.current) return;
-    const { scrollTop: E, scrollHeight: M, clientHeight: O } = g.currentTarget;
-    M - E <= O + N && D();
-  }, [h, p, N, D]);
-  B(() => {
-    !h && n && p && S >= s.length - $ && D();
-  }, [S, n, p, s.length, $, h, D]), B(() => {
-    const g = () => {
-      R.current = Date.now();
+  const O = he(!1), H = he(0), W = he(!1), [S, F] = ge(-1);
+  oe(() => {
+    W.current = !1, p && L(I);
+  }, [n.length, m, p, I, L]);
+  const u = N(() => {
+    !m || W.current || (W.current = !0, h());
+  }, [m, h]), U = N((x) => {
+    if (p || !m || W.current) return;
+    const { scrollTop: y, scrollHeight: R, clientHeight: J } = x.currentTarget;
+    R - y <= J + k && u();
+  }, [p, m, k, u]);
+  oe(() => {
+    !p && s && m && S >= n.length - P && u();
+  }, [S, s, m, n.length, P, p, u]), oe(() => {
+    const x = () => {
+      H.current = Date.now();
     };
-    return window.addEventListener("focus", g), () => window.removeEventListener("focus", g);
-  }, []), B(() => {
-    if (!n) {
-      H(-1);
+    return window.addEventListener("focus", x), () => window.removeEventListener("focus", x);
+  }, []), oe(() => {
+    if (!s) {
+      F(-1);
       return;
     }
-    if (S >= 0 && S < s.length) return;
-    let g = -1;
-    c && (g = s.findIndex((E) => E.id === c.id && !E.disabled)), g === -1 && (g = s.findIndex((E) => !E.disabled)), H(g);
-  }, [n, s, c]);
-  const d = T((g, E) => {
-    const M = (L) => L && !L.disabled && !L.loading, O = s.length;
-    if (O === 0) return -1;
-    let Y = g;
-    for (let L = 0; L < O; L++) {
-      if (Y = (Y + E + O) % O, !h && p && (E > 0 && Y === 0 || E < 0 && Y === O - 1))
-        return g;
-      if (M(s[Y])) return Y;
+    if (S >= 0 && S < n.length && !(!n[S] || n[S].hidden || n[S].groupHeader))
+      return;
+    let x = -1;
+    if (c) {
+      const y = v ? c[0] : c;
+      y && (x = n.findIndex((R) => R.id === y.id && !R.disabled && !R.hidden && !R.groupHeader));
     }
-    return g;
-  }, [s, p, h]), I = T((g) => {
-    g.currentTarget.contains(g.relatedTarget) || o(!1);
-  }, [o]), J = T(() => {
-    t || document.hidden || Date.now() - R.current < 100 || n || (o(!0), w.current = !0, setTimeout(() => {
-      w.current = !1;
+    x === -1 && (x = n.findIndex((y) => !y.disabled && !y.hidden && !y.groupHeader)), F(x);
+  }, [s, n, c]);
+  const M = N((x, y) => {
+    const R = (A) => A && !A?.groupHeader && (!A?.group || T?.has(A?.group)) && !A?.disabled && !A?.loading, J = n.length;
+    if (J === 0) return -1;
+    let Y = x;
+    for (let A = 0; A < J; A++) {
+      if (Y = (Y + y + J) % J, !p && m && (y > 0 && Y === 0 || y < 0 && Y === J - 1))
+        return x;
+      if (R(n[Y])) return Y;
+    }
+    return x;
+  }, [n, m, p, T]), B = N((x) => {
+    x.currentTarget.contains(x.relatedTarget) || a(!1);
+  }, [a]), ne = N(() => {
+    r || document.hidden || Date.now() - H.current < 100 || s || (a(!0), O.current = !0, setTimeout(() => {
+      O.current = !1;
     }, 200));
-  }, [t, n, o]), U = T((g) => {
-    t || g.target.closest(".rac-select-cancel") || w.current || o(!n);
-  }, [t, n, o]), z = T((g) => {
-    if (!t)
-      switch (g.key) {
+  }, [r, s, a]), Q = N((x) => {
+    r || x.target.closest(".rac-select-cancel") || O.current || a(!s);
+  }, [r, s, a]), ee = N((x) => {
+    if (!r)
+      switch (x.key) {
         case "Enter":
         case " ":
-          g.preventDefault(), n ? S !== -1 && s[S] && f(s[S], g) : o(!0);
+          x.preventDefault(), s ? S !== -1 && n[S] && d(n[S], x) : a(!0);
           break;
         case "Escape":
-          g.preventDefault(), o(!1);
+          x.preventDefault(), a(!1);
           break;
         case "ArrowDown":
-          g.preventDefault(), n ? H((E) => d(E, 1)) : o(!0);
+          x.preventDefault(), s ? F((y) => M(y, 1)) : a(!0);
           break;
         case "ArrowUp":
-          g.preventDefault(), n ? H((E) => d(E, -1)) : o(!0);
+          x.preventDefault(), s ? F((y) => M(y, -1)) : a(!0);
           break;
         case "Tab":
-          n && o(!1);
+          s && a(!1);
           break;
       }
-  }, [t, n, o, S, s, f, d]);
-  return se(() => ({
-    handleBlur: I,
-    handleFocus: J,
-    handleToggle: U,
-    handleKeyDown: z,
+  }, [r, s, a, S, n, d, M]);
+  return pe(() => ({
+    handleBlur: B,
+    handleFocus: ne,
+    handleToggle: Q,
+    handleKeyDown: ee,
     highlightedIndex: S,
-    setHighlightedIndex: H,
-    handleListScroll: W
-  }), [I, J, U, z, S, W]);
+    setHighlightedIndex: F,
+    handleListScroll: U
+  }), [B, ne, Q, ee, S, U]);
 }
-const dr = ["group", "disabled", "options", "items", "children"], De = ["name", "label", "id", "value"];
-function fr({
-  options: t = [],
-  jsxOptions: n = [],
-  value: o,
-  defaultValue: s = void 0,
-  onChange: f,
+const vr = ["group", "disabled", "options", "items", "children"], Oe = ["name", "label", "id", "value"], qe = (r, s = !1) => {
+  if (s && typeof r.group == "string") return r.group;
+  const a = Oe.find((d) => r[d] != null && r[d] !== "");
+  if (a) return String(r[a]);
+  const n = Object.entries(r).find(([d, c]) => !vr.includes(d) && c != null && c !== "");
+  return n ? String(n[1]) : null;
+};
+function jr({
+  options: r = [],
+  jsxOptions: s = [],
+  value: a,
+  defaultValue: n,
+  onChange: d,
   disabled: c = !1,
-  loading: p = !1,
-  error: v = !1,
-  placeholder: h = "Choose option",
-  emptyText: x = "No options",
-  disabledText: P = "Disabled",
-  loadingText: N = "Loading",
-  errorText: $ = "Failed to load",
-  disabledOption: w = "Disabled option",
-  emptyOption: R = "Empty option",
-  invalidOption: F = "Invalid option",
-  setVisibility: S,
-  hasMore: H,
-  loadButton: D,
-  setLoadingTitle: W,
-  loadingTitle: d,
-  loadMoreText: I,
-  loadMore: J,
-  childrenFirst: U
+  loading: v = !1,
+  error: m = !1,
+  multiple: h = !1,
+  placeholder: p = "Choose option",
+  emptyText: I = "No options",
+  disabledText: L = "Disabled",
+  loadingText: k = "Loading",
+  errorText: P = "Failed to load",
+  disabledOption: T = "Disabled option",
+  emptyOption: O = "Empty option",
+  invalidOption: H = "Invalid option",
+  setVisibility: W,
+  hasMore: S,
+  loadButton: F,
+  setLoadingTitle: u,
+  loadingTitle: U,
+  loadMoreText: M,
+  loadMore: B,
+  childrenFirst: ne,
+  groupsClosed: Q
 }) {
-  const z = Re(), g = o !== void 0, [E, M] = ae(null), O = T((r, l = !1) => {
-    const a = De.find((_) => r[_] !== void 0 && r[_] !== null && r[_] !== "");
-    if (a) return String(r[a]);
-    const j = Object.entries(r).find(
-      ([_, m]) => !dr.includes(_) && m != null && m !== ""
-    );
-    return j ? String(j[1]) : l;
-  }, []), Y = T((r, l, a = "normal", j = null, _ = !1) => {
-    let m = "", A = r, i = _, b = null, V = j;
-    return r == null || r === "" ? {
-      id: `${z}-${a}-${l}`,
-      userId: null,
-      name: R,
-      raw: null,
-      disabled: !0,
-      type: "normal",
-      group: V
-    } : typeof r == "function" ? {
-      id: `${z}-inv-${l}`,
-      userId: null,
-      name: F,
-      raw: r,
-      disabled: !0,
-      invalid: !0,
-      type: "normal",
-      group: V
-    } : (typeof r == "object" && !Array.isArray(r) ? (V || (V = r.group || null), i = i || !!r.disabled, b = r.id ?? r.value ?? r.name ?? r.label, A = r.value !== void 0 ? r.value : r.id !== void 0 ? r.id : r, m = O(r, i ? w : R), m === R && !i && (i = !0)) : (m = String(r), b = r, A = r), {
-      id: `${z}-${a}-${l}`,
-      userId: b,
-      name: m,
-      raw: A,
-      original: r,
-      disabled: i,
-      type: typeof A == "boolean" ? "boolean" : "normal",
-      group: V
+  const ee = Le(), x = a !== void 0, [y, R] = ge(null), [J, Y] = ge([]), [A, se] = ge(/* @__PURE__ */ new Set()), K = he(null), re = N((t) => {
+    se((i) => {
+      const g = new Set(i);
+      return g.has(t) ? g.delete(t) : g.add(t), g;
     });
-  }, [z, R, F, w, O]), [L, ee] = ae(/* @__PURE__ */ new Set()), q = T((r) => {
-    ee((l) => {
-      const a = new Set(l);
-      return a.has(r) ? a.delete(r) : a.add(r), a;
-    });
-  }, []), C = se(() => {
-    const r = [], l = (i, b, V = null, Z = !1) => {
-      if (i && typeof i == "object" && !Array.isArray(i) && "options" in i) {
-        const te = O(i, "Empty group", !0), le = Z || !!i.disabled, Q = i.options;
-        Array.isArray(Q) ? Q.forEach((ge, de) => l(ge, `${b}-${de}`, te, le)) : Q && typeof Q == "object" ? Object.entries(Q).forEach(([ge, de], xe) => l(de, `${b}-${xe}`, te, le)) : l(Q, `${b}-0`, te, le);
-        return;
-      }
-      if (i && typeof i == "object" && !Array.isArray(i) && !De.some((te) => te in i) && !("group" in i)) {
-        Object.entries(i).forEach(([te, le], Q) => {
-          r.push(Y(le, `${b}-${Q}`, "normal", V, Z));
-        });
-        return;
-      }
-      r.push(Y(i, b, "normal", V, Z));
+  }, []), ie = N((t, i, g = "n", E = null, q = !1) => {
+    const le = `${ee}-${g}-${i}`;
+    if (t == null || t === "")
+      return { id: le, userId: null, name: O, raw: null, disabled: !0, type: "normal", group: E, groupDisabled: q };
+    if (typeof t == "function")
+      return { id: le, userId: null, name: H, raw: t, disabled: !0, invalid: !0, type: "normal", group: E };
+    if (typeof t == "object" && !Array.isArray(t)) {
+      const ue = E || t.group || null, de = q || t.disabled === !0, D = t.id ?? t.value ?? t.name ?? t.label, X = t.value !== void 0 ? t.value : t.id !== void 0 ? t.id : t;
+      let l = qe(t) || (de ? T : O);
+      return {
+        id: le,
+        userId: D,
+        name: l,
+        raw: X,
+        original: t,
+        disabled: de || l === O && !de,
+        type: typeof X == "boolean" ? "boolean" : "normal",
+        group: ue,
+        groupDisabled: q
+      };
+    }
+    return {
+      id: le,
+      userId: t,
+      name: String(t),
+      raw: t,
+      original: t,
+      disabled: q,
+      type: typeof t == "boolean" ? "boolean" : "normal",
+      group: E
     };
-    Array.isArray(t) && t.forEach((i, b) => l(i, b));
-    const a = n.map((i) => {
-      if (i.isGroupMarker) return { ...i, type: "group-marker" };
-      const b = (i.value == null || i.value === "") && !i.label;
+  }, [ee, O, H, T]), e = pe(() => {
+    const t = /* @__PURE__ */ new Map(), i = [], g = s.map((l, _) => {
+      if (l.isGroupMarker) return { ...l, type: "group-marker" };
+      const G = !l.label && !l.userId && !l.value && (l.value === void 0 || l.value === null || l.value === "") && !l.hasJsx;
       return {
-        ...i,
-        id: `jsx-${i.id}`,
-        userId: i.id,
-        raw: i.value,
-        original: i.value,
-        name: b ? R : i.label,
-        disabled: !!i.disabled || b,
-        type: typeof i.value == "boolean" ? "boolean" : "normal",
-        group: i.group || null
+        ...l,
+        id: `jsx-${l.id}`,
+        index: _,
+        userId: l.userId,
+        raw: l.value,
+        original: l.value,
+        name: G ? O : l.label || l.userId || String(l.value || ""),
+        disabled: !!l.disabled || G,
+        type: typeof l.value == "boolean" ? "boolean" : "normal",
+        group: l.group || null
       };
-    }), j = U ? [...a, ...r] : [...r, ...a], _ = [], m = /* @__PURE__ */ new Map(), A = [];
-    return j.forEach((i) => {
-      if (!i.group)
-        A.push({ type: "item", data: i });
-      else if (m.has(i.group) || (m.set(i.group, []), A.push({ type: "group", name: i.group })), !i.isGroupMarker) {
-        const b = L.has(i.group);
-        m.get(i.group).push({ ...i, hidden: !b });
+    });
+    let E = 0;
+    const q = (l, _ = null, G = !1, ae = "0") => {
+      Array.isArray(l) || (l = [l]), l.forEach((C, Se) => {
+        if (!C) return;
+        const xe = `${ae}-${Se}`, me = typeof C == "object" && !Array.isArray(C);
+        if (me && ("options" in C || "group" in C && !Oe.some((z) => z in C))) {
+          const z = qe(C, !0) || "Empty group";
+          t.has(z) || t.set(z, { disabled: !!C.disabled, closedByDefault: !!C.disabled || Q, items: [] }), C.options ? q(C.options, z, G || !!C.disabled, xe) : i.push({ id: `empty-${z}-${xe}`, name: z, group: z, isPlaceholder: !0, type: "group-marker", index: E++ });
+        } else if (me && !Oe.some((z) => z in C) && !C.group)
+          Object.entries(C).forEach(([z, Te], Ne) => {
+            const $e = ie(Te, `${xe}-${Ne}`, "normal", _, G);
+            i.push({ ...$e, index: E++ });
+          });
+        else {
+          const z = ie(C, xe, "normal", _, G);
+          i.push({ ...z, index: E++ });
+        }
+      });
+    };
+    q(r);
+    const le = ne ? [...g, ...i] : [...i, ...g];
+    if (!K.current)
+      K.current = new Map(le.map((l, _) => [l.id, _]));
+    else {
+      let l = !1;
+      if (le.forEach((_) => {
+        K.current.has(_.id) || (l = !0);
+      }), l) {
+        const _ = /* @__PURE__ */ new Map();
+        le.forEach((G, ae) => {
+          _.set(G.id, ae);
+        }), K.current = _;
       }
-    }), A.forEach((i, b) => {
-      if (i.type === "item")
-        _.push(i.data);
+    }
+    const ue = [...le].sort((l, _) => {
+      const G = K.current.get(l.id) ?? 999999, ae = K.current.get(_.id) ?? 999999;
+      return G - ae;
+    }), de = [], D = /* @__PURE__ */ new Set();
+    ue.forEach((l) => {
+      if (!l.group)
+        de.push({ type: "item", data: l });
+      else if (D.has(l.group) || (D.add(l.group), de.push({ type: "group", name: l.group })), !l.isPlaceholder && !l.isGroupMarker) {
+        const _ = t.get(l.group) || { items: [] };
+        t.has(l.group) || t.set(l.group, _), _.items.push(l);
+      }
+    });
+    const X = [];
+    return de.forEach((l) => {
+      if (l.type === "item")
+        X.push(l.data);
       else {
-        const V = L.has(i.name);
-        _.push({
-          id: `group-header-${i.name}-${b}`,
-          name: i.name,
-          disabled: !1,
+        const _ = l.name, G = t.get(_), ae = A.has(_);
+        X.push({
+          id: `group-header-${_}`,
+          name: _,
+          disabled: !!G?.disabled,
           groupHeader: !0,
-          expanded: V,
-          type: "group"
+          expanded: ae,
+          type: "group",
+          hidden: !1
+        }), G?.items.forEach((C) => {
+          X.push({ ...C, hidden: !ae });
         });
-        const Z = m.get(i.name);
-        _.push(...Z);
       }
-    }), H && D && _.push({
+    }), S && F && X.push({
       id: "special-load-more-id",
-      name: d,
+      name: U,
       loadMore: !0,
-      loading: d === I,
+      loading: U === M,
       type: "special"
-    }), _;
-  }, [t, n, z, Y, U, H, D, d, I, x, R, O]), re = T((r) => {
-    if (r == null) return null;
-    const l = C.find((a) => a.original === r || a.raw === r || a.userId === r);
-    if (l) return l.id;
-    if (typeof r == "object")
+    }), X;
+  }, [r, s, ee, ie, ne, S, F, U, M, Q, A, O]);
+  oe(() => {
+    if (A.size > 0) return;
+    const t = /* @__PURE__ */ new Set();
+    e.forEach((i) => {
+      i.groupHeader && !i.disabled && i.expanded !== !1 && t.add(i.name);
+    }), t.size > 0 && se(t);
+  }, [e]);
+  const f = N((t) => {
+    if (t == null) return null;
+    const i = e.find((g) => g.original === t || g.raw === t || g.userId === t);
+    if (i) return i.id;
+    if (typeof t == "object")
       try {
-        const a = JSON.stringify(r);
-        return C.find(
-          (j) => j.original && typeof j.original == "object" && JSON.stringify(j.original) === a
+        const g = JSON.stringify(t);
+        return e.find(
+          (E) => E.original && typeof E.original == "object" && JSON.stringify(E.original) === g
         )?.id ?? null;
       } catch {
         return null;
       }
     return null;
-  }, [C]);
-  B(() => {
-    const r = g ? o : s, l = C.find((j) => j.id === E);
-    l && (l.original === r || l.raw === r || l.userId === r) || M(re(r));
-  }, [o, s, g, C, re, E]);
-  const oe = se(
-    () => C.find((r) => r.id === E) ?? null,
-    [E, C]
-  ), K = T((r, l) => {
-    if (r.groupHeader) {
-      l?.stopPropagation(), l?.preventDefault(), q(r.name);
+  }, [e]);
+  oe(() => {
+    const t = x ? a : n, i = e.find((E) => E.id === y);
+    i && (i.original === t || i.raw === t || i.userId === t) || R(f(t));
+  }, [a, n, x, e, f, y]);
+  const w = pe(
+    () => e.find((t) => t.id === y) ?? null,
+    [y, e]
+  ), j = N((t, i) => {
+    if (t.groupHeader) {
+      i?.stopPropagation(), i?.preventDefault(), t.disabled || re(t.name);
       return;
     }
-    if (r.disabled || r.loadMore) {
-      l?.stopPropagation(), l?.preventDefault(), r.loadMore && (W(I), J());
+    if (t.disabled || t.loadMore) {
+      i?.stopPropagation(), i?.preventDefault(), t.loadMore && !t.loading && (u(M), B());
       return;
     }
-    M(r.id), f?.(r.original, r.userId), S(!1);
-  }, [f, S, J, I, W]), e = T(() => {
-    M(null), f?.(null, null);
-  }, [f]);
+    if (h) {
+      if (t.disabled || t.groupHeader || t.loadMore) {
+        i?.stopPropagation(), i?.preventDefault();
+        return;
+      }
+      i?.stopPropagation(), i?.preventDefault(), Y((g) => g.some((E) => E.id === t.id) ? g.filter((E) => E.id !== t.id) : [...g, t]);
+      return;
+    }
+    R(t.id), d?.(t.original, t.userId), W(!1);
+  }, [d, W, B, M, u, re]), Z = N(() => {
+    R(null), d?.(null, null);
+  }, [d]);
   return {
-    normalizedOptions: C,
-    selected: oe,
-    selectOption: K,
-    clear: e,
-    hasOptions: C.length > 0,
-    active: !v && !p && !c && C.length > 0,
-    selectedValue: o ?? s,
-    placeholder: h,
-    emptyText: x,
-    disabledText: P,
-    loadingText: N,
-    errorText: $,
-    disabledOption: w,
-    emptyOption: R,
-    invalidOption: F,
+    normalizedOptions: e,
+    selected: w,
+    selectOption: j,
+    clear: Z,
+    hasOptions: e.length > 0,
+    active: !m && !v && !c && e.length > 0,
+    selectedValue: a ?? n,
+    placeholder: p,
+    emptyText: I,
+    disabledText: L,
+    loadingText: k,
+    errorText: P,
+    disabledOption: T,
+    emptyOption: O,
+    invalidOption: H,
     disabled: c,
-    loading: p,
-    error: v,
-    expandedGroups: L,
-    toggleGroup: q,
-    visibleOptions: C.filter((r) => !r.hidden)
+    loading: v,
+    error: m,
+    expandedGroups: A,
+    toggleGroup: re,
+    selectedIDs: J,
+    multiple: h,
+    setSelectedIds: Y
   };
 }
-function gr({ visibility: t, children: n, duration: o = 300 }) {
-  const s = ce(null);
-  return /* @__PURE__ */ u.jsx(
+function wr({ visibility: r, children: s, duration: a = 300 }) {
+  const n = he(null);
+  return /* @__PURE__ */ o.jsx(
     ke,
     {
-      in: t,
+      in: r,
       timeout: 300,
       classNames: "slideDown",
       unmountOnExit: !0,
-      nodeRef: s,
-      onEnter: () => s.current.style.height = "0px",
-      onEntering: () => s.current.style.height = s.current.scrollHeight + "px",
-      onEntered: () => s.current.style.height = "auto",
-      onExit: () => s.current.style.height = s.current.scrollHeight + "px",
-      onExiting: () => s.current.style.height = "0px",
-      children: /* @__PURE__ */ u.jsx(
+      nodeRef: n,
+      onEnter: () => n.current.style.height = "0px",
+      onEntering: () => n.current.style.height = n.current.scrollHeight + "px",
+      onEntered: () => n.current.style.height = "auto",
+      onExit: () => n.current.style.height = n.current.scrollHeight + "px",
+      onExiting: () => n.current.style.height = "0px",
+      children: /* @__PURE__ */ o.jsx(
         "div",
         {
-          ref: s,
+          ref: n,
           style: {
             overflow: "hidden",
-            transition: `height ${o}ms ease`,
+            transition: `height ${a}ms ease`,
             paddingLeft: "1em"
           },
           className: "slideDown-enter-done",
           tabIndex: -1,
-          children: n
+          children: s
         }
       )
     }
   );
 }
-const Le = (t, n) => {
-  if (!t) return null;
-  if (typeof t == "string") return /* @__PURE__ */ u.jsx("img", { src: t, ...n, alt: "" });
-  if (er(t)) return rr(t, n);
-  if (typeof t == "function" || typeof t == "object" && t.$$typeof) {
-    const o = t;
-    return /* @__PURE__ */ u.jsx(o, { ...n });
+const Pe = (r, s) => {
+  if (!r) return null;
+  if (typeof r == "string") return /* @__PURE__ */ o.jsx("img", { src: r, ...s, alt: "" });
+  if (cr(r)) return ur(r, s);
+  if (typeof r == "function" || typeof r == "object" && r.$$typeof) {
+    const a = r;
+    return /* @__PURE__ */ o.jsx(a, { ...s });
   }
   return null;
-}, pr = (t, n, o, s, f, c, p) => t.groupHeader ? "rac-select-option rac-group-option" : [
-  "rac-select-option",
-  t.className,
-  s === t.id && "rac-selected",
-  n === o && "rac-highlighted",
-  (t.disabled || t.loading) && "rac-disabled-option",
-  (t.invalid || t.name === p) && "rac-invalid-option",
-  t.loadMore && f === c && "rac-loading-option",
-  typeof t.raw == "boolean" && (t.raw ? "rac-true-option" : "rac-false-option")
-].filter(Boolean).join(" "), mr = Qe(({
-  unmount: t,
-  children: n,
-  renderedDropdown: o,
-  visibility: s,
-  ownBehavior: f = !1,
+}, Sr = (r, s, a, n, d, c, v, m) => {
+  const h = m.some((p) => p.id === r.id);
+  return r.groupHeader ? "rac-select-option rac-group-option" : [
+    "rac-select-option",
+    r.className,
+    (h || n === r.id) && "rac-selected",
+    s === a && "rac-highlighted",
+    (r.disabled || r.loading) && "rac-disabled-option",
+    (r.invalid || r.name === v) && "rac-invalid-option",
+    r.loadMore && d === c && "rac-loading-option",
+    typeof r.raw == "boolean" && (r.raw ? "rac-true-option" : "rac-false-option")
+  ].filter(Boolean).join(" ");
+}, Tr = ar(({
+  unmount: r,
+  children: s,
+  renderedDropdown: a,
+  visibility: n,
+  ownBehavior: d = !1,
   alwaysOpen: c = !1,
-  duration: p = 300,
-  easing: v = "ease-out",
+  duration: v = 300,
+  easing: m = "ease-out",
   offset: h = 2,
-  animateOpacity: x = !0,
-  style: P = {},
-  className: N = "",
-  ArrowIcon: $ = or,
-  ClearIcon: w = ir,
-  hasMore: R = !1,
-  loadMore: F = () => {
+  animateOpacity: p = !0,
+  style: I = {},
+  className: L = "",
+  ArrowIcon: k = pr,
+  ClearIcon: P = We,
+  DelIcon: T = We,
+  CheckIcon: O = Me,
+  hasMore: H = !1,
+  loadMore: W = () => {
     console.warn("loadMore not implemented");
   },
   loadButton: S = !1,
-  loadButtonText: H = "Load more",
-  loadMoreText: D = "Loading",
-  loadOffset: W = 100,
-  loadAhead: d = 3,
-  childrenFirst: I = !1,
-  ...J
-}, U) => {
-  const z = Re(), g = se(() => z.replace(/:/g, ""), [z]), [E, M] = ae([]), [O, Y] = ae(!1), [L, ee] = ae(S ? H : D), [q, C] = ae(!1), re = ce(null), oe = T((k) => {
-    M((G) => {
-      const X = G.findIndex((ne) => ne.id === k.id);
-      if (X !== -1) {
-        const ne = G[X];
-        if (ne.label === k.label && ne.value === k.value && ne.disabled === k.disabled && ne.group === k.group)
-          return G;
-        const pe = [...G];
-        return pe[X] = k, pe;
+  loadButtonText: F = "Load more",
+  loadMoreText: u = "Loading",
+  loadOffset: U = 100,
+  loadAhead: M = 3,
+  childrenFirst: B = !1,
+  groupsClosed: ne = !1,
+  ...Q
+}, ee) => {
+  const x = Le(), y = pe(() => x.replace(/:/g, ""), [x]), [R, J] = ge([]), [Y, A] = ge(!1), [se, K] = ge(S ? F : u), [re, ie] = ge(!1), e = he(null), f = N(($) => {
+    J((V) => {
+      const te = V.findIndex((ce) => ce.id === $.id);
+      if (te !== -1) {
+        const ce = V[te];
+        if (ce.label === $.label && ce.value === $.value && ce.disabled === $.disabled && ce.group === $.group)
+          return V;
+        const ve = [...V];
+        return ve[te] = $, ve;
       }
-      return [...G, k];
+      return [...V, $];
     });
-  }, []), K = T((k) => {
-    M((G) => {
-      const X = G.filter((ne) => ne.id !== k);
-      return X.length === G.length ? G : X;
+  }, []), w = N(($) => {
+    J((V) => {
+      const te = V.filter((ce) => ce.id !== $);
+      return te.length === V.length ? V : te;
     });
-  }, []), e = c ? !0 : f ? !!s : O, r = T((k) => {
-    c || f || Y(k);
-  }, [c, f]), l = fr({
-    ...J,
-    setVisibility: r,
-    jsxOptions: E,
-    hasMore: R,
+  }, []), j = c ? !0 : d ? !!n : Y, Z = N(($) => {
+    c || d || A($);
+  }, [c, d]), t = jr({
+    ...Q,
+    setVisibility: Z,
+    jsxOptions: R,
+    hasMore: H,
     loadButton: S,
-    loadingTitle: L,
-    loadMore: F,
-    loadMoreText: D,
-    setLoadingTitle: ee,
-    childrenFirst: I
-  }), { normalizedOptions: a, selected: j, selectOption: _, clear: m, hasOptions: A, active: i, selectedValue: b, disabled: V, loading: Z, error: ue, placeholder: te, invalidOption: le, emptyText: Q, disabledText: ge, loadingText: de, errorText: xe, expandedGroups: ve } = l, Ge = ur({ setLoadingTitle: ee, loadButton: S, loadButtonText: H, hasMore: R, loadMore: F, disabled: V, open: e, setOpen: r, options: a, selectOption: _, selected: j, loadOffset: W, loadAhead: d }), { handleListScroll: Ie, handleBlur: ze, handleFocus: Me, handleToggle: We, handleKeyDown: Je, highlightedIndex: fe, setHighlightedIndex: je } = Ge;
-  Be(U, () => re.current), B(() => {
-    e || C(!1);
-  }, [e]), B(() => {
-    (ue || V || Z || !A) && r(!1);
-  }, [ue, V, Z, A, r]), B(() => {
-    if (e && q && fe !== -1) {
-      const k = a[fe];
-      k && document.getElementById(`opt-${g}-${_e(k.id)}`)?.scrollIntoView({ block: "nearest" });
+    loadingTitle: se,
+    loadMore: W,
+    loadMoreText: u,
+    setLoadingTitle: K,
+    childrenFirst: B,
+    groupsClosed: ne
+  }), { multiple: i, normalizedOptions: g, selected: E, selectOption: q, clear: le, hasOptions: ue, active: de, selectedValue: D, disabled: X, loading: l, error: _, placeholder: G, invalidOption: ae, emptyText: C, disabledText: Se, loadingText: xe, errorText: me, expandedGroups: Ee, selectedIDs: z, setSelectedIds: Te } = t, Ne = Er({ setLoadingTitle: K, loadButton: S, loadButtonText: F, hasMore: H, loadMore: W, disabled: X, multiple: i, open: j, setOpen: Z, options: g, selectOption: q, selected: E, loadOffset: U, loadAhead: M, expandedGroups: Ee }), { handleListScroll: $e, handleBlur: Be, handleFocus: Qe, handleToggle: er, handleKeyDown: rr, highlightedIndex: ye, setHighlightedIndex: Ae } = Ne;
+  or(ee, () => e.current), oe(() => {
+    j || ie(!1);
+  }, [j]), oe(() => {
+    (_ || X || l || !ue) && Z(!1);
+  }, [_, X, l, ue, Z]), oe(() => {
+    if (j && re && ye !== -1) {
+      const $ = g[ye];
+      $ && document.getElementById(`opt-${y}-${Je($.id)}`)?.scrollIntoView({ block: "nearest" });
     }
-  }, [fe, e, q, a, g]);
-  const Se = se(() => b != null && !(Array.isArray(b) && b.length === 0) && !(typeof b == "object" && Object.keys(b).length === 0), [b]), Ue = se(() => {
-    if (ue) return xe;
-    if (Z) return de;
-    if (V) return ge;
-    if (j) return j.jsx ?? j.name;
-    if (Se) {
-      const k = a.find((G) => G.raw === b);
-      return k ? k.name : typeof b == "object" && b !== null ? b.name ?? b.label ?? "Selected Object" : String(b);
+  }, [ye, j, re, g, y]);
+  const Ce = pe(() => D != null && !(Array.isArray(D) && D.length === 0) && !(typeof D == "object" && Object.keys(D).length === 0), [D]), tr = pe(() => {
+    if (_) return me;
+    if (l) return xe;
+    if (X) return Se;
+    if (E) return E.jsx ?? E.name;
+    if (Ce) {
+      const $ = g.find((V) => V.raw === D);
+      return $ ? $.name : typeof D == "object" && D !== null ? D.name ?? D.label ?? "Selected Object" : String(D);
     }
-    return A ? te : Q;
-  }, [V, Z, ue, A, j, b, te, xe, de, ge, Q, Se, a]), Xe = se(() => {
-    const k = [];
-    let G = [], X = null;
-    const ne = a.reduce((y, ie) => (ie.group && (y[ie.group] = (y[ie.group] || 0) + 1), y), {}), pe = (y) => {
-      y === null || G.length === 0 || (k.push(
-        /* @__PURE__ */ u.jsx(
-          gr,
+    return ue ? G : C;
+  }, [X, l, _, ue, E, D, G, me, xe, Se, C, Ce, g]), nr = pe(() => {
+    const $ = [];
+    let V = [], te = null;
+    const ce = g.reduce((b, fe) => (fe.group && (b[fe.group] = (b[fe.group] || 0) + 1), b), {}), ve = (b) => {
+      b === null || V.length === 0 || ($.push(
+        /* @__PURE__ */ o.jsx(
+          wr,
           {
-            visibility: ve.has(y),
-            children: G
+            visibility: Ee.has(b),
+            children: V
           },
-          `slide-${y}`
+          `slide-${b}`
         )
-      ), G = []);
-    }, Ne = (y, ie) => /* @__PURE__ */ u.jsxs(
+      ), V = []);
+    }, He = (b, fe) => /* @__PURE__ */ o.jsxs(
       "div",
       {
-        id: `opt-${g}-${_e(y.id)}`,
+        id: `opt-${y}-${Je(b.id)}`,
         role: "option",
-        "aria-selected": j?.id === y.id,
-        "aria-disabled": y.disabled || y.loading,
-        className: pr(y, ie, fe, j?.id, L, D, le),
-        onClick: (he) => !y.loading && _(y, he),
-        onMouseEnter: () => !y.disabled && !y.loading && je(ie),
+        "aria-selected": E?.id === b.id,
+        "aria-disabled": b.disabled || b.loading,
+        className: Sr(b, fe, ye, E?.id, se, u, ae, z),
+        onClick: (be) => !b.loading && q(b, be),
+        onMouseEnter: () => !b.disabled && !b.loading && Ae(fe),
         children: [
-          y.jsx ?? y.name,
-          y.loading && /* @__PURE__ */ u.jsxs("span", { className: "rac-loading-dots", children: [
-            /* @__PURE__ */ u.jsx("i", {}),
-            /* @__PURE__ */ u.jsx("i", {}),
-            /* @__PURE__ */ u.jsx("i", {})
-          ] })
+          b.jsx ?? b.name,
+          b.loading && /* @__PURE__ */ o.jsxs("span", { className: "rac-loading-dots", children: [
+            /* @__PURE__ */ o.jsx("i", {}),
+            /* @__PURE__ */ o.jsx("i", {}),
+            /* @__PURE__ */ o.jsx("i", {})
+          ] }),
+          i && !b.disabled ? /* @__PURE__ */ o.jsx("div", { className: "rac-checkbox", children: Pe(
+            Me,
+            {
+              className: `
+                                    rac-checkmark
+                                    ${z.some((be) => be.id === b.id) ? "--checked" : ""}`
+            }
+          ) }) : null
         ]
       },
-      y.id
+      b.id
     );
-    return a.forEach((y, ie) => {
-      const he = y.groupHeader, Ae = !!y.group;
-      if ((he || !Ae && X !== null) && (pe(X), he || (X = null)), he) {
-        X = y.name;
-        const qe = ve.has(y.name), Ke = ne[y.name] > 0;
-        k.push(
-          /* @__PURE__ */ u.jsxs(
+    return g.forEach((b, fe) => {
+      const be = b.groupHeader, Fe = !!b.group;
+      if ((be || !Fe && te !== null) && (ve(te), be || (te = null)), be) {
+        te = b.name;
+        const sr = Ee.has(b.name), ir = ce[b.name] > 0;
+        $.push(
+          /* @__PURE__ */ o.jsxs(
             "div",
             {
-              className: "rac-group-header",
-              onClick: (Ze) => _(y, Ze),
+              className: [
+                "rac-group-header",
+                b.disabled && "rac-disabled-group"
+              ].filter(Boolean).join(" "),
+              onClick: (lr) => q(b, lr),
               children: [
-                /* @__PURE__ */ u.jsx("span", { className: "rac-group-title-text", children: y.name }),
-                /* @__PURE__ */ u.jsx(
-                  Ee,
+                /* @__PURE__ */ o.jsx("span", { className: "rac-group-title-text", children: b.name }),
+                /* @__PURE__ */ o.jsx(
+                  Re,
                   {
-                    visibility: Ke,
-                    duration: p,
+                    visibility: ir && !b.disabled,
+                    duration: v,
                     style: { display: "grid" },
-                    children: /* @__PURE__ */ u.jsx("span", { className: `rac-group-arrow-wrapper ${qe ? "--open" : ""}`, children: Le($, { className: "rac-select-arrow-wrapper" }) })
+                    children: /* @__PURE__ */ o.jsx("span", { className: `rac-group-arrow-wrapper ${sr ? "--open" : ""}`, children: Pe(k, { className: "rac-select-arrow-wrapper" }) })
                   }
                 )
               ]
             },
-            y.id
+            b.id
           )
         );
-      } else Ae ? G.push(Ne(y, ie)) : k.push(Ne(y, ie));
-    }), pe(X), k;
+      } else Fe ? V.push(He(b, fe)) : $.push(He(b, fe));
+    }), ve(te), $;
   }, [
-    a,
-    _,
     g,
-    j,
-    fe,
-    L,
-    D,
-    le,
-    je,
-    ve,
-    $
+    q,
+    y,
+    E,
+    ye,
+    se,
+    u,
+    ae,
+    Ae,
+    Ee,
+    k
   ]);
-  return /* @__PURE__ */ u.jsx(
-    cr,
+  return /* @__PURE__ */ o.jsx(
+    mr,
     {
-      selectRef: re,
-      selectId: g,
-      renderIcon: Le,
-      normalizedOptions: a,
-      renderOptions: Xe,
-      selected: j,
-      title: Ue,
-      visibility: e,
-      active: i,
-      hasOptions: A,
-      hasActualValue: Se,
-      highlightedIndex: fe,
-      animationFinished: q,
-      disabled: V,
-      loading: Z,
-      error: ue,
-      setVisibility: r,
-      setHighlightedIndex: je,
-      setAnimationFinished: C,
-      handleBlur: ze,
-      handleFocus: Me,
-      handleToggle: We,
-      handleKeyDown: Je,
-      handleListScroll: Ie,
-      selectOption: _,
-      clear: m,
-      registerOption: oe,
-      unregisterOption: K,
-      children: n,
-      renderedDropdown: o,
-      placeholder: te,
-      className: N,
-      style: P,
-      duration: p,
-      easing: v,
+      selectRef: e,
+      selectId: y,
+      selectedIDs: z,
+      setSelectedIds: Te,
+      multiple: i,
+      renderIcon: Pe,
+      normalizedOptions: g,
+      renderOptions: nr,
+      selected: E,
+      title: tr,
+      visibility: j,
+      active: de,
+      hasOptions: ue,
+      hasActualValue: Ce,
+      highlightedIndex: ye,
+      animationFinished: re,
+      disabled: X,
+      loading: l,
+      error: _,
+      setVisibility: Z,
+      setHighlightedIndex: Ae,
+      setAnimationFinished: ie,
+      handleBlur: Be,
+      handleFocus: Qe,
+      handleToggle: er,
+      handleKeyDown: rr,
+      handleListScroll: $e,
+      selectOption: q,
+      clear: le,
+      registerOption: f,
+      unregisterOption: w,
+      children: s,
+      renderedDropdown: a,
+      placeholder: G,
+      className: L,
+      style: I,
+      duration: v,
+      easing: m,
       offset: h,
-      animateOpacity: x,
-      unmount: t,
-      ArrowIcon: $,
-      ClearIcon: w,
-      hasMore: R,
+      animateOpacity: p,
+      unmount: r,
+      ArrowIcon: k,
+      ClearIcon: P,
+      DelIcon: T,
+      hasMore: H,
       loadButton: S
     }
   );
-}), Ve = He(null);
-function xr({ children: t, name: n, label: o, value: s, id: f, emptyGroupText: c = "Empty group" }) {
-  const p = we(Te), v = se(() => {
-    const x = n ?? o ?? s ?? f;
-    return x != null && x !== "" ? String(x) : c;
-  }, [n, o, s, f, c]), h = se(() => `group-marker-${_e(v)}`, [v]);
-  return B(() => {
-    if (!p) return;
-    const x = {
-      id: h,
-      group: v,
-      isGroupMarker: !0,
-      disabled: !0
-    };
-    return p.registerOption(x), () => p.unregisterOption(h);
-  }, [p.registerOption, p.unregisterOption, h, v]), /* @__PURE__ */ u.jsx(Ve.Provider, { value: v, children: t });
-}
-const $e = (t) => t ? typeof t == "string" || typeof t == "number" ? String(t) : Array.isArray(t) ? t.map($e).join(" ").replace(/\s+/g, " ").trim() : Fe.isValidElement(t) ? $e(t.props.children) : "" : "";
-function yr({ value: t, id: n, className: o, children: s, disabled: f, group: c }) {
-  const p = we(Te), v = we(Ve), h = p?.registerOption, x = p?.unregisterOption, P = Re(), N = se(() => n ? String(n) : P.replace(/:/g, ""), [n, P]);
-  return B(() => {
+}), _r = Ke(null), De = (r) => r ? typeof r == "string" || typeof r == "number" ? String(r) : Array.isArray(r) ? r.map(De).join(" ").replace(/\s+/g, " ").trim() : Xe.isValidElement(r) ? De(r.props.children) : "" : "";
+function Nr({ value: r, id: s, className: a, children: n, disabled: d, group: c }) {
+  const v = Ye(Ze), m = Ye(_r), h = v?.registerOption, p = v?.unregisterOption, I = Le(), L = pe(() => s ? String(s) : I.replace(/:/g, ""), [s, I]);
+  return oe(() => {
     if (!h) return;
-    const $ = $e(s);
-    let w = "";
-    return typeof s == "string" && s !== "" ? w = s : $ ? w = $ : t != null && (w = String(t)), h({
-      id: N,
-      value: t !== void 0 ? t : $,
-      label: w,
-      jsx: s,
-      className: o,
-      disabled: !!f,
-      group: c || v || null
-    }), () => x(N);
-  }, [N, t, s, o, f, c, v, h, x]), null;
+    const k = De(n), P = n != null;
+    let T = "";
+    return k ? T = k : s != null && s !== "" ? T = String(s) : r != null && r !== "" && (T = String(r)), h({
+      id: L,
+      value: r !== void 0 ? r : k,
+      label: T,
+      jsx: n,
+      hasJsx: P,
+      className: a,
+      disabled: !!d,
+      group: c || m || null
+    }), () => p(L);
+  }, [L, r, n, a, d, c, m, h, p]), null;
 }
 export {
-  xr as OptGroup,
-  yr as Option,
-  mr as Select
+  Nr as Option,
+  Tr as Select
 };