react-animated-select 0.6.0 → 0.6.6

package/dist/index.es.js

@@ -1,267 +1,267 @@
-import dr, { createContext as fr, forwardRef as hr, useRef as ne, useImperativeHandle as gr, useEffect as ue, memo as qe, useCallback as _, useLayoutEffect as Ve, Fragment as pr, useState as le, useMemo as Ne, useId as xr, isValidElement as vr, cloneElement as jr, useContext as Be } from "react";
-import { CSSTransition as Xe, TransitionGroup as Sr } from "react-transition-group";
-import { createPortal as $r } from "react-dom";
-import './index.css';var Je = { exports: {} }, Ye = {};
-var nr;
-function Nr() {
-  if (nr) return Ye;
-  nr = 1;
-  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
-  function o(s, c, g) {
+import ft, { createContext as gt, forwardRef as pt, useRef as re, useImperativeHandle as ht, useEffect as pe, useCallback as R, memo as Xe, useLayoutEffect as We, Fragment as mt, useState as oe, useMemo as ve, useId as yt, isValidElement as jt, cloneElement as St, useContext as Qe } from "react";
+import { CSSTransition as Ke, TransitionGroup as st } from "react-transition-group";
+import { createPortal as $t } from "react-dom";
+import './index.css';var Be = { exports: {} }, Ye = {};
+var it;
+function Nt() {
+  if (it) return Ye;
+  it = 1;
+  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), r = /* @__PURE__ */ Symbol.for("react.fragment");
+  function n(l, a, x) {
     var y = null;
-    if (g !== void 0 && (y = "" + g), c.key !== void 0 && (y = "" + c.key), "key" in c) {
-      g = {};
-      for (var d in c)
-        d !== "key" && (g[d] = c[d]);
-    } else g = c;
-    return c = g.ref, {
+    if (x !== void 0 && (y = "" + x), a.key !== void 0 && (y = "" + a.key), "key" in a) {
+      x = {};
+      for (var f in a)
+        f !== "key" && (x[f] = a[f]);
+    } else x = a;
+    return a = x.ref, {
       $$typeof: e,
-      type: s,
+      type: l,
       key: y,
-      ref: c !== void 0 ? c : null,
-      props: g
+      ref: a !== void 0 ? a : null,
+      props: x
     };
   }
-  return Ye.Fragment = t, Ye.jsx = o, Ye.jsxs = o, Ye;
+  return Ye.Fragment = r, Ye.jsx = n, Ye.jsxs = n, Ye;
 }
-var ze = {};
-var sr;
-function kr() {
-  return sr || (sr = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(r) {
-      if (r == null) return null;
-      if (typeof r == "function")
-        return r.$$typeof === re ? null : r.displayName || r.name || null;
-      if (typeof r == "string") return r;
-      switch (r) {
-        case P:
+var De = {};
+var ot;
+function Rt() {
+  return ot || (ot = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(t) {
+      if (t == null) return null;
+      if (typeof t == "function")
+        return t.$$typeof === ue ? null : t.displayName || t.name || null;
+      if (typeof t == "string") return t;
+      switch (t) {
+        case T:
           return "Fragment";
-        case W:
+        case P:
           return "Profiler";
-        case M:
+        case C:
           return "StrictMode";
-        case X:
+        case Q:
           return "Suspense";
-        case Y:
+        case D:
           return "SuspenseList";
-        case ee:
+        case G:
           return "Activity";
       }
-      if (typeof r == "object")
-        switch (typeof r.tag == "number" && console.error(
+      if (typeof t == "object")
+        switch (typeof t.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), r.$$typeof) {
-          case L:
+        ), t.$$typeof) {
+          case A:
             return "Portal";
-          case z:
-            return r.displayName || "Context";
-          case C:
-            return (r._context.displayName || "Context") + ".Consumer";
-          case ie:
-            var l = r.render;
-            return r = r.displayName, r || (r = l.displayName || l.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
-          case T:
-            return l = r.displayName || null, l !== null ? l : e(r.type) || "Memo";
-          case a:
-            l = r._payload, r = r._init;
+          case F:
+            return t.displayName || "Context";
+          case I:
+            return (t._context.displayName || "Context") + ".Consumer";
+          case Z:
+            var i = t.render;
+            return t = t.displayName, t || (t = i.displayName || i.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
+          case U:
+            return i = t.displayName || null, i !== null ? i : e(t.type) || "Memo";
+          case c:
+            i = t._payload, t = t._init;
             try {
-              return e(r(l));
+              return e(t(i));
             } catch {
             }
         }
       return null;
     }
-    function t(r) {
-      return "" + r;
+    function r(t) {
+      return "" + t;
     }
-    function o(r) {
+    function n(t) {
       try {
-        t(r);
-        var l = !1;
+        r(t);
+        var i = !1;
       } catch {
-        l = !0;
+        i = !0;
       }
-      if (l) {
-        l = console;
-        var m = l.error, w = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
-        return m.call(
-          l,
+      if (i) {
+        i = console;
+        var h = i.error, v = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return h.call(
+          i,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          w
-        ), t(r);
+          v
+        ), r(t);
       }
     }
-    function s(r) {
-      if (r === P) return "<>";
-      if (typeof r == "object" && r !== null && r.$$typeof === a)
+    function l(t) {
+      if (t === T) return "<>";
+      if (typeof t == "object" && t !== null && t.$$typeof === c)
         return "<...>";
       try {
-        var l = e(r);
-        return l ? "<" + l + ">" : "<...>";
+        var i = e(t);
+        return i ? "<" + i + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function c() {
-      var r = V.A;
-      return r === null ? null : r.getOwner();
+    function a() {
+      var t = M.A;
+      return t === null ? null : t.getOwner();
     }
-    function g() {
+    function x() {
       return Error("react-stack-top-frame");
     }
-    function y(r) {
-      if (K.call(r, "key")) {
-        var l = Object.getOwnPropertyDescriptor(r, "key").get;
-        if (l && l.isReactWarning) return !1;
+    function y(t) {
+      if (V.call(t, "key")) {
+        var i = Object.getOwnPropertyDescriptor(t, "key").get;
+        if (i && i.isReactWarning) return !1;
       }
-      return r.key !== void 0;
+      return t.key !== void 0;
     }
-    function d(r, l) {
-      function m() {
-        A || (A = !0, console.error(
+    function f(t, i) {
+      function h() {
+        ne || (ne = !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)",
-          l
+          i
         ));
       }
-      m.isReactWarning = !0, Object.defineProperty(r, "key", {
-        get: m,
+      h.isReactWarning = !0, Object.defineProperty(t, "key", {
+        get: h,
         configurable: !0
       });
     }
-    function i() {
-      var r = e(this.type);
-      return B[r] || (B[r] = !0, console.error(
+    function j() {
+      var t = e(this.type);
+      return L[t] || (L[t] = !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."
-      )), r = this.props.ref, r !== void 0 ? r : null;
+      )), t = this.props.ref, t !== void 0 ? t : null;
     }
-    function E(r, l, m, w, ge, ve) {
-      var n = m.ref;
-      return r = {
-        $$typeof: F,
-        type: r,
-        key: l,
-        props: m,
-        _owner: w
-      }, (n !== void 0 ? n : null) !== null ? Object.defineProperty(r, "ref", {
+    function s(t, i, h, v, de, o) {
+      var m = h.ref;
+      return t = {
+        $$typeof: _,
+        type: t,
+        key: i,
+        props: h,
+        _owner: v
+      }, (m !== void 0 ? m : null) !== null ? Object.defineProperty(t, "ref", {
         enumerable: !1,
-        get: i
-      }) : Object.defineProperty(r, "ref", { enumerable: !1, value: null }), r._store = {}, Object.defineProperty(r._store, "validated", {
+        get: j
+      }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(r, "_debugInfo", {
+      }), Object.defineProperty(t, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(r, "_debugStack", {
+      }), Object.defineProperty(t, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: ge
-      }), Object.defineProperty(r, "_debugTask", {
+        value: de
+      }), Object.defineProperty(t, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: ve
-      }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
+        value: o
+      }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
     }
-    function b(r, l, m, w, ge, ve) {
-      var n = l.children;
-      if (n !== void 0)
-        if (w)
-          if (de(n)) {
-            for (w = 0; w < n.length; w++)
-              k(n[w]);
-            Object.freeze && Object.freeze(n);
+    function E(t, i, h, v, de, o) {
+      var m = i.children;
+      if (m !== void 0)
+        if (v)
+          if (he(m)) {
+            for (v = 0; v < m.length; v++)
+              S(m[v]);
+            Object.freeze && Object.freeze(m);
           } 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 k(n);
-      if (K.call(l, "key")) {
-        n = e(r);
-        var p = Object.keys(l).filter(function(f) {
-          return f !== "key";
+        else S(m);
+      if (V.call(i, "key")) {
+        m = e(t);
+        var g = Object.keys(i).filter(function(k) {
+          return k !== "key";
         });
-        w = 0 < p.length ? "{key: someKey, " + p.join(": ..., ") + ": ...}" : "{key: someKey}", x[n + w] || (p = 0 < p.length ? "{" + p.join(": ..., ") + ": ...}" : "{}", console.error(
+        v = 0 < g.length ? "{key: someKey, " + g.join(": ..., ") + ": ...}" : "{key: someKey}", W[m + v] || (g = 0 < g.length ? "{" + g.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          w,
-          n,
-          p,
-          n
-        ), x[n + w] = !0);
+          v,
+          m,
+          g,
+          m
+        ), W[m + v] = !0);
       }
-      if (n = null, m !== void 0 && (o(m), n = "" + m), y(l) && (o(l.key), n = "" + l.key), "key" in l) {
-        m = {};
-        for (var j in l)
-          j !== "key" && (m[j] = l[j]);
-      } else m = l;
-      return n && d(
-        m,
-        typeof r == "function" ? r.displayName || r.name || "Unknown" : r
-      ), E(
-        r,
-        n,
+      if (m = null, h !== void 0 && (n(h), m = "" + h), y(i) && (n(i.key), m = "" + i.key), "key" in i) {
+        h = {};
+        for (var N in i)
+          N !== "key" && (h[N] = i[N]);
+      } else h = i;
+      return m && f(
+        h,
+        typeof t == "function" ? t.displayName || t.name || "Unknown" : t
+      ), s(
+        t,
         m,
-        c(),
-        ge,
-        ve
+        h,
+        a(),
+        de,
+        o
       );
     }
-    function k(r) {
-      N(r) ? r._store && (r._store.validated = 1) : typeof r == "object" && r !== null && r.$$typeof === a && (r._payload.status === "fulfilled" ? N(r._payload.value) && r._payload.value._store && (r._payload.value._store.validated = 1) : r._store && (r._store.validated = 1));
+    function S(t) {
+      u(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === c && (t._payload.status === "fulfilled" ? u(t._payload.value) && t._payload.value._store && (t._payload.value._store.validated = 1) : t._store && (t._store.validated = 1));
     }
-    function N(r) {
-      return typeof r == "object" && r !== null && r.$$typeof === F;
+    function u(t) {
+      return typeof t == "object" && t !== null && t.$$typeof === _;
     }
-    var R = dr, F = /* @__PURE__ */ Symbol.for("react.transitional.element"), L = /* @__PURE__ */ Symbol.for("react.portal"), P = /* @__PURE__ */ Symbol.for("react.fragment"), M = /* @__PURE__ */ Symbol.for("react.strict_mode"), W = /* @__PURE__ */ Symbol.for("react.profiler"), C = /* @__PURE__ */ Symbol.for("react.consumer"), z = /* @__PURE__ */ Symbol.for("react.context"), ie = /* @__PURE__ */ Symbol.for("react.forward_ref"), X = /* @__PURE__ */ Symbol.for("react.suspense"), Y = /* @__PURE__ */ Symbol.for("react.suspense_list"), T = /* @__PURE__ */ Symbol.for("react.memo"), a = /* @__PURE__ */ Symbol.for("react.lazy"), ee = /* @__PURE__ */ Symbol.for("react.activity"), re = /* @__PURE__ */ Symbol.for("react.client.reference"), V = R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, K = Object.prototype.hasOwnProperty, de = Array.isArray, ae = console.createTask ? console.createTask : function() {
+    var $ = ft, _ = /* @__PURE__ */ Symbol.for("react.transitional.element"), A = /* @__PURE__ */ Symbol.for("react.portal"), T = /* @__PURE__ */ Symbol.for("react.fragment"), C = /* @__PURE__ */ Symbol.for("react.strict_mode"), P = /* @__PURE__ */ Symbol.for("react.profiler"), I = /* @__PURE__ */ Symbol.for("react.consumer"), F = /* @__PURE__ */ Symbol.for("react.context"), Z = /* @__PURE__ */ Symbol.for("react.forward_ref"), Q = /* @__PURE__ */ Symbol.for("react.suspense"), D = /* @__PURE__ */ Symbol.for("react.suspense_list"), U = /* @__PURE__ */ Symbol.for("react.memo"), c = /* @__PURE__ */ Symbol.for("react.lazy"), G = /* @__PURE__ */ Symbol.for("react.activity"), ue = /* @__PURE__ */ Symbol.for("react.client.reference"), M = $.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, he = Array.isArray, q = console.createTask ? console.createTask : function() {
       return null;
     };
-    R = {
-      react_stack_bottom_frame: function(r) {
-        return r();
+    $ = {
+      react_stack_bottom_frame: function(t) {
+        return t();
       }
     };
-    var A, B = {}, se = R.react_stack_bottom_frame.bind(
-      R,
-      g
-    )(), v = ae(s(g)), x = {};
-    ze.Fragment = P, ze.jsx = function(r, l, m) {
-      var w = 1e4 > V.recentlyCreatedOwnerStacks++;
-      return b(
-        r,
-        l,
-        m,
+    var ne, L = {}, ae = $.react_stack_bottom_frame.bind(
+      $,
+      x
+    )(), b = q(l(x)), W = {};
+    De.Fragment = T, De.jsx = function(t, i, h) {
+      var v = 1e4 > M.recentlyCreatedOwnerStacks++;
+      return E(
+        t,
+        i,
+        h,
         !1,
-        w ? Error("react-stack-top-frame") : se,
-        w ? ae(s(r)) : v
+        v ? Error("react-stack-top-frame") : ae,
+        v ? q(l(t)) : b
       );
-    }, ze.jsxs = function(r, l, m) {
-      var w = 1e4 > V.recentlyCreatedOwnerStacks++;
-      return b(
-        r,
-        l,
-        m,
+    }, De.jsxs = function(t, i, h) {
+      var v = 1e4 > M.recentlyCreatedOwnerStacks++;
+      return E(
+        t,
+        i,
+        h,
         !0,
-        w ? Error("react-stack-top-frame") : se,
-        w ? ae(s(r)) : v
+        v ? Error("react-stack-top-frame") : ae,
+        v ? q(l(t)) : b
       );
     };
-  })()), ze;
+  })()), De;
 }
-var ir;
-function Rr() {
-  return ir || (ir = 1, process.env.NODE_ENV === "production" ? Je.exports = Nr() : Je.exports = kr()), Je.exports;
+var at;
+function Tt() {
+  return at || (at = 1, process.env.NODE_ENV === "production" ? Be.exports = Nt() : Be.exports = Rt()), Be.exports;
 }
-var u = Rr();
-const or = ({ className: e = "", ...t }) => /* @__PURE__ */ u.jsx(
+var p = Tt();
+const lt = ({ className: e = "", ...r }) => /* @__PURE__ */ p.jsx(
   "svg",
   {
     className: e,
@@ -272,10 +272,10 @@ const or = ({ className: e = "", ...t }) => /* @__PURE__ */ u.jsx(
     width: "1em",
     height: "1em",
     fill: "currentColor",
-    ...t,
-    children: /* @__PURE__ */ u.jsx("path", { d: "M310.6 361.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L160 301.3 54.6 406.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L114.7 256 9.4 150.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 210.7 265.4 105.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3L205.3 256l105.3 105.4z" })
+    ...r,
+    children: /* @__PURE__ */ p.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" })
   }
-), _r = ({ className: e = "", ...t }) => /* @__PURE__ */ u.jsx(
+), kt = ({ className: e = "", ...r }) => /* @__PURE__ */ p.jsx(
   "svg",
   {
     className: e,
@@ -284,10 +284,10 @@ const or = ({ className: e = "", ...t }) => /* @__PURE__ */ u.jsx(
     width: "1em",
     height: "1em",
     fill: "currentColor",
-    ...t,
-    children: /* @__PURE__ */ u.jsx("path", { d: "M34.9 289.5l175.9-175.8c9.4-9.4 24.6-9.4 33.9 0L420.1 289.5c15.1 15.1 4.4 41-17 41H51.9c-21.4 0-32.1-25.9-17-41z" })
+    ...r,
+    children: /* @__PURE__ */ p.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" })
   }
-), ar = ({ className: e = "", ...t }) => /* @__PURE__ */ u.jsx(
+), _t = ({ className: e = "", ...r }) => /* @__PURE__ */ p.jsx(
   "svg",
   {
     className: e,
@@ -296,195 +296,214 @@ const or = ({ className: e = "", ...t }) => /* @__PURE__ */ u.jsx(
     width: "1em",
     height: "1em",
     fill: "currentColor",
-    ...t,
-    children: /* @__PURE__ */ u.jsx("path", { d: "M20.285 6.708a1 1 0 0 0-1.414-1.416l-9.192 9.192-4.243-4.244a1 1 0 1 0-1.414 1.416l5 5a1 1 0 0 0 1.414 0l9.849-9.948z" })
+    ...r,
+    children: /* @__PURE__ */ p.jsx("path", { d: "M20.285 6.708a1 1 0 0 0-1.414-1.416l-9.192 9.192-4.243-4.244a1 1 0 1 0-1.414 1.416l5 5a1 1 0 0 0 1.414 0l9.849-9.948z" })
   }
-), Ze = (e, t = "invalid-option", o = "") => {
-  const s = o ? o.replace(/:/g, "") : "";
-  if (typeof e != "string" || !e.trim())
-    return s ? `${t}-${s}` : `${t}-${Math.random().toString(36).slice(2, 8)}`;
-  const c = e.normalize("NFKD").replace(/[\u0300-\u036f]/g, "").replace(/\s+/g, "-").replace(/[^\p{L}\p{N}-]+/gu, "").toLowerCase();
-  return c ? c || `${t}-${Math.random().toString(36).slice(2, 8)}` : s ? `${t}-${s}` : `${t}-${Math.random().toString(36).slice(2, 8)}`;
-}, er = fr(null), Fe = hr(({ className: e = "", visibility: t, setLeaving: o, setSpacer: s, children: c, duration: g = 300, unmount: y, style: d, exit: i = !0 }, E) => {
-  const b = ne(null);
-  return gr(E, () => b.current), ue(() => {
-    !t && b.current && (b.current.style.width = "0px");
-  }, []), /* @__PURE__ */ u.jsx(
-    Xe,
+), rt = gt(null), He = pt(({ className: e = "", visibility: r = void 0, setLeaving: n, setEntering: l, setSpacer: a, children: x, duration: y = 300, unmount: f, style: j, exit: s = !0, ...E }, S) => {
+  const u = re(null), $ = r !== void 0 ? r : E.in;
+  ht(S, () => u.current), pe(() => {
+    !$ && u.current && (u.current.style.width = "0px");
+  }, []);
+  const _ = R(() => {
+    if (!u.current) return { left: "0px", right: "0px" };
+    const A = window.getComputedStyle(u.current);
+    return { left: A.marginLeft, right: A.marginRight };
+  }, []);
+  return /* @__PURE__ */ p.jsx(
+    Ke,
     {
       onEnter: () => {
-        b.current.style.transition = "none", b.current.style.width = "0px";
+        u.current.style.transition = "none", u.current.style.marginRight = "0px", u.current.style.marginLeft = "0px", u.current.style.width = "0px", l?.(!0);
       },
       onEntering: () => {
+        const { left: A, right: T } = _();
         requestAnimationFrame(() => {
           requestAnimationFrame(() => {
-            b.current && (b.current.style.transition = `width ${g}ms, color ${g}ms, background-color ${g}ms`, b.current.style.width = b.current.scrollWidth + "px");
+            u.current && (u.current.style.transition = `width ${y}ms, color ${y}ms, background-color ${y}ms, margin ${y}ms ease`, u.current.style.width = u.current.scrollWidth + "px", u.current.style.marginRight = T, u.current.style.marginLeft = A);
           });
         });
       },
       onEntered: () => {
-        b.current.style.width = "auto", s?.(!1);
+        u.current.style.width = "auto", a?.(!1), l?.(!1);
       },
       onExit: () => {
-        b.current.style.width = b.current.scrollWidth + "px", b.current.offsetHeight, o?.(!0);
+        const { left: A, right: T } = _();
+        u.current.style.width = u.current.scrollWidth + "px", u.current.style.marginRight = T, u.current.style.marginLeft = A, u.current.offsetHeight, n?.(!0);
+      },
+      onExiting: () => {
+        u.current.style.marginRight = "0px", u.current.style.marginLeft = "0px", u.current.style.width = "0px";
       },
-      onExiting: () => b.current.style.width = "0px",
       onExited: () => {
-        y?.(), o?.(!1), s?.(!1);
+        f?.(), n?.(!1), a?.(!1);
       },
       classNames: "rac-slide-left",
-      unmountOnExit: i,
-      timeout: g,
-      nodeRef: b,
-      in: t,
-      children: /* @__PURE__ */ u.jsx(
+      unmountOnExit: s,
+      timeout: y,
+      nodeRef: u,
+      in: $,
+      ...E,
+      children: /* @__PURE__ */ p.jsx(
         "div",
         {
           className: e,
-          ref: b,
+          ref: u,
           style: {
-            transition: `width ${g}ms, color ${g}ms, background-color ${g}ms`,
+            transition: `width ${y}ms, color ${y}ms, background-color ${y}ms, margin ${y}ms ease`,
             willChange: "width",
             overflow: "hidden",
-            ...d
+            ...j
           },
-          children: c
+          children: x
         }
       )
     }
   );
-}), Tr = qe(({ element: e, index: t, leaving: o, setLeaving: s, setSpacer: c, selectRef: g, spacer: y, delSpacer: d, setVisibility: i, setActiveHoverId: E, activeHoverId: b, swipedId: k, setSwipedId: N, deleteInline: R, remove: F, renderIcon: L, DelIcon: P, normalizedOptions: M, swiped: W, onSwipe: C, deleting: z, setDeleting: ie, onRender: X, duration: Y }) => {
-  const T = ne(null), a = ne(!1), ee = ne(!1), re = ne(0), V = ne(null), K = _((x) => {
-    re.current = x.touches[0].clientX, a.current = !1, T.current && clearTimeout(T.current), T.current = setTimeout(() => {
-      ie(!0), a.current = !0, g.current?.focus(), i(!1), window.navigator.vibrate && window.navigator.vibrate(50);
-    }, 600), x.preventDefault();
-  }, []), de = _((x) => {
-    T.current && clearTimeout(T.current);
-    const r = x.touches[0].clientX, l = re.current - r;
-    Math.abs(l) > 10 && (ee.current = !0, l > 30 && !W ? C(e.id) : l < -30 && W && C(null));
-  }, [e.id, W, C]), ae = _((x) => {
-    T.current && clearTimeout(T.current), a.current && x.preventDefault();
+}), At = Xe(({ element: e, index: r, setEntering: n, leaving: l, setLeaving: a, setSpacer: x, selectRef: y, spacer: f, delSpacer: j, setVisibility: s, setActiveHoverId: E, activeHoverId: S, swipedId: u, deleteInline: $, remove: _, renderIcon: A, DelIcon: T, normalizedOptions: C, swiped: P, onSwipe: I, deleting: F, setDeleting: Z, onRender: Q, duration: D, showDelete: U }) => {
+  const c = re(null), G = re(!1), ue = re(!1), M = re(0), V = re(null), he = R((i) => {
+    M.current = i.touches[0].clientX, G.current = !1, c.current && clearTimeout(c.current), c.current = setTimeout(() => {
+      Z(!0), G.current = !0, y.current?.focus(), s(!1), window.navigator.vibrate && window.navigator.vibrate(50);
+    }, 600), i.preventDefault();
+  }, []), q = R((i) => {
+    c.current && clearTimeout(c.current);
+    const h = i.touches[0].clientX, v = M.current - h;
+    Math.abs(v) > 10 && (ue.current = !0, v > 30 && !P ? (E(null), I(e.id)) : v < -30 && P && I(null));
+  }, [e.id, P, I]), ne = R((i) => {
+    c.current && clearTimeout(c.current), G.current && i.preventDefault();
   }, []);
-  let A = null;
+  let L = null;
   if (e?.jsx)
-    A = e.jsx;
+    L = e.jsx;
   else if (e?.name)
-    A = e.name;
+    L = e.name;
   else if (e?.raw !== void 0) {
-    const x = M.find(
-      (r) => r.raw === e.raw || r.original === e.raw || r.userId === e.raw
+    const i = C.find(
+      (h) => h.raw === e.raw || h.original === e.raw || h.userId === e.raw
     );
-    x && (A = x.jsx ?? x.name);
+    i && (L = i.jsx ?? i.name);
   }
-  A == null && (A = typeof e == "object" ? e.label ?? e.name ?? e.value ?? "Selected item" : String(e));
-  const B = _((x) => {
-    x.stopPropagation(), x.preventDefault();
-  }, []), se = _((x) => {
-    B(x), F(e.id), C(null);
-  }, [e.id, F, C]), v = _((x) => {
-    if (B(x), a.current) {
-      a.current = !1;
+  L == null && (L = typeof e == "object" ? e.label ?? e.name ?? e.value ?? "Selected item" : String(e));
+  const ae = R((i) => {
+    i.stopPropagation(), i.preventDefault();
+  }, []), b = R((i) => {
+    ae(i), _(e.id), I(null);
+  }, [e.id, _, I]), W = R((i) => {
+    if (ae(i), G.current) {
+      G.current = !1;
       return;
     }
-    if (z) {
-      se(x);
+    if (F) {
+      b(i);
       return;
     }
-  }, [z, se]);
-  return Ve(() => {
-    if (V.current && X) {
-      const x = V.current.offsetWidth;
-      X(x);
+  }, [F, b]);
+  We(() => {
+    if (V.current && Q) {
+      const i = V.current.offsetWidth;
+      Q(i);
     }
-  }, [X, A]), /* @__PURE__ */ u.jsxs(pr, { children: [
-    /* @__PURE__ */ u.jsxs(
+  }, [Q, L]);
+  const t = U ? !0 : S === e.id || u === e.id || F;
+  return /* @__PURE__ */ p.jsxs(mt, { children: [
+    /* @__PURE__ */ p.jsxs(
       "div",
       {
-        className: `rac-multiple-selected-option ${z ? "--deleting-shake" : ""}`,
-        onMouseEnter: () => E(e.id),
+        className: `rac-multiple-selected-option ${F ? "--deleting-shake" : ""}`,
+        onMouseEnter: () => {
+          E(e.id), I(null);
+        },
         onMouseLeave: () => E(null),
-        onTouchStart: K,
-        onTouchMove: de,
-        onTouchEnd: ae,
-        onClick: v,
+        onTouchStart: he,
+        onTouchMove: q,
+        onTouchEnd: ne,
+        onClick: W,
         ref: V,
         children: [
-          A,
-          /* @__PURE__ */ u.jsx(
-            Fe,
+          L,
+          /* @__PURE__ */ p.jsx(
+            He,
             {
               style: {
-                backgroundColor: z || R ? "transparent" : "--rac-multiple-del-bg",
-                position: z || R ? "relative" : "absolute"
+                backgroundColor: F || $ ? "transparent" : "--rac-multiple-del-bg",
+                position: F || $ ? "relative" : "absolute"
               },
-              visibility: b === e.id || k === e.id || z,
               className: "rac-multiple-del",
-              setLeaving: s,
-              setSpacer: c,
-              duration: Y,
-              children: L(P, { onClick: se, onMouseDown: B })
+              visibility: t,
+              setEntering: n,
+              setLeaving: a,
+              setSpacer: x,
+              duration: D,
+              children: A(T, { onClick: b, onMouseDown: ae })
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ u.jsx(
-      Fe,
+    /* @__PURE__ */ p.jsx(
+      He,
       {
-        visibility: !o && !y?.state && !b && !k && !z && R && d,
+        visibility: !l && !f?.state && !S && !u && !F && $ && j,
         className: "rac-multiple-option",
         style: { visibility: "hidden" },
-        children: /* @__PURE__ */ u.jsx(
+        children: /* @__PURE__ */ p.jsx(
           "div",
           {
             style: { padding: 0, marginRight: 0, marginLeft: 0 },
             className: "rac-multiple-selected-option",
-            children: L(P)
+            children: A(T)
           }
         )
       }
     )
   ] });
-}), mr = ({ children: e, setLeaving: t, duration: o, setSpacer: s, id: c = null, widthMode: g = !1, ...y }) => {
-  const d = ne(null);
-  return /* @__PURE__ */ u.jsx(
-    Xe,
+}), xt = ({ children: e, setLeaving: r, duration: n, setSpacer: l, id: a = null, widthMode: x = !1, ...y }) => {
+  const f = re(null), j = R(() => {
+    if (!f.current) return { t: 0, b: 0, l: 0, r: 0 };
+    const s = window.getComputedStyle(f.current);
+    return {
+      t: s.marginTop,
+      b: s.marginBottom,
+      l: s.marginLeft,
+      r: s.marginRight
+    };
+  }, []);
+  return /* @__PURE__ */ p.jsx(
+    Ke,
     {
       classNames: "rac-slide-left",
-      timeout: o,
-      nodeRef: d,
+      timeout: n,
+      nodeRef: f,
       unmountOnExit: !0,
       ...y,
       onEnter: () => {
-        const i = d.current;
-        i && (g ? i.style.width = "0px" : (i.style.height = "0px", i.style.transform = "translateY(-10px)"), i.style.opacity = "0");
+        const s = f.current;
+        s && (x ? (s.style.width = "0px", s.style.marginLeft = "0px", s.style.marginRight = "0px") : (s.style.height = "0px", s.style.marginTop = "0px", s.style.marginBottom = "0px", s.style.transform = "translateY(-10px)"), s.style.opacity = "0");
       },
       onEntering: () => {
-        const i = d.current;
-        i.offsetHeight, g ? i.style.width = i.scrollWidth + "px" : (i.style.height = i.scrollHeight + "px", i.style.transform = "translateY(0)"), i.style.opacity = "1";
+        const s = f.current, E = j();
+        s.offsetHeight, x ? (s.style.width = s.scrollWidth + "px", s.style.marginRight = E.r, s.style.marginLeft = E.l) : (s.style.height = s.scrollHeight + "px", s.style.transform = "translateY(0)", s.style.marginBottom = E.b, s.style.marginTop = E.t), s.style.opacity = "1";
       },
       onEntered: () => {
-        const i = d.current;
-        i.style.width = g ? "auto" : "", i.style.height = g ? "" : "100%", i.style.opacity = "1", i.style.transform = "", s?.(!1);
+        const s = f.current;
+        s.style.width = x ? "auto" : "", s.style.height = x ? "" : "100%", s.style.opacity = "1", s.style.transform = "", l?.(!1);
       },
       onExit: () => {
-        const i = d.current;
-        g ? i.style.width = i.offsetWidth + "px" : (i.style.height = i.offsetHeight + "px", i.style.position = "absolute"), i.style.opacity = "1", t?.(!0);
+        const s = f.current, E = j();
+        x ? (s.style.width = s.offsetWidth + "px", s.style.marginRight = E.r, s.style.marginLeft = E.l) : (s.style.height = s.offsetHeight + "px", s.style.position = "absolute", s.style.marginBottom = E.b, s.style.marginTop = E.t), s.style.opacity = "1", r?.(!0);
       },
       onExiting: () => {
-        const i = d.current;
-        g ? i.style.width = "0px" : (i.style.height = "0px", i.style.transform = "translateY(10px)"), i.style.opacity = "0";
+        const s = f.current;
+        x ? (s.style.marginRight = "0px", s.style.marginLeft = "0px", s.style.width = "0px") : (s.style.transform = "translateY(10px)", s.style.marginBottom = "0px", s.style.marginTop = "0px", s.style.height = "0px"), s.style.opacity = "0";
       },
       onExited: () => {
-        s?.(!1), t?.(!1);
+        l?.(!1), r?.(!1);
       },
-      children: /* @__PURE__ */ u.jsx(
+      children: /* @__PURE__ */ p.jsx(
         "div",
         {
-          ref: d,
-          id: c,
+          ref: f,
+          id: a,
           style: {
-            transition: `all ${o}ms ease`,
+            transition: `all ${n}ms ease`,
             alignItems: "center",
             whiteSpace: "nowrap",
             overflow: "hidden",
@@ -497,170 +516,171 @@ const or = ({ className: e = "", ...t }) => /* @__PURE__ */ u.jsx(
       )
     }
   );
-}, Ar = qe(({ element: e, index: t, leaving: o, setLeaving: s, selectRef: c, setVisibility: g, setActiveHoverId: y, delSpacer: d, swiped: i, swipedId: E, setSwipedId: b, onSwipe: k, activeHoverId: N, deleteInline: R, spacer: F, duration: L, normalizedOptions: P, setDeleting: M, renderIcon: W, deleting: C, DelIcon: z, remove: ie, registerItemWidth: X, setSpacer: Y, ...T }) => /* @__PURE__ */ u.jsxs(pr, { children: [
-  /* @__PURE__ */ u.jsx(
-    mr,
+}, Ot = Xe(({ element: e, index: r, setEntering: n, leaving: l, setLeaving: a, selectRef: x, setVisibility: y, setActiveHoverId: f, delSpacer: j, swiped: s, swipedId: E, onSwipe: S, activeHoverId: u, deleteInline: $, spacer: _, duration: A, normalizedOptions: T, setDeleting: C, renderIcon: P, deleting: I, DelIcon: F, remove: Z, registerItemWidth: Q, setSpacer: D, showDelete: U, ...c }) => /* @__PURE__ */ p.jsxs(mt, { children: [
+  /* @__PURE__ */ p.jsx(
+    xt,
     {
       className: "rac-multiple-option",
-      onEnter: T.onEnter,
-      setLeaving: s,
-      setSpacer: Y,
-      onExit: T.onExit,
-      duration: L,
-      in: T.in,
+      onEnter: c.onEnter,
+      setLeaving: a,
+      setSpacer: D,
+      onExit: c.onExit,
+      duration: A,
       id: e.id,
+      in: c.in,
       widthMode: !0,
-      children: /* @__PURE__ */ u.jsx(
-        Tr,
+      children: /* @__PURE__ */ p.jsx(
+        At,
         {
-          onRender: (a) => X(e.id, a),
-          normalizedOptions: P,
-          setActiveHoverId: y,
-          activeHoverId: N,
-          setVisibility: g,
-          deleteInline: R,
-          setDeleting: M,
-          setSwipedId: b,
-          setLeaving: s,
-          renderIcon: W,
-          setSpacer: Y,
-          selectRef: c,
-          delSpacer: d,
-          duration: L,
-          deleting: C,
+          onRender: (G) => Q(e.id, G),
+          normalizedOptions: T,
+          setActiveHoverId: f,
+          activeHoverId: u,
+          setVisibility: y,
+          deleteInline: $,
+          setDeleting: C,
+          setEntering: n,
+          setLeaving: a,
+          renderIcon: P,
+          showDelete: U,
+          setSpacer: D,
+          selectRef: x,
+          delSpacer: j,
+          duration: A,
+          deleting: I,
           swipedId: E,
-          onSwipe: k,
+          onSwipe: S,
           element: e,
-          DelIcon: z,
-          leaving: o,
-          swiped: i,
-          remove: ie,
-          spacer: F,
-          index: t
+          DelIcon: F,
+          leaving: l,
+          swiped: s,
+          remove: Z,
+          spacer: _,
+          index: r
         },
-        e.id ?? t
+        e.id ?? r
       )
     }
   ),
-  F.state && F.id === e.id && /* @__PURE__ */ u.jsx(
+  _.state && _.id === e.id && /* @__PURE__ */ p.jsx(
     "div",
     {
-      style: { width: F.width - 2 },
+      style: { width: _.width - 2 },
       className: "rac-spacer"
     }
   )
 ] }));
-function Or({ visibility: e, children: t, selectRef: o, onAnimationDone: s, unmount: c = !0, duration: g, easing: y, offset: d, animateOpacity: i, style: E, className: b, setBottomDirection: k = () => {
+function Ct({ visibility: e, children: r, selectRef: n, onAnimationDone: l, unmount: a = !0, duration: x, easing: y, offset: f, animateOpacity: j, style: s, className: E, setBottomDirection: S = () => {
 } }) {
-  const N = ne(null), [R, F] = le({ top: 0, left: 0, width: 0 }), L = ne(R);
-  ue(() => {
-    L.current = R;
-  }, [R]);
-  const P = _(() => {
-    if (o?.current) {
-      const a = o.current.getBoundingClientRect(), ee = window.innerHeight, re = N.current?.scrollHeight || 250, V = ee - a.bottom, K = V < re && a.top > V;
-      k(K), F({
-        top: a.top,
-        bottom: a.bottom,
-        left: a.left,
-        width: a.width,
-        isUpward: K
+  const u = re(null), [$, _] = oe({ top: 0, left: 0, width: 0 }), A = re($);
+  We(() => {
+    A.current = $;
+  }, [$]);
+  const T = R(() => {
+    if (n?.current) {
+      const c = n.current.getBoundingClientRect(), G = window.innerHeight, ue = u.current?.scrollHeight || 250, M = G - c.bottom, V = M < ue && c.top > M;
+      S(V), _({
+        top: c.top,
+        bottom: c.bottom,
+        left: c.left,
+        width: c.width,
+        isUpward: V
       });
     }
-  }, [o]);
-  ue(() => {
+  }, [n]);
+  We(() => {
     if (e)
-      return P(), window.addEventListener("scroll", P, !0), window.addEventListener("resize", P), () => {
-        window.removeEventListener("scroll", P, !0), window.removeEventListener("resize", P);
+      return T(), window.addEventListener("scroll", T, !0), window.addEventListener("resize", T), () => {
+        window.removeEventListener("scroll", T, !0), window.removeEventListener("resize", T);
       };
-  }, [e, P]);
-  const M = `height var(--rac-duration) ${y}${i ? `, opacity var(--rac-duration) ${y}` : ""}`;
-  Ve(() => {
-    if (!o?.current) return;
-    const a = new ResizeObserver((ee) => {
-      for (let re of ee)
-        if (e && N.current && o.current) {
-          const V = o.current.getBoundingClientRect(), { isUpward: K } = L.current;
-          N.current.style.width = `${V.width}px`, N.current.style.left = `${V.left}px`, K ? N.current.style.bottom = `${window.innerHeight - V.top + d}px` : N.current.style.top = `${V.bottom + d}px`;
+  }, [e, T]);
+  const C = `height var(--rac-duration) ${y}${j ? `, opacity var(--rac-duration) ${y}` : ""}`;
+  We(() => {
+    if (!n?.current) return;
+    const c = new ResizeObserver((G) => {
+      for (let ue of G)
+        if (e && u.current && n.current) {
+          const M = n.current.getBoundingClientRect(), { isUpward: V } = A.current;
+          u.current.style.width = `${M.width}px`, u.current.style.left = `${M.left}px`, V ? u.current.style.bottom = `${window.innerHeight - M.top + f}px` : u.current.style.top = `${M.bottom + f}px`;
         }
     });
-    return a.observe(o.current), () => a.disconnect();
-  }, [o, e, d]);
-  const W = {
+    return c.observe(n.current), () => c.disconnect();
+  }, [n, e, f]);
+  const P = {
     position: "fixed",
-    "--rac-duration": `${g}ms`,
+    "--rac-duration": `${x}ms`,
     "--rac-easing": y,
-    left: `${R.left}px`,
-    width: `${R.width}px`,
+    left: `${$.left}px`,
+    width: `${$.width}px`,
     overflow: "hidden",
     zIndex: "2147483647",
     height: e ? "auto" : "0px",
-    opacity: i ? e ? 1 : 0 : 1,
+    opacity: j ? e ? 1 : 0 : 1,
     pointerEvents: e ? "all" : "none",
     // visibility: visibility ? 'visible' : 'hidden',
     boxSizing: "border-box",
-    transformOrigin: R.isUpward ? "bottom" : "top",
-    ...R.isUpward ? {
-      bottom: `${window.innerHeight - R.top + d}px`,
+    transformOrigin: $.isUpward ? "bottom" : "top",
+    ...$.isUpward ? {
+      bottom: `${window.innerHeight - $.top + f}px`,
       top: "auto"
     } : {
-      top: `${R.bottom + d}px`,
+      top: `${$.bottom + f}px`,
       bottom: "auto"
     },
     ...Object.fromEntries(
-      Object.entries(E || {}).map(([a, ee]) => [
-        a.startsWith("--") ? a : `--rac-${a.replace(/([A-Z])/g, "-$1").toLowerCase()}`,
-        ee
+      Object.entries(s || {}).map(([c, G]) => [
+        c.startsWith("--") ? c : `--rac-${c.replace(/([A-Z])/g, "-$1").toLowerCase()}`,
+        G
       ])
     )
-  }, C = _(() => {
-    const a = N.current;
-    a && (a.style.height = "0px", i && (a.style.opacity = "0"), a.style.transition = "");
-  }, [i]), z = _(() => {
-    const a = N.current;
-    a && (a.style.transition = M, a.style.height = `${a.scrollHeight}px`, i && (a.style.opacity = "1"));
-  }, [M, i]), ie = _(() => {
-    const a = N.current;
-    a && (a.style.height = "auto", a.style.transition = "", s && s());
-  }, [s]), X = _(() => {
-    const a = N.current;
-    a && (a.style.height = `${a.scrollHeight}px`, i && (a.style.opacity = "1"), a.offsetHeight, a.style.transition = M);
-  }, [M, i]), Y = _(() => {
-    const a = N.current;
-    a && (a.style.height = "0px", i && (a.style.opacity = "0"));
-  }, [i]), T = _(() => {
-    const a = N.current;
-    a && (a.style.transition = "");
+  }, I = R(() => {
+    const c = u.current;
+    c && (c.style.height = "0px", j && (c.style.opacity = "0"), c.style.transition = "");
+  }, [j]), F = R(() => {
+    const c = u.current;
+    c && (c.style.transition = C, c.style.height = `${c.scrollHeight}px`, j && (c.style.opacity = "1"));
+  }, [C, j]), Z = R(() => {
+    const c = u.current;
+    c && (c.style.height = "auto", c.style.transition = "", l && l());
+  }, [l]), Q = R(() => {
+    const c = u.current;
+    c && (c.style.height = `${c.scrollHeight}px`, j && (c.style.opacity = "1"), c.offsetHeight, c.style.transition = C);
+  }, [C, j]), D = R(() => {
+    const c = u.current;
+    c && (c.style.height = "0px", j && (c.style.opacity = "0"));
+  }, [j]), U = R(() => {
+    const c = u.current;
+    c && (c.style.transition = "");
   }, []);
-  return $r(
-    /* @__PURE__ */ u.jsx(
-      Xe,
+  return $t(
+    /* @__PURE__ */ p.jsx(
+      Ke,
       {
         in: e,
-        timeout: g,
+        timeout: x,
         classNames: "rac-options",
-        unmountOnExit: c,
-        nodeRef: N,
-        onEnter: C,
-        onEntering: z,
-        onEntered: ie,
-        onExit: X,
-        onExiting: Y,
-        onExited: T,
-        children: /* @__PURE__ */ u.jsx(
+        unmountOnExit: a,
+        nodeRef: u,
+        onEnter: I,
+        onEntering: F,
+        onEntered: Z,
+        onExit: Q,
+        onExiting: D,
+        onExited: U,
+        children: /* @__PURE__ */ p.jsx(
           "div",
           {
-            ref: N,
-            className: `rac-options ${b || ""}`,
+            ref: u,
+            className: `rac-options ${E || ""}`,
             style: {
-              ...W,
-              "--rac-duration": `${g}ms`,
+              ...P,
+              "--rac-duration": `${x}ms`,
               "--rac-duration-fast": "calc(var(--rac-duration) * 0.5)",
               "--rac-duration-base": "var(--rac-duration)",
               "--rac-duration-slow": "calc(var(--rac-duration) * 1.3)"
             },
-            onMouseDown: (a) => a.preventDefault(),
-            children: t
+            onMouseDown: (c) => c.preventDefault(),
+            children: r
           }
         )
       }
@@ -668,193 +688,194 @@ function Or({ visibility: e, children: t, selectRef: o, onAnimationDone: s, unmo
     document.body
   );
 }
-const Pr = qe(Or, (e, t) => e.visibility === t.visibility && e.duration === t.duration && e.easing === t.easing && e.offset === t.offset && e.animateOpacity === t.animateOpacity && e.selectRef === t.selectRef && e.children === t.children && JSON.stringify(e.style) === JSON.stringify(t.style)), cr = (e) => {
-  const t = window.getComputedStyle(e);
-  return parseFloat(t.marginLeft) + parseFloat(t.marginRight);
-}, lr = (e) => e.reduce((t, o) => {
-  const s = o.offsetTop, c = o.getBoundingClientRect().width;
-  return t[s] = (t[s] || 0) + c, t;
-}, {}), Cr = qe(({ deleteInline: e, selectRef: t, setVisibility: o, selectId: s, removeOption: c, renderOptions: g, selected: y, selectedIDs: d, setSelectedIds: i, normalizedOptions: E, title: b, visibility: k, active: N, hasOptions: R, hasActualValue: F, optionsClassName: L, selectedText: P, disabled: M, loading: W, error: C, registerOption: z, unregisterOption: ie, handleBlur: X, handleFocus: Y, toggleVisibility: T, handleKeyDown: a, handleListScroll: ee, setAnimationFinished: re, clear: V, children: K, placeholder: de, className: ae, style: A, duration: B, easing: se, offset: v, animateOpacity: x, unmount: r, ArrowIcon: l, ClearIcon: m, DelIcon: w, renderIcon: ge, hasMore: ve, loadButton: n, deleting: p, setDeleting: j }) => {
-  const [f, I] = le(!1), [D, fe] = le(null), [q, U] = le(!1), [ce, h] = le({}), [G, Q] = le(null), [pe, $] = le(null), [xe, me] = le(!1), we = ne(!0), Te = ne(null), oe = _((H) => {
-    c ? c(H) : i((J) => J.filter((te) => te.id !== H));
-  }, [c, i]), Pe = _((H) => {
-    if (p) {
-      H.stopPropagation(), H.preventDefault(), j(!1);
+const Pt = Xe(Ct, (e, r) => e.visibility === r.visibility && e.duration === r.duration && e.easing === r.easing && e.offset === r.offset && e.animateOpacity === r.animateOpacity && e.selectRef === r.selectRef && e.children === r.children && JSON.stringify(e.style) === JSON.stringify(r.style)), ct = (e) => {
+  const r = window.getComputedStyle(e);
+  return parseFloat(r.marginLeft) + parseFloat(r.marginRight);
+}, ut = (e) => e.reduce((r, n) => {
+  const l = n.offsetTop, a = n.getBoundingClientRect().width;
+  return r[l] = (r[l] || 0) + a, r;
+}, {}), Lt = Xe(({ deleteInline: e, selectRef: r, setVisibility: n, selectId: l, removeOption: a, renderOptions: x, selected: y, selectedIDs: f, setSelectedIds: j, normalizedOptions: s, title: E, visibility: S, active: u, hasOptions: $, hasActualValue: _, optionsClassName: A, selectedText: T, disabled: C, loading: P, error: I, registerOption: F, unregisterOption: Z, handleBlur: Q, handleFocus: D, toggleVisibility: U, handleKeyDown: c, handleListScroll: G, setAnimationFinished: ue, clear: M, children: V, placeholder: he, className: q, style: ne, duration: L, easing: ae, offset: b, animateOpacity: W, unmount: t, OpenIcon: i, ClearIcon: h, DelIcon: v, renderIcon: de, hasMore: o, loadButton: m, deleting: g, setDeleting: N, showDelete: k }) => {
+  const [Y, fe] = oe(!1), [le, je] = oe(null), [ee, d] = oe(!1), [O, se] = oe({}), [xe, z] = oe(null), [ke, X] = oe(null), [Ee, Ne] = oe(!1), [te, _e] = oe(!1), Ae = re(!0), Re = re(null), ze = R((J) => {
+    a ? a(J) : j((B) => B.filter((ce) => ce.id !== J));
+  }, [a, j]), Je = R((J) => {
+    if (g) {
+      J.stopPropagation(), J.preventDefault(), N(!1);
       return;
     }
-    T(H);
-  }, [p, T]), Ce = _((H, J) => {
-    h((te) => te[H] === J ? te : { ...te, [H]: J });
+    U(J);
+  }, [g, U]), Ue = R((J, B) => {
+    se((ce) => ce[J] === B ? ce : { ...ce, [J]: B });
   }, []);
-  Ve(() => {
-    const H = Te.current;
-    if (!H) return;
-    const J = new ResizeObserver((te) => {
+  We(() => {
+    const J = Re.current;
+    if (!J) return;
+    const B = new ResizeObserver((ce) => {
       window.requestAnimationFrame(() => {
-        if (!Array.isArray(te) || !te.length) return;
-        const Le = te[0].contentRect.height;
-        fe(Le);
+        if (!Array.isArray(ce) || !ce.length) return;
+        const Ie = ce[0].contentRect.height;
+        je(Ie);
       });
     });
-    return J.observe(H), () => J.disconnect();
-  }, []), ue(() => {
-    we.current = !1, t && (typeof t == "function" ? t(t.current) : t.current = t.current);
-  }, [t]), ue(() => {
-    p && k && T() && T?.()(p && d?.length === 0) && j(!1), $(null);
-  }, [d?.length, p]), Ve(() => {
-    const H = Te.current;
-    if (!H || !d?.length || p) {
-      d?.length || U({ state: !1, id: null, width: 0 });
+    return B.observe(J), () => B.disconnect();
+  }, []), pe(() => {
+    Ae.current = !1, r && (typeof r == "function" ? r(r.current) : r.current = r.current);
+  }, [r]), pe(() => {
+    g && S && U() && U?.()(g && f?.length === 0) && N(!1), X(null);
+  }, [f?.length, g]), We(() => {
+    const J = Re.current;
+    if (!J || !f?.length || g) {
+      f?.length || d({ state: !1, id: null, width: 0 });
       return;
     }
-    const J = Array.from(H.children).filter((ye) => ye.classList.contains("rac-multiple-option")), te = H.clientWidth;
-    if (J.length > d.length) {
-      const ye = new Set(d.map((O) => O.id)), je = J.findIndex((O) => !ye.has(O.id));
-      if (je === -1) return;
-      const Se = J[je], be = J[je - 1];
-      if (!(be && Se.offsetTop !== be.offsetTop)) {
-        U({ state: !1, id: null, width: 0 });
+    const B = Array.from(J.children).filter((we) => we.classList.contains("rac-multiple-option")), ce = J.clientWidth;
+    if (B.length > f.length) {
+      const we = new Set(f.map((be) => be.id)), Se = B.findIndex((be) => !we.has(be.id));
+      if (Se === -1) return;
+      const ge = B[Se], me = B[Se - 1];
+      if (!(me && ge.offsetTop !== me.offsetTop)) {
+        d({ state: !1, id: null, width: 0 });
         return;
       }
-      const He = lr(J), Ee = Object.keys(He).map(Number).sort((O, Z) => O - Z), ke = Ee.indexOf(Se.offsetTop);
-      if (ke <= 0) {
-        U({ state: !1, id: null, width: 0 });
+      const Fe = ut(B), Me = Object.keys(Fe).map(Number).sort((be, Te) => be - Te), H = Me.indexOf(ge.offsetTop);
+      if (H <= 0) {
+        d({ state: !1, id: null, width: 0 });
         return;
       }
-      const Re = Ee[ke - 1], Ae = He[Re], Me = te - Ae;
-      Le(be?.id || null, !0, Me);
-    } else if (J.length === d.length) {
-      const ye = J[J.length - 1], je = d[d.length - 1]?.id, Se = ce[je];
-      if (!Se) return;
-      const be = ye?.firstElementChild || ye, Ge = cr(be), He = cr(ye), Ee = J.slice(0, -1), ke = lr(Ee), Re = Object.keys(ke).map(Number).sort((Z, he) => Z - he);
-      let Ae = te;
-      if (Re.length > 0) {
-        const Z = Math.max(...Re);
-        Ae = te - (ke[Z] || 0);
+      const K = Me[H - 1], ie = Fe[K], ye = ce - ie;
+      Ie(me?.id || null, !0, ye);
+    } else if (B.length === f.length) {
+      const we = B[B.length - 1], Se = f[f.length - 1]?.id, ge = O[Se];
+      if (!ge) return;
+      const me = we?.firstElementChild || we, Pe = ct(me), Fe = ct(we), Me = B.slice(0, -1), H = ut(Me), K = Object.keys(H).map(Number).sort((Te, w) => Te - w);
+      let ie = ce;
+      if (K.length > 0) {
+        const Te = Math.max(...K);
+        ie = ce - (H[Te] || 0);
       }
-      const Me = Se + Ge + He > Ae, O = d[d.length - 2]?.id;
-      Le(O, Me, Ae);
+      const ye = ge + Pe + Fe > ie, be = f[f.length - 2]?.id;
+      Ie(be, ye, ie);
     }
-    function Le(ye, je, Se) {
-      U((be) => be.id === ye && be.state === je && be.width === Se ? be : { state: je, id: ye, width: Se });
+    function Ie(we, Se, ge) {
+      d((me) => me.id === we && me.state === Se && me.width === ge ? me : { state: Se, id: we, width: ge });
     }
-  }, [d, ce, p]);
-  const Ie = d?.map((H, J) => {
-    const te = J === d.length - 1;
-    return /* @__PURE__ */ u.jsx(
-      Ar,
+  }, [f, O, g]);
+  const Oe = h && _ && $ && !C && !P && !I && !g, Ce = i && u && !g, Ze = f?.map((J, B) => {
+    const ce = B === f.length - 1;
+    return /* @__PURE__ */ p.jsx(
+      Ot,
       {
-        normalizedOptions: E,
-        registerItemWidth: Ce,
-        setActiveHoverId: $,
-        swiped: G === H.id,
-        activeHoverId: pe,
-        setVisibility: o,
+        normalizedOptions: s,
+        registerItemWidth: Ue,
+        setActiveHoverId: X,
+        swiped: xe === J.id,
+        activeHoverId: ke,
+        setVisibility: n,
         deleteInline: e,
-        setDeleting: j,
-        setSwipedId: Q,
-        setLeaving: me,
-        renderIcon: ge,
-        selectRef: t,
-        setSpacer: U,
-        onSwipe: Q,
-        delSpacer: te,
-        duration: B,
-        deleting: p,
-        swipedId: G,
-        leaving: xe,
-        element: H,
-        DelIcon: w,
-        spacer: q,
-        remove: oe,
-        index: J
+        setDeleting: N,
+        setEntering: _e,
+        setLeaving: Ne,
+        renderIcon: de,
+        showDelete: k,
+        selectRef: r,
+        setSpacer: d,
+        onSwipe: z,
+        delSpacer: ce,
+        duration: L,
+        deleting: g,
+        swipedId: xe,
+        leaving: Ee,
+        element: J,
+        DelIcon: v,
+        spacer: ee,
+        remove: ze,
+        index: B
       },
-      H.id ?? J
+      J.id ?? B
     );
   });
-  return /* @__PURE__ */ u.jsxs(er.Provider, { value: { registerOption: z, unregisterOption: ie }, children: [
-    K,
-    /* @__PURE__ */ u.jsxs(
+  return /* @__PURE__ */ p.jsxs(rt.Provider, { value: { registerOption: F, unregisterOption: Z }, children: [
+    V,
+    /* @__PURE__ */ p.jsxs(
       "div",
       {
-        ref: t,
+        ref: r,
         style: {
           "--rac-duration-fast": "calc(var(--rac-duration) * 0.5)",
           "--rac-duration-slow": "calc(var(--rac-duration) * 1.3)",
           "--rac-duration-base": "var(--rac-duration)",
-          "--rac-duration": `${B}ms`,
-          ...A
+          "--rac-duration": `${L}ms`,
+          ...ne
         },
         className: `
-                    ${!R || M ? "rac-disabled-style" : ""}
-                    ${W ? "rac-loading-style" : ""}
-                    ${C ? "rac-error-style" : ""}
-                    ${ae}
+                    ${!$ || C ? "rac-disabled-style" : ""}
+                    ${P ? "rac-loading-style" : ""}
+                    ${I ? "rac-error-style" : ""}
+                    ${q}
                     rac-select
                 `,
-        ...N && {
-          onKeyDown: a,
-          onFocus: Y,
-          onClick: Pe,
-          onBlur: X
+        ...u && {
+          onKeyDown: c,
+          onFocus: D,
+          onClick: Je,
+          onBlur: Q
         },
-        "aria-disabled": M || !R,
-        "aria-controls": `${s}-listbox`,
-        tabIndex: N ? 0 : -1,
-        "aria-expanded": k,
-        "aria-label": de,
+        "aria-disabled": C || !$,
+        "aria-controls": `${l}-listbox`,
+        tabIndex: u ? 0 : -1,
+        "aria-expanded": S,
+        "aria-label": he,
         "aria-haspopup": "listbox",
         role: "combobox",
         children: [
-          /* @__PURE__ */ u.jsx(
+          /* @__PURE__ */ p.jsx(
             "div",
             {
               className: `rac-select-title-wrapper
-                        ${!C && !W && y?.type === "boolean" ? y.raw ? "rac-true-option" : "rac-false-option" : ""}
+                        ${!I && !P && y?.type === "boolean" ? y.raw ? "rac-true-option" : "rac-false-option" : ""}
                     `,
               style: {
-                alignItems: d?.length && !P ? "flex-start" : "center",
-                height: D ? `${D}px` : "auto"
+                alignItems: f?.length && !T ? "flex-start" : "center",
+                height: le ? `${le}px` : "auto"
               },
-              children: /* @__PURE__ */ u.jsx(
+              children: /* @__PURE__ */ p.jsx(
                 "div",
                 {
                   style: {
-                    alignItems: d?.length && !P ? "flex-start" : "center",
-                    height: W ? "100%" : "auto"
+                    alignItems: f?.length && !T ? "flex-start" : "center",
+                    height: P ? "100%" : "auto"
                   },
                   className: "rac-select-title",
-                  ref: Te,
-                  children: /* @__PURE__ */ u.jsx(
-                    Sr,
+                  ref: Re,
+                  children: /* @__PURE__ */ p.jsx(
+                    st,
                     {
-                      enter: !we.current,
+                      enter: !Ae.current,
                       component: null,
                       appear: !1,
-                      children: d?.length && !P && !W ? Ie : /* @__PURE__ */ u.jsxs(
-                        mr,
+                      children: f?.length && !T && !P ? Ze : /* @__PURE__ */ p.jsxs(
+                        xt,
                         {
                           className: "rac-title-container",
-                          duration: B,
+                          duration: L,
                           widthMode: !0,
                           children: [
-                            /* @__PURE__ */ u.jsx("span", { className: "rac-title-text", children: b }),
-                            /* @__PURE__ */ u.jsx(
-                              Fe,
+                            /* @__PURE__ */ p.jsx("span", { className: "rac-title-text", children: E }),
+                            /* @__PURE__ */ p.jsx(
+                              He,
                               {
                                 className: "rac-loading-container",
-                                visibility: W && !C,
-                                duration: B,
-                                children: /* @__PURE__ */ u.jsxs("span", { className: "rac-loading-dots", children: [
-                                  /* @__PURE__ */ u.jsx("i", {}),
-                                  /* @__PURE__ */ u.jsx("i", {}),
-                                  /* @__PURE__ */ u.jsx("i", {})
+                                visibility: P && !I,
+                                duration: L,
+                                children: /* @__PURE__ */ p.jsxs("span", { className: "rac-loading-dots", children: [
+                                  /* @__PURE__ */ p.jsx("i", {}),
+                                  /* @__PURE__ */ p.jsx("i", {}),
+                                  /* @__PURE__ */ p.jsx("i", {})
                                 ] })
                               }
                             )
                           ]
                         },
-                        b
+                        E
                       )
                     }
                   )
@@ -862,68 +883,84 @@ const Pr = qe(Or, (e, t) => e.visibility === t.visibility && e.duration === t.du
               )
             }
           ),
-          /* @__PURE__ */ u.jsxs("div", { className: "rac-select-buttons", children: [
-            /* @__PURE__ */ u.jsx(
-              Fe,
-              {
-                visibility: F && R && !M && !W && !C && !p,
-                style: { display: "grid" },
-                duration: B,
-                children: ge(m, {
-                  className: "rac-select-cancel",
-                  onMouseDown: (H) => {
-                    H.preventDefault(), H.stopPropagation();
+          /* @__PURE__ */ p.jsx(
+            He,
+            {
+              visibility: Oe || Ce,
+              className: "rac-select-buttons",
+              children: /* @__PURE__ */ p.jsxs(st, { component: null, children: [
+                Oe && /* @__PURE__ */ p.jsx(
+                  He,
+                  {
+                    style: { display: "grid" },
+                    duration: L,
+                    children: de(h, {
+                      className: "rac-select-cancel",
+                      onMouseDown: (J) => {
+                        J.preventDefault(), J.stopPropagation();
+                      },
+                      onClick: M
+                    })
                   },
-                  onClick: V
-                })
-              }
-            ),
-            /* @__PURE__ */ u.jsx(
-              Fe,
-              {
-                visibility: N && !p,
-                style: { display: "grid" },
-                duration: B,
-                children: /* @__PURE__ */ u.jsx("span", { className: `rac-select-arrow-wrapper ${k ? "--open" : ""}`, children: ge(l, { className: "rac-select-arrow-wrapper" }) })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ u.jsx(
-            Pr,
+                  "clear-icon"
+                ),
+                " ",
+                Ce && /* @__PURE__ */ p.jsx(
+                  He,
+                  {
+                    style: { display: "grid" },
+                    duration: L,
+                    children: de(i, { className: `rac-select-arrow ${S ? "--open" : ""} ${Y ? "" : "--up"}` })
+                  },
+                  "open-button"
+                )
+              ] })
+            }
+          ),
+          /* @__PURE__ */ p.jsx(
+            Pt,
             {
-              style: { "--rac-duration": `${B}ms`, ...A },
-              onAnimationDone: () => re(!0),
-              setBottomDirection: I,
-              animateOpacity: x,
-              className: L,
-              visibility: k,
-              selectRef: t,
-              duration: B,
-              unmount: r,
-              easing: se,
-              offset: v,
-              children: /* @__PURE__ */ u.jsxs(
+              style: { "--rac-duration": `${L}ms`, ...ne },
+              visibility: S && s.length,
+              onAnimationDone: () => ue(!0),
+              setBottomDirection: fe,
+              animateOpacity: W,
+              className: A,
+              selectRef: r,
+              duration: L,
+              unmount: t,
+              easing: ae,
+              offset: b,
+              children: /* @__PURE__ */ p.jsxs(
                 "div",
                 {
-                  onScroll: ee,
+                  onScroll: G,
                   className: "rac-select-list",
                   "aria-label": "Options",
                   role: "listbox",
                   tabIndex: "-1",
                   children: [
-                    g,
-                    !n && ve && /* @__PURE__ */ u.jsxs(
+                    x,
+                    !m && o && /* @__PURE__ */ p.jsxs(
                       "div",
                       {
                         className: "rac-select-option rac-disabled-option rac-loading-option",
-                        onClick: (H) => H.stopPropagation(),
+                        style: { justifyContent: "initial", alignItems: "end", gap: 0 },
+                        onClick: (J) => J.stopPropagation(),
                         children: [
-                          /* @__PURE__ */ u.jsx("span", { className: "rac-loading-option-title", children: "Loading" }),
-                          /* @__PURE__ */ u.jsxs("span", { className: "rac-loading-dots", children: [
-                            /* @__PURE__ */ u.jsx("i", {}),
-                            /* @__PURE__ */ u.jsx("i", {}),
-                            /* @__PURE__ */ u.jsx("i", {})
-                          ] })
+                          /* @__PURE__ */ p.jsx("span", { className: "rac-loading-option-title", children: "Loading" }),
+                          /* @__PURE__ */ p.jsx("div", { className: "rac-loading-container", children: /* @__PURE__ */ p.jsxs(
+                            "span",
+                            {
+                              style: { paddingBottom: "0.1em" },
+                              className: "rac-loading-dots",
+                              children: [
+                                /* @__PURE__ */ p.jsx("i", {}),
+                                /* @__PURE__ */ p.jsx("i", {}),
+                                /* @__PURE__ */ p.jsx("i", {})
+                              ]
+                            }
+                          ) })
                         ]
                       }
                     )
@@ -936,688 +973,740 @@ const Pr = qe(Or, (e, t) => e.visibility === t.visibility && e.duration === t.du
       }
     )
   ] });
-}), Ir = ["group", "disabled", "options", "items", "children"], Ue = ["name", "label", "id", "value"], ur = [], De = (e, t = !1) => {
-  if (t && typeof e.group == "string") return e.group;
-  const o = Ue.find((c) => e[c] != null && e[c] !== "");
-  if (o) return String(e[o]);
-  const s = Object.entries(e).find(([c, g]) => !Ir.includes(c) && g != null && g !== "");
-  return s ? String(s[1]) : null;
+}), Ht = ["group", "disabled", "options", "items", "children"], qe = ["name", "label", "id", "value"], dt = [], Ge = (e, r = !1) => {
+  if (r && typeof e.group == "string") return e.group;
+  const n = qe.find((a) => e[a] != null && e[a] !== "");
+  if (n) return String(e[n]);
+  const l = Object.entries(e).find(([a, x]) => !Ht.includes(a) && x != null && x !== "");
+  return l ? String(l[1]) : null;
 };
-function Lr({
-  options: e = ur,
-  jsxOptions: t = ur,
-  value: o,
-  defaultValue: s,
-  onChange: c,
-  disabled: g = !1,
-  loading: y = !1,
-  error: d = !1,
-  multiple: i = !1,
-  placeholder: E = "Choose option",
-  emptyText: b = "No options",
-  disabledText: k = "Disabled",
-  loadingText: N = "Loading",
-  errorText: R = "Failed to load",
-  disabledOption: F = "Disabled option",
-  emptyOption: L = "Empty option",
-  invalidOption: P = "Invalid option",
-  setVisibility: M,
-  hasMore: W,
-  loadButton: C,
-  setLoadingTitle: z,
-  loadingTitle: ie,
-  loadMoreText: X,
-  loadMore: Y,
-  childrenFirst: T,
-  groupsClosed: a
+function It({
+  options: e = dt,
+  jsxOptions: r = dt,
+  value: n,
+  onChange: l,
+  disabled: a = !1,
+  loading: x = !1,
+  error: y = !1,
+  multiple: f = !1,
+  placeholder: j = "Choose option",
+  emptyText: s = "No options",
+  disabledText: E = "Disabled",
+  loadingText: S = "Loading",
+  errorText: u = "Failed to load",
+  disabledOption: $ = "Disabled option",
+  emptyOption: _ = "Empty option",
+  invalidOption: A = "Invalid option",
+  setVisibility: T,
+  hasMore: C,
+  loadButton: P,
+  setLoadingTitle: I,
+  loadingTitle: F,
+  loadMoreText: Z,
+  loadMore: Q,
+  childrenFirst: D = !1,
+  groupsClosed: U = !1
 }) {
-  const ee = o !== void 0, [re, V] = le(() => {
-    const n = /* @__PURE__ */ new Set();
-    if (a) return n;
-    const p = (j) => {
-      Array.isArray(j) && j.forEach((f) => {
-        if (f && typeof f == "object") {
-          if (("options" in f || "group" in f && !Ue.some((D) => D in f)) && !f.disabled) {
-            const D = De(f, !0) || "Empty group";
-            n.add(D);
+  const c = n !== void 0, [G, ue] = oe(() => {
+    const o = /* @__PURE__ */ new Set();
+    if (U) return o;
+    const m = (g) => {
+      Array.isArray(g) && g.forEach((N) => {
+        if (N && typeof N == "object") {
+          if (("options" in N || "group" in N && !qe.some((Y) => Y in N)) && !N.disabled) {
+            const Y = Ge(N, !0) || "Empty group";
+            o.add(Y);
           }
-          f.options && p(f.options);
+          N.options && m(N.options);
         }
       });
     };
-    return p(e), n;
-  }), K = ne(null), de = _((n) => {
-    V((p) => {
-      const j = new Set(p);
-      return j.has(n) ? j.delete(n) : j.add(n), j;
+    return m(e), o;
+  }), M = re(null), V = R((o) => {
+    ue((m) => {
+      const g = new Set(m);
+      return g.has(o) ? g.delete(o) : g.add(o), g;
     });
-  }, []), ae = _((n, p, j = "n", f = null, I = !1) => {
-    const D = `${j}-${p}`;
-    if (n == null || n === "")
-      return { id: D, userId: null, name: L, raw: null, disabled: !0, type: "normal", group: f, groupDisabled: I };
-    if (typeof n == "function")
-      return { id: D, userId: null, name: P, raw: n, disabled: !0, invalid: !0, type: "normal", group: f };
-    if (typeof n == "object" && !Array.isArray(n)) {
-      const fe = f || n.group || null, q = I || n.disabled === !0, U = n.id ?? n.value ?? n.name ?? n.label, ce = n.value !== void 0 ? n.value : n.id !== void 0 ? n.id : n;
-      let h = De(n) || (q ? F : L);
+  }, []), he = R((o, m, g = "n", N = null, k = !1) => {
+    const Y = `${g}-${m}`;
+    if (o == null || o === "" || o === void 0)
+      return {
+        name: _,
+        disabled: !0,
+        type: "normal",
+        groupDisabled: k,
+        userId: null,
+        raw: o,
+        group: N,
+        id: Y
+      };
+    if (typeof o == "function")
+      return { id: Y, userId: null, name: A, raw: o, disabled: !0, invalid: !0, type: "normal", group: N };
+    if (typeof o == "object" && !Array.isArray(o)) {
+      const fe = N || o.group || null, le = k || o.disabled === !0, je = o.id ?? o.value ?? o.name ?? o.label, ee = o.value !== void 0 ? o.value : o.id !== void 0 ? o.id : o;
+      let d = Ge(o) || (le ? $ : _);
       return {
-        id: D,
-        userId: U,
-        name: h,
-        raw: ce,
-        original: n,
-        disabled: q || h === L && !q,
-        type: typeof ce == "boolean" ? "boolean" : "normal",
+        id: Y,
+        userId: je,
+        name: d,
+        raw: ee,
+        original: o,
+        disabled: le || d === _ && !le,
+        type: typeof ee == "boolean" ? "boolean" : "normal",
         group: fe,
-        groupDisabled: I
+        groupDisabled: k
       };
     }
     return {
-      id: D,
-      userId: n,
-      name: String(n),
-      raw: n,
-      original: n,
-      disabled: I,
-      type: typeof n == "boolean" ? "boolean" : "normal",
-      group: f
+      id: Y,
+      userId: o,
+      name: String(o),
+      raw: o,
+      original: o,
+      disabled: k,
+      type: typeof o == "boolean" ? "boolean" : "normal",
+      group: N
     };
-  }, [L, P, F]), A = Ne(() => {
-    const n = /* @__PURE__ */ new Map(), p = [], j = t.map((h, G) => {
-      if (h.isGroupMarker) return { ...h, type: "group-marker" };
-      const Q = !h.label && !h.userId && !h.value && (h.value === void 0 || h.value === null || h.value === "") && !h.hasJsx;
+  }, [_, A, $]), q = ve(() => {
+    const o = /* @__PURE__ */ new Map(), m = [], g = r.map((d, O) => {
+      if (d.isGroupMarker) return { ...d, type: "group-marker" };
+      const se = !d.label && !d.userId && !d.value && (d.value === void 0 || d.value === null || d.value === "") && !d.hasJsx;
       return {
-        ...h,
-        id: `jsx-${h.id}`,
-        index: G,
-        userId: h.userId,
-        raw: h.value,
-        original: h.value,
-        name: Q ? L : h.label || h.userId || String(h.value || ""),
-        disabled: !!h.disabled || Q,
-        type: typeof h.value == "boolean" ? "boolean" : "normal",
-        group: h.group || null
+        ...d,
+        id: `jsx-${d.id}`,
+        index: O,
+        userId: d.userId,
+        raw: d.value,
+        original: d.value,
+        name: se ? _ : d.label || d.userId || String(d.value || ""),
+        disabled: !!d.disabled || se,
+        type: typeof d.value == "boolean" ? "boolean" : "normal",
+        group: d.group || null
       };
     });
-    let f = 0;
-    const I = (h, G = null, Q = !1, pe = "0") => {
-      Array.isArray(h) || (h = [h]), h.forEach(($, xe) => {
-        if (!$) return;
-        const me = `${pe}-${xe}`, we = typeof $ == "object" && !Array.isArray($);
-        if (we && ("options" in $ || "group" in $ && !Ue.some((oe) => oe in $))) {
-          const oe = De($, !0) || "Empty group";
-          n.has(oe) || n.set(oe, { disabled: !!$.disabled, closedByDefault: !!$.disabled || a, items: [] }), $.options ? I($.options, oe, Q || !!$.disabled, me) : p.push({ id: `empty-${oe}-${me}`, name: oe, group: oe, isPlaceholder: !0, type: "group-marker", index: f++ });
-        } else if (we && !Ue.some((oe) => oe in $) && !$.group)
-          Object.entries($).forEach(([oe, Pe], Ce) => {
-            const Ie = ae(Pe, `${me}-${Ce}`, "default", G, Q);
-            p.push({ ...Ie, index: f++ });
+    let N = 0;
+    const k = (d, O = null, se = !1, xe = "0") => {
+      Array.isArray(d) || (d = [d]), d.forEach((z, ke) => {
+        const X = `${xe}-${ke}`, Ee = z != null && typeof z == "object" && !Array.isArray(z);
+        if (Ee && ("options" in z || "group" in z && !qe.some((te) => te in z))) {
+          const te = Ge(z, !0) || "Empty group";
+          o.has(te) || o.set(te, { disabled: !!z.disabled, closedByDefault: !!z.disabled || U, items: [] }), z.options ? k(z.options, te, se || !!z.disabled, X) : m.push({ id: `empty-${te}-${X}`, name: te, group: te, isPlaceholder: !0, type: "group-marker", index: N++ });
+        } else if (Ee && !qe.some((te) => te in z) && !z.group)
+          Object.entries(z).forEach(([te, _e], Ae) => {
+            const Re = he(_e, `${X}-${Ae}`, "default", O, se);
+            m.push({ ...Re, index: N++ });
           });
         else {
-          const oe = ae($, me, "default", G, Q);
-          p.push({ ...oe, index: f++ });
+          const te = he(z, X, "default", O, se);
+          m.push({ ...te, index: N++ });
         }
       });
     };
-    I(e);
-    const D = T ? [...j, ...p] : [...p, ...j];
-    if (!K.current)
-      K.current = new Map(D.map((h, G) => [h.id, G]));
+    k(e);
+    const Y = D ? [...g, ...m] : [...m, ...g];
+    if (!M.current)
+      M.current = new Map(Y.map((d, O) => [d.id, O]));
     else {
-      let h = !1;
-      if (D.forEach((G) => {
-        K.current.has(G.id) || (h = !0);
-      }), h) {
-        const G = /* @__PURE__ */ new Map();
-        D.forEach((Q, pe) => {
-          G.set(Q.id, pe);
-        }), K.current = G;
+      let d = !1;
+      if (Y.forEach((O) => {
+        M.current.has(O.id) || (d = !0);
+      }), d) {
+        const O = /* @__PURE__ */ new Map();
+        Y.forEach((se, xe) => {
+          O.set(se.id, xe);
+        }), M.current = O;
       }
     }
-    const fe = [...D].sort((h, G) => {
-      const Q = K.current.get(h.id) ?? 999999, pe = K.current.get(G.id) ?? 999999;
-      return Q - pe;
-    }), q = [], U = /* @__PURE__ */ new Set();
-    fe.forEach((h) => {
-      if (!h.group)
-        q.push({ type: "item", data: h });
-      else if (U.has(h.group) || (U.add(h.group), q.push({ type: "group", name: h.group })), !h.isPlaceholder && !h.isGroupMarker) {
-        const G = n.get(h.group) || { items: [] };
-        n.has(h.group) || n.set(h.group, G), G.items.push(h);
+    const fe = [...Y].sort((d, O) => {
+      const se = M.current.get(d.id) ?? 999999, xe = M.current.get(O.id) ?? 999999;
+      return se - xe;
+    }), le = [], je = /* @__PURE__ */ new Set();
+    fe.forEach((d) => {
+      if (!d.group)
+        le.push({ type: "item", data: d });
+      else {
+        je.has(d.group) || (je.add(d.group), le.push({ type: "group", name: d.group }));
+        const O = o.get(d.group) || { items: [] };
+        o.has(d.group) || o.set(d.group, O), d.isGroupMarker ? (O.className = d.className, O.style = d.style, d.disabled && (O.disabled = !0)) : d.isPlaceholder || O.items.push(d);
       }
     });
-    const ce = [];
-    return q.forEach((h) => {
-      if (h.type === "item")
-        ce.push(h.data);
+    const ee = [];
+    return le.forEach((d) => {
+      if (d.type === "item")
+        ee.push(d.data);
       else {
-        const G = h.name, Q = n.get(G), pe = re.has(G);
-        ce.push({
-          id: `group-header-${G}`,
-          name: G,
-          disabled: !!Q?.disabled,
+        const O = d.name, se = o.get(O), xe = G.has(O);
+        ee.push({
+          className: se?.className || "",
+          id: `group-header-${O}`,
+          disabled: !!se?.disabled,
+          style: se?.style || {},
           groupHeader: !0,
-          expanded: pe,
+          name: O,
           type: "group",
-          hidden: !1
-        }), Q?.items.forEach(($) => {
-          const xe = re.size > 0 ? !pe : !!a;
-          ce.push({ ...$, hidden: xe });
+          hidden: !1,
+          expanded: xe
+        }), se?.items.forEach((z) => {
+          const ke = G.size > 0 ? !xe : !!U;
+          ee.push({ ...z, hidden: ke });
         });
       }
-    }), W && C && ce.push({
+    }), C && P && ee.push({
       id: "special-load-more-id",
-      name: ie,
+      name: F,
       loadMore: !0,
-      loading: ie === X,
+      loading: F === Z,
       type: "special"
-    }), ce;
-  }, [e, t, ae, T, W, C, ie, X, a, re, L]), B = _(() => {
-    const n = ee ? o : s;
+    }), ee;
+  }, [e, r, he, D, C, P, F, Z, U, G, _]), ne = R(() => {
     if (n == null || Array.isArray(n) && n.length === 0)
       return { initialId: null, initialIDs: [] };
-    const p = /* @__PURE__ */ new Set(), j = (f, I) => {
-      let D = A.find((q) => q.original === f && !p.has(q.id));
-      if (!D && typeof f == "object")
+    const o = /* @__PURE__ */ new Set(), m = (g, N) => {
+      let k = q.find((fe) => fe.original === g && !o.has(fe.id));
+      if (!k && typeof g == "object")
         try {
-          const q = JSON.stringify(f);
-          D = A.find(
-            (U) => U.original && typeof U.original == "object" && JSON.stringify(U.original) === q && !p.has(U.id)
+          const fe = JSON.stringify(g);
+          k = q.find(
+            (le) => le.original && typeof le.original == "object" && JSON.stringify(le.original) === fe && !o.has(le.id)
           );
         } catch {
         }
-      if (D)
-        return p.add(D.id), D;
-      const fe = typeof f == "object" ? f.id || f.value || JSON.stringify(f) : String(f);
-      return typeof f == "object" && f !== null ? {
-        id: `virtual-${fe}-${I}`,
-        name: De(f) || String(f.id || "Selected Object"),
-        raw: f.value ?? f.id ?? f,
-        original: f,
-        userId: f.id ?? f.value ?? null,
+      if (k)
+        return o.add(k.id), k;
+      const Y = typeof g == "object" ? g.id || g.value || JSON.stringify(g) : String(g);
+      return typeof g == "object" && g !== null ? {
+        id: `virtual-${Y}-${N}`,
+        name: Ge(g) || String(g.id || "Selected Object"),
+        raw: g.value ?? g.id ?? g,
+        original: g,
+        userId: g.id ?? g.value ?? null,
         virtual: !0
       } : {
-        id: `virtual-${fe}-${I}`,
-        name: String(f),
-        raw: f,
-        original: f,
-        userId: f,
+        id: `virtual-${Y}-${N}`,
+        name: String(g),
+        raw: g,
+        original: g,
+        userId: g,
         virtual: !0
       };
     };
-    if (i)
-      return { initialId: null, initialIDs: (Array.isArray(n) ? n : [n]).map((D, fe) => j(D, fe)) };
+    if (f)
+      return { initialId: null, initialIDs: (Array.isArray(n) ? n : [n]).map((k, Y) => m(k, Y)) };
     {
-      const f = Array.isArray(n) ? n[0] : n;
-      return { initialId: j(f, 0).id, initialIDs: [] };
+      const g = Array.isArray(n) ? n[0] : n;
+      return { initialId: m(g, 0).id, initialIDs: [] };
     }
-  }, [ee, o, s, A, i]), [se, v] = le(() => B().initialId), [x, r] = le(() => B().initialIDs), l = Ne(() => {
-    const n = A.find((p) => p.id === se);
-    if (n) return n;
-    if (!i && se?.startsWith("virtual-")) {
-      const p = ee ? o : s, j = Array.isArray(p) ? p[0] : p;
-      if (j)
+  }, [c, n, q, f]), [L, ae] = oe(() => ne().initialId), [b, W] = oe(() => ne().initialIDs), t = ve(() => {
+    const o = q.find((m) => m.id === L);
+    if (o) return o;
+    if (!f && L?.startsWith("virtual-")) {
+      const m = Array.isArray(n) ? n[0] : n;
+      if (m)
         return {
-          id: se,
-          name: typeof j == "object" ? De(j) : String(j),
-          original: j
+          id: L,
+          name: typeof m == "object" ? Ge(m) : String(m),
+          original: m
         };
     }
     return null;
-  }, [se, A, i, ee, o, s]), m = _((n, p) => {
-    if (n.groupHeader) {
-      w(p), n.disabled || de(n.name);
+  }, [L, q, f, c, n]), i = R((o, m) => {
+    if (o.groupHeader) {
+      h(m), o.disabled || V(o.name);
       return;
     }
-    if (n.disabled || n.loadMore) {
-      w(p), n.loadMore && !n.loading && (z(X), Y());
+    if (o.disabled || o.loadMore) {
+      h(m), o.loadMore && !o.loading && (I(Z), Q());
       return;
     }
-    if (i) {
-      if (n.disabled || n.groupHeader || n.loadMore) {
-        w(p);
+    if (f) {
+      if (o.disabled || o.groupHeader || o.loadMore) {
+        h(m);
         return;
       }
-      w(p);
-      const f = x?.some((I) => I.id === n.id) ? x.filter((I) => I.id !== n.id) : [...x, n];
-      r(f), c?.(f.map((I) => I.original), f.map((I) => I.userId));
+      h(m);
+      const N = b?.some((k) => k.id === o.id) ? b.filter((k) => k.id !== o.id) : [...b, o];
+      W(N), l?.(N.map((k) => k.original), N.map((k) => k.userId));
       return;
     }
-    v(n.id), c?.(n.original, n.userId), M(!1);
-  }, [c, M, Y, X, z, de, i, x]), w = _((n) => {
-    n?.stopPropagation(), n?.preventDefault();
-  }, []), ge = _(() => {
-    c?.(null, null), v(null), r([]);
-  }, [c]), ve = _((n) => {
-    const p = x.filter((j) => j.id !== n);
-    r(p), c?.(p.map((j) => j.original), p.map((j) => j.userId));
-  }, [x, c]);
+    ae(o.id), l?.(o.original, o.userId), T(!1);
+  }, [l, T, Q, Z, I, V, f, b]), h = R((o) => {
+    o?.stopPropagation(), o?.preventDefault();
+  }, []), v = R(() => {
+    l?.(null, null), ae(null), W([]);
+  }, [l]), de = R((o) => {
+    const m = b.filter((g) => g.id !== o);
+    W(m), l?.(m.map((g) => g.original), m.map((g) => g.userId));
+  }, [b, l]);
   return {
-    normalizedOptions: A,
-    selected: l,
-    selectOption: m,
-    clear: ge,
-    removeOption: ve,
-    hasOptions: A.length > 0,
-    active: !d && !y && !g && A.length > 0,
-    selectedValue: o ?? s,
-    placeholder: E,
-    emptyText: b,
-    disabledText: k,
-    loadingText: N,
-    errorText: R,
-    disabledOption: F,
-    emptyOption: L,
-    invalidOption: P,
-    disabled: g,
-    loading: y,
-    error: d,
-    expandedGroups: re,
-    toggleGroup: de,
-    selectedIDs: x,
-    multiple: i,
-    setSelectedIds: r
+    normalizedOptions: q,
+    selected: t,
+    selectOption: i,
+    clear: v,
+    removeOption: de,
+    hasOptions: q.length > 0,
+    active: !y && !x && !a && q.length > 0,
+    selectedValue: n,
+    placeholder: j,
+    emptyText: s,
+    disabledText: E,
+    loadingText: S,
+    errorText: u,
+    disabledOption: $,
+    emptyOption: _,
+    invalidOption: A,
+    disabled: a,
+    loading: x,
+    error: y,
+    expandedGroups: G,
+    toggleGroup: V,
+    selectedIDs: b,
+    multiple: f,
+    setSelectedIds: W
   };
 }
-function Hr({ disabled: e, open: t, setOpen: o, options: s = [], selectOption: c, setDeleting: g, selected: y, selectedIDs: d, multiple: i, hasMore: E, loadMore: b, loadButton: k, loadButtonText: N, setLoadingTitle: R, loadOffset: F, loadAhead: L, expandedGroups: P, onOpen: M, onClose: W, deleting: C }) {
-  const z = ne(!1), ie = ne(0), X = ne(!1), [Y, T] = le(-1);
-  ue(() => {
-    X.current = !1, k && R(N);
-  }, [s.length, E, k, N, R]);
-  const a = _(() => {
-    !E || X.current || (X.current = !0, b());
-  }, [E, b]), ee = _((v) => {
-    if (k || !E || X.current) return;
-    const { scrollTop: x, scrollHeight: r, clientHeight: l } = v.currentTarget(r - x <= l + F) && a();
-  }, [k, E, F, a]);
-  ue(() => {
-    !k && t && E && Y >= s.length - L && a();
-  }, [Y, t, E, s.length, L, k, a]), ue(() => {
-    const v = () => {
-      ie.current = Date.now();
+function Ft({ disabled: e, open: r, setOpen: n, options: l = [], selectOption: a, setDeleting: x, selected: y, selectedIDs: f, multiple: j, hasMore: s, loadMore: E, loadButton: S, loadButtonText: u, setLoadingTitle: $, loadOffset: _, loadAhead: A, expandedGroups: T, onOpen: C, onClose: P, deleting: I }) {
+  const F = re(!1), Z = re(0), Q = re(!1), [D, U] = oe(-1);
+  pe(() => {
+    Q.current = !1, S && $(u);
+  }, [l.length, s, S, u, $]);
+  const c = R(() => {
+    !s || Q.current || (Q.current = !0, E());
+  }, [s, E]), G = R((b) => {
+    if (S || !s || Q.current) return;
+    const { scrollTop: W, scrollHeight: t, clientHeight: i } = b.currentTarget(t - W <= i + _) && c();
+  }, [S, s, _, c]);
+  pe(() => {
+    !S && r && s && D >= l.length - A && c();
+  }, [D, r, s, l.length, A, S, c]), pe(() => {
+    const b = () => {
+      Z.current = Date.now();
     };
-    return window.addEventListener("focus", v), () => window.removeEventListener("focus", v);
-  }, []), ue(() => {
-    if (!t) {
-      T(-1);
+    return window.addEventListener("focus", b), () => window.removeEventListener("focus", b);
+  }, []), pe(() => {
+    if (!r) {
+      U(-1);
       return;
     }
-    const v = s[Y], x = v && !v.hidden && !v.groupHeader;
-    if (Y >= 0 && Y < s.length && x) return;
-    let r = -1;
-    if (y && !i) {
-      const l = i ? y[0] : y;
-      l && (r = s.findIndex((m) => m.id === l.id && !m.disabled && !m.hidden && !m.groupHeader));
+    const b = l[D], W = b && !b.hidden && !b.groupHeader;
+    if (D >= 0 && D < l.length && W) return;
+    let t = -1;
+    if (y && !j) {
+      const i = j ? y[0] : y;
+      i && (t = l.findIndex((h) => h.id === i.id && !h.disabled && !h.hidden && !h.groupHeader));
     }
-    if (i && d.length) {
-      const l = new Set(d.map((m) => m.id));
-      r = s.findIndex(
-        (m) => l.has(m.id) && !m.disabled && !m.hidden && !m.groupHeader
+    if (j && f.length) {
+      const i = new Set(f.map((h) => h.id));
+      t = l.findIndex(
+        (h) => i.has(h.id) && !h.disabled && !h.hidden && !h.groupHeader
       );
     }
-    r === -1 && (r = s.findIndex((l) => !l.disabled && !l.hidden && !l.groupHeader)), T(r);
-  }, [t, s, y]);
-  const re = _((v, x) => {
-    const r = (w) => w && !w?.groupHeader && (!w?.group || P?.has(w?.group)) && !w?.disabled && !w?.loading, l = s.length;
-    if (l === 0) return -1;
-    let m = v;
-    for (let w = 0; w < l; w++) {
-      if (m = (m + x + l) % l, !k && E && (x > 0 && m === 0 || x < 0 && m === l - 1))
-        return v;
-      if (r(s[m])) return m;
+    t === -1 && (t = l.findIndex((i) => !i.disabled && !i.hidden && !i.groupHeader)), U(t);
+  }, [r, l, y]);
+  const ue = R((b, W) => {
+    const t = (v) => v && !v?.groupHeader && (!v?.group || T?.has(v?.group)) && !v?.disabled && !v?.loading, i = l.length;
+    if (i === 0) return -1;
+    let h = b;
+    for (let v = 0; v < i; v++) {
+      if (h = (h + W + i) % i, !S && s && (W > 0 && h === 0 || W < 0 && h === i - 1))
+        return b;
+      if (t(l[h])) return h;
     }
-    return v;
-  }, [s, E, k, P]), V = _((v) => {
-    const x = v.relatedTarget?.closest(".rac-options");
-    !v.currentTarget.contains(v.relatedTarget) && !x && (o(!1), g(!1));
-  }, [o]), K = _(() => {
-    e || C || document.hidden || Date.now() - ie.current < 100 || t || (o(!0), z.current = !0, setTimeout(() => z.current = !1, 200));
-  }, [e, t, o, C]), de = ne(t), ae = ne(M), A = ne(W);
-  ue(() => {
-    ae.current = M, A.current = W;
-  }, [M, W]), ue(() => {
-    de.current !== t && (t ? ae.current?.() : A.current?.(), de.current = t);
-  }, [t]);
-  const B = _((v) => {
-    e || C || v?.target?.closest(".rac-select-cancel") || z.current || o(!t);
-  }, [e, t, o, M, W, C]), se = _((v) => {
+    return b;
+  }, [l, s, S, T]), M = R((b) => {
+    const W = b.relatedTarget?.closest(".rac-options");
+    !b.currentTarget.contains(b.relatedTarget) && !W && (n(!1), x(!1));
+  }, [n]), V = R(() => {
+    e || I || document.hidden || Date.now() - Z.current < 100 || r || (n(!0), F.current = !0, setTimeout(() => F.current = !1, 200));
+  }, [e, r, n, I]), he = re(r), q = re(C), ne = re(P);
+  pe(() => {
+    q.current = C, ne.current = P;
+  }, [C, P]), pe(() => {
+    he.current !== r && (r ? q.current?.() : ne.current?.(), he.current = r);
+  }, [r]);
+  const L = R((b) => {
+    e || I || b?.target?.closest(".rac-select-cancel") || F.current || n(!r);
+  }, [e, r, n, C, P, I]), ae = R((b) => {
     if (!e)
-      switch (v.key) {
+      switch (b.key) {
         case "Enter":
         case " ":
-          v.preventDefault(), t ? Y !== -1 && s[Y] && c(s[Y], v) : o(!0);
+          b.preventDefault(), r ? D !== -1 && l[D] && a(l[D], b) : n(!0);
           break;
         case "Escape":
-          v.preventDefault(), o(!1);
+          b.preventDefault(), n(!1);
           break;
         case "ArrowDown":
-          v.preventDefault(), t ? T((x) => re(x, 1)) : o(!0);
+          b.preventDefault(), r ? U((W) => ue(W, 1)) : n(!0);
           break;
         case "ArrowUp":
-          v.preventDefault(), t ? T((x) => re(x, -1)) : o(!0);
+          b.preventDefault(), r ? U((W) => ue(W, -1)) : n(!0);
           break;
         case "Tab":
-          t && o(!1);
+          r && n(!1);
           break;
       }
-  }, [e, t, o, Y, s, c, re]);
-  return Ne(() => ({ handleBlur: V, handleFocus: K, toggleVisibility: B, handleKeyDown: se, highlightedIndex: Y, setHighlightedIndex: T, handleListScroll: ee }), [V, K, B, se, Y, ee]);
+  }, [e, r, n, D, l, a, ue]);
+  return ve(() => ({ handleBlur: M, handleFocus: V, toggleVisibility: L, handleKeyDown: ae, highlightedIndex: D, setHighlightedIndex: U, handleListScroll: G }), [M, V, L, ae, D, G]);
 }
-function Fr({ visibility: e, children: t, duration: o = 300, className: s }) {
-  const c = ne(null);
-  return /* @__PURE__ */ u.jsx(
-    Xe,
+function Mt({ visibility: e, children: r, duration: n = 300, className: l }) {
+  const a = re(null), x = R(() => {
+    if (!a.current) return { top: "0px", bottom: "0px" };
+    const y = window.getComputedStyle(a.current);
+    return { top: y.marginTop, bottom: y.marginBottom };
+  }, []);
+  return /* @__PURE__ */ p.jsx(
+    Ke,
     {
-      onEntering: () => c.current.style.height = c.current.scrollHeight + "px",
-      onExit: () => c.current.style.height = c.current.scrollHeight + "px",
-      onEntered: () => c.current.style.height = "auto",
-      onExiting: () => c.current.style.height = "0px",
-      onEnter: () => c.current.style.height = "0px",
+      onEnter: () => {
+        a.current.style.height = "0px", a.current.style.marginTop = "0px", a.current.style.marginBottom = "0px";
+      },
+      onEntering: () => {
+        const { top: y, bottom: f } = x();
+        a.current.style.height = a.current.scrollHeight + "px", a.current.style.marginBottom = f, a.current.style.marginTop = y;
+      },
+      onEntered: () => a.current.style.height = "auto",
+      onExit: () => {
+        const { top: y, bottom: f } = x();
+        a.current.style.height = a.current.scrollHeight + "px", a.current.style.marginBottom = f, a.current.style.marginTop = y, a.current.offsetHeight;
+      },
+      onExiting: () => {
+        a.current.style.height = "0px", a.current.style.marginTop = "0px", a.current.style.marginBottom = "0px";
+      },
       classNames: "rac-slide-down",
-      timeout: o,
-      nodeRef: c,
+      timeout: n,
+      nodeRef: a,
       in: e,
       unmountOnExit: !0,
-      children: /* @__PURE__ */ u.jsx(
+      children: /* @__PURE__ */ p.jsx(
         "div",
         {
           style: {
-            transition: `height ${o}ms ease`,
+            transition: `height ${n}ms ease, margin ${n}ms ease`,
             overflow: "hidden"
           },
-          className: `${s} rac-slide-down-enter-done`,
-          ref: c,
+          className: `${l} rac-slide-down-enter-done`,
+          ref: a,
           tabIndex: -1,
-          children: t
+          children: r
         }
       )
     }
   );
 }
-const Ke = (e, t) => {
+const et = (e, r = "invalid-option", n = "") => {
+  const l = n ? n.replace(/:/g, "") : "";
+  if (typeof e != "string" || !e.trim())
+    return l ? `${r}-${l}` : `${r}-${Math.random().toString(36).slice(2, 8)}`;
+  const a = e.normalize("NFKD").replace(/[\u0300-\u036f]/g, "").replace(/\s+/g, "-").replace(/[^\p{L}\p{N}-]+/gu, "").toLowerCase();
+  return a ? a || `${r}-${Math.random().toString(36).slice(2, 8)}` : l ? `${r}-${l}` : `${r}-${Math.random().toString(36).slice(2, 8)}`;
+}, Ve = (e, r) => {
   if (!e) return null;
-  const o = (s = {}) => ({
-    ...t,
-    ...s,
+  const n = (l = {}) => ({
+    ...r,
+    ...l,
     style: {
-      ...t?.style,
-      ...s?.style
+      ...r?.style,
+      ...l?.style
     }
   });
-  if (typeof e == "string") return /* @__PURE__ */ u.jsx("img", { src: e, ...o(), alt: "" });
-  if (vr(e)) return jr(e, o(e.props));
+  if (typeof e == "string") return /* @__PURE__ */ p.jsx("img", { src: e, ...n(), alt: "" });
+  if (jt(e)) return St(e, n(e.props));
   if (typeof e == "function" || typeof e == "object" && e.$$typeof) {
-    const s = e;
-    return /* @__PURE__ */ u.jsx(s, { ...o() });
+    const l = e;
+    return /* @__PURE__ */ p.jsx(l, { ...n() });
   }
   return null;
-}, Mr = (e, t, o, s, c, g, y, d) => {
-  const i = d?.some((E) => E.id === e.id);
+}, Wt = (e, r, n, l, a, x, y, f) => {
+  const j = f?.some((s) => s.id === e.id);
   return e.groupHeader ? "rac-select-option rac-group-option" : [
     "rac-select-option",
     e.className,
-    (i || s === e.id) && "rac-selected",
-    t === o && "rac-highlighted",
+    (j || l === e.id) && "rac-selected",
+    r === n && "rac-highlighted",
     (e.disabled || e.loading) && "rac-disabled-option",
     (e.invalid || e.name === y) && "rac-invalid-option",
-    e.loadMore && c === g && "rac-loading-option",
+    e.loadMore && a === x && "rac-loading-option",
     typeof e.raw == "boolean" && (e.raw ? "rac-true-option" : "rac-false-option")
   ].filter(Boolean).join(" ");
-}, Dr = hr(({
+}, zt = pt(({
   unmount: e,
-  children: t,
-  visibility: o,
-  ownBehavior: s = !1,
-  alwaysOpen: c = !1,
-  duration: g = 300,
-  easing: y = "ease-out",
-  offset: d = 1,
-  animateOpacity: i = !0,
-  style: E = {},
-  className: b = "",
-  ArrowIcon: k = _r,
-  ClearIcon: N = or,
-  DelIcon: R = or,
-  CheckIcon: F = ar,
-  hasMore: L = !1,
-  loadMore: P = () => {
-    console.warn("loadMore not implemented");
+  children: r,
+  visibility: n,
+  setVisibility: l = () => {
   },
-  loadButton: M = !1,
-  loadButtonText: W = "Load more",
-  loadMoreText: C = "Loading",
-  selectedText: z = void 0,
-  loadOffset: ie = 100,
-  loadAhead: X = 3,
-  childrenFirst: Y = !1,
-  groupsClosed: T = !1,
-  optionsClassName: a = "",
-  onOpen: ee = () => {
+  ownBehavior: a = !1,
+  duration: x = 300,
+  easing: y = "ease-in",
+  offset: f = 1,
+  animateOpacity: j = !0,
+  style: s = {},
+  className: E = "",
+  OpenIcon: S = kt,
+  ClearIcon: u = lt,
+  DelIcon: $ = lt,
+  Checkmark: _ = _t,
+  Checkbox: A = void 0,
+  hasMore: T = !1,
+  loadMore: C = () => console.warn("loadMore not implemented"),
+  loadButton: P = !1,
+  loadButtonText: I = "Load more",
+  loadMoreText: F = "Loading",
+  selectedText: Z = void 0,
+  loadOffset: Q = 100,
+  loadAhead: D = 3,
+  optionsClassName: U = "",
+  onOpen: c = () => {
   },
-  onClose: re = () => {
+  onClose: G = () => {
   },
-  deleteInline: V = !1,
-  ...K
-}, de) => {
-  const ae = xr(), A = Ne(() => ae.replace(/:/g, ""), [ae]), [B, se] = le([]), [v, x] = le(!1), [r, l] = le(M ? W : C), [m, w] = le(!1), ge = ne(null), [ve, n] = le(!1), p = _((O) => {
-    se((Z) => {
-      const he = Z.findIndex(($e) => $e.id === O.id);
-      if (he !== -1) {
-        const $e = Z[he];
-        if ($e.label === O.label && $e.value === O.value && $e.disabled === O.disabled && $e.group === O.group)
-          return Z;
-        const We = [...Z];
-        return We[he] = O, We;
+  deleteInline: ue = !1,
+  showDelete: M = !1,
+  ...V
+}, he) => {
+  const q = yt(), ne = ve(() => q.replace(/:/g, ""), [q]), [L, ae] = oe([]), [b, W] = oe(!1), [t, i] = oe(P ? I : F), [h, v] = oe(!1), de = re(null), [o, m] = oe(!1), g = R((H) => {
+    ae((K) => {
+      const ie = K.findIndex((ye) => ye.id === H.id);
+      if (ie !== -1) {
+        const ye = K[ie];
+        if (ye.label === H.label && ye.value === H.value && ye.disabled === H.disabled && ye.group === H.group)
+          return K;
+        const be = [...K];
+        return be[ie] = H, be;
       }
-      return [...Z, O];
+      return [...K, H];
     });
-  }, []), j = _((O) => {
-    se((Z) => {
-      const he = Z.filter(($e) => $e.id !== O);
-      return he.length === Z.length ? Z : he;
+  }, []), N = R((H) => {
+    ae((K) => {
+      const ie = K.filter((ye) => ye.id !== H);
+      return ie.length === K.length ? K : ie;
     });
-  }, []), f = c ? !0 : s ? !!o : v, I = _((O) => {
-    c || s || x(O);
-  }, [c, s]), D = Lr({
-    ...K,
-    setVisibility: I,
-    jsxOptions: B,
-    hasMore: L,
-    loadButton: M,
-    loadingTitle: r,
-    loadMore: P,
-    loadMoreText: C,
-    setLoadingTitle: l,
-    childrenFirst: Y,
-    groupsClosed: T
-  }), { multiple: fe, normalizedOptions: q, selected: U, selectOption: ce, clear: h, removeOption: G, hasOptions: Q, active: pe, selectedValue: $, disabled: xe, loading: me, error: we, placeholder: Te, invalidOption: oe, emptyText: Pe, disabledText: Ce, loadingText: Ie, errorText: H, expandedGroups: J, selectedIDs: te, setSelectedIds: Le } = D, ye = Hr({ setDeleting: n, setLoadingTitle: l, loadButton: M, loadButtonText: W, hasMore: L, loadMore: P, disabled: xe, multiple: fe, open: f, setOpen: I, options: q, selectOption: ce, selected: U, loadOffset: ie, loadAhead: X, expandedGroups: J, selectedIDs: te, onOpen: ee, onClose: re, deleting: ve }), { handleListScroll: je, handleBlur: Se, handleFocus: be, toggleVisibility: Ge, handleKeyDown: He, highlightedIndex: Ee, setHighlightedIndex: ke } = ye;
-  gr(de, () => ge.current), ue(() => {
-    !f && w(!1);
-  }, [f]), ue(() => {
-    (we || xe || me || !Q) && I(!1);
-  }, [we, xe, me, Q, I]), ue(() => {
-    if (f && m && Ee !== -1) {
-      const O = q[Ee];
-      O && document.getElementById(`${A}-${Ze(O.id)}`)?.scrollIntoView({ block: "nearest" });
+  }, []), k = n !== void 0, Y = ve(() => a || k ? !!n : b, [a, k, n, b]), fe = R((H) => {
+    a || (!k && W(H), l?.(H));
+  }, [a, k, l]), le = It({
+    ...V,
+    setVisibility: fe,
+    jsxOptions: L,
+    hasMore: T,
+    loadButton: P,
+    loadingTitle: t,
+    loadMore: C,
+    loadMoreText: F,
+    setLoadingTitle: i
+  }), { multiple: je, normalizedOptions: ee, selected: d, selectOption: O, clear: se, removeOption: xe, hasOptions: z, active: ke, selectedValue: X, disabled: Ee, loading: Ne, error: te, placeholder: _e, invalidOption: Ae, emptyText: Re, disabledText: ze, loadingText: Je, errorText: Ue, expandedGroups: Oe, selectedIDs: Ce, setSelectedIds: Ze } = le, J = Ft({ setDeleting: m, setLoadingTitle: i, loadButton: P, loadButtonText: I, hasMore: T, loadMore: C, disabled: Ee, multiple: je, open: Y, setOpen: fe, options: ee, selectOption: O, selected: d, loadOffset: Q, loadAhead: D, expandedGroups: Oe, selectedIDs: Ce, onOpen: c, onClose: G, deleting: o }), { handleListScroll: B, handleBlur: ce, handleFocus: Ie, toggleVisibility: we, handleKeyDown: Se, highlightedIndex: ge, setHighlightedIndex: me } = J;
+  ht(he, () => de.current), pe(() => {
+    if (!Y) {
+      v(!1);
+      return;
+    }
+    Y && de.current && document.activeElement !== de.current && de.current.focus();
+  }, [Y]), pe(() => {
+    (te || Ee || Ne || !z) && fe(!1);
+  }, [te, Ee, Ne, z, fe]), pe(() => {
+    k && W(!!n);
+  }, [n, k]), pe(() => {
+    if (Y && h && ge !== -1) {
+      const H = ee[ge];
+      H && document.getElementById(`${ne}-${et(H.id)}`)?.scrollIntoView({ block: "nearest" });
     }
-  }, [Ee, f, m, q, A]);
-  const Re = Ne(() => $ != null && !(Array.isArray($) && $.length === 0) && !(typeof $ == "object" && Object.keys($).length === 0), [$]), Ae = Ne(() => {
-    if (we) return H;
-    if (me) return Ie;
-    if (xe) return Ce;
-    if (Re && z) return z;
-    if (U) return U.jsx ?? U.name;
-    if (Re) {
-      const O = q.find((Z) => Z.raw === $);
-      return O ? O.name : typeof $ == "object" && $ !== null ? $.name ?? $.label ?? "Selected Object" : String($);
+  }, [ge, Y, h, ee, ne]);
+  const Pe = ve(() => X != null && !(Array.isArray(X) && X.length === 0) && !(typeof X == "object" && Object.keys(X).length === 0), [X]), Fe = ve(() => {
+    if (te) return Ue;
+    if (Ne) return Je;
+    if (Ee) return ze;
+    if (Pe && Z) return Z;
+    if (d) return d.jsx ?? d.name;
+    if (Pe) {
+      const H = ee.find((K) => K.raw === X);
+      return H ? H.name : typeof X == "object" && X !== null ? X.name ?? X.label ?? "Selected Object" : String(X);
     }
-    return Q ? Te : Pe;
-  }, [xe, me, we, Q, U, $, Te, H, Ie, Ce, Pe, Re, q]), Me = Ne(() => {
-    const O = [];
-    let Z = [], he = null;
-    const $e = q.reduce((S, _e) => (_e.group && (S[_e.group] = (S[_e.group] || 0) + 1), S), {}), We = (S) => {
-      S === null || Z.length === 0 || (O.push(
-        /* @__PURE__ */ u.jsx(
-          Fr,
+    return z ? _e : Re;
+  }, [Ee, Ne, te, z, d, X, _e, Ue, Je, ze, Re, Pe, ee]), Me = ve(() => {
+    const H = [];
+    let K = [], ie = null;
+    const ye = ee.reduce((w, $e) => ($e.group && (w[$e.group] = (w[$e.group] || 0) + 1), w), {}), be = (w) => {
+      w === null || K.length === 0 || (H.push(
+        /* @__PURE__ */ p.jsx(
+          Mt,
           {
-            visibility: J.has(S),
+            visibility: Oe.has(w),
             className: "rac-group-container",
-            children: Z
+            children: K
           },
-          `slide-${S}`
+          `slide-${w}`
         )
-      ), Z = []);
-    }, rr = (S, _e) => /* @__PURE__ */ u.jsxs(
+      ), K = []);
+    }, Te = (w, $e) => /* @__PURE__ */ p.jsxs(
       "div",
       {
-        className: Mr(S, _e, Ee, U?.id, r, C, oe, te),
-        onMouseEnter: () => !S.disabled && !S.loading && ke(_e),
-        onClick: (Oe) => !S.loading && ce(S, Oe),
-        "aria-disabled": S.disabled || S.loading,
-        "aria-selected": U?.id === S.id,
-        id: `${A}-${Ze(S.id)}`,
+        className: Wt(w, $e, ge, d?.id, t, F, Ae, Ce),
+        style: { ...w.style, ...w.loading ? { justifyContent: "initial", alignItems: "end", gap: 0 } : {} },
+        onMouseEnter: () => !w.disabled && !w.loading && me($e),
+        onClick: (Le) => !w.loading && O(w, Le),
+        "aria-disabled": w.disabled || w.loading,
+        "aria-selected": d?.id === w.id,
+        id: `${ne}-${et(w.id)}`,
         role: "option",
         children: [
-          S.jsx ?? /* @__PURE__ */ u.jsx("span", { className: "rac-option-title", children: S.name }),
-          S.loading && /* @__PURE__ */ u.jsxs("span", { className: "rac-loading-dots", children: [
-            /* @__PURE__ */ u.jsx("i", {}),
-            /* @__PURE__ */ u.jsx("i", {}),
-            /* @__PURE__ */ u.jsx("i", {})
-          ] }),
-          fe && !S.disabled && /* @__PURE__ */ u.jsx("div", { className: "rac-checkbox", children: Ke(ar, { className: `
-                            rac-checkmark
-                            ${te?.some((Oe) => Oe.id === S.id) ? "--checked" : ""}` }) })
+          w.jsx ? /* @__PURE__ */ p.jsx("div", { className: "rac-jsx-option", children: w.jsx }) : /* @__PURE__ */ p.jsx("span", { className: "rac-option-title", children: w.name }),
+          w.loading && /* @__PURE__ */ p.jsxs(
+            "span",
+            {
+              style: { paddingBottom: "0.1em" },
+              className: "rac-loading-dots",
+              children: [
+                /* @__PURE__ */ p.jsx("i", {}),
+                /* @__PURE__ */ p.jsx("i", {}),
+                /* @__PURE__ */ p.jsx("i", {})
+              ]
+            }
+          ),
+          je && !w.disabled && /* @__PURE__ */ p.jsxs("div", { className: `rac-checkbox${A ? "" : "-default"}`, children: [
+            Ve(_, {
+              style: { position: A ? "" : "relative" },
+              className: `
+                                rac-checkmark
+                                ${Ce?.some((Le) => Le.id === w.id) ? "--checked" : ""}`
+            }),
+            Ve(A, { className: "rac-check-box" })
+          ] })
         ]
       },
-      S.id
+      w.id
     );
-    return q.forEach((S, _e) => {
-      const Oe = S.groupHeader, tr = !!S.group;
-      if ((Oe || !tr && he !== null) && (We(he), Oe || (he = null)), Oe) {
-        he = S.name;
-        const br = J.has(S.name), wr = $e[S.name] > 0;
-        O.push(
-          /* @__PURE__ */ u.jsxs(
+    return ee.forEach((w, $e) => {
+      const Le = w.groupHeader, nt = !!w.group;
+      if ((Le || !nt && ie !== null) && (be(ie), Le || (ie = null)), Le) {
+        ie = w.name;
+        const wt = Oe.has(w.name), Et = ye[w.name] > 0;
+        H.push(
+          /* @__PURE__ */ p.jsxs(
             "div",
             {
-              id: S.id,
               className: [
                 "rac-group-header",
-                S.disabled && "rac-disabled-group"
+                w.disabled && "rac-disabled-group",
+                w.className
               ].filter(Boolean).join(" "),
-              onClick: (Er) => ce(S, Er),
+              onClick: (vt) => O(w, vt),
+              style: w.style,
+              id: w.id,
               children: [
-                /* @__PURE__ */ u.jsx("span", { className: "rac-group-title-text", children: S.name }),
-                /* @__PURE__ */ u.jsx(
-                  Fe,
+                /* @__PURE__ */ p.jsx("span", { className: "rac-group-title-text", children: w.name }),
+                /* @__PURE__ */ p.jsx(
+                  He,
                   {
-                    visibility: wr && !S.disabled,
+                    visibility: Et && !w.disabled,
                     style: { display: "grid" },
-                    duration: g,
-                    children: /* @__PURE__ */ u.jsx("span", { className: `rac-group-arrow-wrapper ${br ? "open" : ""}`, children: Ke(k, { className: "rac-select-arrow-wrapper" }) })
+                    duration: x,
+                    children: Ve(S, { className: `rac-group-arrow ${wt ? "--open" : ""}` })
                   }
                 )
               ]
             },
-            S.id
+            w.id
           )
         );
-      } else tr ? Z.push(rr(S, _e)) : O.push(rr(S, _e));
-    }), We(he), O;
-  }, [q, ce, A, U, Ee, r, C, oe, ke, J, k]);
-  return /* @__PURE__ */ u.jsx(
-    Cr,
+      } else nt ? K.push(Te(w, $e)) : H.push(Te(w, $e));
+    }), be(ie), H;
+  }, [ee, O, ne, d, ge, t, F, Ae, me, Oe, S]);
+  return /* @__PURE__ */ p.jsx(
+    Lt,
     {
-      setDeleting: n,
-      deleting: ve,
-      selectedText: z,
-      selectRef: ge,
-      selectId: A,
-      selectedIDs: te,
-      setSelectedIds: Le,
-      multiple: fe,
-      removeOption: G,
-      optionsClassName: a,
-      renderIcon: Ke,
-      normalizedOptions: q,
+      setDeleting: m,
+      deleting: o,
+      selectedText: Z,
+      selectRef: de,
+      selectId: ne,
+      selectedIDs: Ce,
+      setSelectedIds: Ze,
+      multiple: je,
+      removeOption: xe,
+      optionsClassName: U,
+      renderIcon: Ve,
+      normalizedOptions: ee,
       renderOptions: Me,
-      selected: U,
-      title: Ae,
-      visibility: f,
-      active: pe,
-      hasOptions: Q,
-      hasActualValue: Re,
-      highlightedIndex: Ee,
-      animationFinished: m,
-      disabled: xe,
-      loading: me,
-      error: we,
-      setVisibility: I,
-      setHighlightedIndex: ke,
-      setAnimationFinished: w,
-      handleBlur: Se,
-      handleFocus: be,
-      toggleVisibility: Ge,
-      handleKeyDown: He,
-      handleListScroll: je,
-      selectOption: ce,
-      clear: h,
-      registerOption: p,
-      unregisterOption: j,
-      children: t,
-      placeholder: Te,
-      className: b,
-      style: E,
-      duration: g,
+      selected: d,
+      title: Fe,
+      visibility: Y,
+      active: ke,
+      hasOptions: z,
+      hasActualValue: Pe,
+      highlightedIndex: ge,
+      animationFinished: h,
+      disabled: Ee,
+      loading: Ne,
+      error: te,
+      setVisibility: fe,
+      setHighlightedIndex: me,
+      setAnimationFinished: v,
+      handleBlur: ce,
+      handleFocus: Ie,
+      toggleVisibility: we,
+      handleKeyDown: Se,
+      handleListScroll: B,
+      selectOption: O,
+      clear: se,
+      registerOption: g,
+      unregisterOption: N,
+      children: r,
+      placeholder: _e,
+      className: E,
+      style: s,
+      duration: x,
       easing: y,
-      offset: d,
-      animateOpacity: i,
+      offset: f,
+      animateOpacity: j,
       unmount: e,
-      ArrowIcon: k,
-      ClearIcon: N,
-      DelIcon: R,
-      hasMore: L,
-      loadButton: M,
-      deleteInline: V
+      OpenIcon: S,
+      ClearIcon: u,
+      DelIcon: $,
+      hasMore: T,
+      loadButton: P,
+      deleteInline: ue,
+      showDelete: M
     }
   );
-}), yr = fr(null);
-function Gr({ children: e, name: t, label: o, value: s, id: c, emptyGroupText: g = "Empty group" }) {
-  const y = Be(er), d = Ne(() => {
-    const E = t ?? o ?? s ?? c;
-    return E != null && E !== "" ? String(E) : g;
-  }, [t, o, s, c, g]), i = Ne(() => `group-marker-${Ze(d)}`, [d]);
-  return ue(() => {
-    if (!y) return;
-    const E = {
-      id: i,
-      group: d,
+}), bt = gt(null);
+function Jt({ children: e, name: r, label: n, value: l, id: a, disabled: x, emptyGroupText: y = "Empty group", className: f = "", style: j = {} }) {
+  const s = Qe(rt), E = ve(() => {
+    const u = r ?? n ?? a ?? l;
+    return u != null && u !== "" ? String(u) : y;
+  }, [r, n, l, a, y]), S = ve(() => `group-marker-${et(E)}`, [E]);
+  return pe(() => {
+    if (!s) return;
+    const u = {
+      disabled: !!x,
       isGroupMarker: !0,
-      disabled: !0
+      group: E,
+      id: S,
+      className: f,
+      style: j
     };
-    return y.registerOption(E), () => y.unregisterOption(i);
-  }, [y.registerOption, y.unregisterOption, i, d]), /* @__PURE__ */ u.jsx(yr.Provider, { value: d, children: e });
+    return s.registerOption(u), () => s.unregisterOption(S);
+  }, [s.registerOption, s.unregisterOption, S, E]), /* @__PURE__ */ p.jsx(bt.Provider, { value: E, children: e });
 }
-const Qe = (e) => e ? typeof e == "string" || typeof e == "number" ? String(e) : Array.isArray(e) ? e.map(Qe).join(" ").replace(/\s+/g, " ").trim() : dr.isValidElement(e) ? Qe(e.props.children) : "" : "";
-function Jr({ value: e, id: t, className: o, children: s, disabled: c, group: g }) {
-  const y = Be(er), d = Be(yr), i = y?.registerOption, E = y?.unregisterOption, b = xr(), k = Ne(() => t ? String(t) : b.replace(/:/g, ""), [t, b]);
-  return ue(() => {
-    if (!i) return;
-    const N = Qe(s), R = s != null;
-    let F = "";
-    return N ? F = N : t != null && t !== "" ? F = String(t) : e != null && e !== "" && (F = String(e)), i({
-      id: k,
-      value: e !== void 0 ? e : N,
-      label: F,
-      jsx: s,
-      hasJsx: R,
-      className: o,
-      disabled: !!c,
-      group: g || d || null
-    }), () => E(k);
-  }, [k, e, s, o, c, g, d, i, E]), null;
+const tt = (e) => e ? typeof e == "string" || typeof e == "number" ? String(e) : Array.isArray(e) ? e.map(tt).join(" ").replace(/\s+/g, " ").trim() : ft.isValidElement(e) ? tt(e.props.children) : "" : "";
+function Ut({ name: e, label: r, id: n, value: l, className: a, style: x, children: y, disabled: f, group: j }) {
+  const s = Qe(rt), E = Qe(bt), S = s?.registerOption, u = s?.unregisterOption, $ = yt(), _ = ve(() => n ? String(n) : $.replace(/:/g, ""), [n, $]);
+  return pe(() => {
+    if (!S) return;
+    const A = tt(y), T = y != null;
+    let C = "";
+    return r != null && r !== "" ? C = String(r) : e != null && e !== "" ? C = String(e) : A ? C = A : n != null && n !== "" && (C = String(n)), S({
+      id: _,
+      value: l !== void 0 ? l : A,
+      label: C,
+      jsx: y,
+      hasJsx: T,
+      className: a,
+      style: x,
+      disabled: !!f,
+      group: j || E || null
+    }), () => u(_);
+  }, [_, e, r, l, y, a, x, f, j, E, S, u]), null;
 }
 export {
-  Gr as OptGroup,
-  Jr as Option,
-  Dr as Select
+  Jt as OptGroup,
+  Ut as Option,
+  zt as Select
 };