react-animated-select 0.2.7 → 0.2.9

package/dist/index.es.js

@@ -1,24 +1,24 @@
-import ye, { createContext as Ae, useRef as oe, useState as Q, useEffect as H, useCallback as k, useMemo as Y, useId as xe, memo as Ne, forwardRef as Oe, useImperativeHandle as Ie, isValidElement as Pe, cloneElement as Ce, useContext as De } from "react";
+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 se = { exports: {} }, te = {};
+import './index.css';var le = { exports: {} }, te = {};
 var be;
 function Fe() {
   if (be) return te;
   be = 1;
-  var r = /* @__PURE__ */ Symbol.for("react.transitional.element"), o = /* @__PURE__ */ Symbol.for("react.fragment");
-  function s(c, f, l) {
-    var m = null;
-    if (l !== void 0 && (m = "" + l), f.key !== void 0 && (m = "" + f.key), "key" in f) {
-      l = {};
-      for (var R in f)
-        R !== "key" && (l[R] = f[R]);
-    } else l = f;
-    return f = l.ref, {
-      $$typeof: r,
-      type: c,
-      key: m,
+  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, {
+      $$typeof: t,
+      type: l,
+      key: x,
       ref: f !== void 0 ? f : null,
-      props: l
+      props: a
     };
   }
   return te.Fragment = o, te.jsx = s, te.jsxs = s, te;
@@ -27,44 +27,44 @@ var ne = {};
 var he;
 function Le() {
   return he || (he = 1, process.env.NODE_ENV !== "production" && (function() {
-    function r(e) {
+    function t(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === M ? null : e.displayName || e.name || null;
+        return e.$$typeof === n ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case E:
+        case m:
           return "Fragment";
-        case O:
+        case L:
           return "Profiler";
-        case y:
+        case E:
           return "StrictMode";
-        case L:
+        case _:
           return "Suspense";
-        case V:
-          return "SuspenseList";
         case z:
+          return "SuspenseList";
+        case q:
           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 u:
-            return "Portal";
           case d:
+            return "Portal";
+          case u:
             return e.displayName || "Context";
-          case $:
+          case C:
             return (e._context.displayName || "Context") + ".Consumer";
           case U:
-            var a = e.render;
-            return e = e.displayName, e || (e = a.displayName || a.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case B:
-            return a = e.displayName || null, a !== null ? a : r(e.type) || "Memo";
-          case T:
-            a = e._payload, e = e._init;
+            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;
             try {
-              return r(e(a));
+              return t(e(c));
             } catch {
             }
         }
@@ -76,71 +76,71 @@ function Le() {
     function s(e) {
       try {
         o(e);
-        var a = !1;
+        var c = !1;
       } catch {
-        a = !0;
+        c = !0;
       }
-      if (a) {
-        a = console;
-        var h = a.error, _ = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return h.call(
-          a,
+      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,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          _
+          T
         ), o(e);
       }
     }
-    function c(e) {
-      if (e === E) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === T)
+    function l(e) {
+      if (e === m) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === O)
         return "<...>";
       try {
-        var a = r(e);
-        return a ? "<" + a + ">" : "<...>";
+        var c = t(e);
+        return c ? "<" + c + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function f() {
-      var e = S.A;
+      var e = b.A;
       return e === null ? null : e.getOwner();
     }
-    function l() {
+    function a() {
       return Error("react-stack-top-frame");
     }
-    function m(e) {
-      if (q.call(e, "key")) {
-        var a = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (a && a.isReactWarning) return !1;
+    function x(e) {
+      if ($.call(e, "key")) {
+        var c = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (c && c.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function R(e, a) {
-      function h() {
-        t || (t = !0, console.error(
+    function S(e, c) {
+      function g() {
+        i || (i = !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)",
-          a
+          c
         ));
       }
-      h.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: h,
+      g.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: g,
         configurable: !0
       });
     }
     function v() {
-      var e = r(this.type);
-      return b[e] || (b[e] = !0, console.error(
+      var e = t(this.type);
+      return h[e] || (h[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, a, h, _, J, K) {
-      var w = h.ref;
+    function j(e, c, g, T, B, K) {
+      var w = g.ref;
       return e = {
-        $$typeof: C,
+        $$typeof: I,
         type: e,
-        key: a,
-        props: h,
-        _owner: _
+        key: c,
+        props: g,
+        _owner: T
       }, (w !== void 0 ? w : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
         get: v
@@ -158,7 +158,7 @@ function Le() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: J
+        value: B
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
@@ -166,104 +166,104 @@ function Le() {
         value: K
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function F(e, a, h, _, J, K) {
-      var w = a.children;
+    function F(e, c, g, T, B, K) {
+      var w = c.children;
       if (w !== void 0)
-        if (_)
-          if (ee(w)) {
-            for (_ = 0; _ < w.length; _++)
-              P(w[_]);
+        if (T)
+          if (V(w)) {
+            for (T = 0; T < w.length; T++)
+              P(w[T]);
             Object.freeze && Object.freeze(w);
           } 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 (q.call(a, "key")) {
-        w = r(e);
-        var W = Object.keys(a).filter(function(ie) {
-          return ie !== "key";
+      if ($.call(c, "key")) {
+        w = t(e);
+        var H = Object.keys(c).filter(function(se) {
+          return se !== "key";
         });
-        _ = 0 < W.length ? "{key: someKey, " + W.join(": ..., ") + ": ...}" : "{key: someKey}", x[w + _] || (W = 0 < W.length ? "{" + W.join(": ..., ") + ": ...}" : "{}", console.error(
+        T = 0 < H.length ? "{key: someKey, " + H.join(": ..., ") + ": ...}" : "{key: someKey}", Y[w + T] || (H = 0 < H.length ? "{" + H.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} />`,
-          _,
+          T,
           w,
-          W,
+          H,
           w
-        ), x[w + _] = !0);
+        ), Y[w + T] = !0);
       }
-      if (w = null, h !== void 0 && (s(h), w = "" + h), m(a) && (s(a.key), w = "" + a.key), "key" in a) {
-        h = {};
-        for (var Z in a)
-          Z !== "key" && (h[Z] = a[Z]);
-      } else h = a;
-      return w && R(
-        h,
+      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,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
       ), j(
         e,
         w,
-        h,
+        g,
         f(),
-        J,
+        B,
         K
       );
     }
     function P(e) {
-      A(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === T && (e._payload.status === "fulfilled" ? A(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+      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 A(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === C;
+    function N(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === I;
     }
-    var N = ye, C = /* @__PURE__ */ Symbol.for("react.transitional.element"), u = /* @__PURE__ */ Symbol.for("react.portal"), E = /* @__PURE__ */ Symbol.for("react.fragment"), y = /* @__PURE__ */ Symbol.for("react.strict_mode"), O = /* @__PURE__ */ Symbol.for("react.profiler"), $ = /* @__PURE__ */ Symbol.for("react.consumer"), d = /* @__PURE__ */ Symbol.for("react.context"), U = /* @__PURE__ */ Symbol.for("react.forward_ref"), L = /* @__PURE__ */ Symbol.for("react.suspense"), V = /* @__PURE__ */ Symbol.for("react.suspense_list"), B = /* @__PURE__ */ Symbol.for("react.memo"), T = /* @__PURE__ */ Symbol.for("react.lazy"), z = /* @__PURE__ */ Symbol.for("react.activity"), M = /* @__PURE__ */ Symbol.for("react.client.reference"), S = N.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, q = Object.prototype.hasOwnProperty, ee = Array.isArray, I = console.createTask ? console.createTask : function() {
+    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() {
       return null;
     };
-    N = {
+    A = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var t, b = {}, n = N.react_stack_bottom_frame.bind(
-      N,
-      l
-    )(), i = I(c(l)), x = {};
-    ne.Fragment = E, ne.jsx = function(e, a, h) {
-      var _ = 1e4 > S.recentlyCreatedOwnerStacks++;
+    var i, h = {}, R = 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(
         e,
-        a,
-        h,
+        c,
+        g,
         !1,
-        _ ? Error("react-stack-top-frame") : n,
-        _ ? I(c(e)) : i
+        T ? Error("react-stack-top-frame") : R,
+        T ? r(l(e)) : M
       );
-    }, ne.jsxs = function(e, a, h) {
-      var _ = 1e4 > S.recentlyCreatedOwnerStacks++;
+    }, ne.jsxs = function(e, c, g) {
+      var T = 1e4 > b.recentlyCreatedOwnerStacks++;
       return F(
         e,
-        a,
-        h,
+        c,
+        g,
         !0,
-        _ ? Error("react-stack-top-frame") : n,
-        _ ? I(c(e)) : i
+        T ? Error("react-stack-top-frame") : R,
+        T ? r(l(e)) : M
       );
     };
   })()), ne;
 }
 var ge;
-function Ye() {
-  return ge || (ge = 1, process.env.NODE_ENV === "production" ? se.exports = Fe() : se.exports = Le()), se.exports;
+function Me() {
+  return ge || (ge = 1, process.env.NODE_ENV === "production" ? le.exports = Fe() : le.exports = Le()), le.exports;
 }
-var g = Ye();
-const Me = ({ className: r = "", ...o }) => /* @__PURE__ */ g.jsx(
+var y = Me();
+const Ye = ({ className: t = "", ...o }) => /* @__PURE__ */ y.jsx(
   "svg",
   {
-    className: r,
+    className: t,
     role: "button",
     "aria-label": "Clear selection",
     xmlns: "http://www.w3.org/2000/svg",
@@ -272,357 +272,365 @@ const Me = ({ className: r = "", ...o }) => /* @__PURE__ */ g.jsx(
     height: "1em",
     fill: "currentColor",
     ...o,
-    children: /* @__PURE__ */ g.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__ */ 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" })
   }
-), Ve = ({ className: r = "", ...o }) => /* @__PURE__ */ g.jsx(
+), Ve = ({ className: t = "", ...o }) => /* @__PURE__ */ y.jsx(
   "svg",
   {
-    className: r,
+    className: t,
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 448 512",
     width: "1em",
     height: "1em",
     fill: "currentColor",
     ...o,
-    children: /* @__PURE__ */ g.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__ */ 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" })
   }
-), Ee = Ae(null);
-function ze({
-  disabled: r,
+), me = Ae(null);
+function We({
+  disabled: t,
   isOpen: o,
   setIsOpen: s,
-  options: c,
+  options: l,
   selectOption: f,
-  selected: l
+  selected: a
 }) {
-  const m = oe(!1), R = oe(0), [v, j] = Q(-1);
-  H(() => {
-    const u = () => {
-      R.current = Date.now();
+  const x = oe(!1), S = oe(0), [v, j] = Q(-1);
+  W(() => {
+    const d = () => {
+      S.current = Date.now();
     };
-    return window.addEventListener("focus", u), () => window.removeEventListener("focus", u);
-  }, []), H(() => {
+    return window.addEventListener("focus", d), () => window.removeEventListener("focus", d);
+  }, []), W(() => {
     if (o) {
-      let u = -1;
-      if (l) {
-        const E = c.findIndex((y) => y.id === l.id && !y.disabled);
-        E >= 0 && (u = E);
+      let d = -1;
+      if (a) {
+        const m = l.findIndex((E) => E.id === a.id && !E.disabled);
+        m >= 0 && (d = m);
       }
-      u === -1 && (u = c.findIndex((E) => !E.disabled)), j(u);
+      d === -1 && (d = l.findIndex((m) => !m.disabled)), j(d);
     } else
       j(-1);
-  }, [o, l, c]);
-  const F = k((u) => {
-    u.currentTarget.contains(u.relatedTarget) || s(!1);
+  }, [o, a, l]);
+  const F = k((d) => {
+    d.currentTarget.contains(d.relatedTarget) || s(!1);
   }, [s]), P = k(() => {
-    r || document.hidden || Date.now() - R.current < 100 || o || (s(!0), m.current = !0, setTimeout(() => {
-      m.current = !1;
+    t || document.hidden || Date.now() - S.current < 100 || o || (s(!0), x.current = !0, setTimeout(() => {
+      x.current = !1;
     }, 200));
-  }, [r, o, s]), A = k((u) => {
-    r || u.target.closest(".rac-select-cancel") || m.current || s(!o);
-  }, [r, o, s]), N = (u, E) => {
-    if (c.every(($) => $.disabled)) return -1;
-    let y = u, O = 0;
+  }, [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
-      y += E, y < 0 && (y = c.length - 1), y >= c.length && (y = 0), O++;
-    while (c[y]?.disabled && O <= c.length);
-    return y;
-  }, C = k((u) => {
-    if (!r)
-      switch (u.key) {
+      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) => {
+    if (!t)
+      switch (d.key) {
         case "Enter":
         case " ":
-          u.preventDefault(), o ? v !== -1 && c[v] && f(c[v], u) : s(!0);
+          d.preventDefault(), o ? v !== -1 && l[v] && f(l[v], d) : s(!0);
           break;
         case "Escape":
-          u.preventDefault(), s(!1);
+          d.preventDefault(), s(!1);
           break;
         case "ArrowDown":
-          u.preventDefault(), o ? j((E) => N(E, 1)) : s(!0);
+          d.preventDefault(), o ? j((m) => A(m, 1)) : s(!0);
           break;
         case "ArrowUp":
-          u.preventDefault(), o ? j((E) => N(E, -1)) : s(!0);
+          d.preventDefault(), o ? j((m) => A(m, -1)) : s(!0);
           break;
         case "Tab":
           o && s(!1);
           break;
       }
-  }, [r, o, s, v, c, f]);
-  return Y(() => ({
+  }, [t, o, s, v, l, f]);
+  return X(() => ({
     handleBlur: F,
     handleFocus: P,
-    handleToggle: A,
-    handleKeyDown: C,
+    handleToggle: N,
+    handleKeyDown: I,
     highlightedIndex: v,
     setHighlightedIndex: j
-  }), [F, P, A, C, v, j]);
+  }), [F, P, N, I, v, j]);
 }
-function We({
-  options: r = [],
+function ze({
+  options: t = [],
   jsxOptions: o = [],
   value: s,
-  defaultValue: c = void 0,
+  defaultValue: l = void 0,
   onChange: f,
-  disabled: l = !1,
-  loading: m = !1,
-  error: R = !1,
+  disabled: a = !1,
+  loading: x = !1,
+  error: S = !1,
   placeholder: v = "Choose option",
   emptyText: j = "No options",
   disabledText: F = "Disabled",
   loadingText: P = "Loading",
-  errorText: A = "Failed to load",
-  disabledOption: N = "Disabled option",
-  emptyOption: C = "Empty option",
-  invalidOption: u = "Invalid option",
-  setVisibility: E
+  errorText: N = "Failed to load",
+  disabledOption: A = "Disabled option",
+  emptyOption: I = "Empty option",
+  invalidOption: d = "Invalid option",
+  setVisibility: m
 }) {
-  const y = xe(), O = s !== void 0, [$, d] = Q(c), U = O ? s : $, L = (t) => !t || typeof t != "object" || Array.isArray(t) ? !1 : "id" in t || "value" in t || "name" in t || "label" in t || "disabled" in t, V = Y(() => {
-    if (!r) return [];
-    const t = [], b = (n, i, x) => {
-      let e = x?.id ?? x?.value;
-      if (e == null && (e = i ?? n), typeof i == "number" && i === 0) {
-        t.push({
-          key: "0",
-          value: 0,
-          userId: 0,
-          label: "0",
-          original: x
+  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,
+          userId: null,
+          disabled: !0,
+          isInvalid: !0,
+          label: d,
+          original: h
         });
         return;
       }
-      if (typeof i == "boolean") {
-        t.push({
-          key: `bool-${t.length}`,
-          value: i,
-          userId: e,
-          label: String(i),
-          type: "boolean",
-          original: x
+      if (i === "") {
+        n.push({
+          key: `empty-str-${n.length}`,
+          value: "",
+          userId: null,
+          disabled: !0,
+          label: I,
+          original: h
         });
         return;
       }
-      if (i === "" || i === null || i === void 0) {
-        t.push({
-          key: `empty-${t.length}`,
+      if (i == null) {
+        n.push({
+          key: `empty-${n.length}`,
           value: null,
-          userId: e ?? `empty-${t.length}`,
+          userId: null,
           disabled: !0,
-          label: C,
-          original: x
+          label: I,
+          original: h
         });
         return;
       }
-      if (typeof i == "function") {
-        t.push({
-          key: `invalid-${t.length}`,
-          value: null,
-          userId: e ?? `invalid-${t.length}`,
-          disabled: !0,
-          label: u,
-          original: x
+      if (typeof i == "number" || typeof i == "boolean") {
+        n.push({
+          key: `${typeof i}-${i}-${n.length}`,
+          value: i,
+          userId: R,
+          label: String(i),
+          original: h
         });
         return;
       }
-      i && typeof i == "object" && !Array.isArray(i) ? t.push({
-        key: i.id ?? i.value ?? i.name ?? n,
+      i && typeof i == "object" && !Array.isArray(i) ? n.push({
+        key: i.id ?? i.value ?? i.name ?? r ?? `obj-${n.length}`,
         value: i,
-        userId: e,
+        userId: R,
         disabled: !!i.disabled,
-        label: i.name ?? i.label ?? n,
-        original: x
-      }) : t.push({
-        key: n,
+        label: i.name ?? i.label ?? String(r),
+        original: h
+      }) : n.push({
+        key: r ?? `opt-${n.length}`,
         value: i,
-        userId: e,
-        label: String(i ?? n),
-        original: x
+        userId: R,
+        label: String(i ?? r),
+        original: h
       });
     };
-    if (Array.isArray(r))
-      for (const n of r) {
-        if (n && typeof n == "object" && !Array.isArray(n) && Object.keys(n).length == 1 && n.disabled == !0) {
-          t.push({
-            key: `disabled-${t.length}`,
-            value: null,
-            userId: null,
-            disabled: !0,
-            label: N,
-            original: n
-          });
-          continue;
-        }
-        if (L(n)) {
-          const i = n.id ?? (typeof n.value != "object" ? n.value : n.label ?? n.name ?? n.value);
-          t.push({
-            key: n.id ?? n.value ?? n.name ?? `opt-${t.length}`,
-            value: n.value ?? n.id ?? n,
-            userId: i,
-            disabled: !!n.disabled,
-            label: n.name ?? n.label ?? String(n.id ?? n.value),
-            original: n
-          });
-        } else if (n && typeof n == "object")
-          for (const [i, x] of Object.entries(n))
-            b(i, x, x);
-        else
-          b(n, n, n);
-      }
-    else if (typeof r == "object")
-      for (const [n, i] of Object.entries(r))
-        b(n, i, i);
-    return t.map((n, i) => ({
-      id: `${y}-opt-${i}`,
-      userId: n.userId,
-      name: String(n.label),
-      raw: n.value,
-      original: n.original,
-      disabled: n.disabled,
-      type: typeof n.value == "boolean" ? "boolean" : "normal"
+    Array.isArray(t) ? t.forEach((r, i) => {
+      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}`,
+          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),
+          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}`,
+      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,
+      type: typeof r.value == "boolean" ? "boolean" : "normal"
     }));
-  }, [r, y]), B = Y(() => o.map((t, b) => ({
-    id: `jsx-${y.replace(/:/g, "")}-${t.id}-${b}`,
-    userId: t.id,
-    value: t.value,
-    raw: t.value,
-    original: t.value,
-    name: t.label,
-    jsx: t.jsx,
-    disabled: t.disabled,
-    className: t.className,
-    type: typeof t.value == "boolean" ? "boolean" : "normal"
-  })), [o, y]), T = Y(() => [...V, ...B], [V, B]), z = T.length > 0, M = Y(() => !R && !m && !l && z, [R, m, l, z]), S = Y(() => {
-    if (!O) return null;
-    if ($) {
-      const t = T.find((b) => b.id === $);
-      if (t && t.userId === s)
-        return $;
-    }
-    return T.find((t) => t.userId === s)?.id ?? null;
-  }, [O, s, T, $]), q = Y(() => {
-    const t = O ? S : $;
-    return t ? T.find((b) => b.id === t) ?? null : null;
-  }, [O, S, $, T]), ee = k((t, b) => {
-    if (t.disabled) {
-      b.stopPropagation(), b.preventDefault();
+    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")
+      try {
+        const $ = JSON.stringify(n), V = _.find(
+          (r) => r.original && typeof r.original == "object" && JSON.stringify(r.original) === $
+        );
+        if (V) return V.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;
     }
-    d(t.id), f?.(t?.original, t?.userId), E(!1);
-  }, [f, E]), I = k((t) => {
-    t.preventDefault(), t.stopPropagation(), d(null), f?.(null, null);
+    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]);
-  return { normalizedOptions: T, selected: q, selectOption: ee, clear: I, hasOptions: z, active: M, selectedValue: U, placeholder: v, emptyText: j, disabledText: F, loadingText: P, errorText: A, disabledOption: N, emptyOption: C, invalidOption: u, disabled: l, loading: m, error: R };
+  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,
+    disabledOption: A,
+    emptyOption: I,
+    invalidOption: d,
+    disabled: a,
+    loading: x,
+    error: S
+  };
 }
-const ae = (r, o = "invalid-option", s = "") => {
-  const c = s ? s.replace(/:/g, "") : "";
-  if (typeof r != "string" || !r.trim())
-    return c ? `${o}-${c}` : `${o}-${Math.random().toString(36).slice(2, 8)}`;
-  const f = r.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)}` : c ? `${o}-${c}` : `${o}-${Math.random().toString(36).slice(2, 8)}`;
+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({
-  visibility: r,
+  visibility: t,
   children: o,
   selectRef: s,
-  onAnimationDone: c,
+  onAnimationDone: l,
   unmount: f = !0,
-  duration: l,
-  easing: m,
-  offset: R,
+  duration: a,
+  easing: x,
+  offset: S,
   animateOpacity: v
 }) {
   const j = oe(null), [F, P] = Q(0);
-  H(() => {
+  W(() => {
     if (!s?.current) return;
     P(s.current.offsetHeight);
-    const U = new ResizeObserver((L) => {
-      for (let V of L) P(V.target.offsetHeight);
+    const U = new ResizeObserver((_) => {
+      for (let z of _) P(z.target.offsetHeight);
     });
     return U.observe(s.current), () => U.disconnect();
   }, [s]);
-  const A = `height ${l}ms ${m}${v ? `, opacity ${l}ms ${m}` : ""}`, N = {
+  const N = `height ${a}ms ${x}${v ? `, opacity ${a}ms ${x}` : ""}`, A = {
     position: "absolute",
-    top: `calc(100% + ${R}px)`,
+    top: `calc(100% + ${S}px)`,
     left: "0",
     width: "100%",
     overflow: "hidden",
     marginTop: "2px",
     zIndex: "1",
-    height: r ? "auto" : "0px",
-    opacity: r ? 1 : 0,
-    pointerEvents: r ? "all" : "none",
+    height: t ? "auto" : "0px",
+    opacity: v ? t ? 1 : 0 : 1,
+    pointerEvents: t ? "all" : "none",
     visibility: F ? "visible" : "hidden"
-  }, C = k(() => {
-    const d = j.current;
-    d && (d.style.height = "0px", v && (d.style.opacity = "0"), d.style.transition = "");
-  }, [v]), u = k(() => {
-    const d = j.current;
-    d && (d.style.transition = A, d.style.height = `${d.scrollHeight}px`, v && (d.style.opacity = "1"));
-  }, [A, v]), E = k(() => {
-    const d = j.current;
-    d && (d.style.height = "auto", d.style.transition = "", c && c());
-  }, [c]), y = k(() => {
-    const d = j.current;
-    d && (d.style.height = `${d.scrollHeight}px`, v && (d.style.opacity = "1"), d.offsetHeight, d.style.transition = A);
-  }, [A, v]), O = k(() => {
-    const d = j.current;
-    d && (d.style.height = "0px", v && (d.style.opacity = "0"));
-  }, [v]), $ = k(() => {
-    const d = j.current;
-    d && (d.style.transition = "");
+  }, 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;
+    u && (u.style.transition = "");
   }, []);
-  return /* @__PURE__ */ g.jsx(
+  return /* @__PURE__ */ y.jsx(
     ve,
     {
-      in: r,
-      timeout: l,
+      in: t,
+      timeout: a,
       classNames: "rac-options",
       unmountOnExit: f,
       nodeRef: j,
-      onEnter: C,
-      onEntering: u,
-      onEntered: E,
-      onExit: y,
-      onExiting: O,
-      onExited: $,
-      children: /* @__PURE__ */ g.jsx(
+      onEnter: I,
+      onEntering: d,
+      onEntered: m,
+      onExit: E,
+      onExiting: L,
+      onExited: C,
+      children: /* @__PURE__ */ y.jsx(
         "div",
         {
           ref: j,
           className: "rac-options",
-          style: N,
+          style: A,
           children: o
         }
       )
     }
   );
 }
-const Ue = Ne(He, (r, o) => r.visibility === o.visibility && r.duration === o.duration && r.easing === o.easing && r.offset === o.offset && r.animateOpacity === o.animateOpacity && r.selectRef === o.selectRef && r.children === o.children);
-function le({
-  visibility: r,
+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({
+  visibility: t,
   children: o,
   duration: s = 300,
-  unmount: c,
+  unmount: l,
   style: f
 }) {
-  const l = oe(null);
-  return /* @__PURE__ */ g.jsx(
+  const a = oe(null);
+  return /* @__PURE__ */ y.jsx(
     ve,
     {
-      in: r,
+      in: t,
       timeout: s,
       classNames: "rac-slide-left",
       unmountOnExit: !0,
-      nodeRef: l,
-      onEnter: () => l.current.style.width = "0px",
-      onEntering: () => l.current.style.width = l.current.scrollWidth + "px",
-      onEntered: () => l.current.style.width = "auto",
-      onExit: () => l.current.style.width = l.current.scrollWidth + "px",
-      onExiting: () => l.current.style.width = "0px",
-      onExited: () => c?.(),
-      children: /* @__PURE__ */ g.jsx(
+      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(
         "div",
         {
-          ref: l,
+          ref: a,
           style: {
             ...f,
             overflow: "hidden",
@@ -634,97 +642,97 @@ function le({
     }
   );
 }
-const me = (r, o) => {
-  if (!r) return null;
-  if (typeof r == "string")
-    return /* @__PURE__ */ g.jsx("img", { src: r, ...o, alt: "" });
-  if (Pe(r))
-    return Ce(r, o);
-  if (typeof r == "function" || typeof r == "object" && r.$$typeof) {
-    const s = r;
-    return /* @__PURE__ */ g.jsx(s, { ...o });
+const ye = (t, o) => {
+  if (!t) return null;
+  if (typeof t == "string")
+    return /* @__PURE__ */ y.jsx("img", { src: t, ...o, alt: "" });
+  if (Pe(t))
+    return Ce(t, o);
+  if (typeof t == "function" || typeof t == "object" && t.$$typeof) {
+    const s = t;
+    return /* @__PURE__ */ y.jsx(s, { ...o });
   }
   return null;
-}, Ge = Oe(({
-  unmount: r,
+}, Be = Ie(({
+  unmount: t,
   children: o,
   renderedDropdown: s,
-  visibility: c,
+  visibility: l,
   ownBehavior: f = !1,
-  alwaysOpen: l = !1,
-  duration: m = 300,
-  easing: R = "ease-out",
+  alwaysOpen: a = !1,
+  duration: x = 300,
+  easing: S = "ease-out",
   offset: v = 2,
   animateOpacity: j = !0,
   style: F = {},
   className: P = "",
-  ArrowIcon: A = Ve,
-  ClearIcon: N = Me,
-  ...C
-}, u) => {
-  const E = xe(), y = Y(() => E.replace(/:/g, ""), [E]), [O, $] = Q([]), d = k((p) => {
-    $((D) => [...D, 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) => {
-    $((D) => D.filter((G) => G.id !== p));
-  }, []), L = oe(null);
-  H(() => {
-    u && (typeof u == "function" ? u(L.current) : u.current = L.current);
-  }, [u]), Ie(u, () => L.current);
-  const [V, B] = Q(!1), T = Y(() => l ? !0 : f ? !!c : V, [l, f, c, V]), z = k((p) => {
-    l || f || B((D) => typeof p == "function" ? p(D) : p);
-  }, [l, f]), { normalizedOptions: M, selected: S, selectOption: q, clear: ee, hasOptions: I, active: t, selectedValue: b, disabled: n, loading: i, error: x, placeholder: e, invalidOption: a, options: h, value: _, defaultValue: J, isControlled: K, emptyText: w, disabledText: W, loadingText: Z, errorText: ie } = We({ ...C, setVisibility: z, jsxOptions: O }), { handleBlur: we, handleFocus: je, handleToggle: _e, handleKeyDown: Te, highlightedIndex: re, setHighlightedIndex: Re } = ze({
-    disabled: n,
-    isOpen: T,
-    setIsOpen: z,
-    options: M,
-    selectOption: q,
-    selected: S
+    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);
-  H(() => {
-    T || de(!1);
-  }, [T]), H(() => {
-    (x || n || i || !I) && z(!1);
-  }, [x, n, i, I]), H(() => {
-    if (T && ue && re !== -1) {
-      const p = M[re];
+  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-${y}-${ae(p.id)}`, G = document.getElementById(D);
+        const D = `opt-${E}-${ae(p.id)}`, G = document.getElementById(D);
         G && G.scrollIntoView({ block: "nearest" });
       }
     }
-  }, [re, T, ue, M, y]);
-  const fe = b != null && !(Array.isArray(b) && b.length === 0) && !(typeof b == "object" && Object.keys(b).length === 0), pe = Y(() => {
-    if (x) return ie;
-    if (i) return Z;
-    if (n) return W;
-    if (S) return S.jsx ?? S.name;
+  }, [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 = M.find((D) => D.raw === b);
-      return p ? p.name : typeof b == "object" && b !== null ? b.name ?? b.label ?? "Selected Object" : String(b);
+      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);
     }
-    return I ? e : w;
-  }, [n, i, x, I, S, b, e, ie, Z, W, w]), Se = `${y}-listbox`, $e = Y(() => M?.map((p, D) => {
-    const G = `opt-${y}-${ae(p.id)}`;
-    let X = "rac-select-option";
-    return p.className && (X += ` ${p.className}`), S?.id === p.id && (X += " rac-selected"), D === re && (X += " rac-highlighted"), p.disabled && (X += " rac-disabled-option"), typeof p.raw == "boolean" && (X += p.raw ? " rac-true-option" : " rac-false-option"), p.name == a && (X += " rac-invalid-option"), /* @__PURE__ */ g.jsx(
+    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(
       "div",
       {
-        className: X,
-        onClick: (ke) => q(p, ke),
-        onMouseEnter: () => !p.disabled && Re(D),
+        className: J,
+        onClick: (ke) => $(p, ke),
+        onMouseEnter: () => !p.disabled && Se(D),
         id: G,
         role: "option",
-        "aria-selected": S?.id === p.id,
+        "aria-selected": b?.id === p.id,
         "aria-disabled": p.disabled,
         children: p.jsx ?? p.name
       },
       p.id
     );
-  }), [M, q, y, S, re]);
-  return H(() => {
-    process.env.NODE_ENV !== "production" && (h && typeof h != "object" && console.error(
+  }), [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 h}%c.
+Expected %cArray%c or %cObject%c, but received %c${typeof g}%c.
 `,
       "color: #ff4d4f; font-weight: bold;",
       "color: default;",
@@ -736,52 +744,52 @@ Expected %cArray%c or %cObject%c, but received %c${typeof h}%c.
       "color: default;",
       "color: #ff4d4f; font-weight: bold;",
       "color: default;"
-    ), K && J !== void 0 && console.warn(
+    ), K && B !== void 0 && console.warn(
       `%c[Select Library]:%c .
 `,
       "color: #faad14; font-weight: bold;",
       "color: default;"
     ));
-  }, [h, _, J, K]), /* @__PURE__ */ g.jsxs(
-    Ee.Provider,
+  }, [g, T, B, K]), /* @__PURE__ */ y.jsxs(
+    me.Provider,
     {
-      value: { registerOption: d, unregisterOption: U },
+      value: { registerOption: u, unregisterOption: U },
       children: [
         o,
         s,
-        /* @__PURE__ */ g.jsxs(
+        /* @__PURE__ */ y.jsxs(
           "div",
           {
             style: {
-              "--rac-duration": `${m}ms`,
+              "--rac-duration": `${x}ms`,
               ...F
             },
             className: `rac-select
                     ${P}
-                    ${!I || n ? "rac-disabled-style" : ""}
-                    ${i ? "rac-loading-style" : ""}
-                    ${x ? "rac-error-style" : ""}`,
-            tabIndex: t ? 0 : -1,
-            ref: L,
+                    ${!r || R ? "rac-disabled-style" : ""}
+                    ${M ? "rac-loading-style" : ""}
+                    ${Y ? "rac-error-style" : ""}`,
+            tabIndex: i ? 0 : -1,
+            ref: _,
             role: "combobox",
             "aria-haspopup": "listbox",
-            "aria-expanded": T,
-            "aria-controls": Se,
+            "aria-expanded": O,
+            "aria-controls": Re,
             "aria-label": e,
-            "aria-disabled": n || !I,
-            ...t && {
+            "aria-disabled": R || !r,
+            ...i && {
               onBlur: we,
               onFocus: je,
               onClick: _e,
               onKeyDown: Te
             },
             children: [
-              /* @__PURE__ */ g.jsxs(
+              /* @__PURE__ */ y.jsxs(
                 "div",
                 {
-                  className: `rac-select-title ${!x && !i && S?.type == "boolean" ? S.raw ? "rac-true-option" : "rac-false-option" : ""}`,
+                  className: `rac-select-title ${!Y && !M && b?.type == "boolean" ? b.raw ? "rac-true-option" : "rac-false-option" : ""}`,
                   children: [
-                    /* @__PURE__ */ g.jsx(
+                    /* @__PURE__ */ y.jsx(
                       "span",
                       {
                         className: "rac-title-text",
@@ -789,49 +797,49 @@ Expected %cArray%c or %cObject%c, but received %c${typeof h}%c.
                       },
                       pe
                     ),
-                    /* @__PURE__ */ g.jsx(
-                      le,
+                    /* @__PURE__ */ y.jsx(
+                      ie,
                       {
-                        visibility: i && !x,
-                        duration: m,
-                        children: /* @__PURE__ */ g.jsxs("span", { className: "rac-loading-dots", children: [
-                          /* @__PURE__ */ g.jsx("i", {}),
-                          /* @__PURE__ */ g.jsx("i", {}),
-                          /* @__PURE__ */ g.jsx("i", {})
+                        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", {})
                         ] })
                       }
                     )
                   ]
                 }
               ),
-              /* @__PURE__ */ g.jsxs(
+              /* @__PURE__ */ y.jsxs(
                 "div",
                 {
                   className: "rac-select-buttons",
                   children: [
-                    /* @__PURE__ */ g.jsx(
-                      le,
+                    /* @__PURE__ */ y.jsx(
+                      ie,
                       {
-                        visibility: fe && I && !n && !i && !x,
-                        duration: m,
+                        visibility: fe && r && !R && !M && !Y,
+                        duration: x,
                         style: { display: "grid" },
-                        children: me(N, {
+                        children: ye(A, {
                           className: "rac-select-cancel",
-                          onClick: (p) => ee(p)
+                          onClick: (p) => V(p)
                         })
                       }
                     ),
-                    /* @__PURE__ */ g.jsx(
-                      le,
+                    /* @__PURE__ */ y.jsx(
+                      ie,
                       {
-                        visibility: t,
-                        duration: m,
+                        visibility: i,
+                        duration: x,
                         style: { display: "grid" },
-                        children: /* @__PURE__ */ g.jsx(
+                        children: /* @__PURE__ */ y.jsx(
                           "span",
                           {
-                            className: `rac-select-arrow-wrapper ${T ? "--open" : ""}`,
-                            children: me(A, {
+                            className: `rac-select-arrow-wrapper ${O ? "--open" : ""}`,
+                            children: ye(N, {
                               className: "rac-select-arrow-wrapper"
                             })
                           }
@@ -841,18 +849,18 @@ Expected %cArray%c or %cObject%c, but received %c${typeof h}%c.
                   ]
                 }
               ),
-              /* @__PURE__ */ g.jsx(
+              /* @__PURE__ */ y.jsx(
                 Ue,
                 {
-                  visibility: T,
-                  selectRef: L,
+                  visibility: O,
+                  selectRef: _,
                   onAnimationDone: () => de(!0),
-                  unmount: r,
-                  duration: m,
-                  easing: R,
+                  unmount: t,
+                  duration: x,
+                  easing: S,
                   offset: v,
                   animateOpacity: j,
-                  children: /* @__PURE__ */ g.jsx(
+                  children: /* @__PURE__ */ y.jsx(
                     "div",
                     {
                       className: "rac-select-list",
@@ -869,23 +877,23 @@ Expected %cArray%c or %cObject%c, but received %c${typeof h}%c.
       ]
     }
   );
-}), ce = (r) => r ? typeof r == "string" || typeof r == "number" ? String(r) : Array.isArray(r) ? r.map(ce).join(" ").replace(/\s+/g, " ").trim() : ye.isValidElement(r) ? ce(r.props.children) : "" : "";
-function Xe({ value: r, id: o, className: s, children: c, disabled: f }) {
-  const l = De(Ee);
-  return H(() => {
-    if (!l) return;
-    const m = ce(c), R = {
-      id: String(o ?? ae(String(m))),
-      value: r !== void 0 ? r : m,
-      label: typeof c == "string" ? c : String(r ?? o),
-      jsx: 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
     };
-    return l.registerOption(R), () => l.unregisterOption(R.id);
-  }, [o, r, c, s, f]), null;
+    return a.registerOption(S), () => a.unregisterOption(S.id);
+  }, [o, t, l, s, f]), null;
 }
 export {
-  Xe as Option,
-  Ge as Select
+  Ge as Option,
+  Be as Select
 };