react-animated-select 0.4.1 → 0.5.6

package/dist/index.es.js

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