@bitux/review-layer-react 0.1.4 → 0.1.6

package/dist/review-layer-react.js

@@ -1,6 +1,6 @@
-import le, { memo as Rr, useState as A, useEffect as F, useCallback as j, useRef as mr, useMemo as $r, createContext as $e, useContext as Me } from "react";
-import { createPortal as se } from "react-dom";
-var Ar = { exports: {} }, lr = {};
+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
  * react-jsx-runtime.production.min.js
@@ -10,21 +10,21 @@ var Ar = { exports: {} }, lr = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var oe;
-function We() {
-  if (oe) return lr;
-  oe = 1;
-  var e = le, t = Symbol.for("react.element"), o = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, a = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function v(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 rr;
+function Br() {
+  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 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 lr.Fragment = o, lr.jsx = v, lr.jsxs = v, lr;
+  return le.Fragment = o, le.jsx = p, le.jsxs = p, le;
 }
-var sr = {};
+var se = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -34,61 +34,61 @@ var sr = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var te;
-function Be() {
-  return te || (te = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = le, 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"), v = 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(r) {
-      if (r === null || typeof r != "object")
+var or;
+function Yr() {
+  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 && r[V] || r[$];
+      var n = V && e[V] || e[$];
       return typeof n == "function" ? n : null;
     }
-    var c = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function p(r) {
+    var c = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function f(e) {
       {
-        for (var n = arguments.length, u = new Array(n > 1 ? n - 1 : 0), f = 1; f < n; f++)
-          u[f - 1] = arguments[f];
-        I("error", r, u);
+        for (var n = arguments.length, u = new Array(n > 1 ? n - 1 : 0), v = 1; v < n; v++)
+          u[v - 1] = arguments[v];
+        I("error", e, u);
       }
     }
-    function I(r, n, u) {
+    function I(e, n, u) {
       {
-        var f = c.ReactDebugCurrentFrame, E = f.getStackAddendum();
+        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[r], console, R);
+        S.unshift("Warning: " + n), Function.prototype.apply.call(console[e], console, S);
       }
     }
-    var N = !1, H = !1, er = !1, or = !1, tr = !1, X;
+    var N = !1, H = !1, re = !1, oe = !1, te = !1, X;
     X = Symbol.for("react.module.reference");
-    function m(r) {
-      return !!(typeof r == "string" || typeof r == "function" || r === i || r === s || tr || r === a || r === w || r === x || or || r === S || N || H || er || typeof r == "object" && r !== null && (r.$$typeof === P || r.$$typeof === y || r.$$typeof === v || r.$$typeof === g || r.$$typeof === d || // This needs to include all possible module reference object
+    function m(e) {
+      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.
-      r.$$typeof === X || r.getModuleId !== void 0));
+      e.$$typeof === X || e.getModuleId !== void 0));
     }
-    function C(r, n, u) {
-      var f = r.displayName;
-      if (f)
-        return f;
+    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 z(r) {
-      return r.displayName || "Context";
+    function O(e) {
+      return e.displayName || "Context";
     }
-    function T(r) {
-      if (r == null)
+    function T(e) {
+      if (e == null)
         return null;
-      if (typeof r.tag == "number" && p("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof r == "function")
-        return r.displayName || r.name || null;
-      if (typeof r == "string")
-        return r;
-      switch (r) {
+      if (typeof e.tag == "number" && f("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+        return e.displayName || e.name || null;
+      if (typeof e == "string")
+        return e;
+      switch (e) {
         case i:
           return "Fragment";
         case o:
@@ -99,26 +99,26 @@ function Be() {
           return "StrictMode";
         case w:
           return "Suspense";
-        case x:
+        case h:
           return "SuspenseList";
       }
-      if (typeof r == "object")
-        switch (r.$$typeof) {
+      if (typeof e == "object")
+        switch (e.$$typeof) {
           case g:
-            var n = r;
-            return z(n) + ".Consumer";
-          case v:
-            var u = r;
-            return z(u._context) + ".Provider";
+            var n = e;
+            return O(n) + ".Consumer";
+          case p:
+            var u = e;
+            return O(u._context) + ".Provider";
           case d:
-            return C(r, r.render, "ForwardRef");
+            return R(e, e.render, "ForwardRef");
           case y:
-            var f = r.displayName || null;
-            return f !== null ? f : T(r.type) || "Memo";
+            var v = e.displayName || null;
+            return v !== null ? v : T(e.type) || "Memo";
           case P: {
-            var E = r, 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;
             }
@@ -126,303 +126,303 @@ function Be() {
         }
       return null;
     }
-    var G = Object.assign, Y = 0, J, dr, fr, nr, ir, _, q;
-    function ar() {
+    var G = Object.assign, Y = 0, J, de, fe, ne, ie, _, q;
+    function ae() {
     }
-    ar.__reactDisabledLog = !0;
-    function vr() {
+    ae.__reactDisabledLog = !0;
+    function ve() {
       {
         if (Y === 0) {
-          J = console.log, dr = console.info, fr = console.warn, nr = console.error, ir = console.group, _ = console.groupCollapsed, q = console.groupEnd;
-          var r = {
+          J = console.log, de = console.info, fe = console.warn, ne = console.error, ie = console.group, _ = console.groupCollapsed, q = console.groupEnd;
+          var e = {
             configurable: !0,
             enumerable: !0,
-            value: ar,
+            value: ae,
             writable: !0
           };
           Object.defineProperties(console, {
-            info: r,
-            log: r,
-            warn: r,
-            error: r,
-            group: r,
-            groupCollapsed: r,
-            groupEnd: r
+            info: e,
+            log: e,
+            warn: e,
+            error: e,
+            group: e,
+            groupCollapsed: e,
+            groupEnd: e
           });
         }
         Y++;
       }
     }
-    function pr() {
+    function pe() {
       {
         if (Y--, Y === 0) {
-          var r = {
+          var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: G({}, r, {
+            log: G({}, e, {
               value: J
             }),
-            info: G({}, r, {
-              value: dr
+            info: G({}, e, {
+              value: de
             }),
-            warn: G({}, r, {
-              value: fr
+            warn: G({}, e, {
+              value: fe
             }),
-            error: G({}, r, {
-              value: nr
+            error: G({}, e, {
+              value: ne
             }),
-            group: G({}, r, {
-              value: ir
+            group: G({}, e, {
+              value: ie
             }),
-            groupCollapsed: G({}, r, {
+            groupCollapsed: G({}, e, {
               value: _
             }),
-            groupEnd: G({}, r, {
+            groupEnd: G({}, e, {
               value: q
             })
           });
         }
-        Y < 0 && p("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        Y < 0 && f("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Cr = c.ReactCurrentDispatcher, kr;
-    function gr(r, n, u) {
+    var ke = c.ReactCurrentDispatcher, Ce;
+    function ge(e, n, u) {
       {
-        if (kr === void 0)
+        if (Ce === void 0)
           try {
             throw Error();
           } catch (E) {
-            var f = E.stack.trim().match(/\n( *(at )?)/);
-            kr = f && f[1] || "";
+            var v = E.stack.trim().match(/\n( *(at )?)/);
+            Ce = v && v[1] || "";
           }
         return `
-` + kr + r;
+` + Ce + e;
       }
     }
-    var Pr = !1, br;
+    var Pe = !1, be;
     {
-      var ge = typeof WeakMap == "function" ? WeakMap : Map;
-      br = new ge();
+      var br = typeof WeakMap == "function" ? WeakMap : Map;
+      be = new br();
     }
-    function Mr(r, n) {
-      if (!r || Pr)
+    function $e(e, n) {
+      if (!e || Pe)
         return "";
       {
-        var u = br.get(r);
+        var u = be.get(e);
         if (u !== void 0)
           return u;
       }
-      var f;
-      Pr = !0;
+      var v;
+      Pe = !0;
       var E = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var R;
-      R = Cr.current, Cr.current = null, vr();
+      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) {
-              f = W;
+              v = W;
             }
-            Reflect.construct(r, [], h);
+            Reflect.construct(e, [], x);
           } else {
             try {
-              h.call();
+              x.call();
             } catch (W) {
-              f = W;
+              v = W;
             }
-            r.call(h.prototype);
+            e.call(x.prototype);
           }
         } else {
           try {
             throw Error();
           } catch (W) {
-            f = W;
+            v = W;
           }
-          r();
+          e();
         }
       } catch (W) {
-        if (W && f && typeof W.stack == "string") {
+        if (W && v && typeof W.stack == "string") {
           for (var b = W.stack.split(`
-`), M = f.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)
+`), M = v.stack.split(`
+`), 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 r.displayName && U.includes("<anonymous>") && (U = U.replace("<anonymous>", r.displayName)), typeof r == "function" && br.set(r, U), U;
+                    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 {
-        Pr = !1, Cr.current = R, pr(), Error.prepareStackTrace = E;
+        Pe = !1, ke.current = S, pe(), Error.prepareStackTrace = E;
       }
-      var K = r ? r.displayName || r.name : "", Z = K ? gr(K) : "";
-      return typeof r == "function" && br.set(r, Z), Z;
+      var K = e ? e.displayName || e.name : "", Z = K ? ge(K) : "";
+      return typeof e == "function" && be.set(e, Z), Z;
     }
-    function be(r, n, u) {
-      return Mr(r, !1);
+    function hr(e, n, u) {
+      return $e(e, !1);
     }
-    function he(r) {
-      var n = r.prototype;
+    function xr(e) {
+      var n = e.prototype;
       return !!(n && n.isReactComponent);
     }
-    function hr(r, n, u) {
-      if (r == null)
+    function he(e, n, u) {
+      if (e == null)
         return "";
-      if (typeof r == "function")
-        return Mr(r, he(r));
-      if (typeof r == "string")
-        return gr(r);
-      switch (r) {
+      if (typeof e == "function")
+        return $e(e, xr(e));
+      if (typeof e == "string")
+        return ge(e);
+      switch (e) {
         case w:
-          return gr("Suspense");
-        case x:
-          return gr("SuspenseList");
+          return ge("Suspense");
+        case h:
+          return ge("SuspenseList");
       }
-      if (typeof r == "object")
-        switch (r.$$typeof) {
+      if (typeof e == "object")
+        switch (e.$$typeof) {
           case d:
-            return be(r.render);
+            return hr(e.render);
           case y:
-            return hr(r.type, n, u);
+            return he(e.type, n, u);
           case P: {
-            var f = r, E = f._payload, R = f._init;
+            var v = e, E = v._payload, S = v._init;
             try {
-              return hr(R(E), n, u);
+              return he(S(E), n, u);
             } catch {
             }
           }
         }
       return "";
     }
-    var ur = Object.prototype.hasOwnProperty, Wr = {}, Br = c.ReactDebugCurrentFrame;
-    function xr(r) {
-      if (r) {
-        var n = r._owner, u = hr(r.type, r._source, n ? n.type : null);
-        Br.setExtraStackFrame(u);
+    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);
+        We.setExtraStackFrame(u);
       } else
-        Br.setExtraStackFrame(null);
+        We.setExtraStackFrame(null);
     }
-    function xe(r, n, u, f, E) {
+    function yr(e, n, u, v, E) {
       {
-        var R = Function.call.bind(ur);
-        for (var h in r)
-          if (R(r, h)) {
+        var S = Function.call.bind(ue);
+        for (var x in e)
+          if (S(e, x)) {
             var b = void 0;
             try {
-              if (typeof r[h] != "function") {
-                var M = Error((f || "React class") + ": " + u + " type `" + h + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof r[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 = r[h](n, h, f, 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) && (xr(E), p("%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).", f || "React class", u, h, typeof b), xr(null)), b instanceof Error && !(b.message in Wr) && (Wr[b.message] = !0, xr(E), p("Failed %s type: %s", u, b.message), xr(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));
           }
       }
     }
-    var ye = Array.isArray;
-    function jr(r) {
-      return ye(r);
+    var mr = Array.isArray;
+    function je(e) {
+      return mr(e);
     }
-    function me(r) {
+    function wr(e) {
       {
-        var n = typeof Symbol == "function" && Symbol.toStringTag, u = n && r[Symbol.toStringTag] || r.constructor.name || "Object";
+        var n = typeof Symbol == "function" && Symbol.toStringTag, u = n && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return u;
       }
     }
-    function we(r) {
+    function _r(e) {
       try {
-        return Yr(r), !1;
+        return Be(e), !1;
       } catch {
         return !0;
       }
     }
-    function Yr(r) {
-      return "" + r;
+    function Be(e) {
+      return "" + e;
     }
-    function Ur(r) {
-      if (we(r))
-        return p("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", me(r)), Yr(r);
+    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)), Be(e);
     }
-    var Gr = c.ReactCurrentOwner, _e = {
+    var Ue = c.ReactCurrentOwner, Er = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Hr, Xr;
-    function Ee(r) {
-      if (ur.call(r, "ref")) {
-        var n = Object.getOwnPropertyDescriptor(r, "ref").get;
+    }, Ge, He;
+    function Rr(e) {
+      if (ue.call(e, "ref")) {
+        var n = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (n && n.isReactWarning)
           return !1;
       }
-      return r.ref !== void 0;
+      return e.ref !== void 0;
     }
-    function Re(r) {
-      if (ur.call(r, "key")) {
-        var n = Object.getOwnPropertyDescriptor(r, "key").get;
+    function Sr(e) {
+      if (ue.call(e, "key")) {
+        var n = Object.getOwnPropertyDescriptor(e, "key").get;
         if (n && n.isReactWarning)
           return !1;
       }
-      return r.key !== void 0;
+      return e.key !== void 0;
     }
-    function Se(r, n) {
-      typeof r.ref == "string" && Gr.current;
+    function kr(e, n) {
+      typeof e.ref == "string" && Ue.current;
     }
-    function Ce(r, n) {
+    function Cr(e, n) {
       {
         var u = function() {
-          Hr || (Hr = !0, p("%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(r, "key", {
+        u.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: u,
           configurable: !0
         });
       }
     }
-    function ke(r, n) {
+    function Pr(e, n) {
       {
         var u = function() {
-          Xr || (Xr = !0, p("%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(r, "ref", {
+        u.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: u,
           configurable: !0
         });
       }
     }
-    var Pe = function(r, n, u, f, 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,
         // Built-in properties that belong on the element
-        type: r,
+        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,
@@ -433,7 +433,7 @@ function Be() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: f
+        value: v
       }), Object.defineProperty(b, "_source", {
         configurable: !1,
         enumerable: !1,
@@ -441,58 +441,58 @@ function Be() {
         value: E
       }), Object.freeze && (Object.freeze(b.props), Object.freeze(b)), b;
     };
-    function je(r, n, u, f, E) {
+    function Vr(e, n, u, v, E) {
       {
-        var R, h = {}, b = null, M = null;
-        u !== void 0 && (Ur(u), b = "" + u), Re(n) && (Ur(n.key), b = "" + n.key), Ee(n) && (M = n.ref, Se(n, E));
-        for (R in n)
-          ur.call(n, R) && !_e.hasOwnProperty(R) && (h[R] = n[R]);
-        if (r && r.defaultProps) {
-          var D = r.defaultProps;
-          for (R in D)
-            h[R] === void 0 && (h[R] = D[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 (S in D)
+            x[S] === void 0 && (x[S] = D[S]);
         }
         if (b || M) {
-          var O = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
-          b && Ce(h, O), M && ke(h, O);
+          var L = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          b && Cr(x, L), M && Pr(x, L);
         }
-        return Pe(r, b, M, E, f, Gr.current, h);
+        return jr(e, b, M, E, v, Ue.current, x);
       }
     }
-    var Vr = c.ReactCurrentOwner, Jr = c.ReactDebugCurrentFrame;
-    function Q(r) {
-      if (r) {
-        var n = r._owner, u = hr(r.type, r._source, n ? n.type : null);
-        Jr.setExtraStackFrame(u);
+    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);
+        Xe.setExtraStackFrame(u);
       } else
-        Jr.setExtraStackFrame(null);
+        Xe.setExtraStackFrame(null);
     }
-    var Tr;
-    Tr = !1;
-    function Dr(r) {
-      return typeof r == "object" && r !== null && r.$$typeof === t;
+    var Te;
+    Te = !1;
+    function De(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === t;
     }
-    function qr() {
+    function Je() {
       {
-        if (Vr.current) {
-          var r = T(Vr.current.type);
-          if (r)
+        if (Ve.current) {
+          var e = T(Ve.current.type);
+          if (e)
             return `
 
-Check the render method of \`` + r + "`.";
+Check the render method of \`` + e + "`.";
         }
         return "";
       }
     }
-    function Ve(r) {
+    function Tr(e) {
       return "";
     }
-    var Zr = {};
-    function Te(r) {
+    var qe = {};
+    function Dr(e) {
       {
-        var n = qr();
+        var n = Je();
         if (!n) {
-          var u = typeof r == "string" ? r : r.displayName || r.name;
+          var u = typeof e == "string" ? e : e.displayName || e.name;
           u && (n = `
 
 Check the top-level render call using <` + u + ">.");
@@ -500,41 +500,41 @@ Check the top-level render call using <` + u + ">.");
         return n;
       }
     }
-    function Qr(r, n) {
+    function Ze(e, n) {
       {
-        if (!r._store || r._store.validated || r.key != null)
+        if (!e._store || e._store.validated || e.key != null)
           return;
-        r._store.validated = !0;
-        var u = Te(n);
-        if (Zr[u])
+        e._store.validated = !0;
+        var u = Dr(n);
+        if (qe[u])
           return;
-        Zr[u] = !0;
-        var f = "";
-        r && r._owner && r._owner !== Vr.current && (f = " It was passed a child from " + T(r._owner.type) + "."), Q(r), p('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', u, f), Q(null);
+        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 Kr(r, n) {
+    function Qe(e, n) {
       {
-        if (typeof r != "object")
+        if (typeof e != "object")
           return;
-        if (jr(r))
-          for (var u = 0; u < r.length; u++) {
-            var f = r[u];
-            Dr(f) && Qr(f, n);
+        if (je(e))
+          for (var u = 0; u < e.length; u++) {
+            var v = e[u];
+            De(v) && Ze(v, n);
           }
-        else if (Dr(r))
-          r._store && (r._store.validated = !0);
-        else if (r) {
-          var E = L(r);
-          if (typeof E == "function" && E !== r.entries)
-            for (var R = E.call(r), h; !(h = R.next()).done; )
-              Dr(h.value) && Qr(h.value, n);
+        else if (De(e))
+          e._store && (e._store.validated = !0);
+        else if (e) {
+          var E = z(e);
+          if (typeof E == "function" && E !== e.entries)
+            for (var S = E.call(e), x; !(x = S.next()).done; )
+              De(x.value) && Ze(x.value, n);
         }
       }
     }
-    function De(r) {
+    function Ir(e) {
       {
-        var n = r.type;
+        var n = e.type;
         if (n == null || typeof n == "string")
           return;
         var u;
@@ -547,90 +547,90 @@ Check the top-level render call using <` + u + ">.");
         else
           return;
         if (u) {
-          var f = T(n);
-          xe(u, r.props, "prop", f, r);
-        } else if (n.PropTypes !== void 0 && !Tr) {
-          Tr = !0;
+          var v = T(n);
+          yr(u, e.props, "prop", v, e);
+        } else if (n.PropTypes !== void 0 && !Te) {
+          Te = !0;
           var E = T(n);
-          p("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", E || "Unknown");
+          f("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", E || "Unknown");
         }
-        typeof n.getDefaultProps == "function" && !n.getDefaultProps.isReactClassApproved && p("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof n.getDefaultProps == "function" && !n.getDefaultProps.isReactClassApproved && f("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Ie(r) {
+    function Or(e) {
       {
-        for (var n = Object.keys(r.props), u = 0; u < n.length; u++) {
-          var f = n[u];
-          if (f !== "children" && f !== "key") {
-            Q(r), p("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", f), Q(null);
+        for (var n = Object.keys(e.props), u = 0; u < n.length; u++) {
+          var v = n[u];
+          if (v !== "children" && v !== "key") {
+            Q(e), f("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", v), Q(null);
             break;
           }
         }
-        r.ref !== null && (Q(r), p("Invalid attribute `ref` supplied to `React.Fragment`."), Q(null));
+        e.ref !== null && (Q(e), f("Invalid attribute `ref` supplied to `React.Fragment`."), Q(null));
       }
     }
-    var re = {};
-    function ee(r, n, u, f, E, R) {
+    var Ke = {};
+    function er(e, n, u, v, E, S) {
       {
-        var h = m(r);
-        if (!h) {
+        var x = m(e);
+        if (!x) {
           var b = "";
-          (r === void 0 || typeof r == "object" && r !== null && Object.keys(r).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 = Ve();
-          M ? b += M : b += qr();
+          (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 += Je();
           var D;
-          r === null ? D = "null" : jr(r) ? D = "array" : r !== void 0 && r.$$typeof === t ? (D = "<" + (T(r.type) || "Unknown") + " />", b = " Did you accidentally export a JSX literal instead of a component?") : D = typeof r, p("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);
+          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 = je(r, 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 (f)
-              if (jr(U)) {
+            if (v)
+              if (je(U)) {
                 for (var K = 0; K < U.length; K++)
-                  Kr(U[K], r);
+                  Qe(U[K], e);
                 Object.freeze && Object.freeze(U);
               } else
-                p("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                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
-              Kr(U, r);
+              Qe(U, e);
         }
-        if (ur.call(n, "key")) {
-          var Z = T(r), W = Object.keys(n).filter(function(Ne) {
-            return Ne !== "key";
-          }), Ir = W.length > 0 ? "{key: someKey, " + W.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!re[Z + Ir]) {
-            var Fe = W.length > 0 ? "{" + W.join(": ..., ") + ": ...}" : "{}";
-            p(`A props object containing a "key" prop is being spread into JSX:
+        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 (!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} />`, Ir, Z, Fe, Z), re[Z + Ir] = !0;
+  <%s key={someKey} {...props} />`, Ie, Z, Nr, Z), Ke[Z + Ie] = !0;
           }
         }
-        return r === i ? Ie(O) : De(O), O;
+        return e === i ? Or(L) : Ir(L), L;
       }
     }
-    function Oe(r, n, u) {
-      return ee(r, n, u, !0);
+    function Lr(e, n, u) {
+      return er(e, n, u, !0);
     }
-    function Le(r, n, u) {
-      return ee(r, n, u, !1);
+    function zr(e, n, u) {
+      return er(e, n, u, !1);
     }
-    var ze = Le, Ae = Oe;
-    sr.Fragment = i, sr.jsx = ze, sr.jsxs = Ae;
-  }()), sr;
+    var Ar = zr, Fr = Lr;
+    se.Fragment = i, se.jsx = Ar, se.jsxs = Fr;
+  }()), se;
 }
-process.env.NODE_ENV === "production" ? Ar.exports = We() : Ar.exports = Be();
-var l = Ar.exports;
-function Ye(e) {
-  if (e.id && /^[a-zA-Z][\w-]*$/.test(e.id))
-    return `#${e.id}`;
+process.env.NODE_ENV === "production" ? Ae.exports = Br() : Ae.exports = Yr();
+var l = Ae.exports;
+function Ur(r) {
+  if (r.id && /^[a-zA-Z][\w-]*$/.test(r.id))
+    return `#${r.id}`;
   const t = [];
-  let o = e;
+  let o = r;
   for (; o && o.nodeType === Node.ELEMENT_NODE; ) {
     let i = o.nodeName.toLowerCase();
     if (o.id && /^[a-zA-Z][\w-]*$/.test(o.id)) {
@@ -640,7 +640,7 @@ function Ye(e) {
     if (o.className && typeof o.className == "string") {
       const a = o.className.trim().split(/\s+/).filter(Boolean);
       if (a.length > 0) {
-        const s = a.filter((v) => /^[a-zA-Z][\w-]*$/.test(v)).slice(0, 2).map((v) => `.${v}`).join("");
+        const s = a.filter((p) => /^[a-zA-Z][\w-]*$/.test(p)).slice(0, 2).map((p) => `.${p}`).join("");
         s && (i += s);
       }
     }
@@ -648,11 +648,11 @@ function Ye(e) {
       const a = o.parentElement;
       if (a) {
         const s = Array.from(a.children).filter(
-          (v) => v.nodeName === o.nodeName
+          (p) => p.nodeName === o.nodeName
         );
         if (s.length > 1) {
-          const v = s.indexOf(o) + 1;
-          i += `:nth-child(${v})`;
+          const p = s.indexOf(o) + 1;
+          i += `:nth-child(${p})`;
         }
       }
     }
@@ -660,87 +660,84 @@ function Ye(e) {
   }
   return t.join(" > ");
 }
-const Ue = "[data-review-layer-root]", Ge = 16;
-function Fr(e, t, o = Ge) {
-  if (typeof window > "u") return { x: e, y: t };
-  const i = o, a = o, s = window.innerWidth - o, v = window.innerHeight - o;
+const Gr = "[data-review-layer-root]", Hr = 16;
+function Fe(r, t, o = Hr) {
+  if (typeof window > "u") return { x: r, y: t };
+  const i = o, a = o, s = window.innerWidth - o, p = window.innerHeight - o;
   return {
-    x: Math.max(i, Math.min(s, e)),
-    y: Math.max(a, Math.min(v, t))
+    x: Math.max(i, Math.min(s, r)),
+    y: Math.max(a, Math.min(p, t))
   };
 }
-function ce(e) {
+function cr(r) {
   var t;
-  if (typeof document > "u" || !(e != null && e.trim())) return null;
+  if (typeof document > "u" || !(r != null && r.trim())) return null;
   try {
-    const o = document.querySelector(e);
-    return !o || (t = o.closest) != null && t.call(o, Ue) ? null : o.getBoundingClientRect();
+    const o = document.querySelector(r);
+    return !o || (t = o.closest) != null && t.call(o, Gr) ? null : o.getBoundingClientRect();
   } catch {
     return null;
   }
 }
-function He(e) {
+function Xr(r) {
   if (typeof window > "u")
     return { relativeX: 0, relativeY: 0 };
   const t = window.innerWidth, o = window.innerHeight;
   return {
-    relativeX: t > 0 ? e.left / t : 0,
-    relativeY: o > 0 ? e.top / o : 0
+    relativeX: t > 0 ? r.left / t : 0,
+    relativeY: o > 0 ? r.top / o : 0
   };
 }
-function Nr(e) {
+function dr(r) {
   if (typeof window > "u")
     return {
-      x: e.x ?? 0,
-      y: e.y ?? 0
+      x: r.x ?? 0,
+      y: r.y ?? 0
     };
-  const t = e.relativeX ?? e.relative_x ?? null, o = e.relativeY ?? e.relative_y ?? null;
+  const t = r.relativeX ?? r.relative_x ?? null, o = r.relativeY ?? r.relative_y ?? null;
   return t != null && o != null ? {
     x: t * window.innerWidth,
     y: o * window.innerHeight
   } : {
-    x: e.x ?? 0,
-    y: e.y ?? 0
+    x: r.x ?? 0,
+    y: r.y ?? 0
   };
 }
-function Xe(e) {
-  const { x: t, y: o } = Nr(e), i = e.width ?? 100, a = e.height ?? 40;
+function Jr(r) {
+  const { x: t, y: o } = dr(r), i = r.width ?? 100, a = r.height ?? 40;
   return new DOMRect(t, o, i, a);
 }
-function wr(e) {
-  const t = (e.relativeX ?? e.relative_x) != null && (e.relativeY ?? e.relative_y) != null, o = e.x != null && e.y != null;
-  if (t || o)
-    return Nr(e);
-  if (e.selector) {
-    const i = ce(e.selector);
-    if (i != null)
-      return { x: i.left, y: i.top };
+function we(r) {
+  if (r.selector) {
+    const t = cr(r.selector);
+    if (t != null)
+      return { x: t.left, y: t.top };
   }
-  return Nr(e);
+  return dr(r);
 }
-const k = {
+const C = {
   PENDING: "pending",
   DEV_FIXED: "dev_fixed",
   VALIDATED: "validated"
 };
-function cr(e) {
+function ce(r) {
   return {
     "Content-Type": "application/json",
-    "x-review-key": e
+    "x-review-key": r
   };
 }
-async function Je(e, t, o) {
-  const i = await fetch(`${e}/reviewers`, {
-    headers: cr(t),
+async function qr(r, t, o) {
+  const i = await fetch(`${r}/reviewers`, {
+    headers: ce(t),
     signal: o == null ? void 0 : o.signal
   });
   if (!i.ok) throw new Error("Failed to fetch reviewers");
   return (await i.json()).data ?? [];
 }
-async function qe(e, t, o) {
-  const i = await fetch(`${e}/comments`, {
+async function Zr(r, t, o) {
+  const i = await fetch(`${r}/comments`, {
     method: "POST",
-    headers: cr(t),
+    headers: ce(t),
     body: JSON.stringify(o)
   });
   if (!i.ok) {
@@ -749,30 +746,30 @@ async function qe(e, t, o) {
   }
   return (await i.json()).data;
 }
-async function Ze(e, t, o, i) {
-  const a = new URLSearchParams({ url: o }), s = await fetch(`${e}/comments?${a}`, {
-    headers: cr(t),
+async function Qr(r, t, o, i) {
+  const a = new URLSearchParams({ url: o }), s = await fetch(`${r}/comments?${a}`, {
+    headers: ce(t),
     signal: i == null ? void 0 : i.signal
   });
   if (!s.ok) throw new Error("Failed to fetch comments");
   return (await s.json()).data ?? [];
 }
-async function Qe(e, t, o, i) {
-  const a = await fetch(`${e}/comments/${o}/status`, {
+async function Kr(r, t, o, i) {
+  const a = await fetch(`${r}/comments/${o}/status`, {
     method: "PATCH",
-    headers: cr(t),
+    headers: ce(t),
     body: JSON.stringify({ status: i })
   });
   if (!a.ok) {
-    const v = await a.json().catch(() => ({}));
-    throw new Error(v.message || "Failed to update comment status");
+    const p = await a.json().catch(() => ({}));
+    throw new Error(p.message || "Failed to update comment status");
   }
   return (await a.json()).data;
 }
-async function Ke(e, t, o) {
-  const i = await fetch(`${e}/comments/${o}`, {
+async function eo(r, t, o) {
+  const i = await fetch(`${r}/comments/${o}`, {
     method: "DELETE",
-    headers: cr(t)
+    headers: ce(t)
   });
   if (!i.ok) {
     const a = await i.json().catch(() => ({}));
@@ -784,7 +781,7 @@ const ro = {
   inset: 0,
   zIndex: 999997,
   backgroundColor: "transparent"
-}, eo = {
+}, oo = {
   position: "fixed",
   minWidth: 320,
   maxWidth: 400,
@@ -794,7 +791,7 @@ const ro = {
   borderRadius: "var(--ui-radius_8, 8px)",
   boxShadow: "0 8px 24px var(--ui-color-black-alpha-20, rgba(0,0,0,0.15))",
   zIndex: 999998
-}, oo = {
+}, to = {
   width: "100%",
   minHeight: 80,
   padding: "var(--ui-positive-Value_200, 8px) var(--ui-positive-Value_300, 12px)",
@@ -805,14 +802,14 @@ const ro = {
   fontFamily: "var(--ui-font-family-ui, 'Inter', sans-serif)",
   resize: "vertical",
   boxSizing: "border-box"
-}, to = {
+}, no = {
   width: "100%",
   padding: "var(--ui-positive-Value_200, 8px) var(--ui-positive-Value_300, 12px)",
   marginBottom: "var(--ui-positive-Value_300, 12px)",
   border: "1px solid var(--ui-color-border-default, #d9d9d9)",
   borderRadius: "var(--ui-radius_6, 6px)",
   fontSize: "var(--ui-font-size-sm, 14px)"
-}, no = {
+}, 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)",
@@ -823,55 +820,59 @@ const ro = {
   fontWeight: "var(--ui-font-weight-medium, 500)"
 };
 function io({
-  apiUrl: e,
+  apiUrl: r,
   apiKey: t,
   reviewers: o,
   position: i,
   payload: a,
   onClose: s,
-  onSuccess: v
+  onSuccess: p
 }) {
-  var L;
-  const [g, d] = A(""), [w, x] = A(
-    ((L = o[0]) == null ? void 0 : L.id) ?? 0
-  ), [y, P] = A(!1), [S, V] = A(null);
-  F(() => {
-    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) => {
       if (c.preventDefault(), !(!g.trim() || !w)) {
         P(!0), V(null);
         try {
-          await qe(e, t, {
+          await Zr(r, t, {
             ...a,
             message: g.trim(),
             reviewerId: w
-          }), v(), s();
-        } catch (p) {
-          V(p instanceof Error ? p.message : "Failed to send comment");
+          }), p(), s();
+        } catch (f) {
+          V(f instanceof Error ? f.message : "Failed to send comment");
         } finally {
           P(!1);
         }
       }
     },
-    [e, t, a, g, w, v, s]
+    [r, t, a, g, w, p, s]
   );
-  return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+  return A(() => {
+    const c = (f) => {
+      f.key === "Escape" && (f.preventDefault(), s());
+    };
+    return document.addEventListener("keydown", c, !0), () => document.removeEventListener("keydown", c, !0);
+  }, [s]), /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
     /* @__PURE__ */ l.jsx(
       "div",
       {
         role: "presentation",
         style: ro,
-        onClick: s,
-        onKeyDown: (c) => c.key === "Escape" && s()
+        onClick: s
       }
     ),
     /* @__PURE__ */ l.jsx(
       "div",
       {
         style: {
-          ...eo,
+          ...oo,
           left: Math.min(i.x, typeof window < "u" ? window.innerWidth - 420 : i.x),
           top: i.y + 12
         },
@@ -883,7 +884,7 @@ function io({
               placeholder: "Escribe tu comentario...",
               value: g,
               onChange: (c) => d(c.target.value),
-              style: oo,
+              style: to,
               required: !0,
               autoFocus: !0
             }
@@ -892,8 +893,8 @@ function io({
             "select",
             {
               value: w,
-              onChange: (c) => x(Number(c.target.value)),
-              style: to,
+              onChange: (c) => h(Number(c.target.value)),
+              style: no,
               required: !0,
               disabled: o.length === 0,
               children: [
@@ -902,7 +903,7 @@ function io({
               ]
             }
           ),
-          S && /* @__PURE__ */ l.jsx(
+          k && /* @__PURE__ */ l.jsx(
             "div",
             {
               style: {
@@ -910,59 +911,74 @@ function io({
                 fontSize: "var(--ui-font-size-xs, 12px)",
                 marginBottom: "var(--ui-positive-Value_200, 8px)"
               },
-              children: S
+              children: k
             }
           ),
-          /* @__PURE__ */ l.jsx("div", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ l.jsx(
-            "button",
-            {
-              type: "submit",
-              style: no,
-              disabled: y || o.length === 0,
-              children: y ? "Enviando..." : "Enviar comentario"
-            }
-          ) })
+          /* @__PURE__ */ l.jsxs("div", { style: { display: "flex", justifyContent: "flex-end", gap: "var(--ui-positive-Value_200, 8px)" }, children: [
+            /* @__PURE__ */ l.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: s,
+                style: {
+                  ...tr,
+                  backgroundColor: "var(--ui-color-bg-fill-secondary-default, #f0f0f0)",
+                  color: "var(--ui-color-text-primary, #333)"
+                },
+                children: "Cancelar"
+              }
+            ),
+            /* @__PURE__ */ l.jsx(
+              "button",
+              {
+                type: "submit",
+                style: tr,
+                disabled: y || o.length === 0,
+                children: y ? "Enviando..." : "Enviar comentario"
+              }
+            )
+          ] })
         ] })
       }
     )
   ] });
 }
-const ao = Rr(io), uo = "var(--ui-color-red-500, #ef4444)";
-function lo(e) {
+const ao = Re(io), uo = "var(--ui-color-red-500, #ef4444)";
+function lo(r) {
   return {
     position: "fixed",
-    outline: `2px solid ${e}`,
+    outline: `2px solid ${r}`,
     outlineOffset: "var(--ui-positive-Value_200, 2px)",
     pointerEvents: "none",
     zIndex: 999997,
     boxSizing: "border-box"
   };
 }
-const so = Rr(function({
+const so = Re(function({
   selector: t,
   active: o,
   fallbackComment: i,
   outlineColor: a = uo
 }) {
-  const [s, v] = A(null), g = j(() => {
+  const [s, p] = F(null), g = j(() => {
     if (!o) {
-      v(null);
+      p(null);
       return;
     }
-    const d = t != null && t.trim() ? ce(t) : null;
+    const d = t != null && t.trim() ? cr(t) : null;
     if (d) {
-      v(d);
+      p(d);
       return;
     }
     if (i) {
-      v(Xe(i));
+      p(Jr(i));
       return;
     }
-    v(null);
+    p(null);
   }, [t, o, i]);
-  return F(() => {
+  return A(() => {
     g();
-  }, [g]), F(() => {
+  }, [g]), A(() => {
     if (o)
       return window.addEventListener("scroll", g, !0), window.addEventListener("resize", g), () => {
         window.removeEventListener("scroll", g, !0), window.removeEventListener("resize", g);
@@ -980,7 +996,7 @@ const so = Rr(function({
       }
     }
   );
-}), _r = 32, ne = 150, Or = 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)",
@@ -988,36 +1004,36 @@ const so = Rr(function({
   border: "var(--ui-color-border-default, #cccccc)",
   shadow: "var(--ui-shadow-card, 0 4px 16px rgba(0, 0, 0, 0.12))"
 }, co = {
-  [k.PENDING]: "Pendiente",
-  [k.DEV_FIXED]: "Corregido",
-  [k.VALIDATED]: "Validado"
+  [C.PENDING]: "Pendiente",
+  [C.DEV_FIXED]: "Corregido",
+  [C.VALIDATED]: "Validado"
 }, fo = {
-  [k.PENDING]: "PENDIENTE",
-  [k.DEV_FIXED]: "CORREGIDO",
-  [k.VALIDATED]: "VALIDADO"
-}, rr = {
-  [k.PENDING]: "var(--ui-color-red-500, rgb(240, 69, 69))",
-  [k.DEV_FIXED]: "var(--ui-color-yellow-500, rgb(235, 179, 8))",
-  [k.VALIDATED]: "var(--ui-color-green-500, rgb(33, 196, 94))"
-}, ie = {
-  [k.PENDING]: "var(--ui-color-bg-surface-danger-default, #fef2f2)",
-  [k.DEV_FIXED]: "var(--ui-color-bg-surface-warning-default, #fffbeb)",
-  [k.VALIDATED]: "var(--ui-color-bg-surface-success-default, #f0fdf4)"
-}, Er = {
-  [k.PENDING]: "var(--ui-color-red-500, #ef4444)",
-  [k.DEV_FIXED]: "var(--ui-color-orange-500, #f59e0b)",
-  [k.VALIDATED]: "var(--ui-color-green-500, #22c55e)"
+  [C.PENDING]: "PENDIENTE",
+  [C.DEV_FIXED]: "CORREGIDO",
+  [C.VALIDATED]: "VALIDADO"
+}, ee = {
+  [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))"
+}, 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)"
+}, Ee = {
+  [C.PENDING]: "var(--ui-color-red-500, #ef4444)",
+  [C.DEV_FIXED]: "var(--ui-color-orange-500, #f59e0b)",
+  [C.VALIDATED]: "var(--ui-color-green-500, #22c55e)"
 };
-function vo(e) {
-  const t = e.trim().split(/\s+/);
-  return t.length >= 2 ? (t[0][0] + t[t.length - 1][0]).toUpperCase() : e.slice(0, 2).toUpperCase() || "?";
+function vo(r) {
+  const t = r.trim().split(/\s+/);
+  return t.length >= 2 ? (t[0][0] + t[t.length - 1][0]).toUpperCase() : r.slice(0, 2).toUpperCase() || "?";
 }
-const po = () => /* @__PURE__ */ l.jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", style: { marginRight: 4, flexShrink: 0 }, children: /* @__PURE__ */ l.jsx("path", { d: "M10 3L4.5 8.5L2 6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), go = ({ color: e }) => /* @__PURE__ */ l.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", style: { flexShrink: 0 }, children: [
+const po = () => /* @__PURE__ */ l.jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", style: { marginRight: 4, flexShrink: 0 }, children: /* @__PURE__ */ l.jsx("path", { d: "M10 3L4.5 8.5L2 6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), go = ({ color: r }) => /* @__PURE__ */ l.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", style: { flexShrink: 0 }, children: [
   /* @__PURE__ */ l.jsx(
     "path",
     {
       d: "M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z",
-      stroke: e,
+      stroke: r,
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
@@ -1033,12 +1049,12 @@ const po = () => /* @__PURE__ */ l.jsx("svg", { width: "12", height: "12", viewB
       strokeLinecap: "round"
     }
   )
-] }), bo = (e) => ({
+] }), bo = (r) => ({
   position: "fixed",
-  width: _r,
-  height: _r,
+  width: _e,
+  height: _e,
   borderRadius: "50%",
-  backgroundColor: rr[e] ?? rr[k.PENDING],
+  backgroundColor: ee[r] ?? ee[C.PENDING],
   color: "var(--ui-color-text-on-color, #fff)",
   display: "flex",
   alignItems: "center",
@@ -1050,9 +1066,9 @@ const po = () => /* @__PURE__ */ l.jsx("svg", { width: "12", height: "12", viewB
   border: "2px solid var(--ui-color-white, #fff)"
 }), ho = {
   position: "fixed",
-  width: Or,
-  minWidth: Or,
-  maxWidth: Or,
+  width: Oe,
+  minWidth: Oe,
+  maxWidth: Oe,
   boxSizing: "border-box",
   backgroundColor: B.cardBg,
   borderRadius: "var(--ui-radius_12, 12px)",
@@ -1068,11 +1084,11 @@ const po = () => /* @__PURE__ */ l.jsx("svg", { width: "12", height: "12", viewB
   gap: "var(--ui-positive-Value_250, 10px)",
   borderBottom: `1px solid ${B.border}`,
   padding: "var(--ui-positive-Value_300, 12px)"
-}, yo = (e) => ({
+}, yo = (r) => ({
   width: 40,
   height: 40,
   borderRadius: "50%",
-  backgroundColor: rr[e] ?? rr[k.PENDING],
+  backgroundColor: ee[r] ?? ee[C.PENDING],
   color: "var(--ui-color-text-on-color, #fff)",
   border: "2px solid var(--ui-color-white, #fff)",
   display: "flex",
@@ -1082,14 +1098,14 @@ const po = () => /* @__PURE__ */ l.jsx("svg", { width: "12", height: "12", viewB
   fontWeight: "var(--ui-font-weight-bold, 700)",
   flexShrink: 0,
   overflow: "hidden"
-}), mo = Rr(function({
+}), mo = Re(function({
   reviewer: t,
   status: o
 }) {
   const i = t == null ? void 0 : t.image_url, a = (t == null ? void 0 : t.name) ?? "Revisor", s = yo(o);
   if (i && i.trim()) {
-    const v = rr[o] ?? rr[k.PENDING];
-    return /* @__PURE__ */ l.jsx("div", { style: { ...s, border: `2px solid ${v}` }, children: /* @__PURE__ */ l.jsx(
+    const p = ee[o] ?? ee[C.PENDING];
+    return /* @__PURE__ */ l.jsx("div", { style: { ...s, border: `2px solid ${p}` }, children: /* @__PURE__ */ l.jsx(
       "img",
       {
         src: i,
@@ -1119,8 +1135,8 @@ const po = () => /* @__PURE__ */ l.jsx("svg", { width: "12", height: "12", viewB
   display: "flex",
   alignItems: "center",
   justifyContent: "center"
-}, _o = (e) => {
-  const t = Er[e] ?? Er[k.PENDING];
+}, _o = (r) => {
+  const t = Ee[r] ?? Ee[C.PENDING];
   return {
     display: "inline-flex",
     alignItems: "center",
@@ -1131,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: ie[e] ?? ie[k.PENDING],
+    backgroundColor: ir[r] ?? ir[C.PENDING],
     color: t,
     border: `1px solid ${t}`
   };
@@ -1166,7 +1182,7 @@ const po = () => /* @__PURE__ */ l.jsx("svg", { width: "12", height: "12", viewB
   padding: "var(--ui-positive-Value_300, 12px)",
   borderTop: `1px solid ${B.border}`,
   backgroundColor: B.cardFooterBg
-}, de = {
+}, fr = {
   minWidth: 100,
   padding: "var(--ui-positive-Value_200, 8px) var(--ui-positive-Value_350, 14px)",
   fontSize: "var(--ui-font-size-xs, 13px)",
@@ -1175,53 +1191,53 @@ const po = () => /* @__PURE__ */ l.jsx("svg", { width: "12", height: "12", viewB
   borderRadius: "var(--ui-radius_8, 8px)",
   cursor: "pointer",
   border: "none"
-}, Co = {
-  ...de,
+}, ko = {
+  ...fr,
   backgroundColor: "transparent",
   color: B.textDark
-}, yr = "review-layer-resolve-btn", ko = [
+}, ye = "review-layer-resolve-btn", Co = [
   "pending",
   "dev_fixed",
   "validated"
 ], Po = {
-  ...de,
+  ...fr,
   backgroundColor: "var(--ui-color-bg-fill-success-default, #22c55e)",
   color: "var(--ui-color-text-on-color, #fff)"
 };
 function jo({
-  comment: e,
+  comment: r,
   offset: t = { dx: 0, dy: 0 },
   apiUrl: o,
   apiKey: i,
   onStatusChange: a,
   reviewMode: s = !1
 }) {
-  var nr, ir;
-  const [v, g] = A(!1), [d, w] = A(!1), [x, y] = A(() => wr(e)), [P, S] = A(!1), [V, $] = A(null), L = mr(null), c = mr(null), p = mr(null), I = j(() => {
-    y(wr(e));
-  }, [e]);
-  F(() => {
+  var ne, ie;
+  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]);
+  A(() => {
     I();
-  }, [I]), F(() => {
+  }, [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]), er = j(() => {
-    d || (L.current = setTimeout(() => {
-      L.current = null, g(!1);
-    }, ne));
-  }, [d]), or = j(() => {
+  }, [s, N]), re = j(() => {
+    d || (z.current = setTimeout(() => {
+      z.current = null, g(!1);
+    }, nr));
+  }, [d]), oe = j(() => {
     N(), g(!0);
-  }, [N]), tr = j(() => {
-    d || (L.current = setTimeout(() => {
-      L.current = null, g(!1);
-    }, ne));
+  }, [N]), te = j(() => {
+    d || (z.current = setTimeout(() => {
+      z.current = null, g(!1);
+    }, nr));
   }, [d]), X = j(() => {
     if (s) {
       d && (w(!1), g(!1));
@@ -1229,54 +1245,54 @@ function jo({
     }
     d ? (w(!1), g(!1)) : (w(!0), g(!0));
   }, [s, d]);
-  F(() => {
+  A(() => {
     if (!d) return;
     const _ = (q) => {
-      var vr, pr;
-      const ar = q.target;
-      (vr = c.current) != null && vr.contains(ar) || (pr = p.current) != null && pr.contains(ar) || (w(!1), g(!1));
+      var ve, pe;
+      const ae = q.target;
+      (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]), F(() => () => N(), [N]), F(() => {
+  }, [d]), A(() => () => N(), [N]), A(() => {
     s && (w(!1), g(!1));
   }, [s]);
-  const m = x.x + t.dx, C = x.y + t.dy, { x: z, y: T } = Fr(m, C, _r / 2), G = v && !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 (_ !== e.status) {
-        $(null), S(!0);
+      if (_ !== r.status) {
+        $(null), k(!0);
         try {
-          await Qe(o, i, e.id, _), a();
+          await Kr(o, i, r.id, _), a();
         } catch (q) {
           $(q instanceof Error ? q.message : "Error al actualizar");
         } finally {
-          S(!1);
+          k(!1);
         }
       }
     },
-    [o, i, e.id, e.status, a]
-  ), dr = j(async () => {
-    $(null), S(!0);
+    [o, i, r.id, r.status, a]
+  ), de = j(async () => {
+    $(null), k(!0);
     try {
-      await Ke(o, i, e.id), a(), Y();
+      await eo(o, i, r.id), a(), Y();
     } catch (_) {
       $(_ instanceof Error ? _.message : "Error al eliminar");
     } finally {
-      S(!1);
+      k(!1);
     }
-  }, [o, i, e.id, a, Y]), fr = $r(
-    () => ({ ...bo(e.status), left: z, top: T, transform: "translate(-50%, -50%)" }),
-    [e.status, z, 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(
       so,
       {
-        selector: e.selector,
+        selector: r.selector,
         active: G,
-        fallbackComment: e,
-        outlineColor: Er[e.status] ?? Er[k.PENDING]
+        fallbackComment: r,
+        outlineColor: Ee[r.status] ?? Ee[C.PENDING]
       }
     ),
     /* @__PURE__ */ l.jsx(
@@ -1285,46 +1301,46 @@ function jo({
         ref: c,
         role: "button",
         tabIndex: 0,
-        "aria-label": `Comentario: ${e.message.slice(0, 30)}...`,
-        "aria-expanded": v,
-        style: fr,
+        "aria-label": `Comentario: ${r.message.slice(0, 30)}...`,
+        "aria-expanded": p,
+        style: fe,
         onMouseEnter: H,
-        onMouseLeave: er,
+        onMouseLeave: re,
         onClick: X,
         children: /* @__PURE__ */ l.jsx(go, { color: "var(--ui-color-white, #fff)" })
       }
     ),
-    v && /* @__PURE__ */ l.jsxs(
+    p && /* @__PURE__ */ l.jsxs(
       "div",
       {
-        ref: p,
+        ref: f,
         role: "dialog",
         "aria-label": "Detalle del comentario",
         style: {
           ...ho,
-          left: z + _r / 2 + 6,
+          left: O + _e / 2 + 6,
           top: T
         },
-        onMouseEnter: or,
-        onMouseLeave: tr,
+        onMouseEnter: oe,
+        onMouseLeave: te,
         children: [
           /* @__PURE__ */ l.jsxs("div", { style: xo, children: [
             /* @__PURE__ */ l.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 10, flex: 1, minWidth: 0 }, children: [
-              /* @__PURE__ */ l.jsx(mo, { reviewer: e.reviewer, status: e.status }),
+              /* @__PURE__ */ l.jsx(mo, { reviewer: r.reviewer, status: r.status }),
               /* @__PURE__ */ l.jsxs("div", { children: [
-                /* @__PURE__ */ l.jsx("div", { style: { fontWeight: 700, fontSize: 14, color: B.textDark }, children: ((nr = e.reviewer) == null ? void 0 : nr.name) ?? "Revisor" }),
-                /* @__PURE__ */ l.jsx("div", { style: { fontSize: 12, color: B.textMuted }, children: ((ir = e.reviewer) == null ? void 0 : ir.job_title) ?? "Revisor" })
+                /* @__PURE__ */ l.jsx("div", { style: { fontWeight: 700, fontSize: 14, color: B.textDark }, children: ((ne = r.reviewer) == null ? void 0 : ne.name) ?? "Revisor" }),
+                /* @__PURE__ */ l.jsx("div", { style: { fontSize: 12, color: B.textMuted }, children: ((ie = r.reviewer) == null ? void 0 : ie.job_title) ?? "Revisor" })
               ] })
             ] }),
             /* @__PURE__ */ l.jsx(
               "button",
               {
                 type: "button",
-                "aria-label": e.status === k.VALIDATED ? "Eliminar comentario" : "Cerrar",
+                "aria-label": r.status === C.VALIDATED ? "Eliminar comentario" : "Cerrar",
                 style: wo,
                 disabled: P,
                 onClick: (_) => {
-                  _.stopPropagation(), e.status === k.VALIDATED ? dr() : Y();
+                  _.stopPropagation(), r.status === C.VALIDATED ? de() : Y();
                 },
                 onMouseDown: (_) => _.stopPropagation(),
                 children: "✕"
@@ -1332,24 +1348,24 @@ function jo({
             )
           ] }),
           /* @__PURE__ */ l.jsxs("div", { style: { padding: 12, display: "flex", alignItems: "flex-start", flexDirection: "column", gap: 4 }, children: [
-            /* @__PURE__ */ l.jsxs("div", { style: _o(e.status), children: [
-              e.status === k.VALIDATED && /* @__PURE__ */ l.jsx(po, {}),
-              fo[e.status] ?? e.status
+            /* @__PURE__ */ l.jsxs("div", { style: _o(r.status), children: [
+              r.status === C.VALIDATED && /* @__PURE__ */ l.jsx(po, {}),
+              fo[r.status] ?? r.status
             ] }),
-            /* @__PURE__ */ l.jsx("div", { style: { color: B.textDark, lineHeight: 1.5, marginBottom: 12, marginTop: 12 }, children: e.message }),
+            /* @__PURE__ */ l.jsx("div", { style: { color: B.textDark, lineHeight: 1.5, marginBottom: 12, marginTop: 12 }, children: r.message }),
             /* @__PURE__ */ l.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 4, width: "100%" }, children: [
-              /* @__PURE__ */ l.jsx("label", { style: Eo, htmlFor: `comment-status-${e.id}`, children: "Cambiar estado" }),
+              /* @__PURE__ */ l.jsx("label", { style: Eo, htmlFor: `comment-status-${r.id}`, children: "Cambiar estado" }),
               /* @__PURE__ */ l.jsx(
                 "select",
                 {
-                  id: `comment-status-${e.id}`,
+                  id: `comment-status-${r.id}`,
                   style: Ro,
-                  value: e.status,
+                  value: r.status,
                   disabled: P,
                   onChange: (_) => J(_.target.value),
                   onMouseDown: (_) => _.stopPropagation(),
                   "aria-label": "Cambiar estado del comentario",
-                  children: ko.map((_) => /* @__PURE__ */ l.jsx("option", { value: _, children: co[_] }, _))
+                  children: Co.map((_) => /* @__PURE__ */ l.jsx("option", { value: _, children: co[_] }, _))
                 }
               ),
               V && /* @__PURE__ */ l.jsx("div", { style: { marginTop: 8, fontSize: 11, color: "var(--ui-color-text-danger-default, rgb(240, 69, 69))" }, children: V })
@@ -1360,7 +1376,7 @@ function jo({
               "button",
               {
                 type: "button",
-                style: Co,
+                style: ko,
                 onMouseDown: (_) => _.stopPropagation(),
                 onClick: (_) => {
                   _.stopPropagation(), Y();
@@ -1368,15 +1384,15 @@ function jo({
                 children: "Cerrar"
               }
             ),
-            e.status !== k.VALIDATED && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+            r.status !== C.VALIDATED && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
               /* @__PURE__ */ l.jsx("style", { children: `
-                  .${yr}:hover:not(:disabled) {
+                  .${ye}:hover:not(:disabled) {
                     background-color: var(--ui-color-bg-fill-success-hover, #16a34a) !important;
                   }
-                  .${yr}:active:not(:disabled) {
+                  .${ye}:active:not(:disabled) {
                     background-color: var(--ui-color-bg-fill-success-pressed, #15803d) !important;
                   }
-                  .${yr}:disabled {
+                  .${ye}:disabled {
                     background-color: var(--ui-color-bg-fill-success-default, #22c55e) !important;
                     opacity: 0.7;
                     cursor: not-allowed;
@@ -1386,7 +1402,7 @@ function jo({
                 "button",
                 {
                   type: "button",
-                  className: yr,
+                  className: ye,
                   style: Po,
                   disabled: P,
                   onMouseDown: (_) => _.stopPropagation(),
@@ -1403,15 +1419,15 @@ function jo({
     )
   ] });
 }
-const Vo = Rr(jo), To = 25, Do = 36;
-function Io(e) {
+const Vo = Re(jo), To = 25, Do = 36;
+function Io(r) {
   const t = /* @__PURE__ */ new Map();
-  for (let o = 0; o < e.length; o++) {
-    const i = e[o], { x: a, y: s } = wr(i), { x: v, y: g } = Fr(a, s);
+  for (let o = 0; o < r.length; o++) {
+    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 } = wr(e[w]), { x: P, y: S } = Fr(x, y);
-      Math.hypot(v - 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 });
   }
@@ -1421,23 +1437,23 @@ function Oo() {
   return typeof window > "u" ? "" : `${window.innerWidth}x${window.innerHeight}`;
 }
 function Lo({
-  apiUrl: e,
+  apiUrl: r,
   apiKey: t,
   reviewMode: o,
   setReviewMode: i,
   reviewers: a,
   comments: s,
-  loadComments: v,
+  loadComments: p,
   commentsLoadFailed: g = !1
 }) {
-  const [d, w] = A(null), x = mr(null), [y, P] = A(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);
   }, []);
-  F(() => {
-    o || (S(), V());
-  }, [o, S, V]), F(() => {
+  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"), () => {
@@ -1445,34 +1461,34 @@ function Lo({
     };
   }, [o, y]);
   const $ = j((m) => {
-    var z;
+    var O;
     if (!m || typeof document > "u" || m === document.body || m === document.documentElement) return !0;
-    const C = (z = m.tagName) == null ? void 0 : z.toUpperCase();
-    return C === "BODY" || C === "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 C = m.target.nodeType === Node.ELEMENT_NODE ? m.target : m.target.parentElement;
-      !C || $(C) || (S(), w(C), C.style.outline = "2px solid var(--ui-color-bg-fill-danger-default, #ff4d4f)", C.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 z;
+      var O;
       if (y) return;
-      const C = m.relatedTarget;
-      d && (!C || !d.contains(C)) && !(C && ((z = d.contains) != null && z.call(d, C))) && S();
+      const R = m.relatedTarget;
+      d && (!R || !d.contains(R)) && !(R && ((O = d.contains) != null && O.call(d, R))) && k();
     },
-    [d, y, S]
-  ), p = j(
+    [d, y, k]
+  ), f = j(
     (m) => {
       if (!o || y) return;
-      const C = m.target;
-      if (!C || $(C) || C.closest("[data-review-layer-root]")) return;
-      m.preventDefault(), m.stopPropagation(), S();
-      const z = C;
-      x.current = z, z.style.outline = "2px solid var(--ui-color-bg-fill-danger-default, #ff4d4f)", z.style.outlineOffset = "2px";
-      const T = z.getBoundingClientRect(), G = Ye(C), { relativeX: Y, relativeY: J } = He(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: {
@@ -1490,35 +1506,42 @@ function Lo({
         }
       });
     },
-    [o, y, S, $]
+    [o, y, k, $]
   );
-  F(() => {
+  A(() => {
     if (o)
-      return document.addEventListener("mouseover", L, !0), document.addEventListener("mouseout", c, !0), document.addEventListener("click", p, !0), () => {
-        document.removeEventListener("mouseover", L, !0), document.removeEventListener("mouseout", c, !0), document.removeEventListener("click", p, !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, p]);
-  const [I, N] = A(0);
-  F(() => {
+  }, [o, z, c, f]);
+  const [I, N] = F(0);
+  A(() => {
     if (typeof window > "u") return;
-    const m = () => N((C) => C + 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 = $r(
+  const H = Ne(
     () => Io(s),
     [s, I]
-  ), er = j(() => {
+  ), re = j(() => {
     V(), P(null);
-  }, [V]), or = {
+  }, [V]), oe = {
     position: "fixed",
     inset: 0,
     zIndex: 999999,
     pointerEvents: "none",
     cursor: o ? "crosshair" : void 0
-  }, tr = /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-    /* @__PURE__ */ l.jsx("div", { style: or, "aria-hidden": !0, "data-review-layer-root": !0 }),
+  }, te = /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+    /* @__PURE__ */ l.jsx("div", { style: oe, "aria-hidden": !0, "data-review-layer-root": !0 }),
     o && /* @__PURE__ */ l.jsxs(
       "div",
       {
@@ -1596,7 +1619,7 @@ function Lo({
             "button",
             {
               type: "button",
-              onClick: () => v(),
+              onClick: () => p(),
               style: {
                 padding: "var(--ui-positive-Value_100, 4px) var(--ui-positive-Value_250, 10px)",
                 fontSize: "var(--ui-font-size-xs, 12px)",
@@ -1618,437 +1641,437 @@ function Lo({
       {
         comment: m,
         offset: H.get(m.id),
-        apiUrl: e,
+        apiUrl: r,
         apiKey: t,
-        onStatusChange: v,
+        onStatusChange: p,
         reviewMode: o
       }
     ) }, m.id)),
     y && /* @__PURE__ */ l.jsx("div", { "data-review-layer-modal": !0, style: { pointerEvents: "auto" }, children: /* @__PURE__ */ l.jsx(
       ao,
       {
-        apiUrl: e,
+        apiUrl: r,
         apiKey: t,
         reviewers: a,
         position: y.position,
         payload: y.payload,
-        onClose: er,
-        onSuccess: v
+        onClose: re,
+        onSuccess: p
       }
     ) })
   ] }), X = typeof document < "u" ? document.body : null;
-  return X ? se(tr, X) : null;
+  return X ? sr(te, X) : null;
+}
+const zo = `/**
+ * Tokens de diseño UI para review-layer-react.
+ * Las variables se inyectan en :root al montar ReviewProvider.
+ * Puedes sobrescribirlas en tu app para adaptar el tema.
+ */
+:root {
+  /* Colores base */
+  --ui-color-white: rgb(255, 255, 255);
+  --ui-color-black: rgb(0, 0, 0);
+  --ui-color-red-50: rgb(255, 242, 242);
+  --ui-color-red-100: rgb(252, 227, 227);
+  --ui-color-red-200: rgb(250, 189, 189);
+  --ui-color-red-300: rgb(245, 148, 148);
+  --ui-color-red-400: rgb(242, 107, 107);
+  --ui-color-red-500: rgb(240, 69, 69);
+  --ui-color-red-600: rgb(212, 61, 61);
+  --ui-color-red-700: rgb(184, 51, 51);
+  --ui-color-red-800: rgb(156, 43, 43);
+  --ui-color-red-900: rgb(128, 36, 36);
+  --ui-color-orange-50: rgb(255, 247, 242);
+  --ui-color-orange-100: rgb(252, 237, 227);
+  --ui-color-orange-200: rgb(252, 209, 176);
+  --ui-color-orange-300: rgb(250, 176, 125);
+  --ui-color-orange-400: rgb(250, 145, 74);
+  --ui-color-orange-500: rgb(250, 115, 23);
+  --ui-color-orange-600: rgb(219, 102, 20);
+  --ui-color-orange-700: rgb(189, 87, 18);
+  --ui-color-orange-800: rgb(158, 74, 13);
+  --ui-color-orange-900: rgb(128, 59, 10);
+  --ui-color-yellow-50: rgb(255, 250, 242);
+  --ui-color-yellow-100: rgb(252, 245, 227);
+  --ui-color-yellow-200: rgb(247, 230, 173);
+  --ui-color-yellow-300: rgb(242, 214, 117);
+  --ui-color-yellow-400: rgb(240, 196, 64);
+  --ui-color-yellow-500: rgb(235, 179, 8);
+  --ui-color-yellow-600: rgb(209, 158, 8);
+  --ui-color-yellow-700: rgb(181, 140, 5);
+  --ui-color-yellow-800: rgb(156, 120, 5);
+  --ui-color-yellow-900: rgb(128, 97, 5);
+  --ui-color-lime-50: rgb(250, 255, 242);
+  --ui-color-lime-100: rgb(242, 252, 227);
+  --ui-color-lime-200: rgb(214, 240, 176);
+  --ui-color-lime-300: rgb(186, 227, 125);
+  --ui-color-lime-400: rgb(161, 217, 74);
+  --ui-color-lime-500: rgb(133, 204, 23);
+  --ui-color-lime-600: rgb(120, 186, 20);
+  --ui-color-lime-700: rgb(107, 166, 18);
+  --ui-color-lime-800: rgb(97, 148, 15);
+  --ui-color-lime-900: rgb(84, 128, 13);
+  --ui-color-green-50: rgb(242, 255, 245);
+  --ui-color-green-100: rgb(227, 252, 237);
+  --ui-color-green-200: rgb(179, 240, 201);
+  --ui-color-green-300: rgb(130, 224, 166);
+  --ui-color-green-400: rgb(84, 212, 130);
+  --ui-color-green-500: rgb(33, 196, 94);
+  --ui-color-green-600: rgb(31, 181, 87);
+  --ui-color-green-700: rgb(28, 163, 79);
+  --ui-color-green-800: rgb(26, 145, 69);
+  --ui-color-green-900: rgb(23, 128, 61);
+  --ui-color-cyan-50: rgb(242, 252, 255);
+  --ui-color-cyan-100: rgb(227, 250, 252);
+  --ui-color-cyan-200: rgb(171, 232, 242);
+  --ui-color-cyan-300: rgb(117, 217, 232);
+  --ui-color-cyan-400: rgb(61, 199, 222);
+  --ui-color-cyan-500: rgb(5, 181, 212);
+  --ui-color-cyan-600: rgb(5, 163, 191);
+  --ui-color-cyan-700: rgb(5, 145, 171);
+  --ui-color-cyan-800: rgb(5, 128, 148);
+  --ui-color-cyan-900: rgb(5, 110, 128);
+  --ui-color-azure-50: rgb(242, 250, 255);
+  --ui-color-azure-100: rgb(227, 245, 252);
+  --ui-color-azure-200: rgb(173, 224, 247);
+  --ui-color-azure-300: rgb(120, 204, 242);
+  --ui-color-azure-400: rgb(69, 186, 237);
+  --ui-color-azure-500: rgb(13, 166, 232);
+  --ui-color-azure-600: rgb(13, 148, 207);
+  --ui-color-azure-700: rgb(10, 128, 181);
+  --ui-color-azure-800: rgb(10, 110, 156);
+  --ui-color-azure-900: rgb(8, 89, 128);
+  --ui-color-blue-50: rgb(242, 245, 255);
+  --ui-color-blue-100: rgb(227, 232, 252);
+  --ui-color-blue-200: rgb(184, 196, 237);
+  --ui-color-blue-300: rgb(140, 161, 222);
+  --ui-color-blue-400: rgb(97, 125, 209);
+  --ui-color-blue-500: rgb(54, 89, 194);
+  --ui-color-blue-600: rgb(51, 82, 176);
+  --ui-color-blue-700: rgb(46, 74, 161);
+  --ui-color-blue-800: rgb(41, 66, 145);
+  --ui-color-blue-900: rgb(36, 59, 128);
+  --ui-color-violet-50: rgb(245, 242, 255);
+  --ui-color-violet-100: rgb(237, 227, 252);
+  --ui-color-violet-200: rgb(209, 186, 250);
+  --ui-color-violet-300: rgb(181, 143, 245);
+  --ui-color-violet-400: rgb(153, 102, 242);
+  --ui-color-violet-500: rgb(125, 59, 237);
+  --ui-color-violet-600: rgb(110, 51, 209);
+  --ui-color-violet-700: rgb(97, 46, 184);
+  --ui-color-violet-800: rgb(82, 38, 156);
+  --ui-color-violet-900: rgb(66, 31, 128);
+  --ui-color-magenta-50: rgb(255, 242, 247);
+  --ui-color-magenta-100: rgb(252, 227, 240);
+  --ui-color-magenta-200: rgb(247, 184, 214);
+  --ui-color-magenta-300: rgb(245, 140, 186);
+  --ui-color-magenta-400: rgb(240, 94, 161);
+  --ui-color-magenta-500: rgb(235, 51, 135);
+  --ui-color-magenta-600: rgb(209, 46, 120);
+  --ui-color-magenta-700: rgb(181, 41, 105);
+  --ui-color-magenta-800: rgb(156, 33, 89);
+  --ui-color-magenta-900: rgb(128, 28, 74);
+  --ui-color-rose-50: rgb(255, 242, 245);
+  --ui-color-rose-100: rgb(252, 227, 232);
+  --ui-color-rose-200: rgb(245, 179, 194);
+  --ui-color-rose-300: rgb(240, 128, 153);
+  --ui-color-rose-400: rgb(232, 79, 112);
+  --ui-color-rose-500: rgb(224, 28, 71);
+  --ui-color-rose-600: rgb(201, 26, 64);
+  --ui-color-rose-700: rgb(176, 23, 56);
+  --ui-color-rose-800: rgb(153, 20, 48);
+  --ui-color-rose-900: rgb(128, 15, 41);
+  --ui-color-light-gray-50: rgb(247, 247, 250);
+  --ui-color-light-gray-100: rgb(240, 242, 242);
+  --ui-color-light-gray-200: rgb(224, 227, 230);
+  --ui-color-light-gray-300: rgb(212, 214, 217);
+  --ui-color-light-gray-400: rgb(199, 199, 204);
+  --ui-color-light-gray-500: rgb(186, 189, 191);
+  --ui-color-light-gray-600: rgb(171, 173, 179);
+  --ui-color-light-gray-700: rgb(158, 163, 166);
+  --ui-color-light-gray-800: rgb(145, 148, 153);
+  --ui-color-light-gray-900: rgb(133, 135, 140);
+  --ui-color-dark-gray-50: rgb(120, 122, 128);
+  --ui-color-dark-gray-100: rgb(107, 110, 115);
+  --ui-color-dark-gray-200: rgb(97, 99, 105);
+  --ui-color-dark-gray-300: rgb(89, 89, 94);
+  --ui-color-dark-gray-400: rgb(77, 79, 84);
+  --ui-color-dark-gray-500: rgb(69, 69, 74);
+  --ui-color-dark-gray-600: rgb(59, 61, 64);
+  --ui-color-dark-gray-700: rgb(48, 51, 54);
+  --ui-color-dark-gray-800: rgb(38, 41, 43);
+  --ui-color-dark-gray-900: rgb(31, 31, 33);
+  --ui-color-black-alpha-transparent: rgba(0, 0, 0, 0);
+  --ui-color-black-alpha-5: rgba(0, 0, 0, 0.05);
+  --ui-color-black-alpha-10: rgba(0, 0, 0, 0.1);
+  --ui-color-black-alpha-20: rgba(0, 0, 0, 0.2);
+  --ui-color-black-alpha-30: rgba(0, 0, 0, 0.3);
+  --ui-color-black-alpha-40: rgba(0, 0, 0, 0.4);
+  --ui-color-black-alpha-50: rgba(0, 0, 0, 0.5);
+  --ui-color-black-alpha-60: rgba(0, 0, 0, 0.6);
+  --ui-color-black-alpha-70: rgba(0, 0, 0, 0.7);
+  --ui-color-black-alpha-80: rgba(0, 0, 0, 0.8);
+  --ui-color-black-alpha-90: rgba(0, 0, 0, 0.9);
+
+  /* Espaciado positivo */
+  --ui-positive-Value_0: 0;
+  --ui-positive-Value_12: 0.66px;
+  --ui-positive-Value_25: 1px;
+  --ui-positive-Value_50: 2px;
+  --ui-positive-Value_100: 4px;
+  --ui-positive-Value_150: 6px;
+  --ui-positive-Value_200: 8px;
+  --ui-positive-Value_250: 10px;
+  --ui-positive-Value_275: 11px;
+  --ui-positive-Value_300: 12px;
+  --ui-positive-Value_325: 13px;
+  --ui-positive-Value_350: 14px;
+  --ui-positive-Value_400: 16px;
+  --ui-positive-Value_450: 18px;
+  --ui-positive-Value_500: 20px;
+  --ui-positive-Value_600: 24px;
+  --ui-positive-Value_700: 28px;
+  --ui-positive-Value_750: 30px;
+  --ui-positive-Value_800: 32px;
+  --ui-positive-Value_900: 36px;
+  --ui-positive-Value_1000: 40px;
+  --ui-positive-Value_1200: 48px;
+  --ui-positive-Value_1400: 56px;
+  --ui-positive-Value_1600: 64px;
+  --ui-positive-Value_2000: 80px;
+  --ui-positive-Value_2400: 96px;
+  --ui-positive-Value_2800: 112px;
+  --ui-positive-Value_3200: 128px;
+  --ui-positive-Value_full: 9999px;
+
+  /* Sombras */
+  --ui-shadow-01-x: 0;
+  --ui-shadow-01-y: 1px;
+  --ui-shadow-01-blur: 2px;
+  --ui-shadow-01-Spread: 0;
+  --ui-shadow-02-x: 0;
+  --ui-shadow-02-y: 2px;
+  --ui-shadow-02-blur: 4px;
+  --ui-shadow-02-Spread: -1px;
+  --ui-shadow-03-x: 0;
+  --ui-shadow-03-y: 4px;
+  --ui-shadow-03-blur: 8px;
+  --ui-shadow-03-Spread: -2px;
+  --ui-shadow-04-x: 0;
+  --ui-shadow-04-y: 8px;
+  --ui-shadow-04-blur: 16px;
+  --ui-shadow-04-Spread: -4px;
+  --ui-shadow-05-x: 0;
+  --ui-shadow-05-y: 16px;
+  --ui-shadow-05-blur: 24px;
+  --ui-shadow-05-Spread: -8px;
+  --ui-shadow-01-Color: var(--ui-color-black-alpha-10);
+  --ui-shadow-02-Color: var(--ui-color-black-alpha-20);
+  --ui-shadow-03-Color: var(--ui-color-black-alpha-20);
+  --ui-shadow-04-Color: var(--ui-color-black-alpha-30);
+  --ui-shadow-05-Color: var(--ui-color-black-alpha-30);
+
+  /* Z-index */
+  --ui-z-hide: -1;
+  --ui-z-base: 0;
+  --ui-z-raised: 100;
+  --ui-z-sticky: 200;
+  --ui-z-shell: 300;
+  --ui-z-dropdown: 400;
+  --ui-z-popover: 500;
+  --ui-z-tooltip: 600;
+  --ui-z-modalBackdrop: 690;
+  --ui-z-modal: 700;
+  --ui-z-toast: 800;
+  --ui-z-overlay: 900;
+  --ui-z-max: 99999;
+
+  /* Tipografía */
+  --ui-font-family-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  --ui-font-family-mono: "IBM Plex Mono";
+  --ui-font-weight-regular: 400;
+  --ui-font-weight-medium: 500;
+  --ui-font-weight-semibold: 600;
+  --ui-font-weight-bold: 700;
+
+  /* Radios */
+  --ui-radius_0: 0;
+  --ui-radius_2: 2px;
+  --ui-radius_4: 4px;
+  --ui-radius_6: 6px;
+  --ui-radius_8: 8px;
+  --ui-radius_10: 10px;
+  --ui-radius_12: 12px;
+  --ui-radius_16: 16px;
+  --ui-radius_24: 24px;
+  --ui-radius_full: 9999px;
+
+  /* Semánticos: texto */
+  --ui-color-text-primary: var(--ui-color-dark-gray-700);
+  --ui-color-text-secondary: var(--ui-color-dark-gray-300);
+  --ui-color-text-tertiary: var(--ui-color-dark-gray-100);
+  --ui-color-text-disabled: var(--ui-color-light-gray-500);
+  --ui-color-text-on-color: var(--ui-color-white);
+  --ui-color-text-danger-default: var(--ui-color-red-700);
+  --ui-color-text-danger-hover: var(--ui-color-red-800);
+  --ui-color-text-danger-pressed: var(--ui-color-red-900);
+
+  /* Semánticos: bordes */
+  --ui-color-border-default: var(--ui-color-light-gray-400);
+  --ui-color-border-subtle: var(--ui-color-light-gray-300);
+  --ui-color-border-strong: var(--ui-color-dark-gray-400);
+  --ui-color-border-danger: var(--ui-color-red-500);
+
+  /* Semánticos: superficies y fondos */
+  --ui-color-bg-surface-default: var(--ui-color-white);
+  --ui-color-bg-surface-secondary-default: var(--ui-color-light-gray-50);
+  --ui-color-bg-surface-secondary-hover: var(--ui-color-light-gray-100);
+  --ui-color-bg-fill-danger-default: var(--ui-color-red-500);
+  --ui-color-bg-fill-danger-hover: var(--ui-color-red-600);
+  --ui-color-bg-fill-danger-pressed: var(--ui-color-red-700);
+  --ui-color-bg-fill-success-default: var(--ui-color-green-500);
+  --ui-color-bg-fill-success-hover: var(--ui-color-green-600);
+  --ui-color-bg-fill-success-pressed: var(--ui-color-green-700);
+  --ui-color-bg-surface-success-default: var(--ui-color-green-50);
+  --ui-color-bg-surface-success-hover: var(--ui-color-green-100);
+  --ui-color-bg-surface-success-selected: var(--ui-color-green-200);
+  --ui-color-bg-surface-danger-default: var(--ui-color-red-50);
+  --ui-color-bg-surface-danger-hover: var(--ui-color-red-100);
+  --ui-color-bg-surface-danger-selected: var(--ui-color-red-200);
+  --ui-color-bg-surface-warning-default: var(--ui-color-yellow-50);
+  --ui-color-bg-surface-warning-hover: var(--ui-color-yellow-100);
+  --ui-color-bg-surface-warning-selected: var(--ui-color-yellow-200);
+
+  /* Espaciado (space) */
+  --ui-Positive-space_0: var(--ui-positive-Value_0);
+  --ui-Positive-space_2: var(--ui-positive-Value_100);
+  --ui-Positive-space_4: var(--ui-positive-Value_100);
+  --ui-Positive-space_6: var(--ui-positive-Value_150);
+  --ui-Positive-space_8: var(--ui-positive-Value_200);
+  --ui-Positive-space_10: var(--ui-positive-Value_250);
+  --ui-Positive-space_12: var(--ui-positive-Value_300);
+  --ui-Positive-space_16: var(--ui-positive-Value_400);
+  --ui-Positive-space_20: var(--ui-positive-Value_500);
+  --ui-Positive-space_24: var(--ui-positive-Value_600);
+  --ui-Positive-space_28: var(--ui-positive-Value_700);
+  --ui-Positive-space_32: var(--ui-positive-Value_800);
+  --ui-Positive-space_40: var(--ui-positive-Value_1000);
+  --ui-Positive-space_48: var(--ui-positive-Value_1200);
+  --ui-Positive-space_56: var(--ui-positive-Value_1400);
+  --ui-Positive-space_64: var(--ui-positive-Value_1600);
+  --ui-Positive-space_80: var(--ui-positive-Value_2000);
+  --ui-Positive-space_96: var(--ui-positive-Value_2400);
+
+  /* Tamaños de fuente */
+  --ui-font-size-2xs: var(--ui-positive-Value_250);
+  --ui-font-size-xs: var(--ui-positive-Value_300);
+  --ui-font-size-sm: var(--ui-positive-Value_350);
+  --ui-font-size-md: var(--ui-positive-Value_400);
+  --ui-font-size-lg: var(--ui-positive-Value_450);
+  --ui-font-size-xl: var(--ui-positive-Value_500);
+  --ui-font-size-2xl: var(--ui-positive-Value_600);
+  --ui-font-size-3xl: var(--ui-positive-Value_750);
+  --ui-font-size-4xl: var(--ui-positive-Value_900);
+  --ui-font-size-5xl: var(--ui-positive-Value_1200);
+
+  /* Line height (muestra) */
+  --ui-font-lh-10-normal: 14.5px;
+  --ui-font-lh-12-normal: 17.5px;
+  --ui-font-lh-14-normal: 20.5px;
+  --ui-font-lh-16-normal: 23px;
+  --ui-font-lh-18-normal: 26px;
+  --ui-font-lh-20-snug: 25px;
+
+  /* Sombras compuestas (para uso en box-shadow) */
+  --ui-shadow-card: 0 4px 16px var(--ui-shadow-01-Color);
+  --ui-shadow-popover: 0 var(--ui-shadow-02-y) var(--ui-shadow-02-blur) var(--ui-shadow-02-Color);
+  --ui-shadow-modal: 0 var(--ui-shadow-04-y) var(--ui-shadow-04-blur) var(--ui-shadow-04-Color);
 }
-const zo = `/**\r
- * Tokens de diseño UI para review-layer-react.\r
- * Las variables se inyectan en :root al montar ReviewProvider.\r
- * Puedes sobrescribirlas en tu app para adaptar el tema.\r
- */\r
-:root {\r
-  /* Colores base */\r
-  --ui-color-white: rgb(255, 255, 255);\r
-  --ui-color-black: rgb(0, 0, 0);\r
-  --ui-color-red-50: rgb(255, 242, 242);\r
-  --ui-color-red-100: rgb(252, 227, 227);\r
-  --ui-color-red-200: rgb(250, 189, 189);\r
-  --ui-color-red-300: rgb(245, 148, 148);\r
-  --ui-color-red-400: rgb(242, 107, 107);\r
-  --ui-color-red-500: rgb(240, 69, 69);\r
-  --ui-color-red-600: rgb(212, 61, 61);\r
-  --ui-color-red-700: rgb(184, 51, 51);\r
-  --ui-color-red-800: rgb(156, 43, 43);\r
-  --ui-color-red-900: rgb(128, 36, 36);\r
-  --ui-color-orange-50: rgb(255, 247, 242);\r
-  --ui-color-orange-100: rgb(252, 237, 227);\r
-  --ui-color-orange-200: rgb(252, 209, 176);\r
-  --ui-color-orange-300: rgb(250, 176, 125);\r
-  --ui-color-orange-400: rgb(250, 145, 74);\r
-  --ui-color-orange-500: rgb(250, 115, 23);\r
-  --ui-color-orange-600: rgb(219, 102, 20);\r
-  --ui-color-orange-700: rgb(189, 87, 18);\r
-  --ui-color-orange-800: rgb(158, 74, 13);\r
-  --ui-color-orange-900: rgb(128, 59, 10);\r
-  --ui-color-yellow-50: rgb(255, 250, 242);\r
-  --ui-color-yellow-100: rgb(252, 245, 227);\r
-  --ui-color-yellow-200: rgb(247, 230, 173);\r
-  --ui-color-yellow-300: rgb(242, 214, 117);\r
-  --ui-color-yellow-400: rgb(240, 196, 64);\r
-  --ui-color-yellow-500: rgb(235, 179, 8);\r
-  --ui-color-yellow-600: rgb(209, 158, 8);\r
-  --ui-color-yellow-700: rgb(181, 140, 5);\r
-  --ui-color-yellow-800: rgb(156, 120, 5);\r
-  --ui-color-yellow-900: rgb(128, 97, 5);\r
-  --ui-color-lime-50: rgb(250, 255, 242);\r
-  --ui-color-lime-100: rgb(242, 252, 227);\r
-  --ui-color-lime-200: rgb(214, 240, 176);\r
-  --ui-color-lime-300: rgb(186, 227, 125);\r
-  --ui-color-lime-400: rgb(161, 217, 74);\r
-  --ui-color-lime-500: rgb(133, 204, 23);\r
-  --ui-color-lime-600: rgb(120, 186, 20);\r
-  --ui-color-lime-700: rgb(107, 166, 18);\r
-  --ui-color-lime-800: rgb(97, 148, 15);\r
-  --ui-color-lime-900: rgb(84, 128, 13);\r
-  --ui-color-green-50: rgb(242, 255, 245);\r
-  --ui-color-green-100: rgb(227, 252, 237);\r
-  --ui-color-green-200: rgb(179, 240, 201);\r
-  --ui-color-green-300: rgb(130, 224, 166);\r
-  --ui-color-green-400: rgb(84, 212, 130);\r
-  --ui-color-green-500: rgb(33, 196, 94);\r
-  --ui-color-green-600: rgb(31, 181, 87);\r
-  --ui-color-green-700: rgb(28, 163, 79);\r
-  --ui-color-green-800: rgb(26, 145, 69);\r
-  --ui-color-green-900: rgb(23, 128, 61);\r
-  --ui-color-cyan-50: rgb(242, 252, 255);\r
-  --ui-color-cyan-100: rgb(227, 250, 252);\r
-  --ui-color-cyan-200: rgb(171, 232, 242);\r
-  --ui-color-cyan-300: rgb(117, 217, 232);\r
-  --ui-color-cyan-400: rgb(61, 199, 222);\r
-  --ui-color-cyan-500: rgb(5, 181, 212);\r
-  --ui-color-cyan-600: rgb(5, 163, 191);\r
-  --ui-color-cyan-700: rgb(5, 145, 171);\r
-  --ui-color-cyan-800: rgb(5, 128, 148);\r
-  --ui-color-cyan-900: rgb(5, 110, 128);\r
-  --ui-color-azure-50: rgb(242, 250, 255);\r
-  --ui-color-azure-100: rgb(227, 245, 252);\r
-  --ui-color-azure-200: rgb(173, 224, 247);\r
-  --ui-color-azure-300: rgb(120, 204, 242);\r
-  --ui-color-azure-400: rgb(69, 186, 237);\r
-  --ui-color-azure-500: rgb(13, 166, 232);\r
-  --ui-color-azure-600: rgb(13, 148, 207);\r
-  --ui-color-azure-700: rgb(10, 128, 181);\r
-  --ui-color-azure-800: rgb(10, 110, 156);\r
-  --ui-color-azure-900: rgb(8, 89, 128);\r
-  --ui-color-blue-50: rgb(242, 245, 255);\r
-  --ui-color-blue-100: rgb(227, 232, 252);\r
-  --ui-color-blue-200: rgb(184, 196, 237);\r
-  --ui-color-blue-300: rgb(140, 161, 222);\r
-  --ui-color-blue-400: rgb(97, 125, 209);\r
-  --ui-color-blue-500: rgb(54, 89, 194);\r
-  --ui-color-blue-600: rgb(51, 82, 176);\r
-  --ui-color-blue-700: rgb(46, 74, 161);\r
-  --ui-color-blue-800: rgb(41, 66, 145);\r
-  --ui-color-blue-900: rgb(36, 59, 128);\r
-  --ui-color-violet-50: rgb(245, 242, 255);\r
-  --ui-color-violet-100: rgb(237, 227, 252);\r
-  --ui-color-violet-200: rgb(209, 186, 250);\r
-  --ui-color-violet-300: rgb(181, 143, 245);\r
-  --ui-color-violet-400: rgb(153, 102, 242);\r
-  --ui-color-violet-500: rgb(125, 59, 237);\r
-  --ui-color-violet-600: rgb(110, 51, 209);\r
-  --ui-color-violet-700: rgb(97, 46, 184);\r
-  --ui-color-violet-800: rgb(82, 38, 156);\r
-  --ui-color-violet-900: rgb(66, 31, 128);\r
-  --ui-color-magenta-50: rgb(255, 242, 247);\r
-  --ui-color-magenta-100: rgb(252, 227, 240);\r
-  --ui-color-magenta-200: rgb(247, 184, 214);\r
-  --ui-color-magenta-300: rgb(245, 140, 186);\r
-  --ui-color-magenta-400: rgb(240, 94, 161);\r
-  --ui-color-magenta-500: rgb(235, 51, 135);\r
-  --ui-color-magenta-600: rgb(209, 46, 120);\r
-  --ui-color-magenta-700: rgb(181, 41, 105);\r
-  --ui-color-magenta-800: rgb(156, 33, 89);\r
-  --ui-color-magenta-900: rgb(128, 28, 74);\r
-  --ui-color-rose-50: rgb(255, 242, 245);\r
-  --ui-color-rose-100: rgb(252, 227, 232);\r
-  --ui-color-rose-200: rgb(245, 179, 194);\r
-  --ui-color-rose-300: rgb(240, 128, 153);\r
-  --ui-color-rose-400: rgb(232, 79, 112);\r
-  --ui-color-rose-500: rgb(224, 28, 71);\r
-  --ui-color-rose-600: rgb(201, 26, 64);\r
-  --ui-color-rose-700: rgb(176, 23, 56);\r
-  --ui-color-rose-800: rgb(153, 20, 48);\r
-  --ui-color-rose-900: rgb(128, 15, 41);\r
-  --ui-color-light-gray-50: rgb(247, 247, 250);\r
-  --ui-color-light-gray-100: rgb(240, 242, 242);\r
-  --ui-color-light-gray-200: rgb(224, 227, 230);\r
-  --ui-color-light-gray-300: rgb(212, 214, 217);\r
-  --ui-color-light-gray-400: rgb(199, 199, 204);\r
-  --ui-color-light-gray-500: rgb(186, 189, 191);\r
-  --ui-color-light-gray-600: rgb(171, 173, 179);\r
-  --ui-color-light-gray-700: rgb(158, 163, 166);\r
-  --ui-color-light-gray-800: rgb(145, 148, 153);\r
-  --ui-color-light-gray-900: rgb(133, 135, 140);\r
-  --ui-color-dark-gray-50: rgb(120, 122, 128);\r
-  --ui-color-dark-gray-100: rgb(107, 110, 115);\r
-  --ui-color-dark-gray-200: rgb(97, 99, 105);\r
-  --ui-color-dark-gray-300: rgb(89, 89, 94);\r
-  --ui-color-dark-gray-400: rgb(77, 79, 84);\r
-  --ui-color-dark-gray-500: rgb(69, 69, 74);\r
-  --ui-color-dark-gray-600: rgb(59, 61, 64);\r
-  --ui-color-dark-gray-700: rgb(48, 51, 54);\r
-  --ui-color-dark-gray-800: rgb(38, 41, 43);\r
-  --ui-color-dark-gray-900: rgb(31, 31, 33);\r
-  --ui-color-black-alpha-transparent: rgba(0, 0, 0, 0);\r
-  --ui-color-black-alpha-5: rgba(0, 0, 0, 0.05);\r
-  --ui-color-black-alpha-10: rgba(0, 0, 0, 0.1);\r
-  --ui-color-black-alpha-20: rgba(0, 0, 0, 0.2);\r
-  --ui-color-black-alpha-30: rgba(0, 0, 0, 0.3);\r
-  --ui-color-black-alpha-40: rgba(0, 0, 0, 0.4);\r
-  --ui-color-black-alpha-50: rgba(0, 0, 0, 0.5);\r
-  --ui-color-black-alpha-60: rgba(0, 0, 0, 0.6);\r
-  --ui-color-black-alpha-70: rgba(0, 0, 0, 0.7);\r
-  --ui-color-black-alpha-80: rgba(0, 0, 0, 0.8);\r
-  --ui-color-black-alpha-90: rgba(0, 0, 0, 0.9);\r
-\r
-  /* Espaciado positivo */\r
-  --ui-positive-Value_0: 0;\r
-  --ui-positive-Value_12: 0.66px;\r
-  --ui-positive-Value_25: 1px;\r
-  --ui-positive-Value_50: 2px;\r
-  --ui-positive-Value_100: 4px;\r
-  --ui-positive-Value_150: 6px;\r
-  --ui-positive-Value_200: 8px;\r
-  --ui-positive-Value_250: 10px;\r
-  --ui-positive-Value_275: 11px;\r
-  --ui-positive-Value_300: 12px;\r
-  --ui-positive-Value_325: 13px;\r
-  --ui-positive-Value_350: 14px;\r
-  --ui-positive-Value_400: 16px;\r
-  --ui-positive-Value_450: 18px;\r
-  --ui-positive-Value_500: 20px;\r
-  --ui-positive-Value_600: 24px;\r
-  --ui-positive-Value_700: 28px;\r
-  --ui-positive-Value_750: 30px;\r
-  --ui-positive-Value_800: 32px;\r
-  --ui-positive-Value_900: 36px;\r
-  --ui-positive-Value_1000: 40px;\r
-  --ui-positive-Value_1200: 48px;\r
-  --ui-positive-Value_1400: 56px;\r
-  --ui-positive-Value_1600: 64px;\r
-  --ui-positive-Value_2000: 80px;\r
-  --ui-positive-Value_2400: 96px;\r
-  --ui-positive-Value_2800: 112px;\r
-  --ui-positive-Value_3200: 128px;\r
-  --ui-positive-Value_full: 9999px;\r
-\r
-  /* Sombras */\r
-  --ui-shadow-01-x: 0;\r
-  --ui-shadow-01-y: 1px;\r
-  --ui-shadow-01-blur: 2px;\r
-  --ui-shadow-01-Spread: 0;\r
-  --ui-shadow-02-x: 0;\r
-  --ui-shadow-02-y: 2px;\r
-  --ui-shadow-02-blur: 4px;\r
-  --ui-shadow-02-Spread: -1px;\r
-  --ui-shadow-03-x: 0;\r
-  --ui-shadow-03-y: 4px;\r
-  --ui-shadow-03-blur: 8px;\r
-  --ui-shadow-03-Spread: -2px;\r
-  --ui-shadow-04-x: 0;\r
-  --ui-shadow-04-y: 8px;\r
-  --ui-shadow-04-blur: 16px;\r
-  --ui-shadow-04-Spread: -4px;\r
-  --ui-shadow-05-x: 0;\r
-  --ui-shadow-05-y: 16px;\r
-  --ui-shadow-05-blur: 24px;\r
-  --ui-shadow-05-Spread: -8px;\r
-  --ui-shadow-01-Color: var(--ui-color-black-alpha-10);\r
-  --ui-shadow-02-Color: var(--ui-color-black-alpha-20);\r
-  --ui-shadow-03-Color: var(--ui-color-black-alpha-20);\r
-  --ui-shadow-04-Color: var(--ui-color-black-alpha-30);\r
-  --ui-shadow-05-Color: var(--ui-color-black-alpha-30);\r
-\r
-  /* Z-index */\r
-  --ui-z-hide: -1;\r
-  --ui-z-base: 0;\r
-  --ui-z-raised: 100;\r
-  --ui-z-sticky: 200;\r
-  --ui-z-shell: 300;\r
-  --ui-z-dropdown: 400;\r
-  --ui-z-popover: 500;\r
-  --ui-z-tooltip: 600;\r
-  --ui-z-modalBackdrop: 690;\r
-  --ui-z-modal: 700;\r
-  --ui-z-toast: 800;\r
-  --ui-z-overlay: 900;\r
-  --ui-z-max: 99999;\r
-\r
-  /* Tipografía */\r
-  --ui-font-family-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;\r
-  --ui-font-family-mono: "IBM Plex Mono";\r
-  --ui-font-weight-regular: 400;\r
-  --ui-font-weight-medium: 500;\r
-  --ui-font-weight-semibold: 600;\r
-  --ui-font-weight-bold: 700;\r
-\r
-  /* Radios */\r
-  --ui-radius_0: 0;\r
-  --ui-radius_2: 2px;\r
-  --ui-radius_4: 4px;\r
-  --ui-radius_6: 6px;\r
-  --ui-radius_8: 8px;\r
-  --ui-radius_10: 10px;\r
-  --ui-radius_12: 12px;\r
-  --ui-radius_16: 16px;\r
-  --ui-radius_24: 24px;\r
-  --ui-radius_full: 9999px;\r
-\r
-  /* Semánticos: texto */\r
-  --ui-color-text-primary: var(--ui-color-dark-gray-700);\r
-  --ui-color-text-secondary: var(--ui-color-dark-gray-300);\r
-  --ui-color-text-tertiary: var(--ui-color-dark-gray-100);\r
-  --ui-color-text-disabled: var(--ui-color-light-gray-500);\r
-  --ui-color-text-on-color: var(--ui-color-white);\r
-  --ui-color-text-danger-default: var(--ui-color-red-700);\r
-  --ui-color-text-danger-hover: var(--ui-color-red-800);\r
-  --ui-color-text-danger-pressed: var(--ui-color-red-900);\r
-\r
-  /* Semánticos: bordes */\r
-  --ui-color-border-default: var(--ui-color-light-gray-400);\r
-  --ui-color-border-subtle: var(--ui-color-light-gray-300);\r
-  --ui-color-border-strong: var(--ui-color-dark-gray-400);\r
-  --ui-color-border-danger: var(--ui-color-red-500);\r
-\r
-  /* Semánticos: superficies y fondos */\r
-  --ui-color-bg-surface-default: var(--ui-color-white);\r
-  --ui-color-bg-surface-secondary-default: var(--ui-color-light-gray-50);\r
-  --ui-color-bg-surface-secondary-hover: var(--ui-color-light-gray-100);\r
-  --ui-color-bg-fill-danger-default: var(--ui-color-red-500);\r
-  --ui-color-bg-fill-danger-hover: var(--ui-color-red-600);\r
-  --ui-color-bg-fill-danger-pressed: var(--ui-color-red-700);\r
-  --ui-color-bg-fill-success-default: var(--ui-color-green-500);\r
-  --ui-color-bg-fill-success-hover: var(--ui-color-green-600);\r
-  --ui-color-bg-fill-success-pressed: var(--ui-color-green-700);\r
-  --ui-color-bg-surface-success-default: var(--ui-color-green-50);\r
-  --ui-color-bg-surface-success-hover: var(--ui-color-green-100);\r
-  --ui-color-bg-surface-success-selected: var(--ui-color-green-200);\r
-  --ui-color-bg-surface-danger-default: var(--ui-color-red-50);\r
-  --ui-color-bg-surface-danger-hover: var(--ui-color-red-100);\r
-  --ui-color-bg-surface-danger-selected: var(--ui-color-red-200);\r
-  --ui-color-bg-surface-warning-default: var(--ui-color-yellow-50);\r
-  --ui-color-bg-surface-warning-hover: var(--ui-color-yellow-100);\r
-  --ui-color-bg-surface-warning-selected: var(--ui-color-yellow-200);\r
-\r
-  /* Espaciado (space) */\r
-  --ui-Positive-space_0: var(--ui-positive-Value_0);\r
-  --ui-Positive-space_2: var(--ui-positive-Value_100);\r
-  --ui-Positive-space_4: var(--ui-positive-Value_100);\r
-  --ui-Positive-space_6: var(--ui-positive-Value_150);\r
-  --ui-Positive-space_8: var(--ui-positive-Value_200);\r
-  --ui-Positive-space_10: var(--ui-positive-Value_250);\r
-  --ui-Positive-space_12: var(--ui-positive-Value_300);\r
-  --ui-Positive-space_16: var(--ui-positive-Value_400);\r
-  --ui-Positive-space_20: var(--ui-positive-Value_500);\r
-  --ui-Positive-space_24: var(--ui-positive-Value_600);\r
-  --ui-Positive-space_28: var(--ui-positive-Value_700);\r
-  --ui-Positive-space_32: var(--ui-positive-Value_800);\r
-  --ui-Positive-space_40: var(--ui-positive-Value_1000);\r
-  --ui-Positive-space_48: var(--ui-positive-Value_1200);\r
-  --ui-Positive-space_56: var(--ui-positive-Value_1400);\r
-  --ui-Positive-space_64: var(--ui-positive-Value_1600);\r
-  --ui-Positive-space_80: var(--ui-positive-Value_2000);\r
-  --ui-Positive-space_96: var(--ui-positive-Value_2400);\r
-\r
-  /* Tamaños de fuente */\r
-  --ui-font-size-2xs: var(--ui-positive-Value_250);\r
-  --ui-font-size-xs: var(--ui-positive-Value_300);\r
-  --ui-font-size-sm: var(--ui-positive-Value_350);\r
-  --ui-font-size-md: var(--ui-positive-Value_400);\r
-  --ui-font-size-lg: var(--ui-positive-Value_450);\r
-  --ui-font-size-xl: var(--ui-positive-Value_500);\r
-  --ui-font-size-2xl: var(--ui-positive-Value_600);\r
-  --ui-font-size-3xl: var(--ui-positive-Value_750);\r
-  --ui-font-size-4xl: var(--ui-positive-Value_900);\r
-  --ui-font-size-5xl: var(--ui-positive-Value_1200);\r
-\r
-  /* Line height (muestra) */\r
-  --ui-font-lh-10-normal: 14.5px;\r
-  --ui-font-lh-12-normal: 17.5px;\r
-  --ui-font-lh-14-normal: 20.5px;\r
-  --ui-font-lh-16-normal: 23px;\r
-  --ui-font-lh-18-normal: 26px;\r
-  --ui-font-lh-20-snug: 25px;\r
-\r
-  /* Sombras compuestas (para uso en box-shadow) */\r
-  --ui-shadow-card: 0 4px 16px var(--ui-shadow-01-Color);\r
-  --ui-shadow-popover: 0 var(--ui-shadow-02-y) var(--ui-shadow-02-blur) var(--ui-shadow-02-Color);\r
-  --ui-shadow-modal: 0 var(--ui-shadow-04-y) var(--ui-shadow-04-blur) var(--ui-shadow-04-Color);\r
-}\r
 `;
-function Ao(e, t, o) {
+function Ao(r, t, o) {
   const i = j(() => {
-    e && o((a) => !a);
-  }, [e, o]);
-  F(() => {
-    if (!e) return;
+    r && o((a) => !a);
+  }, [r, o]);
+  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());
     };
     return window.addEventListener("keydown", a), () => window.removeEventListener("keydown", a);
-  }, [e, i]);
+  }, [r, i]);
 }
 const Fo = "review_layer:v1:";
-function No(e, t) {
-  if (e == null) return t;
+function No(r, t) {
+  if (r == null) return t;
   try {
-    return JSON.parse(e) ?? t;
+    return JSON.parse(r) ?? t;
   } catch {
     return t;
   }
 }
-function Sr(e, t, o, i) {
-  const a = `${Fo}${$o(e)}:${o}`;
+function Se(r, t, o, i) {
+  const a = `${Fo}${$o(r)}:${o}`;
   return i != null ? `${a}:${i}` : a;
 }
-function $o(e) {
-  return e.replace(/\/+$/, "") || "/";
+function $o(r) {
+  return r.replace(/\/+$/, "") || "/";
 }
-function fe(e) {
+function vr(r) {
   if (typeof localStorage > "u") return null;
-  const t = localStorage.getItem(e);
+  const t = localStorage.getItem(r);
   return No(t, null);
 }
-function ve(e, t) {
+function pr(r, t) {
   if (!(typeof localStorage > "u"))
     try {
-      localStorage.setItem(e, JSON.stringify({ data: t, at: Date.now() }));
+      localStorage.setItem(r, JSON.stringify({ data: t, at: Date.now() }));
     } catch {
     }
 }
-function Lr(e, t, o) {
-  const i = fe(Sr(e, t, "comments", o));
+function Le(r, t, o) {
+  const i = vr(Se(r, t, "comments", o));
   return (i == null ? void 0 : i.data) ?? null;
 }
-function Mo(e, t, o, i) {
-  ve(Sr(e, t, "comments", o), i);
+function Mo(r, t, o, i) {
+  pr(Se(r, t, "comments", o), i);
 }
-function ae(e, t) {
-  const o = fe(Sr(e, t, "reviewers"));
+function ar(r, t) {
+  const o = vr(Se(r, t, "reviewers"));
   return (o == null ? void 0 : o.data) ?? null;
 }
-function Wo(e, t, o) {
-  ve(Sr(e, t, "reviewers"), o);
+function Wo(r, t, o) {
+  pr(Se(r, t, "reviewers"), o);
 }
 const Bo = "https://review-layer-api.onrender.com/api";
-function ue() {
+function ur() {
   return typeof window > "u" ? "/" : window.location.pathname || "/";
 }
-const pe = $e(null);
-let zr = null;
+const gr = Mr(null);
+let ze = null;
 function Go() {
-  const e = Me(pe);
-  if (!e)
+  const r = Wr(gr);
+  if (!r)
     throw new Error("useReview must be used within ReviewProvider");
-  return e;
+  return r;
 }
 function Ho({
-  children: e,
+  children: r,
   enabled: t = !0,
   apiUrl: o,
   apiKey: i
 }) {
-  const a = (o == null ? void 0 : o.trim()) || Bo, [s, v] = A(!1), [g, d] = A([]), [w, x] = A([]), [y, P] = A(!1);
-  Ao(t, s, v);
-  const S = j(
+  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 k = j(
     async (c) => {
       if (!(!t || !a || !i))
         try {
-          const p = await Je(a, i, { signal: c });
-          c != null && c.aborted || (d(p), Wo(a, i, p));
-        } catch (p) {
-          if (p instanceof Error && p.name === "AbortError") return;
+          const f = await qr(a, i, { signal: c });
+          c != null && c.aborted || (d(f), Wo(a, i, f));
+        } catch (f) {
+          if (f instanceof Error && f.name === "AbortError") return;
           if (!(c != null && c.aborted)) {
-            const I = ae(a, i);
+            const I = ar(a, i);
             I != null && d(I);
           }
         }
@@ -2057,68 +2080,68 @@ function Ho({
   ), V = j(
     async (c) => {
       if (!t || !a || !i) return;
-      const p = ue(), I = Lr(a, i, p);
-      I != null && x(I);
+      const f = ur(), I = Le(a, i, f);
+      I != null && h(I);
       try {
         P(!1);
-        const N = await Ze(a, i, p, { signal: c });
-        c != null && c.aborted || (x(N), Mo(a, i, p, N));
+        const N = await Qr(a, i, f, { signal: c });
+        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 = Lr(a, i, p);
-          H != null && x(H);
+          const H = Le(a, i, f);
+          H != null && h(H);
         }
       }
     },
     [t, a, i]
   );
-  F(() => {
+  A(() => {
     if (!t || !a || !i) return;
-    const c = ue(), p = ae(a, i), I = Lr(a, i, c);
-    p != null && d(p), I != null && x(I);
-  }, [t, a, i]), F(() => {
+    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 p = document.createElement("style");
-      p.id = c, p.textContent = zo, document.head.appendChild(p);
+      const f = document.createElement("style");
+      f.id = c, f.textContent = zo, document.head.appendChild(f);
     }
-  }, []), F(() => {
+  }, []), A(() => {
     if (!t || !a || !i) return;
     const c = `${a}:${i}`;
-    if (zr !== c)
-      return zr = c, S(), V(), () => {
+    if (ze !== c)
+      return ze = c, k(), V(), () => {
         setTimeout(() => {
-          zr = null;
+          ze = null;
         }, 0);
       };
-  }, [t, a, i, S, V]), F(() => {
+  }, [t, a, i, k, V]), A(() => {
     if (!t) return;
     const c = () => V();
     return window.addEventListener("popstate", c), () => window.removeEventListener("popstate", c);
   }, [t, V]);
-  const $ = $r(
+  const $ = Ne(
     () => ({
       apiUrl: a,
       apiKey: i,
       reviewMode: s,
-      setReviewMode: v,
+      setReviewMode: p,
       reviewers: g,
       comments: w,
       loadComments: V,
       commentsLoadFailed: y
     }),
-    [a, i, s, v, g, w, V, y]
-  ), L = t && typeof document < "u" ? se(
+    [a, i, s, p, g, w, V, y]
+  ), z = t && typeof document < "u" ? sr(
     /* @__PURE__ */ l.jsx(
       Lo,
       {
         apiUrl: a,
         apiKey: i,
         reviewMode: s,
-        setReviewMode: v,
+        setReviewMode: p,
         reviewers: g,
         comments: w,
         loadComments: V,
@@ -2127,9 +2150,9 @@ function Ho({
     ),
     document.body
   ) : null;
-  return /* @__PURE__ */ l.jsxs(pe.Provider, { value: $, children: [
-    e,
-    L
+  return /* @__PURE__ */ l.jsxs(gr.Provider, { value: $, children: [
+    r,
+    z
   ] });
 }
 export {