@kakadu/components 2.2.1 → 2.3.0

package/build/components/modal.mjs

@@ -1,1253 +1,132 @@
-import { j as N } from "../jsx-runtime-B4hRZ52C.mjs";
-import Ie, { createContext as Ae, useRef as te, useState as re, useCallback as J, useMemo as ne, useEffect as H, useContext as xe } from "react";
-import { cx as de } from "@kuma-ui/core";
-import { createPortal as _e } from "react-dom";
-import { IconType as Le } from "../icons/icon.mjs";
-import Be from "./text-button.mjs";
-function ke(r) {
-  if (Object.prototype.hasOwnProperty.call(r, "__esModule")) return r;
-  var e = r.default;
-  if (typeof e == "function") {
-    var t = function a() {
-      return this instanceof a ? Reflect.construct(e, arguments, this.constructor) : e.apply(this, arguments);
-    };
-    t.prototype = e.prototype;
-  } else t = {};
-  return Object.defineProperty(t, "__esModule", { value: !0 }), Object.keys(r).forEach(function(a) {
-    var s = Object.getOwnPropertyDescriptor(r, a);
-    Object.defineProperty(t, a, s.get ? s : {
-      enumerable: !0,
-      get: function() {
-        return r[a];
-      }
-    });
-  }), t;
-}
-var Q = { exports: {} };
-/*!
-* tabbable 6.4.0
-* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
-*/
-var Ee = ["input:not([inert]):not([inert] *)", "select:not([inert]):not([inert] *)", "textarea:not([inert]):not([inert] *)", "a[href]:not([inert]):not([inert] *)", "button:not([inert]):not([inert] *)", "[tabindex]:not(slot):not([inert]):not([inert] *)", "audio[controls]:not([inert]):not([inert] *)", "video[controls]:not([inert]):not([inert] *)", '[contenteditable]:not([contenteditable="false"]):not([inert]):not([inert] *)', "details>summary:first-of-type:not([inert]):not([inert] *)", "details:not([inert]):not([inert] *)"], ie = /* @__PURE__ */ Ee.join(","), Fe = typeof Element > "u", W = Fe ? function() {
-} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, oe = !Fe && Element.prototype.getRootNode ? function(r) {
-  var e;
-  return r == null || (e = r.getRootNode) === null || e === void 0 ? void 0 : e.call(r);
-} : function(r) {
-  return r == null ? void 0 : r.ownerDocument;
-}, ue = function(e, t) {
-  var a;
-  t === void 0 && (t = !0);
-  var s = e == null || (a = e.getAttribute) === null || a === void 0 ? void 0 : a.call(e, "inert"), c = s === "" || s === "true", n = c || t && e && // closest does not exist on shadow roots, so we fall back to a manual
-  // lookup upward, in case it is not defined.
-  (typeof e.closest == "function" ? e.closest("[inert]") : ue(e.parentNode));
-  return n;
-}, Me = function(e) {
-  var t, a = e == null || (t = e.getAttribute) === null || t === void 0 ? void 0 : t.call(e, "contenteditable");
-  return a === "" || a === "true";
-}, Se = function(e, t, a) {
-  if (ue(e))
-    return [];
-  var s = Array.prototype.slice.apply(e.querySelectorAll(ie));
-  return t && W.call(e, ie) && s.unshift(e), s = s.filter(a), s;
-}, se = function(e, t, a) {
-  for (var s = [], c = Array.from(e); c.length; ) {
-    var n = c.shift();
-    if (!ue(n, !1))
-      if (n.tagName === "SLOT") {
-        var p = n.assignedElements(), y = p.length ? p : n.children, k = se(y, !0, a);
-        a.flatten ? s.push.apply(s, k) : s.push({
-          scopeParent: n,
-          candidates: k
-        });
-      } else {
-        var S = W.call(n, ie);
-        S && a.filter(n) && (t || !e.includes(n)) && s.push(n);
-        var D = n.shadowRoot || // check for an undisclosed shadow
-        typeof a.getShadowRoot == "function" && a.getShadowRoot(n), R = !ue(D, !1) && (!a.shadowRootFilter || a.shadowRootFilter(n));
-        if (D && R) {
-          var A = se(D === !0 ? n.children : D.children, !0, a);
-          a.flatten ? s.push.apply(s, A) : s.push({
-            scopeParent: n,
-            candidates: A
-          });
-        } else
-          c.unshift.apply(c, n.children);
-      }
-  }
-  return s;
-}, Oe = function(e) {
-  return !isNaN(parseInt(e.getAttribute("tabindex"), 10));
-}, K = function(e) {
-  if (!e)
-    throw new Error("No node provided");
-  return e.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName) || Me(e)) && !Oe(e) ? 0 : e.tabIndex;
-}, Ke = function(e, t) {
-  var a = K(e);
-  return a < 0 && t && !Oe(e) ? 0 : a;
-}, qe = function(e, t) {
-  return e.tabIndex === t.tabIndex ? e.documentOrder - t.documentOrder : e.tabIndex - t.tabIndex;
-}, De = function(e) {
-  return e.tagName === "INPUT";
-}, Ve = function(e) {
-  return De(e) && e.type === "hidden";
-}, $e = function(e) {
-  var t = e.tagName === "DETAILS" && Array.prototype.slice.apply(e.children).some(function(a) {
-    return a.tagName === "SUMMARY";
-  });
-  return t;
-}, Ge = function(e, t) {
-  for (var a = 0; a < e.length; a++)
-    if (e[a].checked && e[a].form === t)
-      return e[a];
-}, Ue = function(e) {
-  if (!e.name)
-    return !0;
-  var t = e.form || oe(e), a = function(p) {
-    return t.querySelectorAll('input[type="radio"][name="' + p + '"]');
-  }, s;
-  if (typeof window < "u" && typeof window.CSS < "u" && typeof window.CSS.escape == "function")
-    s = a(window.CSS.escape(e.name));
-  else
-    try {
-      s = a(e.name);
-    } catch (n) {
-      return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s", n.message), !1;
-    }
-  var c = Ge(s, e.form);
-  return !c || c === e;
-}, ze = function(e) {
-  return De(e) && e.type === "radio";
-}, We = function(e) {
-  return ze(e) && !Ue(e);
-}, Ye = function(e) {
-  var t, a = e && oe(e), s = (t = a) === null || t === void 0 ? void 0 : t.host, c = !1;
-  if (a && a !== e) {
-    var n, p, y;
-    for (c = !!((n = s) !== null && n !== void 0 && (p = n.ownerDocument) !== null && p !== void 0 && p.contains(s) || e != null && (y = e.ownerDocument) !== null && y !== void 0 && y.contains(e)); !c && s; ) {
-      var k, S, D;
-      a = oe(s), s = (k = a) === null || k === void 0 ? void 0 : k.host, c = !!((S = s) !== null && S !== void 0 && (D = S.ownerDocument) !== null && D !== void 0 && D.contains(s));
-    }
-  }
-  return c;
-}, be = function(e) {
-  var t = e.getBoundingClientRect(), a = t.width, s = t.height;
-  return a === 0 && s === 0;
-}, He = function(e, t) {
-  var a = t.displayCheck, s = t.getShadowRoot;
-  if (a === "full-native" && "checkVisibility" in e) {
-    var c = e.checkVisibility({
-      // Checking opacity might be desirable for some use cases, but natively,
-      // opacity zero elements _are_ focusable and tabbable.
-      checkOpacity: !1,
-      opacityProperty: !1,
-      contentVisibilityAuto: !0,
-      visibilityProperty: !0,
-      // This is an alias for `visibilityProperty`. Contemporary browsers
-      // support both. However, this alias has wider browser support (Chrome
-      // >= 105 and Firefox >= 106, vs. Chrome >= 121 and Firefox >= 122), so
-      // we include it anyway.
-      checkVisibilityCSS: !0
-    });
-    return !c;
-  }
-  if (getComputedStyle(e).visibility === "hidden")
-    return !0;
-  var n = W.call(e, "details>summary:first-of-type"), p = n ? e.parentElement : e;
-  if (W.call(p, "details:not([open]) *"))
-    return !0;
-  if (!a || a === "full" || // full-native can run this branch when it falls through in case
-  // Element#checkVisibility is unsupported
-  a === "full-native" || a === "legacy-full") {
-    if (typeof s == "function") {
-      for (var y = e; e; ) {
-        var k = e.parentElement, S = oe(e);
-        if (k && !k.shadowRoot && s(k) === !0)
-          return be(e);
-        e.assignedSlot ? e = e.assignedSlot : !k && S !== e.ownerDocument ? e = S.host : e = k;
-      }
-      e = y;
-    }
-    if (Ye(e))
-      return !e.getClientRects().length;
-    if (a !== "legacy-full")
-      return !0;
-  } else if (a === "non-zero-area")
-    return be(e);
-  return !1;
-}, Ze = function(e) {
-  if (/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(e.tagName))
-    for (var t = e.parentElement; t; ) {
-      if (t.tagName === "FIELDSET" && t.disabled) {
-        for (var a = 0; a < t.children.length; a++) {
-          var s = t.children.item(a);
-          if (s.tagName === "LEGEND")
-            return W.call(t, "fieldset[disabled] *") ? !0 : !s.contains(e);
-        }
-        return !0;
-      }
-      t = t.parentElement;
-    }
-  return !1;
-}, ce = function(e, t) {
-  return !(t.disabled || Ve(t) || He(t, e) || // For a details element with a summary, the summary element gets the focus
-  $e(t) || Ze(t));
-}, ve = function(e, t) {
-  return !(We(t) || K(t) < 0 || !ce(e, t));
-}, Xe = function(e) {
-  var t = parseInt(e.getAttribute("tabindex"), 10);
-  return !!(isNaN(t) || t >= 0);
-}, Ne = function(e) {
-  var t = [], a = [];
-  return e.forEach(function(s, c) {
-    var n = !!s.scopeParent, p = n ? s.scopeParent : s, y = Ke(p, n), k = n ? Ne(s.candidates) : p;
-    y === 0 ? n ? t.push.apply(t, k) : t.push(p) : a.push({
-      documentOrder: c,
-      tabIndex: y,
-      item: s,
-      isScope: n,
-      content: k
-    });
-  }), a.sort(qe).reduce(function(s, c) {
-    return c.isScope ? s.push.apply(s, c.content) : s.push(c.content), s;
-  }, []).concat(t);
-}, Re = function(e, t) {
-  t = t || {};
-  var a;
-  return t.getShadowRoot ? a = se([e], t.includeContainer, {
-    filter: ve.bind(null, t),
-    flatten: !1,
-    getShadowRoot: t.getShadowRoot,
-    shadowRootFilter: Xe
-  }) : a = Se(e, t.includeContainer, ve.bind(null, t)), Ne(a);
-}, Pe = function(e, t) {
-  t = t || {};
-  var a;
-  return t.getShadowRoot ? a = se([e], t.includeContainer, {
-    filter: ce.bind(null, t),
-    flatten: !0,
-    getShadowRoot: t.getShadowRoot
-  }) : a = Se(e, t.includeContainer, ce.bind(null, t)), a;
-}, z = function(e, t) {
-  if (t = t || {}, !e)
-    throw new Error("No node provided");
-  return W.call(e, ie) === !1 ? !1 : ve(t, e);
-}, Je = /* @__PURE__ */ Ee.concat("iframe:not([inert]):not([inert] *)").join(","), ae = function(e, t) {
-  if (t = t || {}, !e)
-    throw new Error("No node provided");
-  return W.call(e, Je) === !1 ? !1 : ce(t, e);
-};
-const Qe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  focusable: Pe,
-  getTabIndex: K,
-  isFocusable: ae,
-  isTabbable: z,
-  tabbable: Re
-}, Symbol.toStringTag, { value: "Module" }));
-/*!
-* focus-trap 7.8.0
-* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
-*/
-function pe(r, e) {
-  (e == null || e > r.length) && (e = r.length);
-  for (var t = 0, a = Array(e); t < e; t++) a[t] = r[t];
-  return a;
-}
-function et(r) {
-  if (Array.isArray(r)) return pe(r);
-}
-function he(r, e) {
-  var t = typeof Symbol < "u" && r[Symbol.iterator] || r["@@iterator"];
-  if (!t) {
-    if (Array.isArray(r) || (t = Ce(r)) || e) {
-      t && (r = t);
-      var a = 0, s = function() {
-      };
-      return {
-        s,
-        n: function() {
-          return a >= r.length ? {
-            done: !0
-          } : {
-            done: !1,
-            value: r[a++]
-          };
-        },
-        e: function(y) {
-          throw y;
-        },
-        f: s
-      };
-    }
-    throw new TypeError(`Invalid attempt to iterate non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
-  }
-  var c, n = !0, p = !1;
-  return {
-    s: function() {
-      t = t.call(r);
-    },
-    n: function() {
-      var y = t.next();
-      return n = y.done, y;
-    },
-    e: function(y) {
-      p = !0, c = y;
-    },
-    f: function() {
-      try {
-        n || t.return == null || t.return();
-      } finally {
-        if (p) throw c;
-      }
-    }
-  };
-}
-function tt(r, e, t) {
-  return (e = ot(e)) in r ? Object.defineProperty(r, e, {
-    value: t,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : r[e] = t, r;
-}
-function rt(r) {
-  if (typeof Symbol < "u" && r[Symbol.iterator] != null || r["@@iterator"] != null) return Array.from(r);
-}
-function at() {
-  throw new TypeError(`Invalid attempt to spread non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
-}
-function ye(r, e) {
-  var t = Object.keys(r);
-  if (Object.getOwnPropertySymbols) {
-    var a = Object.getOwnPropertySymbols(r);
-    e && (a = a.filter(function(s) {
-      return Object.getOwnPropertyDescriptor(r, s).enumerable;
-    })), t.push.apply(t, a);
-  }
-  return t;
-}
-function me(r) {
-  for (var e = 1; e < arguments.length; e++) {
-    var t = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? ye(Object(t), !0).forEach(function(a) {
-      tt(r, a, t[a]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(r, Object.getOwnPropertyDescriptors(t)) : ye(Object(t)).forEach(function(a) {
-      Object.defineProperty(r, a, Object.getOwnPropertyDescriptor(t, a));
-    });
-  }
-  return r;
-}
-function nt(r) {
-  return et(r) || rt(r) || Ce(r) || at();
-}
-function it(r, e) {
-  if (typeof r != "object" || !r) return r;
-  var t = r[Symbol.toPrimitive];
-  if (t !== void 0) {
-    var a = t.call(r, e);
-    if (typeof a != "object") return a;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (e === "string" ? String : Number)(r);
-}
-function ot(r) {
-  var e = it(r, "string");
-  return typeof e == "symbol" ? e : e + "";
-}
-function Ce(r, e) {
-  if (r) {
-    if (typeof r == "string") return pe(r, e);
-    var t = {}.toString.call(r).slice(8, -1);
-    return t === "Object" && r.constructor && (t = r.constructor.name), t === "Map" || t === "Set" ? Array.from(r) : t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? pe(r, e) : void 0;
-  }
-}
-var B = {
-  // Returns the trap from the top of the stack.
-  getActiveTrap: function(e) {
-    return (e == null ? void 0 : e.length) > 0 ? e[e.length - 1] : null;
-  },
-  // Pauses the currently active trap, then adds a new trap to the stack.
-  activateTrap: function(e, t) {
-    var a = B.getActiveTrap(e);
-    t !== a && B.pauseTrap(e);
-    var s = e.indexOf(t);
-    s === -1 || e.splice(s, 1), e.push(t);
-  },
-  // Removes the trap from the top of the stack, then unpauses the next trap down.
-  deactivateTrap: function(e, t) {
-    var a = e.indexOf(t);
-    a !== -1 && e.splice(a, 1), B.unpauseTrap(e);
-  },
-  // Pauses the trap at the top of the stack.
-  pauseTrap: function(e) {
-    var t = B.getActiveTrap(e);
-    t == null || t._setPausedState(!0);
-  },
-  // Unpauses the trap at the top of the stack.
-  unpauseTrap: function(e) {
-    var t = B.getActiveTrap(e);
-    t && !t._isManuallyPaused() && t._setPausedState(!1);
-  }
-}, ut = function(e) {
-  return e.tagName && e.tagName.toLowerCase() === "input" && typeof e.select == "function";
-}, st = function(e) {
-  return (e == null ? void 0 : e.key) === "Escape" || (e == null ? void 0 : e.key) === "Esc" || (e == null ? void 0 : e.keyCode) === 27;
-}, X = function(e) {
-  return (e == null ? void 0 : e.key) === "Tab" || (e == null ? void 0 : e.keyCode) === 9;
-}, ct = function(e) {
-  return X(e) && !e.shiftKey;
-}, lt = function(e) {
-  return X(e) && e.shiftKey;
-}, ge = function(e) {
-  return setTimeout(e, 0);
-}, Z = function(e) {
-  for (var t = arguments.length, a = new Array(t > 1 ? t - 1 : 0), s = 1; s < t; s++)
-    a[s - 1] = arguments[s];
-  return typeof e == "function" ? e.apply(void 0, a) : e;
-}, ee = function(e) {
-  return e.target.shadowRoot && typeof e.composedPath == "function" ? e.composedPath()[0] : e.target;
-}, ft = [], dt = function(e, t) {
-  var a = (t == null ? void 0 : t.document) || document, s = (t == null ? void 0 : t.trapStack) || ft, c = me({
-    returnFocusOnDeactivate: !0,
-    escapeDeactivates: !0,
-    delayInitialFocus: !0,
-    isolateSubtrees: !1,
-    isKeyForward: ct,
-    isKeyBackward: lt
-  }, t), n = {
-    // containers given to createFocusTrap()
-    /** @type {Array<HTMLElement>} */
-    containers: [],
-    // list of objects identifying tabbable nodes in `containers` in the trap
-    // NOTE: it's possible that a group has no tabbable nodes if nodes get removed while the trap
-    //  is active, but the trap should never get to a state where there isn't at least one group
-    //  with at least one tabbable node in it (that would lead to an error condition that would
-    //  result in an error being thrown)
-    /** @type {Array<{
-     *    container: HTMLElement,
-     *    tabbableNodes: Array<HTMLElement>, // empty if none
-     *    focusableNodes: Array<HTMLElement>, // empty if none
-     *    posTabIndexesFound: boolean,
-     *    firstTabbableNode: HTMLElement|undefined,
-     *    lastTabbableNode: HTMLElement|undefined,
-     *    firstDomTabbableNode: HTMLElement|undefined,
-     *    lastDomTabbableNode: HTMLElement|undefined,
-     *    nextTabbableNode: (node: HTMLElement, forward: boolean) => HTMLElement|undefined
-     *  }>}
-     */
-    containerGroups: [],
-    // same order/length as `containers` list
-    // references to objects in `containerGroups`, but only those that actually have
-    //  tabbable nodes in them
-    // NOTE: same order as `containers` and `containerGroups`, but __not necessarily__
-    //  the same length
-    tabbableGroups: [],
-    // references to nodes that are siblings to the ancestors of this trap's containers.
-    /** @type {Set<HTMLElement>} */
-    adjacentElements: /* @__PURE__ */ new Set(),
-    // references to nodes that were inert or aria-hidden before the trap was activated.
-    /** @type {Set<HTMLElement>} */
-    alreadySilent: /* @__PURE__ */ new Set(),
-    nodeFocusedBeforeActivation: null,
-    mostRecentlyFocusedNode: null,
-    active: !1,
-    paused: !1,
-    manuallyPaused: !1,
-    // timer ID for when delayInitialFocus is true and initial focus in this trap
-    //  has been delayed during activation
-    delayInitialFocusTimer: void 0,
-    // the most recent KeyboardEvent for the configured nav key (typically [SHIFT+]TAB), if any
-    recentNavEvent: void 0
-  }, p, y = function(o, i, l) {
-    return o && o[i] !== void 0 ? o[i] : c[l || i];
-  }, k = function(o, i) {
-    var l = typeof (i == null ? void 0 : i.composedPath) == "function" ? i.composedPath() : void 0;
-    return n.containerGroups.findIndex(function(g) {
-      var h = g.container, w = g.tabbableNodes;
-      return h.contains(o) || // fall back to explicit tabbable search which will take into consideration any
-      //  web components if the `tabbableOptions.getShadowRoot` option was used for
-      //  the trap, enabling shadow DOM support in tabbable (`Node.contains()` doesn't
-      //  look inside web components even if open)
-      (l == null ? void 0 : l.includes(h)) || w.find(function(v) {
-        return v === o;
-      });
-    });
-  }, S = function(o) {
-    var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, l = i.hasFallback, g = l === void 0 ? !1 : l, h = i.params, w = h === void 0 ? [] : h, v = c[o];
-    if (typeof v == "function" && (v = v.apply(void 0, nt(w))), v === !0 && (v = void 0), !v) {
-      if (v === void 0 || v === !1)
-        return v;
-      throw new Error("`".concat(o, "` was specified but was not a node, or did not return a node"));
-    }
-    var E = v;
-    if (typeof v == "string") {
-      try {
-        E = a.querySelector(v);
-      } catch (F) {
-        throw new Error("`".concat(o, '` appears to be an invalid selector; error="').concat(F.message, '"'));
-      }
-      if (!E && !g)
-        throw new Error("`".concat(o, "` as selector refers to no known node"));
-    }
-    return E;
-  }, D = function() {
-    var o = S("initialFocus", {
-      hasFallback: !0
-    });
-    if (o === !1)
-      return !1;
-    if (o === void 0 || o && !ae(o, c.tabbableOptions))
-      if (k(a.activeElement) >= 0)
-        o = a.activeElement;
-      else {
-        var i = n.tabbableGroups[0], l = i && i.firstTabbableNode;
-        o = l || S("fallbackFocus");
-      }
-    else o === null && (o = S("fallbackFocus"));
-    if (!o)
-      throw new Error("Your focus-trap needs to have at least one focusable element");
-    return o;
-  }, R = function() {
-    if (n.containerGroups = n.containers.map(function(o) {
-      var i = Re(o, c.tabbableOptions), l = Pe(o, c.tabbableOptions), g = i.length > 0 ? i[0] : void 0, h = i.length > 0 ? i[i.length - 1] : void 0, w = l.find(function(F) {
-        return z(F);
-      }), v = l.slice().reverse().find(function(F) {
-        return z(F);
-      }), E = !!i.find(function(F) {
-        return K(F) > 0;
-      });
-      return {
-        container: o,
-        tabbableNodes: i,
-        focusableNodes: l,
-        /** True if at least one node with positive `tabindex` was found in this container. */
-        posTabIndexesFound: E,
-        /** First tabbable node in container, __tabindex__ order; `undefined` if none. */
-        firstTabbableNode: g,
-        /** Last tabbable node in container, __tabindex__ order; `undefined` if none. */
-        lastTabbableNode: h,
-        // NOTE: DOM order is NOT NECESSARILY "document position" order, but figuring that out
-        //  would require more than just https://developer.mozilla.org/en-US/docs/Web/API/Node/compareDocumentPosition
-        //  because that API doesn't work with Shadow DOM as well as it should (@see
-        //  https://github.com/whatwg/dom/issues/320) and since this first/last is only needed, so far,
-        //  to address an edge case related to positive tabindex support, this seems like a much easier,
-        //  "close enough most of the time" alternative for positive tabindexes which should generally
-        //  be avoided anyway...
-        /** First tabbable node in container, __DOM__ order; `undefined` if none. */
-        firstDomTabbableNode: w,
-        /** Last tabbable node in container, __DOM__ order; `undefined` if none. */
-        lastDomTabbableNode: v,
-        /**
-         * Finds the __tabbable__ node that follows the given node in the specified direction,
-         *  in this container, if any.
-         * @param {HTMLElement} node
-         * @param {boolean} [forward] True if going in forward tab order; false if going
-         *  in reverse.
-         * @returns {HTMLElement|undefined} The next tabbable node, if any.
-         */
-        nextTabbableNode: function(j) {
-          var _ = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, x = i.indexOf(j);
-          return x < 0 ? _ ? l.slice(l.indexOf(j) + 1).find(function(U) {
-            return z(U);
-          }) : l.slice(0, l.indexOf(j)).reverse().find(function(U) {
-            return z(U);
-          }) : i[x + (_ ? 1 : -1)];
-        }
-      };
-    }), n.tabbableGroups = n.containerGroups.filter(function(o) {
-      return o.tabbableNodes.length > 0;
-    }), n.tabbableGroups.length <= 0 && !S("fallbackFocus"))
-      throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");
-    if (n.containerGroups.find(function(o) {
-      return o.posTabIndexesFound;
-    }) && n.containerGroups.length > 1)
-      throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.");
-  }, A = function(o) {
-    var i = o.activeElement;
-    if (i)
-      return i.shadowRoot && i.shadowRoot.activeElement !== null ? A(i.shadowRoot) : i;
-  }, P = function(o) {
-    if (o !== !1 && o !== A(document)) {
-      if (!o || !o.focus) {
-        P(D());
-        return;
-      }
-      o.focus({
-        preventScroll: !!c.preventScroll
-      }), n.mostRecentlyFocusedNode = o, ut(o) && o.select();
-    }
-  }, Y = function(o) {
-    var i = S("setReturnFocus", {
-      params: [o]
-    });
-    return i || (i === !1 ? !1 : o);
-  }, C = function(o) {
-    var i = o.target, l = o.event, g = o.isBackward, h = g === void 0 ? !1 : g;
-    i = i || ee(l), R();
-    var w = null;
-    if (n.tabbableGroups.length > 0) {
-      var v = k(i, l), E = v >= 0 ? n.containerGroups[v] : void 0;
-      if (v < 0)
-        h ? w = n.tabbableGroups[n.tabbableGroups.length - 1].lastTabbableNode : w = n.tabbableGroups[0].firstTabbableNode;
-      else if (h) {
-        var F = n.tabbableGroups.findIndex(function(le) {
-          var fe = le.firstTabbableNode;
-          return i === fe;
-        });
-        if (F < 0 && (E.container === i || ae(i, c.tabbableOptions) && !z(i, c.tabbableOptions) && !E.nextTabbableNode(i, !1)) && (F = v), F >= 0) {
-          var j = F === 0 ? n.tabbableGroups.length - 1 : F - 1, _ = n.tabbableGroups[j];
-          w = K(i) >= 0 ? _.lastTabbableNode : _.lastDomTabbableNode;
-        } else X(l) || (w = E.nextTabbableNode(i, !1));
-      } else {
-        var x = n.tabbableGroups.findIndex(function(le) {
-          var fe = le.lastTabbableNode;
-          return i === fe;
-        });
-        if (x < 0 && (E.container === i || ae(i, c.tabbableOptions) && !z(i, c.tabbableOptions) && !E.nextTabbableNode(i)) && (x = v), x >= 0) {
-          var U = x === n.tabbableGroups.length - 1 ? 0 : x + 1, M = n.tabbableGroups[U];
-          w = K(i) >= 0 ? M.firstTabbableNode : M.firstDomTabbableNode;
-        } else X(l) || (w = E.nextTabbableNode(i));
-      }
-    } else
-      w = S("fallbackFocus");
-    return w;
-  }, I = function(o) {
-    var i = ee(o);
-    if (!(k(i, o) >= 0)) {
-      if (Z(c.clickOutsideDeactivates, o)) {
-        p.deactivate({
-          // NOTE: by setting `returnFocus: false`, deactivate() will do nothing,
-          //  which will result in the outside click setting focus to the node
-          //  that was clicked (and if not focusable, to "nothing"); by setting
-          //  `returnFocus: true`, we'll attempt to re-focus the node originally-focused
-          //  on activation (or the configured `setReturnFocus` node), whether the
-          //  outside click was on a focusable node or not
-          returnFocus: c.returnFocusOnDeactivate
-        });
-        return;
-      }
-      Z(c.allowOutsideClick, o) || o.preventDefault();
-    }
-  }, q = function(o) {
-    var i = ee(o), l = k(i, o) >= 0;
-    if (l || i instanceof Document)
-      l && (n.mostRecentlyFocusedNode = i);
-    else {
-      o.stopImmediatePropagation();
-      var g, h = !0;
-      if (n.mostRecentlyFocusedNode)
-        if (K(n.mostRecentlyFocusedNode) > 0) {
-          var w = k(n.mostRecentlyFocusedNode), v = n.containerGroups[w].tabbableNodes;
-          if (v.length > 0) {
-            var E = v.findIndex(function(F) {
-              return F === n.mostRecentlyFocusedNode;
-            });
-            E >= 0 && (c.isKeyForward(n.recentNavEvent) ? E + 1 < v.length && (g = v[E + 1], h = !1) : E - 1 >= 0 && (g = v[E - 1], h = !1));
-          }
-        } else
-          n.containerGroups.some(function(F) {
-            return F.tabbableNodes.some(function(j) {
-              return K(j) > 0;
-            });
-          }) || (h = !1);
-      else
-        h = !1;
-      h && (g = C({
-        // move FROM the MRU node, not event-related node (which will be the node that is
-        //  outside the trap causing the focus escape we're trying to fix)
-        target: n.mostRecentlyFocusedNode,
-        isBackward: c.isKeyBackward(n.recentNavEvent)
-      })), P(g || n.mostRecentlyFocusedNode || D());
-    }
-    n.recentNavEvent = void 0;
-  }, V = function(o) {
-    var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
-    n.recentNavEvent = o;
-    var l = C({
-      event: o,
-      isBackward: i
-    });
-    l && (X(o) && o.preventDefault(), P(l));
-  }, $ = function(o) {
-    (c.isKeyForward(o) || c.isKeyBackward(o)) && V(o, c.isKeyBackward(o));
-  }, G = function(o) {
-    st(o) && Z(c.escapeDeactivates, o) !== !1 && (o.preventDefault(), p.deactivate());
-  }, L = function(o) {
-    var i = ee(o);
-    k(i, o) >= 0 || Z(c.clickOutsideDeactivates, o) || Z(c.allowOutsideClick, o) || (o.preventDefault(), o.stopImmediatePropagation());
-  }, d = function() {
-    if (n.active)
-      return B.activateTrap(s, p), n.delayInitialFocusTimer = c.delayInitialFocus ? ge(function() {
-        P(D());
-      }) : P(D()), a.addEventListener("focusin", q, !0), a.addEventListener("mousedown", I, {
-        capture: !0,
-        passive: !1
-      }), a.addEventListener("touchstart", I, {
-        capture: !0,
-        passive: !1
-      }), a.addEventListener("click", L, {
-        capture: !0,
-        passive: !1
-      }), a.addEventListener("keydown", $, {
-        capture: !0,
-        passive: !1
-      }), a.addEventListener("keydown", G), p;
-  }, f = function(o) {
-    n.active && !n.paused && p._setSubtreeIsolation(!1), n.adjacentElements.clear(), n.alreadySilent.clear();
-    var i = /* @__PURE__ */ new Set(), l = /* @__PURE__ */ new Set(), g = he(o), h;
-    try {
-      for (g.s(); !(h = g.n()).done; ) {
-        var w = h.value;
-        i.add(w);
-        for (var v = typeof ShadowRoot < "u" && w.getRootNode() instanceof ShadowRoot, E = w; E; ) {
-          i.add(E);
-          var F = E.parentElement, j = [];
-          F ? j = F.children : !F && v && (j = E.getRootNode().children, F = E.getRootNode().host, v = typeof ShadowRoot < "u" && F.getRootNode() instanceof ShadowRoot);
-          var _ = he(j), x;
-          try {
-            for (_.s(); !(x = _.n()).done; ) {
-              var U = x.value;
-              l.add(U);
-            }
-          } catch (M) {
-            _.e(M);
-          } finally {
-            _.f();
-          }
-          E = F;
-        }
-      }
-    } catch (M) {
-      g.e(M);
-    } finally {
-      g.f();
-    }
-    i.forEach(function(M) {
-      l.delete(M);
-    }), n.adjacentElements = l;
-  }, m = function() {
-    if (n.active)
-      return a.removeEventListener("focusin", q, !0), a.removeEventListener("mousedown", I, !0), a.removeEventListener("touchstart", I, !0), a.removeEventListener("click", L, !0), a.removeEventListener("keydown", $, !0), a.removeEventListener("keydown", G), p;
-  }, u = function(o) {
-    var i = o.some(function(l) {
-      var g = Array.from(l.removedNodes);
-      return g.some(function(h) {
-        return h === n.mostRecentlyFocusedNode;
-      });
-    });
-    i && P(D());
-  }, T = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(u) : void 0, O = function() {
-    T && (T.disconnect(), n.active && !n.paused && n.containers.map(function(o) {
-      T.observe(o, {
-        subtree: !0,
-        childList: !0
-      });
-    }));
-  };
-  return p = {
-    get active() {
-      return n.active;
-    },
-    get paused() {
-      return n.paused;
-    },
-    activate: function(o) {
-      if (n.active)
-        return this;
-      var i = y(o, "onActivate"), l = y(o, "onPostActivate"), g = y(o, "checkCanFocusTrap"), h = B.getActiveTrap(s), w = !1;
-      if (h && !h.paused) {
-        var v;
-        (v = h._setSubtreeIsolation) === null || v === void 0 || v.call(h, !1), w = !0;
-      }
-      try {
-        g || R(), n.active = !0, n.paused = !1, n.nodeFocusedBeforeActivation = A(a), i == null || i();
-        var E = function() {
-          g && R(), d(), O(), c.isolateSubtrees && p._setSubtreeIsolation(!0), l == null || l();
-        };
-        if (g)
-          return g(n.containers.concat()).then(E, E), this;
-        E();
-      } catch (j) {
-        if (h === B.getActiveTrap(s) && w) {
-          var F;
-          (F = h._setSubtreeIsolation) === null || F === void 0 || F.call(h, !0);
-        }
-        throw j;
-      }
-      return this;
-    },
-    deactivate: function(o) {
-      if (!n.active)
-        return this;
-      var i = me({
-        onDeactivate: c.onDeactivate,
-        onPostDeactivate: c.onPostDeactivate,
-        checkCanReturnFocus: c.checkCanReturnFocus
-      }, o);
-      clearTimeout(n.delayInitialFocusTimer), n.delayInitialFocusTimer = void 0, n.paused || p._setSubtreeIsolation(!1), n.alreadySilent.clear(), m(), n.active = !1, n.paused = !1, O(), B.deactivateTrap(s, p);
-      var l = y(i, "onDeactivate"), g = y(i, "onPostDeactivate"), h = y(i, "checkCanReturnFocus"), w = y(i, "returnFocus", "returnFocusOnDeactivate");
-      l == null || l();
-      var v = function() {
-        ge(function() {
-          w && P(Y(n.nodeFocusedBeforeActivation)), g == null || g();
-        });
-      };
-      return w && h ? (h(Y(n.nodeFocusedBeforeActivation)).then(v, v), this) : (v(), this);
-    },
-    pause: function(o) {
-      return n.active ? (n.manuallyPaused = !0, this._setPausedState(!0, o)) : this;
-    },
-    unpause: function(o) {
-      return n.active ? (n.manuallyPaused = !1, s[s.length - 1] !== this ? this : this._setPausedState(!1, o)) : this;
-    },
-    updateContainerElements: function(o) {
-      var i = [].concat(o).filter(Boolean);
-      return n.containers = i.map(function(l) {
-        return typeof l == "string" ? a.querySelector(l) : l;
-      }), c.isolateSubtrees && f(n.containers), n.active && (R(), c.isolateSubtrees && !n.paused && p._setSubtreeIsolation(!0)), O(), this;
-    }
-  }, Object.defineProperties(p, {
-    _isManuallyPaused: {
-      value: function() {
-        return n.manuallyPaused;
-      }
-    },
-    _setPausedState: {
-      value: function(o, i) {
-        if (n.paused === o)
-          return this;
-        if (n.paused = o, o) {
-          var l = y(i, "onPause"), g = y(i, "onPostPause");
-          l == null || l(), m(), O(), p._setSubtreeIsolation(!1), g == null || g();
-        } else {
-          var h = y(i, "onUnpause"), w = y(i, "onPostUnpause");
-          h == null || h(), p._setSubtreeIsolation(!0), R(), d(), O(), w == null || w();
-        }
-        return this;
-      }
-    },
-    _setSubtreeIsolation: {
-      value: function(o) {
-        c.isolateSubtrees && n.adjacentElements.forEach(function(i) {
-          var l;
-          if (o)
-            switch (c.isolateSubtrees) {
-              case "aria-hidden":
-                (i.ariaHidden === "true" || ((l = i.getAttribute("aria-hidden")) === null || l === void 0 ? void 0 : l.toLowerCase()) === "true") && n.alreadySilent.add(i), i.setAttribute("aria-hidden", "true");
-                break;
-              default:
-                (i.inert || i.hasAttribute("inert")) && n.alreadySilent.add(i), i.setAttribute("inert", !0);
-                break;
-            }
-          else if (!n.alreadySilent.has(i)) switch (c.isolateSubtrees) {
-            case "aria-hidden":
-              i.removeAttribute("aria-hidden");
-              break;
-            default:
-              i.removeAttribute("inert");
-              break;
-          }
-        });
-      }
-    }
-  }), p.updateContainerElements(e), p;
-};
-const vt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  createFocusTrap: dt
-}, Symbol.toStringTag, { value: "Module" })), pt = /* @__PURE__ */ ke(vt), bt = /* @__PURE__ */ ke(Qe);
-var Te;
-function ht() {
-  if (Te) return Q.exports;
-  Te = 1;
-  function r(d) {
-    "@babel/helpers - typeof";
-    return r = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(f) {
-      return typeof f;
-    } : function(f) {
-      return f && typeof Symbol == "function" && f.constructor === Symbol && f !== Symbol.prototype ? "symbol" : typeof f;
-    }, r(d);
-  }
-  var e, t;
-  function a(d, f) {
-    if (!(d instanceof f)) throw new TypeError("Cannot call a class as a function");
-  }
-  function s(d, f) {
-    for (var m = 0; m < f.length; m++) {
-      var u = f[m];
-      u.enumerable = u.enumerable || !1, u.configurable = !0, "value" in u && (u.writable = !0), Object.defineProperty(d, P(u.key), u);
-    }
-  }
-  function c(d, f, m) {
-    return f && s(d.prototype, f), Object.defineProperty(d, "prototype", { writable: !1 }), d;
-  }
-  function n(d, f, m) {
-    return f = S(f), p(d, k() ? Reflect.construct(f, m || [], S(d).constructor) : f.apply(d, m));
-  }
-  function p(d, f) {
-    if (f && (r(f) == "object" || typeof f == "function")) return f;
-    if (f !== void 0) throw new TypeError("Derived constructors may only return object or undefined");
-    return y(d);
-  }
-  function y(d) {
-    if (d === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    return d;
-  }
-  function k() {
-    try {
-      var d = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
-      }));
-    } catch {
-    }
-    return (k = function() {
-      return !!d;
-    })();
-  }
-  function S(d) {
-    return S = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(f) {
-      return f.__proto__ || Object.getPrototypeOf(f);
-    }, S(d);
-  }
-  function D(d, f) {
-    if (typeof f != "function" && f !== null) throw new TypeError("Super expression must either be null or a function");
-    d.prototype = Object.create(f && f.prototype, { constructor: { value: d, writable: !0, configurable: !0 } }), Object.defineProperty(d, "prototype", { writable: !1 }), f && R(d, f);
-  }
-  function R(d, f) {
-    return R = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(m, u) {
-      return m.__proto__ = u, m;
-    }, R(d, f);
-  }
-  function A(d, f, m) {
-    return (f = P(f)) in d ? Object.defineProperty(d, f, { value: m, enumerable: !0, configurable: !0, writable: !0 }) : d[f] = m, d;
-  }
-  function P(d) {
-    var f = Y(d, "string");
-    return r(f) == "symbol" ? f : f + "";
-  }
-  function Y(d, f) {
-    if (r(d) != "object" || !d) return d;
-    var m = d[Symbol.toPrimitive];
-    if (m !== void 0) {
-      var u = m.call(d, f);
-      if (r(u) != "object") return u;
-      throw new TypeError("@@toPrimitive must return a primitive value.");
-    }
-    return (f === "string" ? String : Number)(d);
-  }
-  var C = Ie, I = pt, q = I.createFocusTrap, V = bt, $ = V.isFocusable, G = parseInt((e = (t = /^(\d+)\./.exec(C.version)) === null || t === void 0 ? void 0 : t[1]) !== null && e !== void 0 ? e : 0, 10), L = /* @__PURE__ */ (function(d) {
-    function f(m) {
-      var u;
-      a(this, f), u = n(this, f, [m]), A(u, "getNodeForOption", function(b) {
-        var o, i = (o = this.internalOptions[b]) !== null && o !== void 0 ? o : this.originalOptions[b];
-        if (typeof i == "function") {
-          for (var l = arguments.length, g = new Array(l > 1 ? l - 1 : 0), h = 1; h < l; h++)
-            g[h - 1] = arguments[h];
-          i = i.apply(void 0, g);
-        }
-        if (i === !0 && (i = void 0), !i) {
-          if (i === void 0 || i === !1)
-            return i;
-          throw new Error("`".concat(b, "` was specified but was not a node, or did not return a node"));
-        }
-        var w = i;
-        if (typeof i == "string") {
-          var v;
-          if (w = (v = this.getDocument()) === null || v === void 0 ? void 0 : v.querySelector(i), !w)
-            throw new Error("`".concat(b, "` as selector refers to no known node"));
-        }
-        return w;
-      }), u.handleDeactivate = u.handleDeactivate.bind(u), u.handlePostDeactivate = u.handlePostDeactivate.bind(u), u.handleClickOutsideDeactivates = u.handleClickOutsideDeactivates.bind(u), u.internalOptions = {
-        // We need to hijack the returnFocusOnDeactivate option,
-        // because React can move focus into the element before we arrived at
-        // this lifecycle hook (e.g. with autoFocus inputs). So the component
-        // captures the previouslyFocusedElement in componentWillMount,
-        // then (optionally) returns focus to it in componentWillUnmount.
-        returnFocusOnDeactivate: !1,
-        // the rest of these are also related to deactivation of the trap, and we
-        //  need to use them and control them as well
-        checkCanReturnFocus: null,
-        onDeactivate: u.handleDeactivate,
-        onPostDeactivate: u.handlePostDeactivate,
-        // we need to special-case this setting as well so that we can know if we should
-        //  NOT return focus if the trap gets auto-deactivated as the result of an
-        //  outside click (otherwise, we'll always think we should return focus because
-        //  of how we manage that flag internally here)
-        clickOutsideDeactivates: u.handleClickOutsideDeactivates
-      }, u.originalOptions = {
-        // because of the above `internalOptions`, we maintain our own flag for
-        //  this option, and default it to `true` because that's focus-trap's default
-        returnFocusOnDeactivate: !0,
-        // because of the above `internalOptions`, we keep these separate since
-        //  they're part of the deactivation process which we configure (internally) to
-        //  be shared between focus-trap and focus-trap-react
-        onDeactivate: null,
-        onPostDeactivate: null,
-        checkCanReturnFocus: null,
-        // the user's setting, defaulted to false since focus-trap defaults this to false
-        clickOutsideDeactivates: !1
-      };
-      var T = m.focusTrapOptions;
-      for (var O in T)
-        if (Object.prototype.hasOwnProperty.call(T, O)) {
-          if (O === "returnFocusOnDeactivate" || O === "onDeactivate" || O === "onPostDeactivate" || O === "checkCanReturnFocus" || O === "clickOutsideDeactivates") {
-            u.originalOptions[O] = T[O];
-            continue;
-          }
-          u.internalOptions[O] = T[O];
-        }
-      return u.outsideClick = null, u.focusTrapElements = m.containerElements || [], u.updatePreviousElement(), u;
-    }
-    return D(f, d), c(f, [{
-      key: "getDocument",
-      value: function() {
-        return this.props.focusTrapOptions.document || (typeof document < "u" ? document : void 0);
-      }
-    }, {
-      key: "getReturnFocusNode",
-      value: function() {
-        var u = this.getNodeForOption("setReturnFocus", this.previouslyFocusedElement);
-        return u || (u === !1 ? !1 : this.previouslyFocusedElement);
-      }
-      /** Update the previously focused element with the currently focused element. */
-    }, {
-      key: "updatePreviousElement",
-      value: function() {
-        var u = this.getDocument();
-        u && (this.previouslyFocusedElement = u.activeElement);
-      }
-    }, {
-      key: "deactivateTrap",
-      value: function() {
-        !this.focusTrap || !this.focusTrap.active || this.focusTrap.deactivate({
-          // NOTE: we never let the trap return the focus since we do that ourselves
-          returnFocus: !1,
-          // we'll call this in our own post deactivate handler so make sure the trap doesn't
-          //  do it prematurely
-          checkCanReturnFocus: null,
-          // let it call the user's original deactivate handler, if any, instead of
-          //  our own which calls back into this function
-          onDeactivate: this.originalOptions.onDeactivate
-          // NOTE: for post deactivate, don't specify anything so that it calls the
-          //  onPostDeactivate handler specified on `this.internalOptions`
-          //  which will always be our own `handlePostDeactivate()` handler, which
-          //  will finish things off by calling the user's provided onPostDeactivate
-          //  handler, if any, at the right time
-          // onPostDeactivate: NOTHING
-        });
-      }
-    }, {
-      key: "handleClickOutsideDeactivates",
-      value: function(u) {
-        var T = typeof this.originalOptions.clickOutsideDeactivates == "function" ? this.originalOptions.clickOutsideDeactivates.call(null, u) : this.originalOptions.clickOutsideDeactivates;
-        return T && (this.outsideClick = {
-          target: u.target,
-          allowDeactivation: T
-        }), T;
-      }
-    }, {
-      key: "handleDeactivate",
-      value: function() {
-        this.originalOptions.onDeactivate && this.originalOptions.onDeactivate.call(null), this.deactivateTrap();
-      }
-    }, {
-      key: "handlePostDeactivate",
-      value: function() {
-        var u = this, T = function() {
-          var b = u.getReturnFocusNode(), o = !!// did the consumer allow it?
-          (u.originalOptions.returnFocusOnDeactivate && // can we actually focus the node?
-          b !== null && b !== void 0 && b.focus && // was there an outside click that allowed deactivation?
-          (!u.outsideClick || // did the consumer allow deactivation when the outside node was clicked?
-          u.outsideClick.allowDeactivation && // is the outside node NOT focusable (implying that it did NOT receive focus
-          //  as a result of the click-through) -- in which case do NOT restore focus
-          //  to `returnFocusNode` because focus should remain on the outside node
-          !$(u.outsideClick.target, u.internalOptions.tabbableOptions))), i = u.internalOptions.preventScroll, l = i === void 0 ? !1 : i;
-          o && b.focus({
-            preventScroll: l
-          }), u.originalOptions.onPostDeactivate && u.originalOptions.onPostDeactivate.call(null), u.outsideClick = null;
-        };
-        this.originalOptions.checkCanReturnFocus ? this.originalOptions.checkCanReturnFocus.call(null, this.getReturnFocusNode()).then(T, T) : T();
-      }
-    }, {
-      key: "setupFocusTrap",
-      value: function() {
-        if (this.focusTrap)
-          this.props.active && !this.focusTrap.active && (this.focusTrap.activate(), this.props.paused && this.focusTrap.pause());
-        else {
-          var u = this.focusTrapElements.some(Boolean);
-          u && (this.focusTrap = this.props._createFocusTrap(this.focusTrapElements, this.internalOptions), this.props.active && this.focusTrap.activate(), this.props.paused && this.focusTrap.pause());
-        }
-      }
-    }, {
-      key: "componentDidMount",
-      value: function() {
-        this.props.active && this.setupFocusTrap();
-      }
-    }, {
-      key: "componentDidUpdate",
-      value: function(u) {
-        if (this.focusTrap) {
-          u.containerElements !== this.props.containerElements && this.focusTrap.updateContainerElements(this.props.containerElements);
-          var T = !u.active && this.props.active, O = u.active && !this.props.active, b = !u.paused && this.props.paused, o = u.paused && !this.props.paused;
-          if (T && (this.updatePreviousElement(), this.focusTrap.activate()), O) {
-            this.deactivateTrap();
-            return;
-          }
-          b && this.focusTrap.pause(), o && this.focusTrap.unpause();
-        } else
-          u.containerElements !== this.props.containerElements && (this.focusTrapElements = this.props.containerElements), this.props.active && (this.updatePreviousElement(), this.setupFocusTrap());
-      }
-    }, {
-      key: "componentWillUnmount",
-      value: function() {
-        this.deactivateTrap();
-      }
-    }, {
-      key: "render",
-      value: function() {
-        var u = this, T = this.props.children ? C.Children.only(this.props.children) : void 0;
-        if (T) {
-          if (T.type && T.type === C.Fragment)
-            throw new Error("A focus-trap cannot use a Fragment as its child container. Try replacing it with a <div> element.");
-          var O = function(i) {
-            var l = u.props.containerElements;
-            T && (G >= 19 ? typeof T.props.ref == "function" ? T.props.ref(i) : T.props.ref && (T.props.ref.current = i) : typeof T.ref == "function" ? T.ref(i) : T.ref && (T.ref.current = i)), u.focusTrapElements = l || [i];
-          }, b = C.cloneElement(T, {
-            ref: O
-          });
-          return b;
-        }
-        return null;
-      }
-    }]);
-  })(C.Component);
-  return L.defaultProps = {
-    active: !0,
-    paused: !1,
-    focusTrapOptions: {},
-    _createFocusTrap: q
-  }, Q.exports = L, Q.exports.FocusTrap = L, Q.exports;
-}
-var yt = ht();
-const je = Ae({
+import { j as t } from "../jsx-runtime-B4hRZ52C.mjs";
+import { createContext as q, useRef as v, useState as w, useCallback as j, useMemo as T, useEffect as p, useContext as z } from "react";
+import { cx as I } from "@kuma-ui/core";
+import { createPortal as G } from "react-dom";
+import { f as H } from "../focus-trap-react-DYXrtbDH.mjs";
+import { IconType as J } from "../icons/icon.mjs";
+import K from "./text-button.mjs";
+const B = q({
   isVisible: !1
 }), {
-  Provider: mt
-} = je;
-function gt() {
-  return xe(je);
+  Provider: Q
+} = B;
+function U() {
+  return z(B);
 }
-function Tt() {
+function V() {
   const {
-    close: r
-  } = gt(), e = J(() => {
-    r == null || r();
-  }, [r]);
-  return /* @__PURE__ */ N.jsxs(N.Fragment, { children: [
-    /* @__PURE__ */ N.jsx("div", { className: "kakadu-components-2543813221" }),
-    /* @__PURE__ */ N.jsx("div", { className: "kakadu-components-840864829", children: /* @__PURE__ */ N.jsx(Be, { iconLeft: Le.times, label: "Close", className: "kakadu-components-3855719072", onClick: e }) })
+    close: n
+  } = U(), o = j(() => {
+    n == null || n();
+  }, [n]);
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsx("div", { className: "kakadu-components-2543813221" }),
+    /* @__PURE__ */ t.jsx("div", { className: "kakadu-components-840864829", children: /* @__PURE__ */ t.jsx(K, { iconLeft: J.times, label: "Close", className: "kakadu-components-3855719072", onClick: o }) })
   ] });
 }
-function we({
-  decorators: r,
-  children: e
+function C({
+  decorators: n,
+  children: o
 }) {
-  return r.length === 0 ? e : r.reduceRight((t, a) => /* @__PURE__ */ N.jsx(a, { children: t }), e);
-}
-function Dt({
-  root: r,
-  outerDecorators: e = [],
-  innerDecorators: t = [],
-  maxWidth: a,
-  className: s,
-  isVisible: c,
-  isFullWidth: n = !1,
-  shouldCloseOnOutsideClick: p = !0,
-  shouldCloseOnEscapePress: y = !0,
-  showCloseButton: k = !0,
-  onClose: S,
-  children: D
+  return n.length === 0 ? o : n.reduceRight((r, u) => /* @__PURE__ */ t.jsx(u, { children: r }), o);
+}
+function te({
+  root: n,
+  outerDecorators: o = [],
+  innerDecorators: r = [],
+  label: u,
+  maxWidth: c,
+  className: i,
+  isVisible: s,
+  isFullWidth: f = !1,
+  shouldCloseOnOutsideClick: k = !0,
+  shouldCloseOnEscapePress: l = !0,
+  showCloseButton: d = !0,
+  onClose: a,
+  children: P
 }) {
-  const R = te(null), A = te(null), [P, Y] = re(!1), [C, I] = re(!1), q = J((u) => {
-    R.current = u, I(!1);
-  }, []), V = te(null), $ = J((u) => {
-    u && (V.current = u);
-  }, []), [G, L] = re(c ?? !1), d = ne(() => ({
-    isVisible: G,
-    setInitialFocus: $,
-    close: q
-  }), [G, $, q]);
-  H(() => {
-    c && (Y(!0), L(!0));
-  }, [c]), H(() => {
-    if (c) {
-      const u = setTimeout(() => {
-        I(!0);
+  const R = v(null), N = v(null), [g, A] = w(!1), [m, x] = w(!1), y = j((e) => {
+    R.current = e, x(!1);
+  }, []), E = v(null), L = j((e) => {
+    e && (E.current = e);
+  }, []), [M, F] = w(s ?? !1), D = T(() => ({
+    isVisible: M,
+    setInitialFocus: L,
+    close: y
+  }), [M, L, y]);
+  p(() => {
+    s && (A(!0), F(!0));
+  }, [s]), p(() => {
+    if (s) {
+      const e = setTimeout(() => {
+        x(!0);
       }, 100);
       return () => {
-        clearTimeout(u);
+        clearTimeout(e);
       };
     }
-    I(!1);
-  }, [c]), H(() => {
-    if (P && !C) {
-      const u = setTimeout(() => {
-        S == null || S(R.current ?? void 0), L(!1);
+    x(!1);
+  }, [s]), p(() => {
+    if (g && !m) {
+      const e = setTimeout(() => {
+        a == null || a(R.current ?? void 0), F(!1);
       }, 370);
       return () => {
-        clearTimeout(u);
+        clearTimeout(e);
       };
     }
-  }, [P, C, S]), H(() => {
-    const u = A.current;
-    if (c && p && u) {
-      const T = (O) => {
-        u === O.target && I(!1);
+  }, [g, m, a]), p(() => {
+    const e = N.current;
+    if (s && k && e) {
+      const h = ($) => {
+        e === $.target && x(!1);
       };
-      return u.addEventListener("click", T), () => {
-        u.removeEventListener("click", T);
+      return e.addEventListener("click", h), () => {
+        e.removeEventListener("click", h);
       };
     }
-  }, [c, p]), H(() => {
-    if (!c || !y)
+  }, [s, k]), p(() => {
+    if (!s || !l)
       return;
-    const u = (T) => {
-      T.key === "Escape" && I(!1);
+    const e = (h) => {
+      h.key === "Escape" && x(!1);
     };
-    return window.addEventListener("keydown", u), () => {
-      window.removeEventListener("keydown", u);
+    return window.addEventListener("keydown", e), () => {
+      window.removeEventListener("keydown", e);
     };
-  }, [c, y]);
-  const f = ne(() => ({
-    initialFocus: () => V.current ?? void 0,
+  }, [s, l]);
+  const S = T(() => ({
+    initialFocus: () => E.current ?? void 0,
     onActivate: () => {
-      var u;
-      return (u = V.current) == null ? void 0 : u.focus();
-    }
-  }), []), m = /* @__PURE__ */ N.jsx(we, { decorators: e, children: /* @__PURE__ */ N.jsx("div", { style: {
-    "--max-width": a ? `${a}px` : void 0
-  }, className: de("kakadu-components-4119461136", C && "kakadu-components-2522346797", s), children: /* @__PURE__ */ N.jsx(we, { decorators: t, children: /* @__PURE__ */ N.jsx(yt.FocusTrap, { active: C, focusTrapOptions: f, children: /* @__PURE__ */ N.jsx("div", { ref: A, className: "kakadu-components-4011815997", children: /* @__PURE__ */ N.jsx("div", { className: de("kakadu-components-3324483532", n && "kakadu-components-3799971070", C && "kakadu-components-968755580"), children: /* @__PURE__ */ N.jsxs(mt, { value: d, children: [
-    k ? /* @__PURE__ */ N.jsx(Tt, {}) : null,
-    /* @__PURE__ */ N.jsx("div", { className: de("kakadu-components-633990035", n && "kakadu-components-171969824"), children: D })
+      var e;
+      return (e = E.current) == null ? void 0 : e.focus();
+    }
+  }), []), b = /* @__PURE__ */ t.jsx(C, { decorators: o, children: /* @__PURE__ */ t.jsx("div", { "aria-hidden": !m, style: {
+    "--max-width": c ? `${c}px` : void 0
+  }, className: I("kakadu-components-4119461136", m && "kakadu-components-2522346797", i), children: /* @__PURE__ */ t.jsx(C, { decorators: r, children: /* @__PURE__ */ t.jsx(H.FocusTrap, { active: m, focusTrapOptions: S, children: /* @__PURE__ */ t.jsx("div", { ref: N, className: "kakadu-components-4011815997", children: /* @__PURE__ */ t.jsx("div", { role: "dialog", "aria-modal": "true", "aria-label": u ?? "Modal", className: I("kakadu-components-3324483532", f && "kakadu-components-3799971070", m && "kakadu-components-968755580"), children: /* @__PURE__ */ t.jsxs(Q, { value: D, children: [
+    d ? /* @__PURE__ */ t.jsx(V, {}) : null,
+    /* @__PURE__ */ t.jsx("div", { className: I("kakadu-components-633990035", f && "kakadu-components-171969824"), children: P })
   ] }) }) }) }) }) }) });
-  return r ? _e(m, r) : m;
-}
-function Nt(r, e) {
-  const [t, a] = re(!1), s = te(void 0), c = J(async () => (a(!0), new Promise((y) => {
-    s.current = y;
-  })), []), n = J((y) => {
-    var k;
-    a(!1), (k = s.current) == null || k.call(s, y), s.current = void 0;
-  }, []), p = ne(() => /* @__PURE__ */ N.jsx(r, { ...e, isVisible: t, onClose: n }), [r, e, t, n]);
-  return ne(() => ({
-    isVisible: t,
-    show: c,
-    modal: p
-  }), [t, c, p]);
+  return n ? G(b, n) : b;
+}
+function ne(n, o) {
+  const [r, u] = w(!1), c = v(void 0), i = v(null), s = j(async (l) => (u(!0), i.current = l ?? document.activeElement, new Promise((d) => {
+    c.current = d;
+  })), []), f = j((l) => {
+    var d;
+    if (u(!1), (d = c.current) == null || d.call(c, l), c.current = void 0, i.current) {
+      const a = i.current;
+      a.isConnected && a.focus(), i.current = null;
+    }
+  }, []), k = T(() => /* @__PURE__ */ t.jsx(n, { ...o, isVisible: r, onClose: f }), [n, o, r, f]);
+  return T(() => ({
+    isVisible: r,
+    show: s,
+    modal: k
+  }), [r, s, k]);
 }
 export {
-  Dt as default,
-  Nt as useModal,
-  gt as useModalContext
+  te as default,
+  ne as useModal,
+  U as useModalContext
 };