npm - react-animated-select - Versions diffs - 0.4.1 → 0.5.2 - Mend

react-animated-select 0.4.1 → 0.5.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/dist/index.es.js CHANGED Viewed

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