npm - react-animated-select - Versions diffs - 0.6.6 → 0.7.0 - Mend

react-animated-select 0.6.6 → 0.7.0

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

Files changed (4) hide show

package/dist/index.es.js CHANGED Viewed

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