@fullkekw/popup 2.0.4 → 2.0.5

package/dist/index.es.js

@@ -1,9 +1,9 @@
-import Le, { createContext as Er, useState as k, useEffect as L, useContext as Ye } from "react";
+import Le, { createContext as Er, useState as D, useEffect as L, useContext as Ye } from "react";
 import { createPortal as _r } from "react-dom";
 function Rr(m) {
   return m && m.__esModule && Object.prototype.hasOwnProperty.call(m, "default") ? m.default : m;
 }
-var K = { exports: {} }, V = {};
+var G = { exports: {} }, V = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -41,7 +41,7 @@ var Ne;
 function Or() {
   return Ne || (Ne = 1, process.env.NODE_ENV !== "production" && function() {
     var m = Le, O = Symbol.for("react.element"), _ = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), p = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), d = Symbol.for("react.context"), y = Symbol.for("react.forward_ref"), P = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), a = Symbol.for("react.lazy"), x = Symbol.for("react.offscreen"), h = Symbol.iterator, C = "@@iterator";
-    function X(e) {
+    function H(e) {
       if (e === null || typeof e != "object")
         return null;
       var r = h && e[h] || e[C];
@@ -52,10 +52,10 @@ function Or() {
       {
         for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++)
           t[n - 1] = arguments[n];
-        H("error", e, t);
+        Z("error", e, t);
       }
     }
-    function H(e, r, t) {
+    function Z(e, r, t) {
       {
         var n = S.ReactDebugCurrentFrame, f = n.getStackAddendum();
         f !== "" && (r += "%s", t = t.concat([f]));
@@ -65,10 +65,10 @@ function Or() {
         l.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, l);
       }
     }
-    var Z = !1, I = !1, Q = !1, Ue = !1, ze = !1, ce;
+    var z = !1, k = !1, Q = !1, Ue = !1, ze = !1, ce;
     ce = Symbol.for("react.module.reference");
     function qe(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === v || e === i || ze || e === p || e === P || e === u || Ue || e === x || Z || I || Q || typeof e == "object" && e !== null && (e.$$typeof === a || e.$$typeof === g || e.$$typeof === c || e.$$typeof === d || e.$$typeof === y || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === v || e === i || ze || e === p || e === P || e === u || Ue || e === x || z || k || Q || typeof e == "object" && e !== null && (e.$$typeof === a || e.$$typeof === g || e.$$typeof === c || e.$$typeof === d || e.$$typeof === y || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -84,7 +84,7 @@ function Or() {
     function le(e) {
       return e.displayName || "Context";
     }
-    function D(e) {
+    function I(e) {
       if (e == null)
         return null;
       if (typeof e.tag == "number" && R("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
@@ -117,11 +117,11 @@ function Or() {
             return Je(e, e.render, "ForwardRef");
           case g:
             var n = e.displayName || null;
-            return n !== null ? n : D(e.type) || "Memo";
+            return n !== null ? n : I(e.type) || "Memo";
           case a: {
             var f = e, l = f._payload, s = f._init;
             try {
-              return D(s(l));
+              return I(s(l));
             } catch {
               return null;
             }
@@ -192,7 +192,7 @@ function Or() {
       }
     }
     var ee = S.ReactCurrentDispatcher, re;
-    function z(e, r, t) {
+    function q(e, r, t) {
       {
         if (re === void 0)
           try {
@@ -205,16 +205,16 @@ function Or() {
 ` + re + e;
       }
     }
-    var te = !1, q;
+    var te = !1, J;
     {
       var Ge = typeof WeakMap == "function" ? WeakMap : Map;
-      q = new Ge();
+      J = new Ge();
     }
     function Ee(e, r) {
       if (!e || te)
         return "";
       {
-        var t = q.get(e);
+        var t = J.get(e);
         if (t !== void 0)
           return t;
       }
@@ -269,7 +269,7 @@ function Or() {
                   if (b--, E--, E < 0 || o[b] !== w[E]) {
                     var j = `
 ` + o[b].replace(" at new ", " at ");
-                    return e.displayName && j.includes("<anonymous>") && (j = j.replace("<anonymous>", e.displayName)), typeof e == "function" && q.set(e, j), j;
+                    return e.displayName && j.includes("<anonymous>") && (j = j.replace("<anonymous>", e.displayName)), typeof e == "function" && J.set(e, j), j;
                   }
                 while (b >= 1 && E >= 0);
               break;
@@ -278,8 +278,8 @@ function Or() {
       } finally {
         te = !1, ee.current = l, Ke(), Error.prepareStackTrace = f;
       }
-      var W = e ? e.displayName || e.name : "", F = W ? z(W) : "";
-      return typeof e == "function" && q.set(e, F), F;
+      var W = e ? e.displayName || e.name : "", F = W ? q(W) : "";
+      return typeof e == "function" && J.set(e, F), F;
     }
     function Xe(e, r, t) {
       return Ee(e, !1);
@@ -288,29 +288,29 @@ function Or() {
       var r = e.prototype;
       return !!(r && r.isReactComponent);
     }
-    function J(e, r, t) {
+    function B(e, r, t) {
       if (e == null)
         return "";
       if (typeof e == "function")
         return Ee(e, He(e));
       if (typeof e == "string")
-        return z(e);
+        return q(e);
       switch (e) {
         case P:
-          return z("Suspense");
+          return q("Suspense");
         case u:
-          return z("SuspenseList");
+          return q("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case y:
             return Xe(e.render);
           case g:
-            return J(e.type, r, t);
+            return B(e.type, r, t);
           case a: {
             var n = e, f = n._payload, l = n._init;
             try {
-              return J(l(f), r, t);
+              return B(l(f), r, t);
             } catch {
             }
           }
@@ -318,9 +318,9 @@ function Or() {
       return "";
     }
     var M = Object.prototype.hasOwnProperty, _e = {}, Re = S.ReactDebugCurrentFrame;
-    function B(e) {
+    function K(e) {
       if (e) {
-        var r = e._owner, t = J(e.type, e._source, r ? r.type : null);
+        var r = e._owner, t = B(e.type, e._source, r ? r.type : null);
         Re.setExtraStackFrame(t);
       } else
         Re.setExtraStackFrame(null);
@@ -340,7 +340,7 @@ function Or() {
             } catch (b) {
               o = b;
             }
-            o && !(o instanceof Error) && (B(f), R("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", n || "React class", t, s, typeof o), B(null)), o instanceof Error && !(o.message in _e) && (_e[o.message] = !0, B(f), R("Failed %s type: %s", t, o.message), B(null));
+            o && !(o instanceof Error) && (K(f), R("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", n || "React class", t, s, typeof o), K(null)), o instanceof Error && !(o.message in _e) && (_e[o.message] = !0, K(f), R("Failed %s type: %s", t, o.message), K(null));
           }
       }
     }
@@ -465,7 +465,7 @@ function Or() {
     var ae = S.ReactCurrentOwner, Pe = S.ReactDebugCurrentFrame;
     function $(e) {
       if (e) {
-        var r = e._owner, t = J(e.type, e._source, r ? r.type : null);
+        var r = e._owner, t = B(e.type, e._source, r ? r.type : null);
         Pe.setExtraStackFrame(t);
       } else
         Pe.setExtraStackFrame(null);
@@ -478,7 +478,7 @@ function Or() {
     function Ce() {
       {
         if (ae.current) {
-          var e = D(ae.current.type);
+          var e = I(ae.current.type);
           if (e)
             return `
 
@@ -513,7 +513,7 @@ Check the top-level render call using <` + t + ">.");
           return;
         je[t] = !0;
         var n = "";
-        e && e._owner && e._owner !== ae.current && (n = " It was passed a child from " + D(e._owner.type) + "."), $(e), R('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), $(null);
+        e && e._owner && e._owner !== ae.current && (n = " It was passed a child from " + I(e._owner.type) + "."), $(e), R('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), $(null);
       }
     }
     function De(e, r) {
@@ -528,7 +528,7 @@ Check the top-level render call using <` + t + ">.");
         else if (ie(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var f = X(e);
+          var f = H(e);
           if (typeof f == "function" && f !== e.entries)
             for (var l = f.call(e), s; !(s = l.next()).done; )
               ie(s.value) && ke(s.value, r);
@@ -550,11 +550,11 @@ Check the top-level render call using <` + t + ">.");
         else
           return;
         if (t) {
-          var n = D(r);
+          var n = I(r);
           Ze(t, e.props, "prop", n, e);
         } else if (r.PropTypes !== void 0 && !oe) {
           oe = !0;
-          var f = D(r);
+          var f = I(r);
           R("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", f || "Unknown");
         }
         typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && R("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
@@ -582,7 +582,7 @@ Check the top-level render call using <` + t + ">.");
           var w = cr();
           w ? o += w : o += Ce();
           var b;
-          e === null ? b = "null" : ne(e) ? b = "array" : e !== void 0 && e.$$typeof === O ? (b = "<" + (D(e.type) || "Unknown") + " />", o = " Did you accidentally export a JSX literal instead of a component?") : b = typeof e, R("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", b, o);
+          e === null ? b = "null" : ne(e) ? b = "array" : e !== void 0 && e.$$typeof === O ? (b = "<" + (I(e.type) || "Unknown") + " />", o = " Did you accidentally export a JSX literal instead of a component?") : b = typeof e, R("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", b, o);
         }
         var E = fr(e, r, t, f, l);
         if (E == null)
@@ -601,7 +601,7 @@ Check the top-level render call using <` + t + ">.");
               De(j, e);
         }
         if (M.call(r, "key")) {
-          var F = D(e), T = Object.keys(r).filter(function(hr) {
+          var F = I(e), T = Object.keys(r).filter(function(hr) {
             return hr !== "key";
           }), ue = T.length > 0 ? "{key: someKey, " + T.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!Ie[F + ue]) {
@@ -629,7 +629,7 @@ React keys must be passed directly to JSX without using spread:
 }
 var $e;
 function wr() {
-  return $e || ($e = 1, process.env.NODE_ENV === "production" ? K.exports = xr() : K.exports = Or()), K.exports;
+  return $e || ($e = 1, process.env.NODE_ENV === "production" ? G.exports = xr() : G.exports = Or()), G.exports;
 }
 var N = wr(), se = { exports: {} };
 /*!
@@ -671,13 +671,13 @@ function Sr() {
   }(se)), se.exports;
 }
 var Tr = Sr();
-const G = /* @__PURE__ */ Rr(Tr), Me = {
+const X = /* @__PURE__ */ Rr(Tr), Me = {
   disableScroll: !0,
   exitOnDocument: !0,
   exitOnEscape: !0,
   preventStateChange: !1
 }, fe = Er({}), Pr = ({ className: m, settings: O, children: _ }) => {
-  const [v] = k(Ve(O ?? {}, Me)), [p, i] = k([]), c = {
+  const [v] = D(Ve(O ?? {}, Me)), [p, i] = D([]), c = {
     nodes: p,
     toggleNode: d,
     registerNode: y,
@@ -713,20 +713,22 @@ const G = /* @__PURE__ */ Rr(Tr), Me = {
   }
   return /* @__PURE__ */ N.jsxs(fe.Provider, { value: c, children: [
     _,
-    /* @__PURE__ */ N.jsx("section", { className: G("fkw-popup-container", m), id: "fkw-popup-container" })
+    /* @__PURE__ */ N.jsx("section", { className: X("fkw-popup-container", m), id: "fkw-popup-container" })
   ] });
 }, Cr = ({ children: m, className: O, layerClassName: _, style: v, id: p, settings: i, isOpen: c, setIsOpen: d, animation: y, ...P }) => {
-  const u = Ye(fe), [g] = k(y ?? "scale"), [a] = k(Ve(i ?? {}, Me)), [x, h] = k(!1), [C, X] = k(null), [S, R] = k(!1), [H, Z] = k(0);
+  const u = Ye(fe), [g] = D(y ?? "scale"), [a] = D(Ve(i ?? {}, Me)), [x, h] = D(!1), [C, H] = D(null), [S, R] = D(!1), [Z, z] = D(0);
   return L(() => {
-    X(document.querySelector("#fkw-popup-container")), h(!0), u.registerNode({
+    H(document.querySelector("#fkw-popup-container")), h(!0), u.registerNode({
       id: p,
       open: !1,
       zIndex: 0,
       settings: a
     });
   }, []), L(() => {
-    const I = u.nodes.find((Q) => Q.id === p);
-    I && (R(I.open), Z(I.zIndex));
+    const k = u.nodes.find((Q) => Q.id === p);
+    k && (R(k.open), k.zIndex !== 0 ? z(k.zIndex) : setTimeout(() => {
+      z(k.zIndex);
+    }, 200));
   }, [u]), L(() => {
     d === void 0 || c === S || d(S);
   }, [S]), L(() => {
@@ -735,13 +737,13 @@ const G = /* @__PURE__ */ Rr(Tr), Me = {
     "section",
     {
       id: p,
-      className: G("fkw-popup-layer", S && "fkw-popup-layer--open", _),
-      style: { zIndex: 1e4 + H, cursor: a.exitOnDocument && !a.preventStateChange ? "pointer" : "auto", ...v },
-      onClick: a.exitOnDocument && !a.preventStateChange ? (I) => u.toggleDocument(p, I) : void 0,
+      className: X("fkw-popup-layer", S && "fkw-popup-layer--open", _),
+      style: { zIndex: 1e4 + Z, cursor: a.exitOnDocument && !a.preventStateChange ? "pointer" : "auto", ...v },
+      onClick: a.exitOnDocument && !a.preventStateChange ? (k) => u.toggleDocument(p, k) : void 0,
       children: /* @__PURE__ */ N.jsx(
         "article",
         {
-          className: G("fkw-popup", S && "fkw-popup--open", g && `fkw-popup-animation--${g}`, O),
+          className: X("fkw-popup", S && "fkw-popup--open", g && `fkw-popup-animation--${g}`, O),
           role: "dialog",
           "aria-modal": !0,
           "aria-hidden": !S,
@@ -752,7 +754,7 @@ const G = /* @__PURE__ */ Rr(Tr), Me = {
     }
   ) }), C);
 }, jr = ({ children: m, as: O, className: _, onClick: v, disabled: p, popupId: i, ...c }) => {
-  const d = Ye(fe), y = O ?? "button", [P, u] = k(!1);
+  const d = Ye(fe), y = O ?? "button", [P, u] = D(!1);
   L(() => {
     const a = d.nodes.find((x) => x.id === i);
     a && u(a.open);
@@ -760,7 +762,7 @@ const G = /* @__PURE__ */ Rr(Tr), Me = {
   function g(a) {
     d.toggleNode(i), v && v(a);
   }
-  return /* @__PURE__ */ N.jsx(y, { className: G("fkw-popup-button", P && "fkw-popup-button--active", _), role: "button", onClick: g, "aria-haspopup": "dialog", tabIndex: 0, disabled: p, "aria-disabled": p, "data-fkw-popup-operator": i, "aria-label": P ? "Close Popup" : "Open Popup", ...c, children: m });
+  return /* @__PURE__ */ N.jsx(y, { className: X("fkw-popup-button", P && "fkw-popup-button--active", _), role: "button", onClick: g, "aria-haspopup": "dialog", tabIndex: 0, disabled: p, "aria-disabled": p, "data-fkw-popup-operator": i, "aria-label": P ? "Close Popup" : "Open Popup", ...c, children: m });
 };
 function Ve(m, O) {
   const _ = { ...O };