@bitux/review-layer-react 0.1.5 → 0.1.6

package/dist/review-layer-react.js

@@ -1,5 +1,5 @@
-import sr, { memo as Re, useState as F, useEffect as z, useCallback as j, useRef as me, useMemo as $e, createContext as Mr, useContext as Wr } from "react";
-import { createPortal as cr } from "react-dom";
+import lr, { memo as Re, useState as F, useEffect as A, useCallback as j, useRef as me, useMemo as Ne, createContext as Mr, useContext as Wr } from "react";
+import { createPortal as sr } from "react-dom";
 var Ae = { exports: {} }, le = {};
 /**
  * @license React
@@ -10,17 +10,17 @@ var Ae = { exports: {} }, le = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var or;
+var rr;
 function Br() {
-  if (or) return le;
-  or = 1;
-  var r = sr, t = Symbol.for("react.element"), o = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, a = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
+  if (rr) return le;
+  rr = 1;
+  var r = lr, t = Symbol.for("react.element"), o = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, a = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
   function p(g, d, w) {
-    var x, y = {}, P = null, S = null;
-    w !== void 0 && (P = "" + w), d.key !== void 0 && (P = "" + d.key), d.ref !== void 0 && (S = d.ref);
-    for (x in d) i.call(d, x) && !s.hasOwnProperty(x) && (y[x] = d[x]);
-    if (g && g.defaultProps) for (x in d = g.defaultProps, d) y[x] === void 0 && (y[x] = d[x]);
-    return { $$typeof: t, type: g, key: P, ref: S, props: y, _owner: a.current };
+    var h, y = {}, P = null, k = null;
+    w !== void 0 && (P = "" + w), d.key !== void 0 && (P = "" + d.key), d.ref !== void 0 && (k = d.ref);
+    for (h in d) i.call(d, h) && !s.hasOwnProperty(h) && (y[h] = d[h]);
+    if (g && g.defaultProps) for (h in d = g.defaultProps, d) y[h] === void 0 && (y[h] = d[h]);
+    return { $$typeof: t, type: g, key: P, ref: k, props: y, _owner: a.current };
   }
   return le.Fragment = o, le.jsx = p, le.jsxs = p, le;
 }
@@ -34,11 +34,11 @@ var se = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var tr;
+var or;
 function Yr() {
-  return tr || (tr = 1, process.env.NODE_ENV !== "production" && function() {
-    var r = sr, t = Symbol.for("react.element"), o = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), p = Symbol.for("react.provider"), g = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), x = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), V = Symbol.iterator, $ = "@@iterator";
-    function L(e) {
+  return or || (or = 1, process.env.NODE_ENV !== "production" && function() {
+    var r = lr, t = Symbol.for("react.element"), o = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), p = Symbol.for("react.provider"), g = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), k = Symbol.for("react.offscreen"), V = Symbol.iterator, $ = "@@iterator";
+    function z(e) {
       if (e === null || typeof e != "object")
         return null;
       var n = V && e[V] || e[$];
@@ -56,29 +56,29 @@ function Yr() {
       {
         var v = c.ReactDebugCurrentFrame, E = v.getStackAddendum();
         E !== "" && (n += "%s", u = u.concat([E]));
-        var R = u.map(function(h) {
-          return String(h);
+        var S = u.map(function(x) {
+          return String(x);
         });
-        R.unshift("Warning: " + n), Function.prototype.apply.call(console[e], console, R);
+        S.unshift("Warning: " + n), Function.prototype.apply.call(console[e], console, S);
       }
     }
     var N = !1, H = !1, re = !1, oe = !1, te = !1, X;
     X = Symbol.for("react.module.reference");
     function m(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === i || e === s || te || e === a || e === w || e === x || oe || e === S || N || H || re || typeof e == "object" && e !== null && (e.$$typeof === P || e.$$typeof === y || e.$$typeof === p || e.$$typeof === g || e.$$typeof === d || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === i || e === s || te || e === a || e === w || e === h || oe || e === k || N || H || re || typeof e == "object" && e !== null && (e.$$typeof === P || e.$$typeof === y || e.$$typeof === p || e.$$typeof === g || e.$$typeof === d || // 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.
       e.$$typeof === X || e.getModuleId !== void 0));
     }
-    function k(e, n, u) {
+    function R(e, n, u) {
       var v = e.displayName;
       if (v)
         return v;
       var E = n.displayName || n.name || "";
       return E !== "" ? u + "(" + E + ")" : u;
     }
-    function A(e) {
+    function O(e) {
       return e.displayName || "Context";
     }
     function T(e) {
@@ -99,26 +99,26 @@ function Yr() {
           return "StrictMode";
         case w:
           return "Suspense";
-        case x:
+        case h:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case g:
             var n = e;
-            return A(n) + ".Consumer";
+            return O(n) + ".Consumer";
           case p:
             var u = e;
-            return A(u._context) + ".Provider";
+            return O(u._context) + ".Provider";
           case d:
-            return k(e, e.render, "ForwardRef");
+            return R(e, e.render, "ForwardRef");
           case y:
             var v = e.displayName || null;
             return v !== null ? v : T(e.type) || "Memo";
           case P: {
-            var E = e, R = E._payload, h = E._init;
+            var E = e, S = E._payload, x = E._init;
             try {
-              return T(h(R));
+              return T(x(S));
             } catch {
               return null;
             }
@@ -207,7 +207,7 @@ function Yr() {
       var br = typeof WeakMap == "function" ? WeakMap : Map;
       be = new br();
     }
-    function Me(e, n) {
+    function $e(e, n) {
       if (!e || Pe)
         return "";
       {
@@ -219,31 +219,31 @@ function Yr() {
       Pe = !0;
       var E = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var R;
-      R = ke.current, ke.current = null, ve();
+      var S;
+      S = ke.current, ke.current = null, ve();
       try {
         if (n) {
-          var h = function() {
+          var x = function() {
             throw Error();
           };
-          if (Object.defineProperty(h.prototype, "props", {
+          if (Object.defineProperty(x.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(h, []);
+              Reflect.construct(x, []);
             } catch (W) {
               v = W;
             }
-            Reflect.construct(e, [], h);
+            Reflect.construct(e, [], x);
           } else {
             try {
-              h.call();
+              x.call();
             } catch (W) {
               v = W;
             }
-            e.call(h.prototype);
+            e.call(x.prototype);
           }
         } else {
           try {
@@ -257,29 +257,29 @@ function Yr() {
         if (W && v && typeof W.stack == "string") {
           for (var b = W.stack.split(`
 `), M = v.stack.split(`
-`), D = b.length - 1, O = M.length - 1; D >= 1 && O >= 0 && b[D] !== M[O]; )
-            O--;
-          for (; D >= 1 && O >= 0; D--, O--)
-            if (b[D] !== M[O]) {
-              if (D !== 1 || O !== 1)
+`), D = b.length - 1, L = M.length - 1; D >= 1 && L >= 0 && b[D] !== M[L]; )
+            L--;
+          for (; D >= 1 && L >= 0; D--, L--)
+            if (b[D] !== M[L]) {
+              if (D !== 1 || L !== 1)
                 do
-                  if (D--, O--, O < 0 || b[D] !== M[O]) {
+                  if (D--, L--, L < 0 || b[D] !== M[L]) {
                     var U = `
 ` + b[D].replace(" at new ", " at ");
                     return e.displayName && U.includes("<anonymous>") && (U = U.replace("<anonymous>", e.displayName)), typeof e == "function" && be.set(e, U), U;
                   }
-                while (D >= 1 && O >= 0);
+                while (D >= 1 && L >= 0);
               break;
             }
         }
       } finally {
-        Pe = !1, ke.current = R, pe(), Error.prepareStackTrace = E;
+        Pe = !1, ke.current = S, pe(), Error.prepareStackTrace = E;
       }
       var K = e ? e.displayName || e.name : "", Z = K ? ge(K) : "";
       return typeof e == "function" && be.set(e, Z), Z;
     }
     function hr(e, n, u) {
-      return Me(e, !1);
+      return $e(e, !1);
     }
     function xr(e) {
       var n = e.prototype;
@@ -289,13 +289,13 @@ function Yr() {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return Me(e, xr(e));
+        return $e(e, xr(e));
       if (typeof e == "string")
         return ge(e);
       switch (e) {
         case w:
           return ge("Suspense");
-        case x:
+        case h:
           return ge("SuspenseList");
       }
       if (typeof e == "object")
@@ -305,39 +305,39 @@ function Yr() {
           case y:
             return he(e.type, n, u);
           case P: {
-            var v = e, E = v._payload, R = v._init;
+            var v = e, E = v._payload, S = v._init;
             try {
-              return he(R(E), n, u);
+              return he(S(E), n, u);
             } catch {
             }
           }
         }
       return "";
     }
-    var ue = Object.prototype.hasOwnProperty, We = {}, Be = c.ReactDebugCurrentFrame;
+    var ue = Object.prototype.hasOwnProperty, Me = {}, We = c.ReactDebugCurrentFrame;
     function xe(e) {
       if (e) {
         var n = e._owner, u = he(e.type, e._source, n ? n.type : null);
-        Be.setExtraStackFrame(u);
+        We.setExtraStackFrame(u);
       } else
-        Be.setExtraStackFrame(null);
+        We.setExtraStackFrame(null);
     }
     function yr(e, n, u, v, E) {
       {
-        var R = Function.call.bind(ue);
-        for (var h in e)
-          if (R(e, h)) {
+        var S = Function.call.bind(ue);
+        for (var x in e)
+          if (S(e, x)) {
             var b = void 0;
             try {
-              if (typeof e[h] != "function") {
-                var M = Error((v || "React class") + ": " + u + " type `" + h + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[h] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof e[x] != "function") {
+                var M = Error((v || "React class") + ": " + u + " type `" + x + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[x] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw M.name = "Invariant Violation", M;
               }
-              b = e[h](n, h, v, u, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              b = e[x](n, x, v, u, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (D) {
               b = D;
             }
-            b && !(b instanceof Error) && (xe(E), f("%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).", v || "React class", u, h, typeof b), xe(null)), b instanceof Error && !(b.message in We) && (We[b.message] = !0, xe(E), f("Failed %s type: %s", u, b.message), xe(null));
+            b && !(b instanceof Error) && (xe(E), f("%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).", v || "React class", u, x, typeof b), xe(null)), b instanceof Error && !(b.message in Me) && (Me[b.message] = !0, xe(E), f("Failed %s type: %s", u, b.message), xe(null));
           }
       }
     }
@@ -353,24 +353,24 @@ function Yr() {
     }
     function _r(e) {
       try {
-        return Ye(e), !1;
+        return Be(e), !1;
       } catch {
         return !0;
       }
     }
-    function Ye(e) {
+    function Be(e) {
       return "" + e;
     }
-    function Ue(e) {
+    function Ye(e) {
       if (_r(e))
-        return f("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", wr(e)), Ye(e);
+        return f("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", wr(e)), Be(e);
     }
-    var Ge = c.ReactCurrentOwner, Er = {
+    var Ue = c.ReactCurrentOwner, Er = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, He, Xe;
+    }, Ge, He;
     function Rr(e) {
       if (ue.call(e, "ref")) {
         var n = Object.getOwnPropertyDescriptor(e, "ref").get;
@@ -388,12 +388,12 @@ function Yr() {
       return e.key !== void 0;
     }
     function kr(e, n) {
-      typeof e.ref == "string" && Ge.current;
+      typeof e.ref == "string" && Ue.current;
     }
     function Cr(e, n) {
       {
         var u = function() {
-          He || (He = !0, f("%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://reactjs.org/link/special-props)", n));
+          Ge || (Ge = !0, f("%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://reactjs.org/link/special-props)", n));
         };
         u.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: u,
@@ -404,7 +404,7 @@ function Yr() {
     function Pr(e, n) {
       {
         var u = function() {
-          Xe || (Xe = !0, f("%s: `ref` 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://reactjs.org/link/special-props)", n));
+          He || (He = !0, f("%s: `ref` 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://reactjs.org/link/special-props)", n));
         };
         u.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: u,
@@ -412,7 +412,7 @@ function Yr() {
         });
       }
     }
-    var jr = function(e, n, u, v, E, R, h) {
+    var jr = function(e, n, u, v, E, S, x) {
       var b = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
@@ -420,9 +420,9 @@ function Yr() {
         type: e,
         key: n,
         ref: u,
-        props: h,
+        props: x,
         // Record the component responsible for creating this element.
-        _owner: R
+        _owner: S
       };
       return b._store = {}, Object.defineProperty(b._store, "validated", {
         configurable: !1,
@@ -443,36 +443,36 @@ function Yr() {
     };
     function Vr(e, n, u, v, E) {
       {
-        var R, h = {}, b = null, M = null;
-        u !== void 0 && (Ue(u), b = "" + u), Sr(n) && (Ue(n.key), b = "" + n.key), Rr(n) && (M = n.ref, kr(n, E));
-        for (R in n)
-          ue.call(n, R) && !Er.hasOwnProperty(R) && (h[R] = n[R]);
+        var S, x = {}, b = null, M = null;
+        u !== void 0 && (Ye(u), b = "" + u), Sr(n) && (Ye(n.key), b = "" + n.key), Rr(n) && (M = n.ref, kr(n, E));
+        for (S in n)
+          ue.call(n, S) && !Er.hasOwnProperty(S) && (x[S] = n[S]);
         if (e && e.defaultProps) {
           var D = e.defaultProps;
-          for (R in D)
-            h[R] === void 0 && (h[R] = D[R]);
+          for (S in D)
+            x[S] === void 0 && (x[S] = D[S]);
         }
         if (b || M) {
-          var O = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          b && Cr(h, O), M && Pr(h, O);
+          var L = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          b && Cr(x, L), M && Pr(x, L);
         }
-        return jr(e, b, M, E, v, Ge.current, h);
+        return jr(e, b, M, E, v, Ue.current, x);
       }
     }
-    var Ve = c.ReactCurrentOwner, Je = c.ReactDebugCurrentFrame;
+    var Ve = c.ReactCurrentOwner, Xe = c.ReactDebugCurrentFrame;
     function Q(e) {
       if (e) {
         var n = e._owner, u = he(e.type, e._source, n ? n.type : null);
-        Je.setExtraStackFrame(u);
+        Xe.setExtraStackFrame(u);
       } else
-        Je.setExtraStackFrame(null);
+        Xe.setExtraStackFrame(null);
     }
     var Te;
     Te = !1;
     function De(e) {
       return typeof e == "object" && e !== null && e.$$typeof === t;
     }
-    function qe() {
+    function Je() {
       {
         if (Ve.current) {
           var e = T(Ve.current.type);
@@ -487,10 +487,10 @@ Check the render method of \`` + e + "`.";
     function Tr(e) {
       return "";
     }
-    var Ze = {};
+    var qe = {};
     function Dr(e) {
       {
-        var n = qe();
+        var n = Je();
         if (!n) {
           var u = typeof e == "string" ? e : e.displayName || e.name;
           u && (n = `
@@ -500,35 +500,35 @@ Check the top-level render call using <` + u + ">.");
         return n;
       }
     }
-    function Qe(e, n) {
+    function Ze(e, n) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
         var u = Dr(n);
-        if (Ze[u])
+        if (qe[u])
           return;
-        Ze[u] = !0;
+        qe[u] = !0;
         var v = "";
         e && e._owner && e._owner !== Ve.current && (v = " It was passed a child from " + T(e._owner.type) + "."), Q(e), f('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', u, v), Q(null);
       }
     }
-    function Ke(e, n) {
+    function Qe(e, n) {
       {
         if (typeof e != "object")
           return;
         if (je(e))
           for (var u = 0; u < e.length; u++) {
             var v = e[u];
-            De(v) && Qe(v, n);
+            De(v) && Ze(v, n);
           }
         else if (De(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var E = L(e);
+          var E = z(e);
           if (typeof E == "function" && E !== e.entries)
-            for (var R = E.call(e), h; !(h = R.next()).done; )
-              De(h.value) && Qe(h.value, n);
+            for (var S = E.call(e), x; !(x = S.next()).done; )
+              De(x.value) && Ze(x.value, n);
         }
       }
     }
@@ -569,56 +569,56 @@ Check the top-level render call using <` + u + ">.");
         e.ref !== null && (Q(e), f("Invalid attribute `ref` supplied to `React.Fragment`."), Q(null));
       }
     }
-    var er = {};
-    function rr(e, n, u, v, E, R) {
+    var Ke = {};
+    function er(e, n, u, v, E, S) {
       {
-        var h = m(e);
-        if (!h) {
+        var x = m(e);
+        if (!x) {
           var b = "";
           (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (b += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var M = Tr();
-          M ? b += M : b += qe();
+          M ? b += M : b += Je();
           var D;
           e === null ? D = "null" : je(e) ? D = "array" : e !== void 0 && e.$$typeof === t ? (D = "<" + (T(e.type) || "Unknown") + " />", b = " Did you accidentally export a JSX literal instead of a component?") : D = typeof e, f("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", D, b);
         }
-        var O = Vr(e, n, u, E, R);
-        if (O == null)
-          return O;
-        if (h) {
+        var L = Vr(e, n, u, E, S);
+        if (L == null)
+          return L;
+        if (x) {
           var U = n.children;
           if (U !== void 0)
             if (v)
               if (je(U)) {
                 for (var K = 0; K < U.length; K++)
-                  Ke(U[K], e);
+                  Qe(U[K], e);
                 Object.freeze && Object.freeze(U);
               } else
                 f("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
-              Ke(U, e);
+              Qe(U, e);
         }
         if (ue.call(n, "key")) {
           var Z = T(e), W = Object.keys(n).filter(function($r) {
             return $r !== "key";
           }), Ie = W.length > 0 ? "{key: someKey, " + W.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!er[Z + Ie]) {
+          if (!Ke[Z + Ie]) {
             var Nr = W.length > 0 ? "{" + W.join(": ..., ") + ": ...}" : "{}";
             f(`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} />`, Ie, Z, Nr, Z), er[Z + Ie] = !0;
+  <%s key={someKey} {...props} />`, Ie, Z, Nr, Z), Ke[Z + Ie] = !0;
           }
         }
-        return e === i ? Or(O) : Ir(O), O;
+        return e === i ? Or(L) : Ir(L), L;
       }
     }
     function Lr(e, n, u) {
-      return rr(e, n, u, !0);
+      return er(e, n, u, !0);
     }
     function zr(e, n, u) {
-      return rr(e, n, u, !1);
+      return er(e, n, u, !1);
     }
     var Ar = zr, Fr = Lr;
     se.Fragment = i, se.jsx = Ar, se.jsxs = Fr;
@@ -669,7 +669,7 @@ function Fe(r, t, o = Hr) {
     y: Math.max(a, Math.min(p, t))
   };
 }
-function dr(r) {
+function cr(r) {
   var t;
   if (typeof document > "u" || !(r != null && r.trim())) return null;
   try {
@@ -688,7 +688,7 @@ function Xr(r) {
     relativeY: o > 0 ? r.top / o : 0
   };
 }
-function Ne(r) {
+function dr(r) {
   if (typeof window > "u")
     return {
       x: r.x ?? 0,
@@ -704,19 +704,16 @@ function Ne(r) {
   };
 }
 function Jr(r) {
-  const { x: t, y: o } = Ne(r), i = r.width ?? 100, a = r.height ?? 40;
+  const { x: t, y: o } = dr(r), i = r.width ?? 100, a = r.height ?? 40;
   return new DOMRect(t, o, i, a);
 }
 function we(r) {
-  const t = (r.relativeX ?? r.relative_x) != null && (r.relativeY ?? r.relative_y) != null, o = r.x != null && r.y != null;
-  if (t || o)
-    return Ne(r);
   if (r.selector) {
-    const i = dr(r.selector);
-    if (i != null)
-      return { x: i.left, y: i.top };
+    const t = cr(r.selector);
+    if (t != null)
+      return { x: t.left, y: t.top };
   }
-  return Ne(r);
+  return dr(r);
 }
 const C = {
   PENDING: "pending",
@@ -812,7 +809,7 @@ const ro = {
   border: "1px solid var(--ui-color-border-default, #d9d9d9)",
   borderRadius: "var(--ui-radius_6, 6px)",
   fontSize: "var(--ui-font-size-sm, 14px)"
-}, nr = {
+}, tr = {
   padding: "var(--ui-positive-Value_200, 8px) var(--ui-positive-Value_400, 16px)",
   backgroundColor: "var(--ui-color-bg-fill-danger-default, #ff4d4f)",
   color: "var(--ui-color-text-on-color, #fff)",
@@ -831,12 +828,12 @@ function io({
   onClose: s,
   onSuccess: p
 }) {
-  var L;
-  const [g, d] = F(""), [w, x] = F(
-    ((L = o[0]) == null ? void 0 : L.id) ?? 0
-  ), [y, P] = F(!1), [S, V] = F(null);
-  z(() => {
-    o.length > 0 && !w && x(o[0].id);
+  var z;
+  const [g, d] = F(""), [w, h] = F(
+    ((z = o[0]) == null ? void 0 : z.id) ?? 0
+  ), [y, P] = F(!1), [k, V] = F(null);
+  A(() => {
+    o.length > 0 && !w && h(o[0].id);
   }, [o, w]);
   const $ = j(
     async (c) => {
@@ -857,7 +854,7 @@ function io({
     },
     [r, t, a, g, w, p, s]
   );
-  return z(() => {
+  return A(() => {
     const c = (f) => {
       f.key === "Escape" && (f.preventDefault(), s());
     };
@@ -896,7 +893,7 @@ function io({
             "select",
             {
               value: w,
-              onChange: (c) => x(Number(c.target.value)),
+              onChange: (c) => h(Number(c.target.value)),
               style: no,
               required: !0,
               disabled: o.length === 0,
@@ -906,7 +903,7 @@ function io({
               ]
             }
           ),
-          S && /* @__PURE__ */ l.jsx(
+          k && /* @__PURE__ */ l.jsx(
             "div",
             {
               style: {
@@ -914,7 +911,7 @@ function io({
                 fontSize: "var(--ui-font-size-xs, 12px)",
                 marginBottom: "var(--ui-positive-Value_200, 8px)"
               },
-              children: S
+              children: k
             }
           ),
           /* @__PURE__ */ l.jsxs("div", { style: { display: "flex", justifyContent: "flex-end", gap: "var(--ui-positive-Value_200, 8px)" }, children: [
@@ -924,7 +921,7 @@ function io({
                 type: "button",
                 onClick: s,
                 style: {
-                  ...nr,
+                  ...tr,
                   backgroundColor: "var(--ui-color-bg-fill-secondary-default, #f0f0f0)",
                   color: "var(--ui-color-text-primary, #333)"
                 },
@@ -935,7 +932,7 @@ function io({
               "button",
               {
                 type: "submit",
-                style: nr,
+                style: tr,
                 disabled: y || o.length === 0,
                 children: y ? "Enviando..." : "Enviar comentario"
               }
@@ -968,7 +965,7 @@ const so = Re(function({
       p(null);
       return;
     }
-    const d = t != null && t.trim() ? dr(t) : null;
+    const d = t != null && t.trim() ? cr(t) : null;
     if (d) {
       p(d);
       return;
@@ -979,9 +976,9 @@ const so = Re(function({
     }
     p(null);
   }, [t, o, i]);
-  return z(() => {
+  return A(() => {
     g();
-  }, [g]), z(() => {
+  }, [g]), A(() => {
     if (o)
       return window.addEventListener("scroll", g, !0), window.addEventListener("resize", g), () => {
         window.removeEventListener("scroll", g, !0), window.removeEventListener("resize", g);
@@ -999,7 +996,7 @@ const so = Re(function({
       }
     }
   );
-}), _e = 32, ir = 150, Oe = 250, B = {
+}), _e = 32, nr = 150, Oe = 250, B = {
   cardBg: "var(--ui-color-bg-surface-default, #ffffff)",
   cardFooterBg: "var(--ui-color-bg-surface-secondary-default, #f8fafc)",
   textDark: "var(--ui-color-text-primary, #333333)",
@@ -1018,7 +1015,7 @@ const so = Re(function({
   [C.PENDING]: "var(--ui-color-red-500, rgb(240, 69, 69))",
   [C.DEV_FIXED]: "var(--ui-color-yellow-500, rgb(235, 179, 8))",
   [C.VALIDATED]: "var(--ui-color-green-500, rgb(33, 196, 94))"
-}, ar = {
+}, ir = {
   [C.PENDING]: "var(--ui-color-bg-surface-danger-default, #fef2f2)",
   [C.DEV_FIXED]: "var(--ui-color-bg-surface-warning-default, #fffbeb)",
   [C.VALIDATED]: "var(--ui-color-bg-surface-success-default, #f0fdf4)"
@@ -1150,7 +1147,7 @@ const po = () => /* @__PURE__ */ l.jsx("svg", { width: "12", height: "12", viewB
     fontFamily: "var(--ui-font-family-ui, 'Inter', sans-serif)",
     textTransform: "uppercase",
     letterSpacing: "0.02em",
-    backgroundColor: ar[r] ?? ar[C.PENDING],
+    backgroundColor: ir[r] ?? ir[C.PENDING],
     color: t,
     border: `1px solid ${t}`
   };
@@ -1216,31 +1213,31 @@ function jo({
   reviewMode: s = !1
 }) {
   var ne, ie;
-  const [p, g] = F(!1), [d, w] = F(!1), [x, y] = F(() => we(r)), [P, S] = F(!1), [V, $] = F(null), L = me(null), c = me(null), f = me(null), I = j(() => {
+  const [p, g] = F(!1), [d, w] = F(!1), [h, y] = F(() => we(r)), [P, k] = F(!1), [V, $] = F(null), z = me(null), c = me(null), f = me(null), I = j(() => {
     y(we(r));
   }, [r]);
-  z(() => {
+  A(() => {
     I();
-  }, [I]), z(() => {
+  }, [I]), A(() => {
     if (!(typeof window > "u"))
       return window.addEventListener("scroll", I, !0), window.addEventListener("resize", I), () => {
         window.removeEventListener("scroll", I, !0), window.removeEventListener("resize", I);
       };
   }, [I]);
   const N = j(() => {
-    L.current !== null && (clearTimeout(L.current), L.current = null);
+    z.current !== null && (clearTimeout(z.current), z.current = null);
   }, []), H = j(() => {
     s || (N(), g(!0));
   }, [s, N]), re = j(() => {
-    d || (L.current = setTimeout(() => {
-      L.current = null, g(!1);
-    }, ir));
+    d || (z.current = setTimeout(() => {
+      z.current = null, g(!1);
+    }, nr));
   }, [d]), oe = j(() => {
     N(), g(!0);
   }, [N]), te = j(() => {
-    d || (L.current = setTimeout(() => {
-      L.current = null, g(!1);
-    }, ir));
+    d || (z.current = setTimeout(() => {
+      z.current = null, g(!1);
+    }, nr));
   }, [d]), X = j(() => {
     if (s) {
       d && (w(!1), g(!1));
@@ -1248,7 +1245,7 @@ function jo({
     }
     d ? (w(!1), g(!1)) : (w(!0), g(!0));
   }, [s, d]);
-  z(() => {
+  A(() => {
     if (!d) return;
     const _ = (q) => {
       var ve, pe;
@@ -1256,37 +1253,37 @@ function jo({
       (ve = c.current) != null && ve.contains(ae) || (pe = f.current) != null && pe.contains(ae) || (w(!1), g(!1));
     };
     return document.addEventListener("mousedown", _, !0), () => document.removeEventListener("mousedown", _, !0);
-  }, [d]), z(() => () => N(), [N]), z(() => {
+  }, [d]), A(() => () => N(), [N]), A(() => {
     s && (w(!1), g(!1));
   }, [s]);
-  const m = x.x + t.dx, k = x.y + t.dy, { x: A, y: T } = Fe(m, k, _e / 2), G = p && !d, Y = j(() => {
+  const m = h.x + t.dx, R = h.y + t.dy, { x: O, y: T } = Fe(m, R, _e / 2), G = p && !d, Y = j(() => {
     w(!1), g(!1);
   }, []), J = j(
     async (_) => {
       if (_ !== r.status) {
-        $(null), S(!0);
+        $(null), k(!0);
         try {
           await Kr(o, i, r.id, _), a();
         } catch (q) {
           $(q instanceof Error ? q.message : "Error al actualizar");
         } finally {
-          S(!1);
+          k(!1);
         }
       }
     },
     [o, i, r.id, r.status, a]
   ), de = j(async () => {
-    $(null), S(!0);
+    $(null), k(!0);
     try {
       await eo(o, i, r.id), a(), Y();
     } catch (_) {
       $(_ instanceof Error ? _.message : "Error al eliminar");
     } finally {
-      S(!1);
+      k(!1);
     }
-  }, [o, i, r.id, a, Y]), fe = $e(
-    () => ({ ...bo(r.status), left: A, top: T, transform: "translate(-50%, -50%)" }),
-    [r.status, A, T]
+  }, [o, i, r.id, a, Y]), fe = Ne(
+    () => ({ ...bo(r.status), left: O, top: T, transform: "translate(-50%, -50%)" }),
+    [r.status, O, T]
   );
   return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
     /* @__PURE__ */ l.jsx(
@@ -1321,7 +1318,7 @@ function jo({
         "aria-label": "Detalle del comentario",
         style: {
           ...ho,
-          left: A + _e / 2 + 6,
+          left: O + _e / 2 + 6,
           top: T
         },
         onMouseEnter: oe,
@@ -1429,8 +1426,8 @@ function Io(r) {
     const i = r[o], { x: a, y: s } = we(i), { x: p, y: g } = Fe(a, s);
     let d = 0;
     for (let w = 0; w < o; w++) {
-      const { x, y } = we(r[w]), { x: P, y: S } = Fe(x, y);
-      Math.hypot(p - P, g - S) < To && d++;
+      const { x: h, y } = we(r[w]), { x: P, y: k } = Fe(h, y);
+      Math.hypot(p - P, g - k) < To && d++;
     }
     t.set(i.id, { dx: d * Do, dy: 0 });
   }
@@ -1449,14 +1446,14 @@ function Lo({
   loadComments: p,
   commentsLoadFailed: g = !1
 }) {
-  const [d, w] = F(null), x = me(null), [y, P] = F(null), S = j(() => {
+  const [d, w] = F(null), h = me(null), [y, P] = F(null), k = j(() => {
     d && (d.style.outline = "", d.style.outlineOffset = "", w(null));
   }, [d]), V = j(() => {
-    x.current && (x.current.style.outline = "", x.current.style.outlineOffset = "", x.current = null);
+    h.current && (h.current.style.outline = "", h.current.style.outlineOffset = "", h.current = null);
   }, []);
-  z(() => {
-    o || (S(), V());
-  }, [o, S, V]), z(() => {
+  A(() => {
+    o || (k(), V());
+  }, [o, k, V]), A(() => {
     if (typeof document > "u") return;
     const m = document.body.style.cursor;
     return y ? document.body.style.cursor = "default" : o && (document.body.style.cursor = "crosshair"), () => {
@@ -1464,34 +1461,34 @@ function Lo({
     };
   }, [o, y]);
   const $ = j((m) => {
-    var A;
+    var O;
     if (!m || typeof document > "u" || m === document.body || m === document.documentElement) return !0;
-    const k = (A = m.tagName) == null ? void 0 : A.toUpperCase();
-    return k === "BODY" || k === "HTML" ? !0 : m.parentElement !== document.body ? !1 : m.id === "root" || m.getAttribute("data-review-layer-host") != null || document.body.children.length === 1;
-  }, []), L = j(
+    const R = (O = m.tagName) == null ? void 0 : O.toUpperCase();
+    return R === "BODY" || R === "HTML" ? !0 : m.parentElement !== document.body ? !1 : m.id === "root" || m.getAttribute("data-review-layer-host") != null || document.body.children.length === 1;
+  }, []), z = j(
     (m) => {
       if (!o || y) return;
-      const k = m.target.nodeType === Node.ELEMENT_NODE ? m.target : m.target.parentElement;
-      !k || $(k) || (S(), w(k), k.style.outline = "2px solid var(--ui-color-bg-fill-danger-default, #ff4d4f)", k.style.outlineOffset = "2px");
+      const R = m.target.nodeType === Node.ELEMENT_NODE ? m.target : m.target.parentElement;
+      !R || $(R) || (k(), w(R), R.style.outline = "2px solid var(--ui-color-bg-fill-danger-default, #ff4d4f)", R.style.outlineOffset = "2px");
     },
-    [o, y, S, $]
+    [o, y, k, $]
   ), c = j(
     (m) => {
-      var A;
+      var O;
       if (y) return;
-      const k = m.relatedTarget;
-      d && (!k || !d.contains(k)) && !(k && ((A = d.contains) != null && A.call(d, k))) && S();
+      const R = m.relatedTarget;
+      d && (!R || !d.contains(R)) && !(R && ((O = d.contains) != null && O.call(d, R))) && k();
     },
-    [d, y, S]
+    [d, y, k]
   ), f = j(
     (m) => {
       if (!o || y) return;
-      const k = m.target;
-      if (!k || $(k) || k.closest("[data-review-layer-root]")) return;
-      m.preventDefault(), m.stopPropagation(), S();
-      const A = k;
-      x.current = A, A.style.outline = "2px solid var(--ui-color-bg-fill-danger-default, #ff4d4f)", A.style.outlineOffset = "2px";
-      const T = A.getBoundingClientRect(), G = Ur(k), { relativeX: Y, relativeY: J } = Xr(T);
+      const R = m.target;
+      if (!R || $(R) || R.closest("[data-review-layer-root]")) return;
+      m.preventDefault(), m.stopPropagation(), k();
+      const O = R;
+      h.current = O, O.style.outline = "2px solid var(--ui-color-bg-fill-danger-default, #ff4d4f)", O.style.outlineOffset = "2px";
+      const T = O.getBoundingClientRect(), G = Ur(R), { relativeX: Y, relativeY: J } = Xr(T);
       P({
         position: { x: T.left + T.width / 2, y: T.bottom },
         payload: {
@@ -1509,23 +1506,30 @@ function Lo({
         }
       });
     },
-    [o, y, S, $]
+    [o, y, k, $]
   );
-  z(() => {
+  A(() => {
     if (o)
-      return document.addEventListener("mouseover", L, !0), document.addEventListener("mouseout", c, !0), document.addEventListener("click", f, !0), () => {
-        document.removeEventListener("mouseover", L, !0), document.removeEventListener("mouseout", c, !0), document.removeEventListener("click", f, !0);
+      return document.addEventListener("mouseover", z, !0), document.addEventListener("mouseout", c, !0), document.addEventListener("click", f, !0), () => {
+        document.removeEventListener("mouseover", z, !0), document.removeEventListener("mouseout", c, !0), document.removeEventListener("click", f, !0);
       };
-  }, [o, L, c, f]);
+  }, [o, z, c, f]);
   const [I, N] = F(0);
-  z(() => {
+  A(() => {
     if (typeof window > "u") return;
-    const m = () => N((k) => k + 1);
+    const m = () => {
+      if (N((R) => R + 1), h.current) {
+        const R = h.current.getBoundingClientRect();
+        P(
+          (O) => O ? { ...O, position: { x: R.left + R.width / 2, y: R.bottom } } : null
+        );
+      }
+    };
     return window.addEventListener("resize", m), window.addEventListener("scroll", m, !0), () => {
       window.removeEventListener("resize", m), window.removeEventListener("scroll", m, !0);
     };
   }, []);
-  const H = $e(
+  const H = Ne(
     () => Io(s),
     [s, I]
   ), re = j(() => {
@@ -1656,7 +1660,7 @@ function Lo({
       }
     ) })
   ] }), X = typeof document < "u" ? document.body : null;
-  return X ? cr(te, X) : null;
+  return X ? sr(te, X) : null;
 }
 const zo = `/**
  * Tokens de diseño UI para review-layer-react.
@@ -1988,7 +1992,7 @@ function Ao(r, t, o) {
   const i = j(() => {
     r && o((a) => !a);
   }, [r, o]);
-  z(() => {
+  A(() => {
     if (!r) return;
     const a = (s) => {
       (s.key === "r" || s.key === "R" || s.code === "KeyR") && s.shiftKey && !s.ctrlKey && !s.metaKey && (s.preventDefault(), i());
@@ -2031,7 +2035,7 @@ function Le(r, t, o) {
 function Mo(r, t, o, i) {
   pr(Se(r, t, "comments", o), i);
 }
-function ur(r, t) {
+function ar(r, t) {
   const o = vr(Se(r, t, "reviewers"));
   return (o == null ? void 0 : o.data) ?? null;
 }
@@ -2039,7 +2043,7 @@ function Wo(r, t, o) {
   pr(Se(r, t, "reviewers"), o);
 }
 const Bo = "https://review-layer-api.onrender.com/api";
-function lr() {
+function ur() {
   return typeof window > "u" ? "/" : window.location.pathname || "/";
 }
 const gr = Mr(null);
@@ -2056,9 +2060,9 @@ function Ho({
   apiUrl: o,
   apiKey: i
 }) {
-  const a = (o == null ? void 0 : o.trim()) || Bo, [s, p] = F(!1), [g, d] = F([]), [w, x] = F([]), [y, P] = F(!1);
+  const a = (o == null ? void 0 : o.trim()) || Bo, [s, p] = F(!1), [g, d] = F([]), [w, h] = F([]), [y, P] = F(!1);
   Ao(t, s, p);
-  const S = j(
+  const k = j(
     async (c) => {
       if (!(!t || !a || !i))
         try {
@@ -2067,7 +2071,7 @@ function Ho({
         } catch (f) {
           if (f instanceof Error && f.name === "AbortError") return;
           if (!(c != null && c.aborted)) {
-            const I = ur(a, i);
+            const I = ar(a, i);
             I != null && d(I);
           }
         }
@@ -2076,49 +2080,49 @@ function Ho({
   ), V = j(
     async (c) => {
       if (!t || !a || !i) return;
-      const f = lr(), I = Le(a, i, f);
-      I != null && x(I);
+      const f = ur(), I = Le(a, i, f);
+      I != null && h(I);
       try {
         P(!1);
         const N = await Qr(a, i, f, { signal: c });
-        c != null && c.aborted || (x(N), Mo(a, i, f, N));
+        c != null && c.aborted || (h(N), Mo(a, i, f, N));
       } catch (N) {
         if (N instanceof Error && N.name === "AbortError") return;
         if (!(c != null && c.aborted)) {
           P(!0);
           const H = Le(a, i, f);
-          H != null && x(H);
+          H != null && h(H);
         }
       }
     },
     [t, a, i]
   );
-  z(() => {
+  A(() => {
     if (!t || !a || !i) return;
-    const c = lr(), f = ur(a, i), I = Le(a, i, c);
-    f != null && d(f), I != null && x(I);
-  }, [t, a, i]), z(() => {
+    const c = ur(), f = ar(a, i), I = Le(a, i, c);
+    f != null && d(f), I != null && h(I);
+  }, [t, a, i]), A(() => {
     if (typeof document > "u") return;
     const c = "review-layer-ui-variables";
     if (!document.getElementById(c)) {
       const f = document.createElement("style");
       f.id = c, f.textContent = zo, document.head.appendChild(f);
     }
-  }, []), z(() => {
+  }, []), A(() => {
     if (!t || !a || !i) return;
     const c = `${a}:${i}`;
     if (ze !== c)
-      return ze = c, S(), V(), () => {
+      return ze = c, k(), V(), () => {
         setTimeout(() => {
           ze = null;
         }, 0);
       };
-  }, [t, a, i, S, V]), z(() => {
+  }, [t, a, i, k, V]), A(() => {
     if (!t) return;
     const c = () => V();
     return window.addEventListener("popstate", c), () => window.removeEventListener("popstate", c);
   }, [t, V]);
-  const $ = $e(
+  const $ = Ne(
     () => ({
       apiUrl: a,
       apiKey: i,
@@ -2130,7 +2134,7 @@ function Ho({
       commentsLoadFailed: y
     }),
     [a, i, s, p, g, w, V, y]
-  ), L = t && typeof document < "u" ? cr(
+  ), z = t && typeof document < "u" ? sr(
     /* @__PURE__ */ l.jsx(
       Lo,
       {
@@ -2148,7 +2152,7 @@ function Ho({
   ) : null;
   return /* @__PURE__ */ l.jsxs(gr.Provider, { value: $, children: [
     r,
-    L
+    z
   ] });
 }
 export {