react-animated-select 0.2.9 → 0.3.1

package/dist/index.es.js

@@ -1,149 +1,149 @@
-import xe, { createContext as Ae, useRef as oe, useState as Q, useEffect as W, useCallback as k, useMemo as X, useId as Ee, memo as Ne, forwardRef as Ie, useImperativeHandle as Oe, isValidElement as Pe, cloneElement as Ce, useContext as De } from "react";
-import { CSSTransition as ve } from "react-transition-group";
-import './index.css';var le = { exports: {} }, te = {};
-var be;
-function Fe() {
-  if (be) return te;
-  be = 1;
-  var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), o = /* @__PURE__ */ Symbol.for("react.fragment");
-  function s(l, f, a) {
-    var x = null;
-    if (a !== void 0 && (x = "" + a), f.key !== void 0 && (x = "" + f.key), "key" in f) {
-      a = {};
-      for (var S in f)
-        S !== "key" && (a[S] = f[S]);
-    } else a = f;
-    return f = a.ref, {
+import _e, { createContext as De, useRef as re, useState as te, useEffect as z, useCallback as R, useMemo as ne, useId as Se, memo as Fe, forwardRef as Ye, useImperativeHandle as Ve, isValidElement as He, cloneElement as We, useContext as ze } from "react";
+import { CSSTransition as Re } from "react-transition-group";
+import './index.css';var ae = { exports: {} }, ie = {};
+var Ee;
+function Ue() {
+  if (Ee) return ie;
+  Ee = 1;
+  var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), s = /* @__PURE__ */ Symbol.for("react.fragment");
+  function c(i, b, d) {
+    var p = null;
+    if (d !== void 0 && (p = "" + d), b.key !== void 0 && (p = "" + b.key), "key" in b) {
+      d = {};
+      for (var $ in b)
+        $ !== "key" && (d[$] = b[$]);
+    } else d = b;
+    return b = d.ref, {
       $$typeof: t,
-      type: l,
-      key: x,
-      ref: f !== void 0 ? f : null,
-      props: a
+      type: i,
+      key: p,
+      ref: b !== void 0 ? b : null,
+      props: d
     };
   }
-  return te.Fragment = o, te.jsx = s, te.jsxs = s, te;
+  return ie.Fragment = s, ie.jsx = c, ie.jsxs = c, ie;
 }
-var ne = {};
-var he;
-function Le() {
-  return he || (he = 1, process.env.NODE_ENV !== "production" && (function() {
+var le = {};
+var me;
+function Je() {
+  return me || (me = 1, process.env.NODE_ENV !== "production" && (function() {
     function t(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === n ? null : e.displayName || e.name || null;
+        return e.$$typeof === m ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case m:
+        case w:
           return "Fragment";
-        case L:
+        case C:
           return "Profiler";
-        case E:
+        case P:
           return "StrictMode";
-        case _:
+        case X:
           return "Suspense";
-        case z:
+        case I:
           return "SuspenseList";
-        case q:
+        case g:
           return "Activity";
       }
       if (typeof e == "object")
         switch (typeof e.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), e.$$typeof) {
-          case d:
+          case _:
             return "Portal";
           case u:
             return e.displayName || "Context";
-          case C:
+          case V:
             return (e._context.displayName || "Context") + ".Consumer";
-          case U:
-            var c = e.render;
-            return e = e.displayName, e || (e = c.displayName || c.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case ee:
-            return c = e.displayName || null, c !== null ? c : t(e.type) || "Memo";
-          case O:
-            c = e._payload, e = e._init;
+          case D:
+            var n = e.render;
+            return e = e.displayName, e || (e = n.displayName || n.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case J:
+            return n = e.displayName || null, n !== null ? n : t(e.type) || "Memo";
+          case Y:
+            n = e._payload, e = e._init;
             try {
-              return t(e(c));
+              return t(e(n));
             } catch {
             }
         }
       return null;
     }
-    function o(e) {
+    function s(e) {
       return "" + e;
     }
-    function s(e) {
+    function c(e) {
       try {
-        o(e);
-        var c = !1;
+        s(e);
+        var n = !1;
       } catch {
-        c = !0;
+        n = !0;
       }
-      if (c) {
-        c = console;
-        var g = c.error, T = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return g.call(
-          c,
+      if (n) {
+        n = console;
+        var r = n.error, a = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return r.call(
+          n,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          T
-        ), o(e);
+          a
+        ), s(e);
       }
     }
-    function l(e) {
-      if (e === m) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === O)
+    function i(e) {
+      if (e === w) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === Y)
         return "<...>";
       try {
-        var c = t(e);
-        return c ? "<" + c + ">" : "<...>";
+        var n = t(e);
+        return n ? "<" + n + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function f() {
-      var e = b.A;
+    function b() {
+      var e = L.A;
       return e === null ? null : e.getOwner();
     }
-    function a() {
+    function d() {
       return Error("react-stack-top-frame");
     }
-    function x(e) {
-      if ($.call(e, "key")) {
-        var c = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (c && c.isReactWarning) return !1;
+    function p(e) {
+      if (x.call(e, "key")) {
+        var n = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (n && n.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function S(e, c) {
-      function g() {
-        i || (i = !0, console.error(
+    function $(e, n) {
+      function r() {
+        K || (K = !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)",
-          c
+          n
         ));
       }
-      g.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: g,
+      r.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: r,
         configurable: !0
       });
     }
-    function v() {
+    function y() {
       var e = t(this.type);
-      return h[e] || (h[e] = !0, console.error(
+      return Q[e] || (Q[e] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function j(e, c, g, T, B, K) {
-      var w = g.ref;
+    function N(e, n, r, a, E, j) {
+      var f = r.ref;
       return e = {
-        $$typeof: I,
+        $$typeof: S,
         type: e,
-        key: c,
-        props: g,
-        _owner: T
-      }, (w !== void 0 ? w : null) !== null ? Object.defineProperty(e, "ref", {
+        key: n,
+        props: r,
+        _owner: a
+      }, (f !== void 0 ? f : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: v
+        get: y
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -158,69 +158,69 @@ function Le() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: B
+        value: E
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: K
+        value: j
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function F(e, c, g, T, B, K) {
-      var w = c.children;
-      if (w !== void 0)
-        if (T)
-          if (V(w)) {
-            for (T = 0; T < w.length; T++)
-              P(w[T]);
-            Object.freeze && Object.freeze(w);
+    function G(e, n, r, a, E, j) {
+      var f = n.children;
+      if (f !== void 0)
+        if (a)
+          if (q(f)) {
+            for (a = 0; a < f.length; a++)
+              U(f[a]);
+            Object.freeze && Object.freeze(f);
           } 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 P(w);
-      if ($.call(c, "key")) {
-        w = t(e);
-        var H = Object.keys(c).filter(function(se) {
-          return se !== "key";
+        else U(f);
+      if (x.call(n, "key")) {
+        f = t(e);
+        var T = Object.keys(n).filter(function(H) {
+          return H !== "key";
         });
-        T = 0 < H.length ? "{key: someKey, " + H.join(": ..., ") + ": ...}" : "{key: someKey}", Y[w + T] || (H = 0 < H.length ? "{" + H.join(": ..., ") + ": ...}" : "{}", console.error(
+        a = 0 < T.length ? "{key: someKey, " + T.join(": ..., ") + ": ...}" : "{key: someKey}", k[f + a] || (T = 0 < T.length ? "{" + T.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
+          a,
+          f,
           T,
-          w,
-          H,
-          w
-        ), Y[w + T] = !0);
+          f
+        ), k[f + a] = !0);
       }
-      if (w = null, g !== void 0 && (s(g), w = "" + g), x(c) && (s(c.key), w = "" + c.key), "key" in c) {
-        g = {};
-        for (var Z in c)
-          Z !== "key" && (g[Z] = c[Z]);
-      } else g = c;
-      return w && S(
-        g,
+      if (f = null, r !== void 0 && (c(r), f = "" + r), p(n) && (c(n.key), f = "" + n.key), "key" in n) {
+        r = {};
+        for (var O in n)
+          O !== "key" && (r[O] = n[O]);
+      } else r = n;
+      return f && $(
+        r,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), j(
+      ), N(
         e,
-        w,
-        g,
-        f(),
-        B,
-        K
+        f,
+        r,
+        b(),
+        E,
+        j
       );
     }
-    function P(e) {
-      N(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === O && (e._payload.status === "fulfilled" ? N(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    function U(e) {
+      F(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === Y && (e._payload.status === "fulfilled" ? F(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
     }
-    function N(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === I;
+    function F(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === S;
     }
-    var A = xe, I = /* @__PURE__ */ Symbol.for("react.transitional.element"), d = /* @__PURE__ */ Symbol.for("react.portal"), m = /* @__PURE__ */ Symbol.for("react.fragment"), E = /* @__PURE__ */ Symbol.for("react.strict_mode"), L = /* @__PURE__ */ Symbol.for("react.profiler"), C = /* @__PURE__ */ Symbol.for("react.consumer"), u = /* @__PURE__ */ Symbol.for("react.context"), U = /* @__PURE__ */ Symbol.for("react.forward_ref"), _ = /* @__PURE__ */ Symbol.for("react.suspense"), z = /* @__PURE__ */ Symbol.for("react.suspense_list"), ee = /* @__PURE__ */ Symbol.for("react.memo"), O = /* @__PURE__ */ Symbol.for("react.lazy"), q = /* @__PURE__ */ Symbol.for("react.activity"), n = /* @__PURE__ */ Symbol.for("react.client.reference"), b = A.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, $ = Object.prototype.hasOwnProperty, V = Array.isArray, r = console.createTask ? console.createTask : function() {
+    var A = _e, S = /* @__PURE__ */ Symbol.for("react.transitional.element"), _ = /* @__PURE__ */ Symbol.for("react.portal"), w = /* @__PURE__ */ Symbol.for("react.fragment"), P = /* @__PURE__ */ Symbol.for("react.strict_mode"), C = /* @__PURE__ */ Symbol.for("react.profiler"), V = /* @__PURE__ */ Symbol.for("react.consumer"), u = /* @__PURE__ */ Symbol.for("react.context"), D = /* @__PURE__ */ Symbol.for("react.forward_ref"), X = /* @__PURE__ */ Symbol.for("react.suspense"), I = /* @__PURE__ */ Symbol.for("react.suspense_list"), J = /* @__PURE__ */ Symbol.for("react.memo"), Y = /* @__PURE__ */ Symbol.for("react.lazy"), g = /* @__PURE__ */ Symbol.for("react.activity"), m = /* @__PURE__ */ Symbol.for("react.client.reference"), L = A.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, x = Object.prototype.hasOwnProperty, q = Array.isArray, M = console.createTask ? console.createTask : function() {
       return null;
     };
     A = {
@@ -228,39 +228,39 @@ React keys must be passed directly to JSX without using spread:
         return e();
       }
     };
-    var i, h = {}, R = A.react_stack_bottom_frame.bind(
+    var K, Q = {}, l = A.react_stack_bottom_frame.bind(
       A,
-      a
-    )(), M = r(l(a)), Y = {};
-    ne.Fragment = m, ne.jsx = function(e, c, g) {
-      var T = 1e4 > b.recentlyCreatedOwnerStacks++;
-      return F(
+      d
+    )(), v = M(i(d)), k = {};
+    le.Fragment = w, le.jsx = function(e, n, r) {
+      var a = 1e4 > L.recentlyCreatedOwnerStacks++;
+      return G(
         e,
-        c,
-        g,
+        n,
+        r,
         !1,
-        T ? Error("react-stack-top-frame") : R,
-        T ? r(l(e)) : M
+        a ? Error("react-stack-top-frame") : l,
+        a ? M(i(e)) : v
       );
-    }, ne.jsxs = function(e, c, g) {
-      var T = 1e4 > b.recentlyCreatedOwnerStacks++;
-      return F(
+    }, le.jsxs = function(e, n, r) {
+      var a = 1e4 > L.recentlyCreatedOwnerStacks++;
+      return G(
         e,
-        c,
-        g,
+        n,
+        r,
         !0,
-        T ? Error("react-stack-top-frame") : R,
-        T ? r(l(e)) : M
+        a ? Error("react-stack-top-frame") : l,
+        a ? M(i(e)) : v
       );
     };
-  })()), ne;
+  })()), le;
 }
-var ge;
-function Me() {
-  return ge || (ge = 1, process.env.NODE_ENV === "production" ? le.exports = Fe() : le.exports = Le()), le.exports;
+var je;
+function qe() {
+  return je || (je = 1, process.env.NODE_ENV === "production" ? ae.exports = Ue() : ae.exports = Je()), ae.exports;
 }
-var y = Me();
-const Ye = ({ className: t = "", ...o }) => /* @__PURE__ */ y.jsx(
+var h = qe();
+const Me = ({ className: t = "", ...s }) => /* @__PURE__ */ h.jsx(
   "svg",
   {
     className: t,
@@ -271,10 +271,10 @@ const Ye = ({ className: t = "", ...o }) => /* @__PURE__ */ y.jsx(
     width: "1em",
     height: "1em",
     fill: "currentColor",
-    ...o,
-    children: /* @__PURE__ */ y.jsx("path", { d: "M310.6 361.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L160 301.3 54.6 406.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L114.7 256 9.4 150.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 210.7 265.4 105.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3L205.3 256l105.3 105.4z" })
+    ...s,
+    children: /* @__PURE__ */ h.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" })
   }
-), Ve = ({ className: t = "", ...o }) => /* @__PURE__ */ y.jsx(
+), Ge = ({ className: t = "", ...s }) => /* @__PURE__ */ h.jsx(
   "svg",
   {
     className: t,
@@ -283,563 +283,634 @@ const Ye = ({ className: t = "", ...o }) => /* @__PURE__ */ y.jsx(
     width: "1em",
     height: "1em",
     fill: "currentColor",
-    ...o,
-    children: /* @__PURE__ */ y.jsx("path", { d: "M34.9 289.5l175.9-175.8c9.4-9.4 24.6-9.4 33.9 0L420.1 289.5c15.1 15.1 4.4 41-17 41H51.9c-21.4 0-32.1-25.9-17-41z" })
+    ...s,
+    children: /* @__PURE__ */ h.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 = Ae(null);
-function We({
+), $e = De(null), ce = (t, s = "invalid-option", c = "") => {
+  const i = c ? c.replace(/:/g, "") : "";
+  if (typeof t != "string" || !t.trim())
+    return i ? `${s}-${i}` : `${s}-${Math.random().toString(36).slice(2, 8)}`;
+  const b = t.normalize("NFKD").replace(/[\u0300-\u036f]/g, "").replace(/\s+/g, "-").replace(/[^\p{L}\p{N}-]+/gu, "").toLowerCase();
+  return b ? b || `${s}-${Math.random().toString(36).slice(2, 8)}` : i ? `${s}-${i}` : `${s}-${Math.random().toString(36).slice(2, 8)}`;
+};
+function Xe({
   disabled: t,
-  isOpen: o,
-  setIsOpen: s,
-  options: l,
-  selectOption: f,
-  selected: a
+  isOpen: s,
+  setIsOpen: c,
+  options: i,
+  selectOption: b,
+  selected: d,
+  hasMore: p,
+  loadMore: $,
+  loadButton: y,
+  loadButtonText: N,
+  setLoadingTitle: G,
+  loadOffset: U,
+  loadAhead: F
 }) {
-  const x = oe(!1), S = oe(0), [v, j] = Q(-1);
-  W(() => {
-    const d = () => {
+  const A = re(!1), S = re(0), [_, w] = te(-1), P = re(!1), C = re(i?.length || 0);
+  z(() => {
+    i && i.length !== C.current && (P.current = !1, C.current = i.length, y && G(N));
+  }, [i]);
+  const V = R(() => {
+    !p || P.current || (P.current = !0, $());
+  }, [p, $]), u = R((g) => {
+    if (y || !p || P.current) return;
+    const { scrollTop: m, scrollHeight: L, clientHeight: x } = g.currentTarget, q = U;
+    L - m <= x + q && V();
+  }, [y, p, V]);
+  z(() => {
+    if (!y && s && p && _ >= 0) {
+      const g = F;
+      _ >= i.length - g && V();
+    }
+  }, [y, _, s, p, i.length, V]), z(() => {
+    const g = () => {
       S.current = Date.now();
     };
-    return window.addEventListener("focus", d), () => window.removeEventListener("focus", d);
-  }, []), W(() => {
-    if (o) {
-      let d = -1;
-      if (a) {
-        const m = l.findIndex((E) => E.id === a.id && !E.disabled);
-        m >= 0 && (d = m);
+    return window.addEventListener("focus", g), () => window.removeEventListener("focus", g);
+  }, []), z(() => {
+    if (s) {
+      if (_ >= 0 && _ < i.length)
+        return;
+      let g = -1;
+      if (d) {
+        const m = i.findIndex((L) => L.id === d.id && !L.disabled);
+        m >= 0 && (g = m);
       }
-      d === -1 && (d = l.findIndex((m) => !m.disabled)), j(d);
+      g === -1 && (g = i.findIndex((m) => !m.disabled)), w(g);
     } else
-      j(-1);
-  }, [o, a, l]);
-  const F = k((d) => {
-    d.currentTarget.contains(d.relatedTarget) || s(!1);
-  }, [s]), P = k(() => {
-    t || document.hidden || Date.now() - S.current < 100 || o || (s(!0), x.current = !0, setTimeout(() => {
-      x.current = !1;
+      w(-1);
+  }, [s, i]);
+  const D = R((g) => {
+    g.currentTarget.contains(g.relatedTarget) || c(!1);
+  }, [c]), X = R(() => {
+    t || document.hidden || Date.now() - S.current < 100 || s || (c(!0), A.current = !0, setTimeout(() => {
+      A.current = !1;
     }, 200));
-  }, [t, o, s]), N = k((d) => {
-    t || d.target.closest(".rac-select-cancel") || x.current || s(!o);
-  }, [t, o, s]), A = (d, m) => {
-    if (l.every((C) => C.disabled)) return -1;
-    let E = d, L = 0;
-    do
-      E += m, E < 0 && (E = l.length - 1), E >= l.length && (E = 0), L++;
-    while (l[E]?.disabled && L <= l.length);
-    return E;
-  }, I = k((d) => {
+  }, [t, s, c]), I = R((g) => {
+    t || g.target.closest && g.target.closest(".rac-select-cancel") || A.current || c(!s);
+  }, [t, s, c]), J = (g, m) => {
+    const L = (M) => M && !M.disabled && !M.loading;
+    if (!i.some(L)) return -1;
+    let x = g, q = 0;
+    do {
+      if (x += m, x >= i.length) {
+        if (p && !y) return g;
+        x = 0;
+      }
+      if (x < 0) {
+        if (p && !y) return g;
+        x = i.length - 1;
+      }
+      q++;
+    } while (!L(i[x]) && q <= i.length);
+    return x;
+  }, Y = R((g) => {
     if (!t)
-      switch (d.key) {
+      switch (g.key) {
         case "Enter":
         case " ":
-          d.preventDefault(), o ? v !== -1 && l[v] && f(l[v], d) : s(!0);
+          g.preventDefault(), s ? _ !== -1 && i[_] && b(i[_], g) : c(!0);
           break;
         case "Escape":
-          d.preventDefault(), s(!1);
+          g.preventDefault(), c(!1);
           break;
         case "ArrowDown":
-          d.preventDefault(), o ? j((m) => A(m, 1)) : s(!0);
+          g.preventDefault(), s ? w((m) => J(m, 1)) : c(!0);
           break;
         case "ArrowUp":
-          d.preventDefault(), o ? j((m) => A(m, -1)) : s(!0);
+          g.preventDefault(), s ? w((m) => J(m, -1)) : c(!0);
           break;
         case "Tab":
-          o && s(!1);
+          s && c(!1);
           break;
       }
-  }, [t, o, s, v, l, f]);
-  return X(() => ({
-    handleBlur: F,
-    handleFocus: P,
-    handleToggle: N,
-    handleKeyDown: I,
-    highlightedIndex: v,
-    setHighlightedIndex: j
-  }), [F, P, N, I, v, j]);
+  }, [t, s, c, _, i, b]);
+  return ne(() => ({
+    handleBlur: D,
+    handleFocus: X,
+    handleToggle: I,
+    handleKeyDown: Y,
+    highlightedIndex: _,
+    setHighlightedIndex: w,
+    handleListScroll: u
+  }), [D, X, I, Y, _, w]);
 }
-function ze({
+function Ke({
   options: t = [],
-  jsxOptions: o = [],
-  value: s,
-  defaultValue: l = void 0,
-  onChange: f,
-  disabled: a = !1,
-  loading: x = !1,
-  error: S = !1,
-  placeholder: v = "Choose option",
-  emptyText: j = "No options",
-  disabledText: F = "Disabled",
-  loadingText: P = "Loading",
-  errorText: N = "Failed to load",
+  jsxOptions: s = [],
+  value: c,
+  defaultValue: i = void 0,
+  onChange: b,
+  disabled: d = !1,
+  loading: p = !1,
+  error: $ = !1,
+  placeholder: y = "Choose option",
+  emptyText: N = "No options",
+  disabledText: G = "Disabled",
+  loadingText: U = "Loading",
+  errorText: F = "Failed to load",
   disabledOption: A = "Disabled option",
-  emptyOption: I = "Empty option",
-  invalidOption: d = "Invalid option",
-  setVisibility: m
+  emptyOption: S = "Empty option",
+  invalidOption: _ = "Invalid option",
+  setVisibility: w,
+  hasMore: P,
+  loadButton: C,
+  setLoadingTitle: V,
+  loadingTitle: u,
+  loadMoreText: D,
+  loadMore: X,
+  childrenFirst: I
 }) {
-  const E = Ee(), L = s !== void 0, [C, u] = Q(null), U = (n) => !n || typeof n != "object" || Array.isArray(n) ? !1 : "id" in n || "value" in n || "name" in n || "label" in n || "disabled" in n, _ = X(() => {
-    const n = [], b = (r, i, h) => {
-      let R = h?.id ?? h?.value ?? i ?? r;
-      if (typeof i == "function") {
-        n.push({
-          key: `invalid-${n.length}`,
-          value: i,
+  const J = Se(), Y = c !== void 0, [g, m] = te(null), L = (l) => !l || typeof l != "object" || Array.isArray(l) ? !1 : "id" in l || "value" in l || "name" in l || "label" in l || "disabled" in l, x = ne(() => {
+    const l = [], v = (r, a, E) => {
+      let j = E?.id ?? E?.value ?? a ?? r;
+      if (typeof a == "function") {
+        l.push({
+          key: `invalid-${l.length}`,
+          value: a,
           userId: null,
           disabled: !0,
-          isInvalid: !0,
-          label: d,
-          original: h
+          invalid: !0,
+          label: _,
+          original: E
         });
         return;
       }
-      if (i === "") {
-        n.push({
-          key: `empty-str-${n.length}`,
+      if (a === "") {
+        l.push({
+          key: `empty-str-${l.length}`,
           value: "",
           userId: null,
           disabled: !0,
-          label: I,
-          original: h
+          label: S,
+          original: E
         });
         return;
       }
-      if (i == null) {
-        n.push({
-          key: `empty-${n.length}`,
+      if (a == null) {
+        l.push({
+          key: `empty-${l.length}`,
           value: null,
           userId: null,
           disabled: !0,
-          label: I,
-          original: h
+          label: S,
+          original: E
         });
         return;
       }
-      if (typeof i == "number" || typeof i == "boolean") {
-        n.push({
-          key: `${typeof i}-${i}-${n.length}`,
-          value: i,
-          userId: R,
-          label: String(i),
-          original: h
+      if (typeof a == "number" || typeof a == "boolean") {
+        l.push({
+          key: `${typeof a}-${a}-${l.length}`,
+          value: a,
+          userId: j,
+          label: String(a),
+          original: E
         });
         return;
-      }
-      i && typeof i == "object" && !Array.isArray(i) ? n.push({
-        key: i.id ?? i.value ?? i.name ?? r ?? `obj-${n.length}`,
-        value: i,
-        userId: R,
-        disabled: !!i.disabled,
-        label: i.name ?? i.label ?? String(r),
-        original: h
-      }) : n.push({
-        key: r ?? `opt-${n.length}`,
-        value: i,
-        userId: R,
-        label: String(i ?? r),
-        original: h
-      });
+      } else
+        l.push({
+          key: r ?? `opt-${l.length}`,
+          value: a,
+          userId: j,
+          label: String(a ?? r),
+          original: E
+        });
     };
-    Array.isArray(t) ? t.forEach((r, i) => {
+    Array.isArray(t) ? t.forEach((r, a) => {
       if (r && typeof r == "object" && Object.keys(r).length === 1 && r.disabled === !0)
-        n.push({ key: `dis-${i}`, value: null, userId: null, disabled: !0, label: A, original: r });
-      else if (U(r)) {
-        const h = r.id ?? (typeof r.value != "object" ? r.value : r.label ?? r.name ?? r.value);
-        n.push({
-          key: r.id ?? r.value ?? r.name ?? `opt-${i}`,
+        l.push({ key: `dis-${a}`, value: null, userId: null, disabled: !0, label: A, original: r });
+      else if (L(r)) {
+        const E = r.id ?? (typeof r.value != "object" ? r.value : r.label ?? r.name ?? r.value);
+        let j = r.name || r.label || r.id || r.value;
+        if (j == null || j === "") {
+          const O = Object.entries(r).find(
+            ([H, B]) => H !== "disabled" && B !== null && B !== void 0 && B !== ""
+          );
+          O && (j = O[1]);
+        }
+        const f = j == null || j === "", T = f ? S : String(j);
+        l.push({
+          key: r.id ?? r.value ?? r.name ?? `opt-${a}`,
           value: r.value !== void 0 ? r.value : r.id !== void 0 ? r.id : r,
-          userId: h,
-          disabled: !!r.disabled,
-          label: r.name ?? r.label ?? String(r.id ?? r.value),
+          userId: E,
+          disabled: f || !!r.disabled,
+          label: T,
           original: r
         });
-      } else r && typeof r == "object" && !Array.isArray(r) ? Object.entries(r).forEach(([h, R]) => b(h, R, R)) : b(r, r, r);
-    }) : typeof t == "object" && t !== null && Object.entries(t).forEach(([r, i]) => b(r, i, i));
-    const $ = n.map((r, i) => ({
-      id: `${E}-opt-${i}`,
+      } else r && typeof r == "object" && !Array.isArray(r) ? Object.entries(r).forEach(([E, j]) => v(E, j, j)) : v(r, r, r);
+    }) : typeof t == "object" && t !== null && Object.entries(t).forEach(([r, a]) => v(r, a, a));
+    const k = l.map((r, a) => ({
+      id: `${J}-opt-${a}`,
       userId: r.userId,
       name: String(r.label),
       raw: r.value,
       original: r.original,
       disabled: r.disabled,
-      isInvalid: r.isInvalid,
-      type: typeof r.value == "boolean" ? "boolean" : "normal"
-    })), V = o.map((r, i) => ({
-      ...r,
-      id: `jsx-${E.replace(/:/g, "")}-${r.id}-${i}`,
-      userId: r.id,
-      raw: r.value,
-      original: r.value,
-      name: r.label,
+      invalid: r.invalid,
       type: typeof r.value == "boolean" ? "boolean" : "normal"
-    }));
-    return [...$, ...V];
-  }, [t, o, E, I, A]), z = k((n) => {
-    if (n == null) return null;
-    const b = _.find(($) => $.original === n || $.raw === n);
-    if (b) return b.id;
-    if (typeof n == "object")
+    })), e = s.map((r, a) => {
+      const E = r.value === null || r.value === void 0, j = r.label === null || r.label === void 0 || r.label === "", f = E && j;
+      return {
+        ...r,
+        id: `jsx-${J.replace(/:/g, "")}-${r.id}-${a}`,
+        userId: r.id,
+        raw: r.value,
+        original: r.value,
+        name: f ? S : r.label,
+        disabled: r.disabled || f,
+        type: typeof r.value == "boolean" ? "boolean" : "normal"
+      };
+    }), n = I ? [...e, ...k] : [...k, ...e];
+    if (P && C) {
+      const r = u === D;
+      n.push({
+        id: "special-load-more-id",
+        name: u,
+        loadMore: !0,
+        loading: r,
+        type: "special"
+      });
+    }
+    return n;
+  }, [t, s, J, S, A, P, C, u, D]), q = R((l) => {
+    if (l == null) return null;
+    const v = x.find((k) => k.original === l || k.raw === l);
+    if (v) return v.id;
+    if (typeof l == "object")
       try {
-        const $ = JSON.stringify(n), V = _.find(
-          (r) => r.original && typeof r.original == "object" && JSON.stringify(r.original) === $
+        const k = JSON.stringify(l), e = x.find(
+          (n) => n.original && typeof n.original == "object" && JSON.stringify(n.original) === k
         );
-        if (V) return V.id;
+        if (e) return e.id;
       } catch {
       }
-    return _.find(($) => $.userId === n)?.id ?? null;
-  }, [_]);
-  W(() => {
-    const n = L ? s : l, b = _.find((V) => V.id === C);
-    b && (b.original === n || b.raw === n || b.userId === n) || u(z(n));
-  }, [s, l, L, _, z]);
-  const ee = X(() => _.find((n) => n.id === C) ?? null, [C, _]), O = k((n, b) => {
-    if (n.disabled) {
-      b?.stopPropagation(), b?.preventDefault();
+    return x.find((k) => k.userId === l)?.id ?? null;
+  }, [x]);
+  z(() => {
+    const l = Y ? c : i, v = x.find((e) => e.id === g);
+    v && (v.original === l || v.raw === l || v.userId === l) || m(q(l));
+  }, [c, i, Y, x, q]);
+  const M = ne(() => x.find((l) => l.id === g) ?? null, [g, x]), K = R((l, v) => {
+    if (l.disabled || l.loadMore) {
+      v?.stopPropagation(), v?.preventDefault(), u !== D && (V(D), X());
       return;
     }
-    u(n.id), f?.(n.original, n.userId), m(!1);
-  }, [f, m]), q = k((n) => {
-    n.preventDefault(), n.stopPropagation(), u(null), f?.(null, null);
-  }, [f]);
+    m(l.id), b?.(l.original, l.userId), w(!1);
+  }, [b, w]), Q = R(() => {
+    m(null), b?.(null, null);
+  }, [b]);
   return {
-    normalizedOptions: _,
-    selected: ee,
-    selectOption: O,
-    clear: q,
-    hasOptions: _.length > 0,
-    active: !S && !x && !a && _.length > 0,
-    selectedValue: s ?? l,
-    placeholder: v,
-    emptyText: j,
-    disabledText: F,
-    loadingText: P,
-    errorText: N,
+    normalizedOptions: x,
+    selected: M,
+    selectOption: K,
+    clear: Q,
+    hasOptions: x.length > 0,
+    active: !$ && !p && !d && x.length > 0,
+    selectedValue: c ?? i,
+    placeholder: y,
+    emptyText: N,
+    disabledText: G,
+    loadingText: U,
+    errorText: F,
     disabledOption: A,
-    emptyOption: I,
-    invalidOption: d,
-    disabled: a,
-    loading: x,
-    error: S
+    emptyOption: S,
+    invalidOption: _,
+    disabled: d,
+    loading: p,
+    error: $
   };
 }
-const ae = (t, o = "invalid-option", s = "") => {
-  const l = s ? s.replace(/:/g, "") : "";
-  if (typeof t != "string" || !t.trim())
-    return l ? `${o}-${l}` : `${o}-${Math.random().toString(36).slice(2, 8)}`;
-  const f = t.normalize("NFKD").replace(/[\u0300-\u036f]/g, "").replace(/\s+/g, "-").replace(/[^\p{L}\p{N}-]+/gu, "").toLowerCase();
-  return f ? f || `${o}-${Math.random().toString(36).slice(2, 8)}` : l ? `${o}-${l}` : `${o}-${Math.random().toString(36).slice(2, 8)}`;
-};
-function He({
+function Ze({
   visibility: t,
-  children: o,
-  selectRef: s,
-  onAnimationDone: l,
-  unmount: f = !0,
-  duration: a,
-  easing: x,
-  offset: S,
-  animateOpacity: v
+  children: s,
+  selectRef: c,
+  onAnimationDone: i,
+  unmount: b = !0,
+  duration: d,
+  easing: p,
+  offset: $,
+  animateOpacity: y
 }) {
-  const j = oe(null), [F, P] = Q(0);
-  W(() => {
-    if (!s?.current) return;
-    P(s.current.offsetHeight);
-    const U = new ResizeObserver((_) => {
-      for (let z of _) P(z.target.offsetHeight);
+  const N = re(null), [G, U] = te(0);
+  z(() => {
+    if (!c?.current) return;
+    U(c.current.offsetHeight);
+    const D = new ResizeObserver((X) => {
+      for (let I of X) U(I.target.offsetHeight);
     });
-    return U.observe(s.current), () => U.disconnect();
-  }, [s]);
-  const N = `height ${a}ms ${x}${v ? `, opacity ${a}ms ${x}` : ""}`, A = {
+    return D.observe(c.current), () => D.disconnect();
+  }, [c]);
+  const F = `height ${d}ms ${p}${y ? `, opacity ${d}ms ${p}` : ""}`, A = {
     position: "absolute",
-    top: `calc(100% + ${S}px)`,
+    top: `calc(100% + ${$}px)`,
     left: "0",
     width: "100%",
     overflow: "hidden",
     marginTop: "2px",
     zIndex: "1",
     height: t ? "auto" : "0px",
-    opacity: v ? t ? 1 : 0 : 1,
+    opacity: y ? t ? 1 : 0 : 1,
     pointerEvents: t ? "all" : "none",
-    visibility: F ? "visible" : "hidden"
-  }, I = k(() => {
-    const u = j.current;
-    u && (u.style.height = "0px", v && (u.style.opacity = "0"), u.style.transition = "");
-  }, [v]), d = k(() => {
-    const u = j.current;
-    u && (u.style.transition = N, u.style.height = `${u.scrollHeight}px`, v && (u.style.opacity = "1"));
-  }, [N, v]), m = k(() => {
-    const u = j.current;
-    u && (u.style.height = "auto", u.style.transition = "", l && l());
-  }, [l]), E = k(() => {
-    const u = j.current;
-    u && (u.style.height = `${u.scrollHeight}px`, v && (u.style.opacity = "1"), u.offsetHeight, u.style.transition = N);
-  }, [N, v]), L = k(() => {
-    const u = j.current;
-    u && (u.style.height = "0px", v && (u.style.opacity = "0"));
-  }, [v]), C = k(() => {
-    const u = j.current;
+    visibility: G ? "visible" : "hidden"
+  }, S = R(() => {
+    const u = N.current;
+    u && (u.style.height = "0px", y && (u.style.opacity = "0"), u.style.transition = "");
+  }, [y]), _ = R(() => {
+    const u = N.current;
+    u && (u.style.transition = F, u.style.height = `${u.scrollHeight}px`, y && (u.style.opacity = "1"));
+  }, [F, y]), w = R(() => {
+    const u = N.current;
+    u && (u.style.height = "auto", u.style.transition = "", i && i());
+  }, [i]), P = R(() => {
+    const u = N.current;
+    u && (u.style.height = `${u.scrollHeight}px`, y && (u.style.opacity = "1"), u.offsetHeight, u.style.transition = F);
+  }, [F, y]), C = R(() => {
+    const u = N.current;
+    u && (u.style.height = "0px", y && (u.style.opacity = "0"));
+  }, [y]), V = R(() => {
+    const u = N.current;
     u && (u.style.transition = "");
   }, []);
-  return /* @__PURE__ */ y.jsx(
-    ve,
+  return /* @__PURE__ */ h.jsx(
+    Re,
     {
       in: t,
-      timeout: a,
+      timeout: d,
       classNames: "rac-options",
-      unmountOnExit: f,
-      nodeRef: j,
-      onEnter: I,
-      onEntering: d,
-      onEntered: m,
-      onExit: E,
-      onExiting: L,
-      onExited: C,
-      children: /* @__PURE__ */ y.jsx(
+      unmountOnExit: b,
+      nodeRef: N,
+      onEnter: S,
+      onEntering: _,
+      onEntered: w,
+      onExit: P,
+      onExiting: C,
+      onExited: V,
+      children: /* @__PURE__ */ h.jsx(
         "div",
         {
-          ref: j,
+          ref: N,
           className: "rac-options",
           style: A,
-          children: o
+          children: s
         }
       )
     }
   );
 }
-const Ue = Ne(He, (t, o) => t.visibility === o.visibility && t.duration === o.duration && t.easing === o.easing && t.offset === o.offset && t.animateOpacity === o.animateOpacity && t.selectRef === o.selectRef && t.children === o.children);
-function ie({
+const Qe = Fe(Ze, (t, s) => t.visibility === s.visibility && t.duration === s.duration && t.easing === s.easing && t.offset === s.offset && t.animateOpacity === s.animateOpacity && t.selectRef === s.selectRef && t.children === s.children);
+function oe({
   visibility: t,
-  children: o,
-  duration: s = 300,
-  unmount: l,
-  style: f
+  children: s,
+  duration: c = 300,
+  unmount: i,
+  style: b
 }) {
-  const a = oe(null);
-  return /* @__PURE__ */ y.jsx(
-    ve,
+  const d = re(null);
+  return /* @__PURE__ */ h.jsx(
+    Re,
     {
       in: t,
-      timeout: s,
+      timeout: c,
       classNames: "rac-slide-left",
       unmountOnExit: !0,
-      nodeRef: a,
-      onEnter: () => a.current.style.width = "0px",
-      onEntering: () => a.current.style.width = a.current.scrollWidth + "px",
-      onEntered: () => a.current.style.width = "auto",
-      onExit: () => a.current.style.width = a.current.scrollWidth + "px",
-      onExiting: () => a.current.style.width = "0px",
-      onExited: () => l?.(),
-      children: /* @__PURE__ */ y.jsx(
+      nodeRef: d,
+      onEnter: () => d.current.style.width = "0px",
+      onEntering: () => d.current.style.width = d.current.scrollWidth + "px",
+      onEntered: () => d.current.style.width = "auto",
+      onExit: () => d.current.style.width = d.current.scrollWidth + "px",
+      onExiting: () => d.current.style.width = "0px",
+      onExited: () => i?.(),
+      children: /* @__PURE__ */ h.jsx(
         "div",
         {
-          ref: a,
+          ref: d,
           style: {
-            ...f,
+            ...b,
             overflow: "hidden",
-            transition: `width ${s}ms ease`
+            transition: `width ${c}ms ease`
           },
-          children: o
+          children: s
         }
       )
     }
   );
 }
-const ye = (t, o) => {
+const we = (t, s) => {
   if (!t) return null;
   if (typeof t == "string")
-    return /* @__PURE__ */ y.jsx("img", { src: t, ...o, alt: "" });
-  if (Pe(t))
-    return Ce(t, o);
+    return /* @__PURE__ */ h.jsx("img", { src: t, ...s, alt: "" });
+  if (He(t))
+    return We(t, s);
   if (typeof t == "function" || typeof t == "object" && t.$$typeof) {
-    const s = t;
-    return /* @__PURE__ */ y.jsx(s, { ...o });
+    const c = t;
+    return /* @__PURE__ */ h.jsx(c, { ...s });
   }
   return null;
-}, Be = Ie(({
+}, rr = Ye(({
   unmount: t,
-  children: o,
-  renderedDropdown: s,
-  visibility: l,
-  ownBehavior: f = !1,
-  alwaysOpen: a = !1,
-  duration: x = 300,
-  easing: S = "ease-out",
-  offset: v = 2,
-  animateOpacity: j = !0,
-  style: F = {},
-  className: P = "",
-  ArrowIcon: N = Ve,
-  ClearIcon: A = Ye,
-  ...I
-}, d) => {
-  const m = Ee(), E = X(() => m.replace(/:/g, ""), [m]), [L, C] = Q([]), u = k((p) => {
-    C((D) => [...D, p]);
-  }, []), U = k((p) => {
-    C((D) => D.filter((G) => G.id !== p));
-  }, []), _ = oe(null);
-  W(() => {
-    d && (typeof d == "function" ? d(_.current) : d.current = _.current);
-  }, [d]), Oe(d, () => _.current);
-  const [z, ee] = Q(!1), O = X(() => a ? !0 : f ? !!l : z, [a, f, l, z]), q = k((p) => {
-    a || f || ee((D) => typeof p == "function" ? p(D) : p);
-  }, [a, f]), { normalizedOptions: n, selected: b, selectOption: $, clear: V, hasOptions: r, active: i, selectedValue: h, disabled: R, loading: M, error: Y, placeholder: e, invalidOption: c, options: g, value: T, defaultValue: B, isControlled: K, emptyText: w, disabledText: H, loadingText: Z, errorText: se } = ze({ ...I, setVisibility: q, jsxOptions: L }), { handleBlur: we, handleFocus: je, handleToggle: _e, handleKeyDown: Te, highlightedIndex: re, setHighlightedIndex: Se } = We({
-    disabled: R,
-    isOpen: O,
-    setIsOpen: q,
-    options: n,
-    selectOption: $,
-    selected: b
-  }), [ue, de] = Q(!1);
-  W(() => {
-    O || de(!1);
-  }, [O]), W(() => {
-    (Y || R || M || !r) && q(!1);
-  }, [Y, R, M, r]), W(() => {
-    if (O && ue && re !== -1) {
-      const p = n[re];
-      if (p) {
-        const D = `opt-${E}-${ae(p.id)}`, G = document.getElementById(D);
-        G && G.scrollIntoView({ block: "nearest" });
+  children: s,
+  renderedDropdown: c,
+  visibility: i,
+  ownBehavior: b = !1,
+  alwaysOpen: d = !1,
+  duration: p = 300,
+  easing: $ = "ease-out",
+  offset: y = 2,
+  animateOpacity: N = !0,
+  style: G = {},
+  className: U = "",
+  ArrowIcon: F = Ge,
+  ClearIcon: A = Me,
+  hasMore: S = !1,
+  loadMore: _ = () => {
+  },
+  loadButton: w = !1,
+  loadButtonText: P = "Load more",
+  loadMoreText: C = "Loading",
+  loadOffset: V = 100,
+  loadAhead: u = 3,
+  childrenFirst: D = !1,
+  ...X
+}, I) => {
+  const [J, Y] = te(w ? P : C);
+  z(() => {
+    Y(w ? P : C);
+  }, [w, P, C]);
+  const g = Se(), m = ne(() => g.replace(/:/g, ""), [g]), [L, x] = te([]), q = R((o) => {
+    x((W) => [...W, o]);
+  }, []), M = R((o) => {
+    x((W) => W.filter((ee) => ee.id !== o));
+  }, []), K = re(null);
+  z(() => {
+    I && (typeof I == "function" ? I(K.current) : I.current = K.current);
+  }, [I]), Ve(I, () => K.current);
+  const [Q, l] = te(!1), v = ne(() => d ? !0 : b ? !!i : Q, [d, b, i, Q]), k = R((o) => {
+    d || b || l((W) => typeof o == "function" ? o(W) : o);
+  }, [d, b]), { normalizedOptions: e, selected: n, selectOption: r, clear: a, hasOptions: E, active: j, selectedValue: f, disabled: T, loading: O, error: H, placeholder: B, invalidOption: ke, emptyText: de, disabledText: fe, loadingText: ge, errorText: he } = Ke({ ...X, setVisibility: k, jsxOptions: L, hasMore: S, loadButton: w, loadingTitle: J, loadMore: _, loadMoreText: C, setLoadingTitle: Y, childrenFirst: D }), { handleListScroll: Te, handleBlur: Ne, handleFocus: Ae, handleToggle: Pe, handleKeyDown: Ce, highlightedIndex: se, setHighlightedIndex: Ie } = Xe({
+    setLoadingTitle: Y,
+    loadButton: w,
+    loadButtonText: P,
+    hasMore: S,
+    loadMore: _,
+    disabled: T,
+    isOpen: v,
+    setIsOpen: k,
+    options: e,
+    selectOption: r,
+    selected: n,
+    loadOffset: V,
+    loadAhead: u
+  }), [be, pe] = te(!1);
+  z(() => {
+    v || pe(!1);
+  }, [v]), z(() => {
+    (H || T || O || !E) && k(!1);
+  }, [H, T, O, E]), z(() => {
+    if (v && be && se !== -1) {
+      const o = e[se];
+      if (o) {
+        const W = `opt-${m}-${ce(o.id)}`, ee = document.getElementById(W);
+        ee && ee.scrollIntoView({ block: "nearest" });
       }
     }
-  }, [re, O, ue, n, E]);
-  const fe = h != null && !(Array.isArray(h) && h.length === 0) && !(typeof h == "object" && Object.keys(h).length === 0), pe = X(() => {
-    if (Y) return se;
-    if (M) return Z;
-    if (R) return H;
-    if (b) return b.jsx ?? b.name;
-    if (fe) {
-      const p = n.find((D) => D.raw === h);
-      return p ? p.name : typeof h == "object" && h !== null ? h.name ?? h.label ?? "Selected Object" : String(h);
+  }, [se, v, be, e, m]);
+  const ye = f != null && !(Array.isArray(f) && f.length === 0) && !(typeof f == "object" && Object.keys(f).length === 0), xe = ne(() => {
+    if (H) return he;
+    if (O) return ge;
+    if (T) return fe;
+    if (n) return n.jsx ?? n.name;
+    if (ye) {
+      const o = e.find((W) => W.raw === f);
+      return o ? o.name : typeof f == "object" && f !== null ? f.name ?? f.label ?? "Selected Object" : String(f);
     }
-    return r ? e : w;
-  }, [R, M, Y, r, b, h, e, se, Z, H, w]), Re = `${E}-listbox`, $e = X(() => n?.map((p, D) => {
-    const G = `opt-${E}-${ae(p.id)}`;
-    let J = "rac-select-option";
-    return p.className && (J += ` ${p.className}`), b?.id === p.id && (J += " rac-selected"), D === re && (J += " rac-highlighted"), p.disabled && (J += " rac-disabled-option"), p.isInvalid && (J += " rac-invalid-option"), typeof p.raw == "boolean" && (J += p.raw ? " rac-true-option" : " rac-false-option"), p.name == c && (J += " rac-invalid-option"), /* @__PURE__ */ y.jsx(
+    return E ? B : de;
+  }, [T, O, H, E, n, f, B, he, ge, fe, de]), Le = `${m}-listbox`, Oe = ne(() => e?.map((o, W) => {
+    const ee = `opt-${m}-${ce(o.id)}`;
+    let Z = "rac-select-option";
+    return o.className && (Z += ` ${o.className}`), n?.id === o.id && (Z += " rac-selected"), W === se && (Z += " rac-highlighted"), (o.disabled || o.loading) && (Z += " rac-disabled-option"), o.invalid && (Z += " rac-invalid-option"), o.loadMore && J == C && (Z += " rac-loading-option"), typeof o.raw == "boolean" && (Z += o.raw ? " rac-true-option" : " rac-false-option"), o.name == ke && (Z += " rac-invalid-option"), /* @__PURE__ */ h.jsxs(
       "div",
       {
-        className: J,
-        onClick: (ke) => $(p, ke),
-        onMouseEnter: () => !p.disabled && Se(D),
-        id: G,
+        className: Z,
+        onClick: (ve) => {
+          if (o.loading) {
+            ve.stopPropagation();
+            return;
+          }
+          r(o, ve);
+        },
+        onMouseEnter: () => !o.disabled && !o.loading && Ie(W),
+        id: ee,
         role: "option",
-        "aria-selected": b?.id === p.id,
-        "aria-disabled": p.disabled,
-        children: p.jsx ?? p.name
+        "aria-selected": n?.id === o.id,
+        "aria-disabled": o.disabled || o.loading,
+        "data-loading": o.loading,
+        children: [
+          o.jsx ?? o.name,
+          o.loading && /* @__PURE__ */ h.jsxs("span", { className: "rac-loading-dots", children: [
+            /* @__PURE__ */ h.jsx("i", {}),
+            /* @__PURE__ */ h.jsx("i", {}),
+            /* @__PURE__ */ h.jsx("i", {})
+          ] })
+        ]
       },
-      p.id
+      o.id
     );
-  }), [n, $, E, b, re]);
-  return W(() => {
-    process.env.NODE_ENV !== "production" && (g && typeof g != "object" && console.error(
-      `%c[Select Library]:%c Invalid prop %coptions%c.
-Expected %cArray%c or %cObject%c, but received %c${typeof g}%c.
-`,
-      "color: #ff4d4f; font-weight: bold;",
-      "color: default;",
-      "color: #1890ff; font-weight: bold;",
-      "color: default;",
-      "color: #52c41a; font-weight: bold;",
-      "color: default;",
-      "color: #52c41a; font-weight: bold;",
-      "color: default;",
-      "color: #ff4d4f; font-weight: bold;",
-      "color: default;"
-    ), K && B !== void 0 && console.warn(
-      `%c[Select Library]:%c .
-`,
-      "color: #faad14; font-weight: bold;",
-      "color: default;"
-    ));
-  }, [g, T, B, K]), /* @__PURE__ */ y.jsxs(
-    me.Provider,
+  }), [e, r, m, n, se]);
+  return /* @__PURE__ */ h.jsxs(
+    $e.Provider,
     {
-      value: { registerOption: u, unregisterOption: U },
+      value: { registerOption: q, unregisterOption: M },
       children: [
-        o,
         s,
-        /* @__PURE__ */ y.jsxs(
+        c,
+        /* @__PURE__ */ h.jsxs(
           "div",
           {
             style: {
-              "--rac-duration": `${x}ms`,
-              ...F
+              "--rac-duration": `${p}ms`,
+              ...G
             },
             className: `rac-select
-                    ${P}
-                    ${!r || R ? "rac-disabled-style" : ""}
-                    ${M ? "rac-loading-style" : ""}
-                    ${Y ? "rac-error-style" : ""}`,
-            tabIndex: i ? 0 : -1,
-            ref: _,
+                    ${U}
+                    ${!E || T ? "rac-disabled-style" : ""}
+                    ${O ? "rac-loading-style" : ""}
+                    ${H ? "rac-error-style" : ""}`,
+            tabIndex: j ? 0 : -1,
+            ref: K,
             role: "combobox",
             "aria-haspopup": "listbox",
-            "aria-expanded": O,
-            "aria-controls": Re,
-            "aria-label": e,
-            "aria-disabled": R || !r,
-            ...i && {
-              onBlur: we,
-              onFocus: je,
-              onClick: _e,
-              onKeyDown: Te
+            "aria-expanded": v,
+            "aria-controls": Le,
+            "aria-label": B,
+            "aria-disabled": T || !E,
+            ...j && {
+              onBlur: Ne,
+              onFocus: Ae,
+              onClick: Pe,
+              onKeyDown: Ce
             },
             children: [
-              /* @__PURE__ */ y.jsxs(
+              /* @__PURE__ */ h.jsxs(
                 "div",
                 {
-                  className: `rac-select-title ${!Y && !M && b?.type == "boolean" ? b.raw ? "rac-true-option" : "rac-false-option" : ""}`,
+                  className: `rac-select-title ${!H && !O && n?.type == "boolean" ? n.raw ? "rac-true-option" : "rac-false-option" : ""}`,
                   children: [
-                    /* @__PURE__ */ y.jsx(
+                    /* @__PURE__ */ h.jsx(
                       "span",
                       {
                         className: "rac-title-text",
-                        children: pe
+                        children: xe
                       },
-                      pe
+                      xe
                     ),
-                    /* @__PURE__ */ y.jsx(
-                      ie,
+                    /* @__PURE__ */ h.jsx(
+                      oe,
                       {
-                        visibility: M && !Y,
-                        duration: x,
-                        children: /* @__PURE__ */ y.jsxs("span", { className: "rac-loading-dots", children: [
-                          /* @__PURE__ */ y.jsx("i", {}),
-                          /* @__PURE__ */ y.jsx("i", {}),
-                          /* @__PURE__ */ y.jsx("i", {})
+                        visibility: O && !H,
+                        duration: p,
+                        children: /* @__PURE__ */ h.jsxs("span", { className: "rac-loading-dots", children: [
+                          /* @__PURE__ */ h.jsx("i", {}),
+                          /* @__PURE__ */ h.jsx("i", {}),
+                          /* @__PURE__ */ h.jsx("i", {})
                         ] })
                       }
                     )
                   ]
                 }
               ),
-              /* @__PURE__ */ y.jsxs(
+              /* @__PURE__ */ h.jsxs(
                 "div",
                 {
                   className: "rac-select-buttons",
                   children: [
-                    /* @__PURE__ */ y.jsx(
-                      ie,
+                    /* @__PURE__ */ h.jsx(
+                      oe,
                       {
-                        visibility: fe && r && !R && !M && !Y,
-                        duration: x,
+                        visibility: ye && E && !T && !O && !H,
+                        duration: p,
                         style: { display: "grid" },
-                        children: ye(A, {
+                        children: we(A, {
                           className: "rac-select-cancel",
-                          onClick: (p) => V(p)
+                          onMouseDown: (o) => {
+                            o.preventDefault(), o.stopPropagation();
+                          },
+                          onClick: a
                         })
                       }
                     ),
-                    /* @__PURE__ */ y.jsx(
-                      ie,
+                    /* @__PURE__ */ h.jsx(
+                      oe,
                       {
-                        visibility: i,
-                        duration: x,
+                        visibility: j,
+                        duration: p,
                         style: { display: "grid" },
-                        children: /* @__PURE__ */ y.jsx(
+                        children: /* @__PURE__ */ h.jsx(
                           "span",
                           {
-                            className: `rac-select-arrow-wrapper ${O ? "--open" : ""}`,
-                            children: ye(N, {
+                            className: `rac-select-arrow-wrapper ${v ? "--open" : ""}`,
+                            children: we(F, {
                               className: "rac-select-arrow-wrapper"
                             })
                           }
@@ -849,24 +920,50 @@ Expected %cArray%c or %cObject%c, but received %c${typeof g}%c.
                   ]
                 }
               ),
-              /* @__PURE__ */ y.jsx(
-                Ue,
+              /* @__PURE__ */ h.jsx(
+                Qe,
                 {
-                  visibility: O,
-                  selectRef: _,
-                  onAnimationDone: () => de(!0),
+                  visibility: v,
+                  selectRef: K,
+                  onAnimationDone: () => pe(!0),
                   unmount: t,
-                  duration: x,
-                  easing: S,
-                  offset: v,
-                  animateOpacity: j,
-                  children: /* @__PURE__ */ y.jsx(
+                  duration: p,
+                  easing: $,
+                  offset: y,
+                  animateOpacity: N,
+                  children: /* @__PURE__ */ h.jsxs(
                     "div",
                     {
+                      onScroll: Te,
+                      tabIndex: "-1",
                       className: "rac-select-list",
                       role: "listbox",
                       "aria-label": "Options",
-                      children: $e
+                      children: [
+                        Oe,
+                        !w && S ? /* @__PURE__ */ h.jsxs(
+                          "div",
+                          {
+                            onClick: (o) => o.stopPropagation(),
+                            onMouseEnter: (o) => o.preventDefault(),
+                            className: "rac-select-option rac-disabled-option rac-loading-option",
+                            children: [
+                              /* @__PURE__ */ h.jsx(
+                                "span",
+                                {
+                                  className: "rac-loading-option-title",
+                                  children: "Loading"
+                                }
+                              ),
+                              /* @__PURE__ */ h.jsxs("span", { className: "rac-loading-dots", children: [
+                                /* @__PURE__ */ h.jsx("i", {}),
+                                /* @__PURE__ */ h.jsx("i", {}),
+                                /* @__PURE__ */ h.jsx("i", {})
+                              ] })
+                            ]
+                          }
+                        ) : null
+                      ]
                     }
                   )
                 }
@@ -877,23 +974,23 @@ Expected %cArray%c or %cObject%c, but received %c${typeof g}%c.
       ]
     }
   );
-}), ce = (t) => t ? typeof t == "string" || typeof t == "number" ? String(t) : Array.isArray(t) ? t.map(ce).join(" ").replace(/\s+/g, " ").trim() : xe.isValidElement(t) ? ce(t.props.children) : "" : "";
-function Ge({ value: t, id: o, className: s, children: l, disabled: f }) {
-  const a = De(me);
-  return W(() => {
-    if (!a) return;
-    const x = ce(l), S = {
-      id: String(o ?? ae(String(x))),
-      value: t !== void 0 ? t : x,
-      label: typeof l == "string" ? l : String(t ?? o),
-      jsx: l,
-      className: s,
-      disabled: !!f
+}), ue = (t) => t ? typeof t == "string" || typeof t == "number" ? String(t) : Array.isArray(t) ? t.map(ue).join(" ").replace(/\s+/g, " ").trim() : _e.isValidElement(t) ? ue(t.props.children) : "" : "";
+function tr({ value: t, id: s, className: c, children: i, disabled: b }) {
+  const d = ze($e);
+  return z(() => {
+    if (!d) return;
+    const p = ue(i), $ = typeof i == "string" && i !== "" ? i : p || String(t ?? s ?? ""), y = {
+      id: String(s ?? ce(String(p))),
+      value: t !== void 0 ? t : p,
+      label: $,
+      jsx: i,
+      className: c,
+      disabled: !!b
     };
-    return a.registerOption(S), () => a.unregisterOption(S.id);
-  }, [o, t, l, s, f]), null;
+    return d.registerOption(y), () => d.unregisterOption(y.id);
+  }, [s, t, i, c, b]), null;
 }
 export {
-  Ge as Option,
-  Be as Select
+  tr as Option,
+  rr as Select
 };