react-animated-select 0.5.2 → 0.6.0

package/dist/index.es.js

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