viewgate-wrapper 1.3.3 → 1.3.5

package/dist/viewgate-wrapper.js

@@ -1,47 +1,47 @@
 (function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode('@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&display=swap";:root{--vg-primary: #2513ec;--vg-primary-gradient: linear-gradient(135deg, #2513ec 0%, #7e3ff2 100%);--vg-glass: rgba(255, 255, 255, .7);--vg-glass-border: rgba(255, 255, 255, .3);--vg-shadow: 0 8px 32px 0 rgba(31, 38, 135, .37);--vg-radius: 16px}body{font-family:Inter,system-ui,-apple-system,sans-serif!important;margin:0}.vg-glassmorphism{background:var(--vg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--vg-glass-border);box-shadow:var(--vg-shadow);border-radius:var(--vg-radius)}.vg-button-primary{background:var(--vg-primary-gradient);color:#fff;border:none;padding:10px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #2513ec4d}.vg-button-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2513ec66}.vg-button-ghost{background:transparent;color:#444;border:1px solid #ddd;padding:10px 24px;border-radius:12px;cursor:pointer;transition:background .2s}.vg-button-ghost:hover{background:#0000000d}.vg-badge{background:#2513ec1a;color:var(--vg-primary);padding:4px 12px;border-radius:20px;font-size:12px;font-family:JetBrains Mono,monospace;font-weight:700;border:1px solid rgba(37,19,236,.2)}.vg-textarea{width:100%;border:1.5px solid #eee;border-radius:12px;padding:12px;font-family:inherit;color:#0f172a;resize:none;transition:border-color .2s,box-shadow .2s;outline:none}.vg-textarea:focus{border-color:var(--vg-primary);box-shadow:0 0 0 4px #2513ec1a}@keyframes vg-slide-in{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes vg-fade-in{0%{opacity:0}to{opacity:1}}.vg-animate-slide{animation:vg-slide-in .3s cubic-bezier(.16,1,.3,1)}.vg-animate-fade{animation:vg-fade-in .2s ease-out}.vg-toasts{position:fixed;top:24px;right:24px;display:flex;flex-direction:column;gap:12px;z-index:100000}.vg-toast{padding:16px 24px;display:flex;align-items:center;gap:12px;min-width:300px}.vg-toast.success{background:#ecfdf5;border:1px solid #10b981;color:#065f46}.vg-toast.error{background:#fef2f2;border:1px solid #ef4444;color:#991b1b}.vg-cursor-pointer *{cursor:pointer!important}')),document.head.appendChild(r)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
-import Ae, { createContext as $e, useState as k, useContext as Fe, useCallback as oe, useEffect as Le } from "react";
-var V = { exports: {} }, L = {};
+import Ae, { createContext as $e, useState as C, useContext as Le, useCallback as oe, useEffect as Fe } from "react";
+var D = { exports: {} }, V = {};
 var ie;
-function Oe() {
-  if (ie) return L;
+function Ve() {
+  if (ie) return V;
   ie = 1;
   var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
-  function r(n, s, a) {
+  function r(n, a, s) {
     var i = null;
-    if (a !== void 0 && (i = "" + a), s.key !== void 0 && (i = "" + s.key), "key" in s) {
-      a = {};
-      for (var c in s)
-        c !== "key" && (a[c] = s[c]);
-    } else a = s;
-    return s = a.ref, {
+    if (s !== void 0 && (i = "" + s), a.key !== void 0 && (i = "" + a.key), "key" in a) {
+      s = {};
+      for (var c in a)
+        c !== "key" && (s[c] = a[c]);
+    } else s = a;
+    return a = s.ref, {
       $$typeof: e,
       type: n,
       key: i,
-      ref: s !== void 0 ? s : null,
-      props: a
+      ref: a !== void 0 ? a : null,
+      props: s
     };
   }
-  return L.Fragment = t, L.jsx = r, L.jsxs = r, L;
+  return V.Fragment = t, V.jsx = r, V.jsxs = r, V;
 }
-var O = {};
+var I = {};
 var ce;
 function Ie() {
   return ce || (ce = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(o) {
       if (o == null) return null;
       if (typeof o == "function")
-        return o.$$typeof === Pe ? null : o.displayName || o.name || null;
+        return o.$$typeof === _e ? null : o.displayName || o.name || null;
       if (typeof o == "string") return o;
       switch (o) {
         case T:
           return "Fragment";
-        case U:
+        case L:
           return "Profiler";
         case $:
           return "StrictMode";
-        case S:
+        case g:
           return "Suspense";
-        case F:
+        case P:
           return "SuspenseList";
         case ke:
           return "Activity";
@@ -50,21 +50,21 @@ function Ie() {
         switch (typeof o.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), o.$$typeof) {
-          case I:
+          case G:
             return "Portal";
-          case v:
+          case z:
             return o.displayName || "Context";
           case N:
             return (o._context.displayName || "Context") + ".Consumer";
-          case y:
-            var u = o.render;
-            return o = o.displayName, o || (o = u.displayName || u.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
-          case D:
-            return u = o.displayName || null, u !== null ? u : e(o.type) || "Memo";
-          case Y:
-            u = o._payload, o = o._init;
+          case b:
+            var f = o.render;
+            return o = o.displayName, o || (o = f.displayName || f.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
+          case F:
+            return f = o.displayName || null, f !== null ? f : e(o.type) || "Memo";
+          case k:
+            f = o._payload, o = o._init;
             try {
-              return e(o(u));
+              return e(o(f));
             } catch {
             }
         }
@@ -76,54 +76,54 @@ function Ie() {
     function r(o) {
       try {
         t(o);
-        var u = !1;
+        var f = !1;
       } catch {
-        u = !0;
+        f = !0;
       }
-      if (u) {
-        u = console;
-        var h = u.error, g = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
-        return h.call(
-          u,
+      if (f) {
+        f = console;
+        var p = f.error, w = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
+        return p.call(
+          f,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          g
+          w
         ), t(o);
       }
     }
     function n(o) {
       if (o === T) return "<>";
-      if (typeof o == "object" && o !== null && o.$$typeof === Y)
+      if (typeof o == "object" && o !== null && o.$$typeof === k)
         return "<...>";
       try {
-        var u = e(o);
-        return u ? "<" + u + ">" : "<...>";
+        var f = e(o);
+        return f ? "<" + f + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function s() {
-      var o = G.A;
+    function a() {
+      var o = Y.A;
       return o === null ? null : o.getOwner();
     }
-    function a() {
+    function s() {
       return Error("react-stack-top-frame");
     }
     function i(o) {
       if (ee.call(o, "key")) {
-        var u = Object.getOwnPropertyDescriptor(o, "key").get;
-        if (u && u.isReactWarning) return !1;
+        var f = Object.getOwnPropertyDescriptor(o, "key").get;
+        if (f && f.isReactWarning) return !1;
       }
       return o.key !== void 0;
     }
-    function c(o, u) {
-      function h() {
+    function c(o, f) {
+      function p() {
         te || (te = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          u
+          f
         ));
       }
-      h.isReactWarning = !0, Object.defineProperty(o, "key", {
-        get: h,
+      p.isReactWarning = !0, Object.defineProperty(o, "key", {
+        get: p,
         configurable: !0
       });
     }
@@ -133,15 +133,15 @@ function Ie() {
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), o = this.props.ref, o !== void 0 ? o : null;
     }
-    function m(o, u, h, g, M, B) {
-      var p = h.ref;
+    function u(o, f, p, w, M, B) {
+      var y = p.ref;
       return o = {
         $$typeof: A,
         type: o,
-        key: u,
-        props: h,
-        _owner: g
-      }, (p !== void 0 ? p : null) !== null ? Object.defineProperty(o, "ref", {
+        key: f,
+        props: p,
+        _owner: w
+      }, (y !== void 0 ? y : null) !== null ? Object.defineProperty(o, "ref", {
         enumerable: !1,
         get: l
       }) : Object.defineProperty(o, "ref", { enumerable: !1, value: null }), o._store = {}, Object.defineProperty(o._store, "validated", {
@@ -166,100 +166,100 @@ function Ie() {
         value: B
       }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
     }
-    function d(o, u, h, g, M, B) {
-      var p = u.children;
-      if (p !== void 0)
-        if (g)
-          if (_e(p)) {
-            for (g = 0; g < p.length; g++)
-              x(p[g]);
-            Object.freeze && Object.freeze(p);
+    function m(o, f, p, w, M, B) {
+      var y = f.children;
+      if (y !== void 0)
+        if (w)
+          if (je(y)) {
+            for (w = 0; w < y.length; w++)
+              h(y[w]);
+            Object.freeze && Object.freeze(y);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else x(p);
-      if (ee.call(u, "key")) {
-        p = e(o);
-        var P = Object.keys(u).filter(function(je) {
-          return je !== "key";
+        else h(y);
+      if (ee.call(f, "key")) {
+        y = e(o);
+        var _ = Object.keys(f).filter(function(Oe) {
+          return Oe !== "key";
         });
-        g = 0 < P.length ? "{key: someKey, " + P.join(": ..., ") + ": ...}" : "{key: someKey}", ae[p + g] || (P = 0 < P.length ? "{" + P.join(": ..., ") + ": ...}" : "{}", console.error(
+        w = 0 < _.length ? "{key: someKey, " + _.join(": ..., ") + ": ...}" : "{key: someKey}", ae[y + w] || (_ = 0 < _.length ? "{" + _.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          g,
-          p,
-          P,
-          p
-        ), ae[p + g] = !0);
+          w,
+          y,
+          _,
+          y
+        ), ae[y + w] = !0);
       }
-      if (p = null, h !== void 0 && (r(h), p = "" + h), i(u) && (r(u.key), p = "" + u.key), "key" in u) {
-        h = {};
-        for (var J in u)
-          J !== "key" && (h[J] = u[J]);
-      } else h = u;
-      return p && c(
-        h,
+      if (y = null, p !== void 0 && (r(p), y = "" + p), i(f) && (r(f.key), y = "" + f.key), "key" in f) {
+        p = {};
+        for (var J in f)
+          J !== "key" && (p[J] = f[J]);
+      } else p = f;
+      return y && c(
+        p,
         typeof o == "function" ? o.displayName || o.name || "Unknown" : o
-      ), m(
+      ), u(
         o,
+        y,
         p,
-        h,
-        s(),
+        a(),
         M,
         B
       );
     }
-    function x(o) {
-      w(o) ? o._store && (o._store.validated = 1) : typeof o == "object" && o !== null && o.$$typeof === Y && (o._payload.status === "fulfilled" ? w(o._payload.value) && o._payload.value._store && (o._payload.value._store.validated = 1) : o._store && (o._store.validated = 1));
+    function h(o) {
+      x(o) ? o._store && (o._store.validated = 1) : typeof o == "object" && o !== null && o.$$typeof === k && (o._payload.status === "fulfilled" ? x(o._payload.value) && o._payload.value._store && (o._payload.value._store.validated = 1) : o._store && (o._store.validated = 1));
     }
-    function w(o) {
+    function x(o) {
       return typeof o == "object" && o !== null && o.$$typeof === A;
     }
-    var C = Ae, A = /* @__PURE__ */ Symbol.for("react.transitional.element"), I = /* @__PURE__ */ Symbol.for("react.portal"), T = /* @__PURE__ */ Symbol.for("react.fragment"), $ = /* @__PURE__ */ Symbol.for("react.strict_mode"), U = /* @__PURE__ */ Symbol.for("react.profiler"), N = /* @__PURE__ */ Symbol.for("react.consumer"), v = /* @__PURE__ */ Symbol.for("react.context"), y = /* @__PURE__ */ Symbol.for("react.forward_ref"), S = /* @__PURE__ */ Symbol.for("react.suspense"), F = /* @__PURE__ */ Symbol.for("react.suspense_list"), D = /* @__PURE__ */ Symbol.for("react.memo"), Y = /* @__PURE__ */ Symbol.for("react.lazy"), ke = /* @__PURE__ */ Symbol.for("react.activity"), Pe = /* @__PURE__ */ Symbol.for("react.client.reference"), G = C.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ee = Object.prototype.hasOwnProperty, _e = Array.isArray, q = console.createTask ? console.createTask : function() {
+    var S = Ae, A = /* @__PURE__ */ Symbol.for("react.transitional.element"), G = /* @__PURE__ */ Symbol.for("react.portal"), T = /* @__PURE__ */ Symbol.for("react.fragment"), $ = /* @__PURE__ */ Symbol.for("react.strict_mode"), L = /* @__PURE__ */ Symbol.for("react.profiler"), N = /* @__PURE__ */ Symbol.for("react.consumer"), z = /* @__PURE__ */ Symbol.for("react.context"), b = /* @__PURE__ */ Symbol.for("react.forward_ref"), g = /* @__PURE__ */ Symbol.for("react.suspense"), P = /* @__PURE__ */ Symbol.for("react.suspense_list"), F = /* @__PURE__ */ Symbol.for("react.memo"), k = /* @__PURE__ */ Symbol.for("react.lazy"), ke = /* @__PURE__ */ Symbol.for("react.activity"), _e = /* @__PURE__ */ Symbol.for("react.client.reference"), Y = S.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ee = Object.prototype.hasOwnProperty, je = Array.isArray, q = console.createTask ? console.createTask : function() {
       return null;
     };
-    C = {
+    S = {
       react_stack_bottom_frame: function(o) {
         return o();
       }
     };
-    var te, re = {}, ne = C.react_stack_bottom_frame.bind(
-      C,
-      a
-    )(), se = q(n(a)), ae = {};
-    O.Fragment = T, O.jsx = function(o, u, h) {
-      var g = 1e4 > G.recentlyCreatedOwnerStacks++;
-      return d(
+    var te, re = {}, ne = S.react_stack_bottom_frame.bind(
+      S,
+      s
+    )(), se = q(n(s)), ae = {};
+    I.Fragment = T, I.jsx = function(o, f, p) {
+      var w = 1e4 > Y.recentlyCreatedOwnerStacks++;
+      return m(
         o,
-        u,
-        h,
+        f,
+        p,
         !1,
-        g ? Error("react-stack-top-frame") : ne,
-        g ? q(n(o)) : se
+        w ? Error("react-stack-top-frame") : ne,
+        w ? q(n(o)) : se
       );
-    }, O.jsxs = function(o, u, h) {
-      var g = 1e4 > G.recentlyCreatedOwnerStacks++;
-      return d(
+    }, I.jsxs = function(o, f, p) {
+      var w = 1e4 > Y.recentlyCreatedOwnerStacks++;
+      return m(
         o,
-        u,
-        h,
+        f,
+        p,
         !0,
-        g ? Error("react-stack-top-frame") : ne,
-        g ? q(n(o)) : se
+        w ? Error("react-stack-top-frame") : ne,
+        w ? q(n(o)) : se
       );
     };
-  })()), O;
+  })()), I;
 }
 var le;
-function De() {
-  return le || (le = 1, process.env.NODE_ENV === "production" ? V.exports = Oe() : V.exports = Ie()), V.exports;
+function Ge() {
+  return le || (le = 1, process.env.NODE_ENV === "production" ? D.exports = Ve() : D.exports = Ie()), D.exports;
 }
-var f = De();
+var d = Ge();
 const Me = {
   en: {
     enterMode: "🚀 Enter Feedback Mode",
@@ -293,19 +293,28 @@ const Me = {
     errorHeader: "Error",
     preview: "Vista previa"
   }
-}, ye = $e(void 0), Ve = () => {
-  const e = Fe(ye);
-  if (!e)
-    throw new Error("useViewGate must be used within a ViewGateProvider");
+}, we = $e(void 0), De = () => {
+  const e = Le(we);
+  if (!e) throw new Error("useViewGate must be used within a ViewGateProvider");
   return e;
-}, It = ({ children: e, language: t = "es", apiKey: r }) => {
-  const [n, s] = k([]), a = (c, l) => {
+}, Gt = ({ children: e, language: t = "es", apiKey: r, baseUrl: n = "https://view-gate.vercel.app" }) => {
+  const [a, s] = C([]), i = (l, u) => {
     const m = Date.now();
-    s((d) => [...d, { id: m, message: c, type: l }]), setTimeout(() => {
-      s((d) => d.filter((x) => x.id !== m));
+    s((h) => [...h, { id: m, message: l, type: u }]), setTimeout(() => {
+      s((h) => h.filter((x) => x.id !== m));
     }, 4e3);
-  }, i = Me[t];
-  return f.jsxs(ye.Provider, { value: { addToast: a, language: t, t: i, apiKey: r }, children: [e, f.jsx(Ft, {}), f.jsx("div", { className: "vg-toasts", children: n.map((c) => f.jsxs("div", { className: `vg-toast vg-glassmorphism vg-animate-slide ${c.type}`, children: [f.jsx("span", { style: { fontSize: "20px" }, children: c.type === "success" ? "✅" : "❌" }), f.jsxs("div", { children: [f.jsx("strong", { style: { display: "block" }, children: c.type === "success" ? i.successHeader : i.errorHeader }), f.jsx("span", { style: { fontSize: "14px" }, children: c.message })] })] }, c.id)) })] });
+  }, c = Me[t];
+  return /* @__PURE__ */ d.jsxs(we.Provider, { "data-source-path": "/src/components/ViewGateProvider.tsx:99", value: { addToast: i, language: t, t: c, apiKey: r, baseUrl: n }, children: [
+    e,
+    /* @__PURE__ */ d.jsx(Vt, { "data-source-path": "/src/components/ViewGateProvider.tsx:101" }),
+    /* @__PURE__ */ d.jsx("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:102", className: "vg-toasts", children: a.map((l) => /* @__PURE__ */ d.jsxs("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:104", className: `vg-toast vg-glassmorphism vg-animate-slide ${l.type}`, children: [
+      /* @__PURE__ */ d.jsx("span", { "data-source-path": "/src/components/ViewGateProvider.tsx:105", style: { fontSize: "20px" }, children: l.type === "success" ? "✅" : "❌" }),
+      /* @__PURE__ */ d.jsxs("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:106", children: [
+        /* @__PURE__ */ d.jsx("strong", { "data-source-path": "/src/components/ViewGateProvider.tsx:107", style: { display: "block" }, children: l.type === "success" ? c.successHeader : c.errorHeader }),
+        /* @__PURE__ */ d.jsx("span", { "data-source-path": "/src/components/ViewGateProvider.tsx:108", style: { fontSize: "14px" }, children: l.message })
+      ] })
+    ] }, l.id)) })
+  ] });
 };
 function He(e, t) {
   if (e.match(/^[a-z]+:\/\//i))
@@ -314,10 +323,10 @@ function He(e, t) {
     return window.location.protocol + e;
   if (e.match(/^[a-z]+:/i))
     return e;
-  const r = document.implementation.createHTMLDocument(), n = r.createElement("base"), s = r.createElement("a");
-  return r.head.appendChild(n), r.body.appendChild(s), t && (n.href = t), s.href = e, s.href;
+  const r = document.implementation.createHTMLDocument(), n = r.createElement("base"), a = r.createElement("a");
+  return r.head.appendChild(n), r.body.appendChild(a), t && (n.href = t), a.href = e, a.href;
 }
-const ze = /* @__PURE__ */ (() => {
+const We = /* @__PURE__ */ (() => {
   let e = 0;
   const t = () => (
     // eslint-disable-next-line no-bitwise
@@ -331,27 +340,27 @@ function R(e) {
     t.push(e[r]);
   return t;
 }
-let _ = null;
-function we(e = {}) {
-  return _ || (e.includeStyleProperties ? (_ = e.includeStyleProperties, _) : (_ = R(window.getComputedStyle(document.documentElement)), _));
+let j = null;
+function ye(e = {}) {
+  return j || (e.includeStyleProperties ? (j = e.includeStyleProperties, j) : (j = R(window.getComputedStyle(document.documentElement)), j));
 }
 function H(e, t) {
   const n = (e.ownerDocument.defaultView || window).getComputedStyle(e).getPropertyValue(t);
   return n ? parseFloat(n.replace("px", "")) : 0;
 }
-function We(e) {
+function Ue(e) {
   const t = H(e, "border-left-width"), r = H(e, "border-right-width");
   return e.clientWidth + t + r;
 }
-function Ue(e) {
+function Ne(e) {
   const t = H(e, "border-top-width"), r = H(e, "border-bottom-width");
   return e.clientHeight + t + r;
 }
 function xe(e, t = {}) {
-  const r = t.width || We(e), n = t.height || Ue(e);
+  const r = t.width || Ue(e), n = t.height || Ne(e);
   return { width: r, height: n };
 }
-function Ne() {
+function ze() {
   let e, t;
   try {
     t = process;
@@ -364,7 +373,7 @@ const E = 16384;
 function Ye(e) {
   (e.width > E || e.height > E) && (e.width > E && e.height > E ? e.width > e.height ? (e.height *= E / e.width, e.width = E) : (e.width *= E / e.height, e.height = E) : e.width > E ? (e.height *= E / e.width, e.width = E) : (e.width *= E / e.height, e.height = E));
 }
-function z(e) {
+function W(e) {
   return new Promise((t, r) => {
     const n = new Image();
     n.onload = () => {
@@ -374,47 +383,47 @@ function z(e) {
     }, n.onerror = r, n.crossOrigin = "anonymous", n.decoding = "async", n.src = e;
   });
 }
-async function Ge(e) {
+async function qe(e) {
   return Promise.resolve().then(() => new XMLSerializer().serializeToString(e)).then(encodeURIComponent).then((t) => `data:image/svg+xml;charset=utf-8,${t}`);
 }
-async function qe(e, t, r) {
-  const n = "http://www.w3.org/2000/svg", s = document.createElementNS(n, "svg"), a = document.createElementNS(n, "foreignObject");
-  return s.setAttribute("width", `${t}`), s.setAttribute("height", `${r}`), s.setAttribute("viewBox", `0 0 ${t} ${r}`), a.setAttribute("width", "100%"), a.setAttribute("height", "100%"), a.setAttribute("x", "0"), a.setAttribute("y", "0"), a.setAttribute("externalResourcesRequired", "true"), s.appendChild(a), a.appendChild(e), Ge(s);
+async function Be(e, t, r) {
+  const n = "http://www.w3.org/2000/svg", a = document.createElementNS(n, "svg"), s = document.createElementNS(n, "foreignObject");
+  return a.setAttribute("width", `${t}`), a.setAttribute("height", `${r}`), a.setAttribute("viewBox", `0 0 ${t} ${r}`), s.setAttribute("width", "100%"), s.setAttribute("height", "100%"), s.setAttribute("x", "0"), s.setAttribute("y", "0"), s.setAttribute("externalResourcesRequired", "true"), a.appendChild(s), s.appendChild(e), qe(a);
 }
-const b = (e, t) => {
+const v = (e, t) => {
   if (e instanceof t)
     return !0;
   const r = Object.getPrototypeOf(e);
-  return r === null ? !1 : r.constructor.name === t.name || b(r, t);
+  return r === null ? !1 : r.constructor.name === t.name || v(r, t);
 };
-function Be(e) {
+function Je(e) {
   const t = e.getPropertyValue("content");
   return `${e.cssText} content: '${t.replace(/'|"/g, "")}';`;
 }
-function Je(e, t) {
-  return we(t).map((r) => {
-    const n = e.getPropertyValue(r), s = e.getPropertyPriority(r);
-    return `${r}: ${n}${s ? " !important" : ""};`;
+function Xe(e, t) {
+  return ye(t).map((r) => {
+    const n = e.getPropertyValue(r), a = e.getPropertyPriority(r);
+    return `${r}: ${n}${a ? " !important" : ""};`;
   }).join(" ");
 }
-function Xe(e, t, r, n) {
-  const s = `.${e}:${t}`, a = r.cssText ? Be(r) : Je(r, n);
-  return document.createTextNode(`${s}{${a}}`);
+function Ze(e, t, r, n) {
+  const a = `.${e}:${t}`, s = r.cssText ? Je(r) : Xe(r, n);
+  return document.createTextNode(`${a}{${s}}`);
 }
 function ue(e, t, r, n) {
-  const s = window.getComputedStyle(e, r), a = s.getPropertyValue("content");
-  if (a === "" || a === "none")
+  const a = window.getComputedStyle(e, r), s = a.getPropertyValue("content");
+  if (s === "" || s === "none")
     return;
-  const i = ze();
+  const i = We();
   try {
     t.className = `${t.className} ${i}`;
   } catch {
     return;
   }
   const c = document.createElement("style");
-  c.appendChild(Xe(i, r, s, n)), t.appendChild(c);
+  c.appendChild(Ze(i, r, a, n)), t.appendChild(c);
 }
-function Ze(e, t, r) {
+function Ke(e, t, r) {
   ue(e, t, ":before", r), ue(e, t, ":after", r);
 }
 const fe = "application/font-woff", de = "image/jpeg", Qe = {
@@ -430,170 +439,170 @@ const fe = "application/font-woff", de = "image/jpeg", Qe = {
   svg: "image/svg+xml",
   webp: "image/webp"
 };
-function Ke(e) {
+function et(e) {
   const t = /\.([^./]*?)$/g.exec(e);
   return t ? t[1] : "";
 }
-function Q(e) {
-  const t = Ke(e).toLowerCase();
+function K(e) {
+  const t = et(e).toLowerCase();
   return Qe[t] || "";
 }
-function et(e) {
+function tt(e) {
   return e.split(/,/)[1];
 }
 function Z(e) {
   return e.search(/^(data:)/) !== -1;
 }
-function tt(e, t) {
+function rt(e, t) {
   return `data:${t};base64,${e}`;
 }
 async function be(e, t, r) {
   const n = await fetch(e, t);
   if (n.status === 404)
     throw new Error(`Resource "${n.url}" not found`);
-  const s = await n.blob();
-  return new Promise((a, i) => {
+  const a = await n.blob();
+  return new Promise((s, i) => {
     const c = new FileReader();
     c.onerror = i, c.onloadend = () => {
       try {
-        a(r({ res: n, result: c.result }));
+        s(r({ res: n, result: c.result }));
       } catch (l) {
         i(l);
       }
-    }, c.readAsDataURL(s);
+    }, c.readAsDataURL(a);
   });
 }
 const X = {};
-function rt(e, t, r) {
+function nt(e, t, r) {
   let n = e.replace(/\?.*/, "");
   return r && (n = e), /ttf|otf|eot|woff2?/i.test(n) && (n = n.replace(/.*\//, "")), t ? `[${t}]${n}` : n;
 }
-async function K(e, t, r) {
-  const n = rt(e, t, r.includeQueryParams);
+async function Q(e, t, r) {
+  const n = nt(e, t, r.includeQueryParams);
   if (X[n] != null)
     return X[n];
   r.cacheBust && (e += (/\?/.test(e) ? "&" : "?") + (/* @__PURE__ */ new Date()).getTime());
-  let s;
+  let a;
   try {
-    const a = await be(e, r.fetchRequestInit, ({ res: i, result: c }) => (t || (t = i.headers.get("Content-Type") || ""), et(c)));
-    s = tt(a, t);
-  } catch (a) {
-    s = r.imagePlaceholder || "";
+    const s = await be(e, r.fetchRequestInit, ({ res: i, result: c }) => (t || (t = i.headers.get("Content-Type") || ""), tt(c)));
+    a = rt(s, t);
+  } catch (s) {
+    a = r.imagePlaceholder || "";
     let i = `Failed to fetch resource: ${e}`;
-    a && (i = typeof a == "string" ? a : a.message), i && console.warn(i);
+    s && (i = typeof s == "string" ? s : s.message), i && console.warn(i);
   }
-  return X[n] = s, s;
+  return X[n] = a, a;
 }
-async function nt(e) {
+async function st(e) {
   const t = e.toDataURL();
-  return t === "data:," ? e.cloneNode(!1) : z(t);
+  return t === "data:," ? e.cloneNode(!1) : W(t);
 }
-async function st(e, t) {
+async function at(e, t) {
   if (e.currentSrc) {
-    const a = document.createElement("canvas"), i = a.getContext("2d");
-    a.width = e.clientWidth, a.height = e.clientHeight, i?.drawImage(e, 0, 0, a.width, a.height);
-    const c = a.toDataURL();
-    return z(c);
+    const s = document.createElement("canvas"), i = s.getContext("2d");
+    s.width = e.clientWidth, s.height = e.clientHeight, i?.drawImage(e, 0, 0, s.width, s.height);
+    const c = s.toDataURL();
+    return W(c);
   }
-  const r = e.poster, n = Q(r), s = await K(r, n, t);
-  return z(s);
+  const r = e.poster, n = K(r), a = await Q(r, n, t);
+  return W(a);
 }
-async function at(e, t) {
+async function ot(e, t) {
   var r;
   try {
     if (!((r = e?.contentDocument) === null || r === void 0) && r.body)
-      return await W(e.contentDocument.body, t, !0);
+      return await U(e.contentDocument.body, t, !0);
   } catch {
   }
   return e.cloneNode(!1);
 }
-async function ot(e, t) {
-  return b(e, HTMLCanvasElement) ? nt(e) : b(e, HTMLVideoElement) ? st(e, t) : b(e, HTMLIFrameElement) ? at(e, t) : e.cloneNode(ve(e));
+async function it(e, t) {
+  return v(e, HTMLCanvasElement) ? st(e) : v(e, HTMLVideoElement) ? at(e, t) : v(e, HTMLIFrameElement) ? ot(e, t) : e.cloneNode(ve(e));
 }
-const it = (e) => e.tagName != null && e.tagName.toUpperCase() === "SLOT", ve = (e) => e.tagName != null && e.tagName.toUpperCase() === "SVG";
-async function ct(e, t, r) {
-  var n, s;
+const ct = (e) => e.tagName != null && e.tagName.toUpperCase() === "SLOT", ve = (e) => e.tagName != null && e.tagName.toUpperCase() === "SVG";
+async function lt(e, t, r) {
+  var n, a;
   if (ve(t))
     return t;
-  let a = [];
-  return it(e) && e.assignedNodes ? a = R(e.assignedNodes()) : b(e, HTMLIFrameElement) && (!((n = e.contentDocument) === null || n === void 0) && n.body) ? a = R(e.contentDocument.body.childNodes) : a = R(((s = e.shadowRoot) !== null && s !== void 0 ? s : e).childNodes), a.length === 0 || b(e, HTMLVideoElement) || await a.reduce((i, c) => i.then(() => W(c, r)).then((l) => {
+  let s = [];
+  return ct(e) && e.assignedNodes ? s = R(e.assignedNodes()) : v(e, HTMLIFrameElement) && (!((n = e.contentDocument) === null || n === void 0) && n.body) ? s = R(e.contentDocument.body.childNodes) : s = R(((a = e.shadowRoot) !== null && a !== void 0 ? a : e).childNodes), s.length === 0 || v(e, HTMLVideoElement) || await s.reduce((i, c) => i.then(() => U(c, r)).then((l) => {
     l && t.appendChild(l);
   }), Promise.resolve()), t;
 }
-function lt(e, t, r) {
+function ut(e, t, r) {
   const n = t.style;
   if (!n)
     return;
-  const s = window.getComputedStyle(e);
-  s.cssText ? (n.cssText = s.cssText, n.transformOrigin = s.transformOrigin) : we(r).forEach((a) => {
-    let i = s.getPropertyValue(a);
-    a === "font-size" && i.endsWith("px") && (i = `${Math.floor(parseFloat(i.substring(0, i.length - 2))) - 0.1}px`), b(e, HTMLIFrameElement) && a === "display" && i === "inline" && (i = "block"), a === "d" && t.getAttribute("d") && (i = `path(${t.getAttribute("d")})`), n.setProperty(a, i, s.getPropertyPriority(a));
+  const a = window.getComputedStyle(e);
+  a.cssText ? (n.cssText = a.cssText, n.transformOrigin = a.transformOrigin) : ye(r).forEach((s) => {
+    let i = a.getPropertyValue(s);
+    s === "font-size" && i.endsWith("px") && (i = `${Math.floor(parseFloat(i.substring(0, i.length - 2))) - 0.1}px`), v(e, HTMLIFrameElement) && s === "display" && i === "inline" && (i = "block"), s === "d" && t.getAttribute("d") && (i = `path(${t.getAttribute("d")})`), n.setProperty(s, i, a.getPropertyPriority(s));
   });
 }
-function ut(e, t) {
-  b(e, HTMLTextAreaElement) && (t.innerHTML = e.value), b(e, HTMLInputElement) && t.setAttribute("value", e.value);
-}
 function ft(e, t) {
-  if (b(e, HTMLSelectElement)) {
-    const n = Array.from(t.children).find((s) => e.value === s.getAttribute("value"));
+  v(e, HTMLTextAreaElement) && (t.innerHTML = e.value), v(e, HTMLInputElement) && t.setAttribute("value", e.value);
+}
+function dt(e, t) {
+  if (v(e, HTMLSelectElement)) {
+    const n = Array.from(t.children).find((a) => e.value === a.getAttribute("value"));
     n && n.setAttribute("selected", "");
   }
 }
-function dt(e, t, r) {
-  return b(t, Element) && (lt(e, t, r), Ze(e, t, r), ut(e, t), ft(e, t)), t;
+function mt(e, t, r) {
+  return v(t, Element) && (ut(e, t, r), Ke(e, t, r), ft(e, t), dt(e, t)), t;
 }
-async function mt(e, t) {
+async function ht(e, t) {
   const r = e.querySelectorAll ? e.querySelectorAll("use") : [];
   if (r.length === 0)
     return e;
   const n = {};
-  for (let a = 0; a < r.length; a++) {
-    const c = r[a].getAttribute("xlink:href");
+  for (let s = 0; s < r.length; s++) {
+    const c = r[s].getAttribute("xlink:href");
     if (c) {
-      const l = e.querySelector(c), m = document.querySelector(c);
-      !l && m && !n[c] && (n[c] = await W(m, t, !0));
+      const l = e.querySelector(c), u = document.querySelector(c);
+      !l && u && !n[c] && (n[c] = await U(u, t, !0));
     }
   }
-  const s = Object.values(n);
-  if (s.length) {
-    const a = "http://www.w3.org/1999/xhtml", i = document.createElementNS(a, "svg");
-    i.setAttribute("xmlns", a), i.style.position = "absolute", i.style.width = "0", i.style.height = "0", i.style.overflow = "hidden", i.style.display = "none";
-    const c = document.createElementNS(a, "defs");
+  const a = Object.values(n);
+  if (a.length) {
+    const s = "http://www.w3.org/1999/xhtml", i = document.createElementNS(s, "svg");
+    i.setAttribute("xmlns", s), i.style.position = "absolute", i.style.width = "0", i.style.height = "0", i.style.overflow = "hidden", i.style.display = "none";
+    const c = document.createElementNS(s, "defs");
     i.appendChild(c);
-    for (let l = 0; l < s.length; l++)
-      c.appendChild(s[l]);
+    for (let l = 0; l < a.length; l++)
+      c.appendChild(a[l]);
     e.appendChild(i);
   }
   return e;
 }
-async function W(e, t, r) {
-  return !r && t.filter && !t.filter(e) ? null : Promise.resolve(e).then((n) => ot(n, t)).then((n) => ct(e, n, t)).then((n) => dt(e, n, t)).then((n) => mt(n, t));
+async function U(e, t, r) {
+  return !r && t.filter && !t.filter(e) ? null : Promise.resolve(e).then((n) => it(n, t)).then((n) => lt(e, n, t)).then((n) => mt(e, n, t)).then((n) => ht(n, t));
 }
-const Ee = /url\((['"]?)([^'"]+?)\1\)/g, ht = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, gt = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
-function pt(e) {
+const Ee = /url\((['"]?)([^'"]+?)\1\)/g, pt = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, gt = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
+function wt(e) {
   const t = e.replace(/([.*+?^${}()|\[\]\/\\])/g, "\\$1");
   return new RegExp(`(url\\(['"]?)(${t})(['"]?\\))`, "g");
 }
 function yt(e) {
   const t = [];
-  return e.replace(Ee, (r, n, s) => (t.push(s), r)), t.filter((r) => !Z(r));
+  return e.replace(Ee, (r, n, a) => (t.push(a), r)), t.filter((r) => !Z(r));
 }
-async function wt(e, t, r, n, s) {
+async function xt(e, t, r, n, a) {
   try {
-    const a = r ? He(t, r) : t, i = Q(t);
+    const s = r ? He(t, r) : t, i = K(t);
     let c;
-    return s || (c = await K(a, i, n)), e.replace(pt(t), `$1${c}$3`);
+    return a || (c = await Q(s, i, n)), e.replace(wt(t), `$1${c}$3`);
   } catch {
   }
   return e;
 }
-function xt(e, { preferredFontFormat: t }) {
+function bt(e, { preferredFontFormat: t }) {
   return t ? e.replace(gt, (r) => {
     for (; ; ) {
-      const [n, , s] = ht.exec(r) || [];
-      if (!s)
+      const [n, , a] = pt.exec(r) || [];
+      if (!a)
         return "";
-      if (s === t)
+      if (a === t)
         return `src: ${n};`;
     }
   }) : e;
@@ -604,51 +613,51 @@ function Se(e) {
 async function Re(e, t, r) {
   if (!Se(e))
     return e;
-  const n = xt(e, r);
-  return yt(n).reduce((a, i) => a.then((c) => wt(c, i, t, r)), Promise.resolve(n));
+  const n = bt(e, r);
+  return yt(n).reduce((s, i) => s.then((c) => xt(c, i, t, r)), Promise.resolve(n));
 }
-async function j(e, t, r) {
+async function O(e, t, r) {
   var n;
-  const s = (n = t.style) === null || n === void 0 ? void 0 : n.getPropertyValue(e);
-  if (s) {
-    const a = await Re(s, null, r);
-    return t.style.setProperty(e, a, t.style.getPropertyPriority(e)), !0;
+  const a = (n = t.style) === null || n === void 0 ? void 0 : n.getPropertyValue(e);
+  if (a) {
+    const s = await Re(a, null, r);
+    return t.style.setProperty(e, s, t.style.getPropertyPriority(e)), !0;
   }
   return !1;
 }
-async function bt(e, t) {
-  await j("background", e, t) || await j("background-image", e, t), await j("mask", e, t) || await j("-webkit-mask", e, t) || await j("mask-image", e, t) || await j("-webkit-mask-image", e, t);
-}
 async function vt(e, t) {
-  const r = b(e, HTMLImageElement);
-  if (!(r && !Z(e.src)) && !(b(e, SVGImageElement) && !Z(e.href.baseVal)))
+  await O("background", e, t) || await O("background-image", e, t), await O("mask", e, t) || await O("-webkit-mask", e, t) || await O("mask-image", e, t) || await O("-webkit-mask-image", e, t);
+}
+async function Et(e, t) {
+  const r = v(e, HTMLImageElement);
+  if (!(r && !Z(e.src)) && !(v(e, SVGImageElement) && !Z(e.href.baseVal)))
     return;
-  const n = r ? e.src : e.href.baseVal, s = await K(n, Q(n), t);
-  await new Promise((a, i) => {
-    e.onload = a, e.onerror = t.onImageErrorHandler ? (...l) => {
+  const n = r ? e.src : e.href.baseVal, a = await Q(n, K(n), t);
+  await new Promise((s, i) => {
+    e.onload = s, e.onerror = t.onImageErrorHandler ? (...l) => {
       try {
-        a(t.onImageErrorHandler(...l));
-      } catch (m) {
-        i(m);
+        s(t.onImageErrorHandler(...l));
+      } catch (u) {
+        i(u);
       }
     } : i;
     const c = e;
-    c.decode && (c.decode = a), c.loading === "lazy" && (c.loading = "eager"), r ? (e.srcset = "", e.src = s) : e.href.baseVal = s;
+    c.decode && (c.decode = s), c.loading === "lazy" && (c.loading = "eager"), r ? (e.srcset = "", e.src = a) : e.href.baseVal = a;
   });
 }
-async function Et(e, t) {
-  const n = R(e.childNodes).map((s) => Ce(s, t));
+async function St(e, t) {
+  const n = R(e.childNodes).map((a) => Ce(a, t));
   await Promise.all(n).then(() => e);
 }
 async function Ce(e, t) {
-  b(e, Element) && (await bt(e, t), await vt(e, t), await Et(e, t));
+  v(e, Element) && (await vt(e, t), await Et(e, t), await St(e, t));
 }
-function St(e, t) {
+function Rt(e, t) {
   const { style: r } = e;
   t.backgroundColor && (r.backgroundColor = t.backgroundColor), t.width && (r.width = `${t.width}px`), t.height && (r.height = `${t.height}px`);
   const n = t.style;
-  return n != null && Object.keys(n).forEach((s) => {
-    r[s] = n[s];
+  return n != null && Object.keys(n).forEach((a) => {
+    r[a] = n[a];
   }), e;
 }
 const me = {};
@@ -659,90 +668,90 @@ async function he(e) {
   const n = await (await fetch(e)).text();
   return t = { url: e, cssText: n }, me[e] = t, t;
 }
-async function ge(e, t) {
+async function pe(e, t) {
   let r = e.cssText;
-  const n = /url\(["']?([^"')]+)["']?\)/g, a = (r.match(/url\([^)]+\)/g) || []).map(async (i) => {
+  const n = /url\(["']?([^"')]+)["']?\)/g, s = (r.match(/url\([^)]+\)/g) || []).map(async (i) => {
     let c = i.replace(n, "$1");
     return c.startsWith("https://") || (c = new URL(c, e.url).href), be(c, t.fetchRequestInit, ({ result: l }) => (r = r.replace(i, `url(${l})`), [i, l]));
   });
-  return Promise.all(a).then(() => r);
+  return Promise.all(s).then(() => r);
 }
-function pe(e) {
+function ge(e) {
   if (e == null)
     return [];
   const t = [], r = /(\/\*[\s\S]*?\*\/)/gi;
   let n = e.replace(r, "");
-  const s = new RegExp("((@.*?keyframes [\\s\\S]*?){([\\s\\S]*?}\\s*?)})", "gi");
+  const a = new RegExp("((@.*?keyframes [\\s\\S]*?){([\\s\\S]*?}\\s*?)})", "gi");
   for (; ; ) {
-    const l = s.exec(n);
+    const l = a.exec(n);
     if (l === null)
       break;
     t.push(l[0]);
   }
-  n = n.replace(s, "");
-  const a = /@import[\s\S]*?url\([^)]*\)[\s\S]*?;/gi, i = "((\\s*?(?:\\/\\*[\\s\\S]*?\\*\\/)?\\s*?@media[\\s\\S]*?){([\\s\\S]*?)}\\s*?})|(([\\s\\S]*?){([\\s\\S]*?)})", c = new RegExp(i, "gi");
+  n = n.replace(a, "");
+  const s = /@import[\s\S]*?url\([^)]*\)[\s\S]*?;/gi, i = "((\\s*?(?:\\/\\*[\\s\\S]*?\\*\\/)?\\s*?@media[\\s\\S]*?){([\\s\\S]*?)}\\s*?})|(([\\s\\S]*?){([\\s\\S]*?)})", c = new RegExp(i, "gi");
   for (; ; ) {
-    let l = a.exec(n);
+    let l = s.exec(n);
     if (l === null) {
       if (l = c.exec(n), l === null)
         break;
-      a.lastIndex = c.lastIndex;
+      s.lastIndex = c.lastIndex;
     } else
-      c.lastIndex = a.lastIndex;
+      c.lastIndex = s.lastIndex;
     t.push(l[0]);
   }
   return t;
 }
-async function Rt(e, t) {
+async function Ct(e, t) {
   const r = [], n = [];
-  return e.forEach((s) => {
-    if ("cssRules" in s)
+  return e.forEach((a) => {
+    if ("cssRules" in a)
       try {
-        R(s.cssRules || []).forEach((a, i) => {
-          if (a.type === CSSRule.IMPORT_RULE) {
+        R(a.cssRules || []).forEach((s, i) => {
+          if (s.type === CSSRule.IMPORT_RULE) {
             let c = i + 1;
-            const l = a.href, m = he(l).then((d) => ge(d, t)).then((d) => pe(d).forEach((x) => {
+            const l = s.href, u = he(l).then((m) => pe(m, t)).then((m) => ge(m).forEach((h) => {
               try {
-                s.insertRule(x, x.startsWith("@import") ? c += 1 : s.cssRules.length);
-              } catch (w) {
+                a.insertRule(h, h.startsWith("@import") ? c += 1 : a.cssRules.length);
+              } catch (x) {
                 console.error("Error inserting rule from remote css", {
-                  rule: x,
-                  error: w
+                  rule: h,
+                  error: x
                 });
               }
-            })).catch((d) => {
-              console.error("Error loading remote css", d.toString());
+            })).catch((m) => {
+              console.error("Error loading remote css", m.toString());
             });
-            n.push(m);
+            n.push(u);
           }
         });
-      } catch (a) {
+      } catch (s) {
         const i = e.find((c) => c.href == null) || document.styleSheets[0];
-        s.href != null && n.push(he(s.href).then((c) => ge(c, t)).then((c) => pe(c).forEach((l) => {
+        a.href != null && n.push(he(a.href).then((c) => pe(c, t)).then((c) => ge(c).forEach((l) => {
           i.insertRule(l, i.cssRules.length);
         })).catch((c) => {
           console.error("Error loading remote stylesheet", c);
-        })), console.error("Error inlining remote css file", a);
+        })), console.error("Error inlining remote css file", s);
       }
-  }), Promise.all(n).then(() => (e.forEach((s) => {
-    if ("cssRules" in s)
+  }), Promise.all(n).then(() => (e.forEach((a) => {
+    if ("cssRules" in a)
       try {
-        R(s.cssRules || []).forEach((a) => {
-          r.push(a);
+        R(a.cssRules || []).forEach((s) => {
+          r.push(s);
         });
-      } catch (a) {
-        console.error(`Error while reading CSS rules from ${s.href}`, a);
+      } catch (s) {
+        console.error(`Error while reading CSS rules from ${a.href}`, s);
       }
   }), r));
 }
-function Ct(e) {
+function Tt(e) {
   return e.filter((t) => t.type === CSSRule.FONT_FACE_RULE).filter((t) => Se(t.style.getPropertyValue("src")));
 }
-async function Tt(e, t) {
+async function Pt(e, t) {
   if (e.ownerDocument == null)
     throw new Error("Provided element is not within a Document");
-  const r = R(e.ownerDocument.styleSheets), n = await Rt(r, t);
-  return Ct(n);
+  const r = R(e.ownerDocument.styleSheets), n = await Ct(r, t);
+  return Tt(n);
 }
 function Te(e) {
   return e.trim().replace(/["']/g, "");
@@ -750,64 +759,108 @@ function Te(e) {
 function kt(e) {
   const t = /* @__PURE__ */ new Set();
   function r(n) {
-    (n.style.fontFamily || getComputedStyle(n).fontFamily).split(",").forEach((a) => {
-      t.add(Te(a));
-    }), Array.from(n.children).forEach((a) => {
-      a instanceof HTMLElement && r(a);
+    (n.style.fontFamily || getComputedStyle(n).fontFamily).split(",").forEach((s) => {
+      t.add(Te(s));
+    }), Array.from(n.children).forEach((s) => {
+      s instanceof HTMLElement && r(s);
     });
   }
   return r(e), t;
 }
-async function Pt(e, t) {
-  const r = await Tt(e, t), n = kt(e);
-  return (await Promise.all(r.filter((a) => n.has(Te(a.style.fontFamily))).map((a) => {
-    const i = a.parentStyleSheet ? a.parentStyleSheet.href : null;
-    return Re(a.cssText, i, t);
+async function _t(e, t) {
+  const r = await Pt(e, t), n = kt(e);
+  return (await Promise.all(r.filter((s) => n.has(Te(s.style.fontFamily))).map((s) => {
+    const i = s.parentStyleSheet ? s.parentStyleSheet.href : null;
+    return Re(s.cssText, i, t);
   }))).join(`
 `);
 }
-async function _t(e, t) {
-  const r = t.fontEmbedCSS != null ? t.fontEmbedCSS : t.skipFonts ? null : await Pt(e, t);
+async function jt(e, t) {
+  const r = t.fontEmbedCSS != null ? t.fontEmbedCSS : t.skipFonts ? null : await _t(e, t);
   if (r) {
-    const n = document.createElement("style"), s = document.createTextNode(r);
-    n.appendChild(s), e.firstChild ? e.insertBefore(n, e.firstChild) : e.appendChild(n);
+    const n = document.createElement("style"), a = document.createTextNode(r);
+    n.appendChild(a), e.firstChild ? e.insertBefore(n, e.firstChild) : e.appendChild(n);
   }
 }
-async function jt(e, t = {}) {
-  const { width: r, height: n } = xe(e, t), s = await W(e, t, !0);
-  return await _t(s, t), await Ce(s, t), St(s, t), await qe(s, r, n);
+async function Ot(e, t = {}) {
+  const { width: r, height: n } = xe(e, t), a = await U(e, t, !0);
+  return await jt(a, t), await Ce(a, t), Rt(a, t), await Be(a, r, n);
 }
 async function At(e, t = {}) {
-  const { width: r, height: n } = xe(e, t), s = await jt(e, t), a = await z(s), i = document.createElement("canvas"), c = i.getContext("2d"), l = t.pixelRatio || Ne(), m = t.canvasWidth || r, d = t.canvasHeight || n;
-  return i.width = m * l, i.height = d * l, t.skipAutoScale || Ye(i), i.style.width = `${m}`, i.style.height = `${d}`, t.backgroundColor && (c.fillStyle = t.backgroundColor, c.fillRect(0, 0, i.width, i.height)), c.drawImage(a, 0, 0, i.width, i.height), i;
+  const { width: r, height: n } = xe(e, t), a = await Ot(e, t), s = await W(a), i = document.createElement("canvas"), c = i.getContext("2d"), l = t.pixelRatio || ze(), u = t.canvasWidth || r, m = t.canvasHeight || n;
+  return i.width = u * l, i.height = m * l, t.skipAutoScale || Ye(i), i.style.width = `${u}`, i.style.height = `${m}`, t.backgroundColor && (c.fillStyle = t.backgroundColor, c.fillRect(0, 0, i.width, i.height)), c.drawImage(s, 0, 0, i.width, i.height), i;
 }
 async function $t(e, t = {}) {
   return (await At(e, t)).toDataURL();
 }
-const Ft = () => {
-  const { addToast: e, language: t, t: r, apiKey: n } = Ve(), [s, a] = k(!1), [i, c] = k(null), [l, m] = k(null), [d, x] = k(""), [w, C] = k(!1), [A, I] = k(!1), T = oe((v) => {
-    if (!s || l)
-      return;
-    const y = document.elementFromPoint(v.clientX, v.clientY);
-    if (!y || y.id === "viewgate-overlay" || y.closest("#viewgate-ui")) {
-      c(null);
+const Lt = (e) => {
+  const r = Object.keys(e).find((s) => s.startsWith("__reactFiber$") || s.startsWith("__reactInternalInstance$"));
+  if (!r) return "";
+  const n = [];
+  let a = e[r];
+  for (; a; ) {
+    const s = a.type;
+    if (typeof s == "function") {
+      const i = s.displayName || s.name;
+      i && !i.includes("ViewGate") && !n.includes(i) && n.unshift(i);
+    }
+    a = a.return;
+  }
+  return n.join(" > ") || "Generic Component";
+}, Ft = (e) => {
+  const t = e.getAttribute("data-source-path") || "unknown:0", r = Lt(e), a = ((c) => {
+    const l = [];
+    let u = c;
+    for (; u && u.nodeType === Node.ELEMENT_NODE; ) {
+      let m = u.nodeName.toLowerCase();
+      if (u.id) {
+        m += "#" + u.id, l.unshift(m);
+        break;
+      } else {
+        let h = u, x = 1;
+        for (; h.previousElementSibling; )
+          h = h.previousElementSibling, h.nodeName.toLowerCase() === m && x++;
+        x > 1 && (m += `:nth-of-type(${x})`);
+      }
+      l.unshift(m), u = u.parentElement;
+    }
+    return l.join(" > ");
+  })(e), s = (e.innerText || "").slice(0, 50).trim(), i = `${e.tagName.toLowerCase()}-${s.replace(/\s+/g, "_")}-${a.split(" > ").slice(-2).join("_")}`;
+  return {
+    tag: e.tagName.toLowerCase(),
+    id: e.id || "",
+    classes: e.className || "",
+    text: (e.innerText || "").slice(0, 100).trim(),
+    selector: a,
+    outerHtml: (e.outerHTML || "").slice(0, 500),
+    parentContext: (e.parentElement?.innerText || "").slice(0, 100).trim(),
+    componentPath: r,
+    signature: i,
+    source: t
+  };
+}, Vt = () => {
+  const { addToast: e, language: t, t: r, apiKey: n, baseUrl: a } = De(), [s, i] = C(!1), [c, l] = C(null), [u, m] = C(null), [h, x] = C(""), [S, A] = C(!1), [G, T] = C(!1), $ = oe((b) => {
+    if (!s || u) return;
+    const g = document.elementFromPoint(b.clientX, b.clientY);
+    if (!g || g.id === "viewgate-overlay" || g.closest("#viewgate-ui")) {
+      l(null);
       return;
     }
-    const S = y.getAttribute("data-source-path") || "unknown:0";
-    c({
-      tag: y.tagName.toLowerCase(),
-      source: S,
-      rect: y.getBoundingClientRect(),
-      element: y,
-      previewText: y.innerText.slice(0, 100) || y.getAttribute("placeholder")?.slice(0, 100) || y.tagName.toLowerCase()
+    g.getAttribute("data-source-path"), l({
+      tag: g.tagName.toLowerCase(),
+      source: g.getAttribute("data-source-path") || "unknown:0",
+      rect: g.getBoundingClientRect(),
+      element: g,
+      previewText: (g.innerText || "").slice(0, 100) || (g.getAttribute("placeholder") || "").slice(0, 100) || g.tagName.toLowerCase(),
+      semanticReference: Ft(g)
     });
-  }, [s, l]), $ = oe(async (v) => {
-    if (!(!s || l) && i) {
-      v.preventDefault(), v.stopPropagation(), I(!0);
+  }, [s, u]), L = oe(async (b) => {
+    if (!(!s || u) && c) {
+      b.preventDefault(), b.stopPropagation(), T(!0);
       try {
-        const y = i.element.style.display, S = window.getComputedStyle(i.element).display === "inline";
-        S && (i.element.style.display = "inline-block");
-        const F = await $t(i.element, {
+        const g = c.element.style.display, P = window.getComputedStyle(c.element).display === "inline";
+        P && (c.element.style.display = "inline-block");
+        const F = await $t(c.element, {
           backgroundColor: "#ffffff",
           pixelRatio: 2,
           skipFonts: !0,
@@ -817,147 +870,222 @@ const Ft = () => {
             // Extra padding for better look
           }
         });
-        S && (i.element.style.display = y), m({ ...i, visualPreview: F });
-      } catch (y) {
-        console.error("Failed to capture preview:", y), m(i);
+        P && (c.element.style.display = g), m({ ...c, visualPreview: F });
+      } catch (g) {
+        console.error("Failed to capture preview:", g), m(c);
       } finally {
-        I(!1), c(null);
+        T(!1), l(null);
       }
     }
-  }, [s, i, l]);
-  Le(() => (s && !l ? document.body.classList.add("vg-cursor-pointer") : document.body.classList.remove("vg-cursor-pointer"), window.addEventListener("mousemove", T), window.addEventListener("click", $, !0), () => {
-    document.body.classList.remove("vg-cursor-pointer"), window.removeEventListener("mousemove", T), window.removeEventListener("click", $, !0);
-  }), [s, l, T, $]);
-  const U = async () => {
-    if (!l || !d.trim())
-      return;
-    C(!0);
-    const v = l.source || "unknown:0", [y, S] = v.split(":"), F = S || "0";
+  }, [s, c, u]);
+  Fe(() => (s && !u ? document.body.classList.add("vg-cursor-pointer") : document.body.classList.remove("vg-cursor-pointer"), window.addEventListener("mousemove", $), window.addEventListener("click", L, !0), () => {
+    document.body.classList.remove("vg-cursor-pointer"), window.removeEventListener("mousemove", $), window.removeEventListener("click", L, !0);
+  }), [s, u, $, L]);
+  const N = async () => {
+    if (!u || !h.trim()) return;
+    A(!0);
+    const { semanticReference: b } = u, [g, P] = b.source.split(":"), F = P || "0";
     try {
-      if (!(await fetch("https://view-gate.vercel.app/api/annotations", {
+      if (!(await fetch(`${a}/api/annotations`, {
         method: "POST",
         headers: {
           "Content-Type": "application/json",
           "x-api-key": n
         },
         body: JSON.stringify({
-          filePath: y,
+          filePath: g,
           line: parseInt(F),
           url: window.location.href,
-          message: d,
-          componentName: l.tag
+          message: h,
+          componentName: b.componentPath || u.tag,
+          reference: b
         })
-      })).ok)
-        throw new Error("Backend failed");
-      e(r.success, "success"), m(null), x(""), a(!1);
-    } catch (D) {
-      console.error(D), e(r.error, "error");
+      })).ok) throw new Error("Backend failed");
+      e(r.success, "success"), m(null), x(""), i(!1);
+    } catch (k) {
+      console.error(k), e(r.error, "error");
     } finally {
-      C(!1);
+      A(!1);
     }
-  }, N = (v) => v.split("/").pop()?.split("\\").pop() || "unknown";
-  return f.jsxs(f.Fragment, { children: [f.jsx("div", { style: { position: "fixed", bottom: "30px", right: "30px", zIndex: 99999 }, id: "viewgate-ui", children: f.jsx("button", { onClick: () => a(!s), className: "vg-button-primary", style: { padding: "12px 24px", fontSize: "15px" }, children: s ? r.exitMode : r.enterMode }) }), A && f.jsx("div", { style: {
-    position: "fixed",
-    top: 0,
-    left: 0,
-    width: "100%",
-    height: "100%",
-    backgroundColor: "rgba(255,255,255,0.5)",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    zIndex: 1e5,
-    cursor: "wait"
-  }, children: f.jsx("div", { className: "vg-glassmorphism", style: { padding: "20px 40px", fontWeight: 700 }, children: "Capturing..." }) }), s && i && !l && !A && f.jsx("div", { style: {
-    position: "fixed",
-    top: i.rect.top,
-    left: i.rect.left,
-    width: i.rect.width,
-    height: i.rect.height,
-    border: "2px solid var(--vg-primary)",
-    backgroundColor: "rgba(37, 19, 236, 0.05)",
-    pointerEvents: "none",
-    zIndex: 99998,
-    borderRadius: "4px",
-    boxShadow: "0 0 15px rgba(37, 19, 236, 0.2)",
-    transition: "all 0.1s ease-out"
-  } }), l && f.jsx("div", { className: "vg-animate-fade", style: {
-    position: "fixed",
-    top: 0,
-    left: 0,
-    width: "100%",
-    height: "100%",
-    backgroundColor: "rgba(0,0,0,0.6)",
-    backdropFilter: "blur(4px)",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    zIndex: 99999
-  }, children: f.jsxs("div", { className: "vg-glassmorphism vg-animate-slide", style: {
-    padding: "32px",
-    width: "460px",
-    background: "white"
-  }, children: [f.jsx("h2", { style: { margin: "0 0 10px 0", fontSize: "24px", fontWeight: 800 }, children: r.feedbackHeader }), f.jsxs("div", { style: { marginBottom: "20px" }, children: [f.jsxs("div", { style: { display: "flex", flexWrap: "wrap", gap: "8px", alignItems: "center" }, children: [f.jsx("span", { className: "vg-badge", children: l.tag }), f.jsxs("span", { className: "vg-badge", style: { backgroundColor: "#fdf2f8", color: "#db2777", borderColor: "#fbcfe8" }, children: ["📄 ", N((l.source || "").split(":")[0])] }), f.jsxs("span", { className: "vg-badge", style: { opacity: 0.8 }, children: [r.line, " ", (l.source || "unknown:0").split(":")[1]] })] }), f.jsxs("div", { style: { marginTop: "8px", fontSize: "11px", color: "#94a3b8" }, children: ["🌐 ", window.location.href] })] }), f.jsxs("div", { style: {
-    backgroundColor: "#f8fafc",
-    borderRadius: "8px",
-    border: "1px solid #e2e8f0",
-    marginBottom: "20px",
-    overflow: "hidden",
-    display: "flex",
-    flexDirection: "column"
-  }, children: [f.jsx("div", { style: { padding: "8px 12px", fontSize: "10px", color: "#94a3b8", textTransform: "uppercase", fontWeight: 700, borderBottom: "1px solid #f1f5f9" }, children: r.preview }), f.jsx("div", { style: {
-    padding: "12px",
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center",
-    minHeight: "60px",
-    maxHeight: "150px",
-    overflow: "hidden",
-    backgroundColor: "white"
-  }, children: l.visualPreview ? f.jsx("img", { src: l.visualPreview, alt: "Element Preview", style: {
-    maxWidth: "100%",
-    maxHeight: "120px",
-    objectFit: "contain",
-    boxShadow: "0 2px 8px rgba(0,0,0,0.1)",
-    borderRadius: "4px"
-  } }) : f.jsxs("div", { style: { fontSize: "13px", color: "#64748b", fontStyle: "italic" }, children: ['"', l.previewText, '"'] }) })] }), f.jsx("textarea", { className: "vg-textarea", value: d, onChange: (v) => x(v.target.value), rows: 4, placeholder: r.placeholder, autoFocus: !0 }), f.jsxs("div", { style: { display: "flex", justifyContent: "flex-end", gap: "12px", marginTop: "24px" }, children: [f.jsx("button", { onClick: () => m(null), className: "vg-button-ghost", children: r.cancel }), f.jsx("button", { onClick: U, className: "vg-button-primary", disabled: w || !d.trim(), style: { opacity: w || !d.trim() ? 0.6 : 1 }, children: w ? r.submitting : r.send })] })] }) })] });
+  }, z = (b) => b.split("/").pop()?.split("\\").pop() || "unknown";
+  return /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
+    /* @__PURE__ */ d.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:230", style: { position: "fixed", bottom: "30px", right: "30px", zIndex: 99999 }, id: "viewgate-ui", children: /* @__PURE__ */ d.jsx(
+      "button",
+      {
+        onClick: () => i(!s),
+        className: "vg-button-primary",
+        style: { padding: "12px 24px", fontSize: "15px" },
+        children: s ? r.exitMode : r.enterMode
+      }
+    ) }),
+    G && /* @__PURE__ */ d.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:242", style: {
+      position: "fixed",
+      top: 0,
+      left: 0,
+      width: "100%",
+      height: "100%",
+      backgroundColor: "rgba(255,255,255,0.5)",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      zIndex: 1e5,
+      cursor: "wait"
+    }, children: /* @__PURE__ */ d.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:255", className: "vg-glassmorphism", style: { padding: "20px 40px", fontWeight: 700 }, children: "Capturing..." }) }),
+    s && c && !u && !G && /* @__PURE__ */ d.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:263", style: {
+      position: "fixed",
+      top: c.rect.top,
+      left: c.rect.left,
+      width: c.rect.width,
+      height: c.rect.height,
+      border: "2px solid var(--vg-primary)",
+      backgroundColor: "rgba(37, 19, 236, 0.05)",
+      pointerEvents: "none",
+      zIndex: 99998,
+      borderRadius: "4px",
+      boxShadow: "0 0 15px rgba(37, 19, 236, 0.2)",
+      transition: "all 0.1s ease-out"
+    } }),
+    u && /* @__PURE__ */ d.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:281", className: "vg-animate-fade", style: {
+      position: "fixed",
+      top: 0,
+      left: 0,
+      width: "100%",
+      height: "100%",
+      backgroundColor: "rgba(0,0,0,0.6)",
+      backdropFilter: "blur(4px)",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      zIndex: 99999
+    }, children: /* @__PURE__ */ d.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:294", className: "vg-glassmorphism vg-animate-slide", style: {
+      padding: "32px",
+      width: "460px",
+      background: "white",
+      color: "#0f172a"
+    }, children: [
+      /* @__PURE__ */ d.jsx("h2", { "data-source-path": "/src/components/ViewGateOverlay.tsx:300", style: { margin: "0 0 10px 0", fontSize: "24px", fontWeight: 800 }, children: r.feedbackHeader }),
+      /* @__PURE__ */ d.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:302", style: { marginBottom: "20px" }, children: [
+        /* @__PURE__ */ d.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:303", style: { display: "flex", flexWrap: "wrap", gap: "8px", alignItems: "center" }, children: [
+          u.semanticReference.componentPath ? /* @__PURE__ */ d.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:305", className: "vg-badge", style: { backgroundColor: "#f5f3ff", color: "#7c3aed", borderColor: "#ddd6fe" }, children: [
+            "📦 ",
+            u.semanticReference.componentPath
+          ] }) : /* @__PURE__ */ d.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:309", className: "vg-badge", children: u.tag }),
+          u.semanticReference.source && !u.semanticReference.source.startsWith("unknown") ? /* @__PURE__ */ d.jsx(d.Fragment, { children: /* @__PURE__ */ d.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:314", className: "vg-badge", style: { backgroundColor: "#fdf2f8", color: "#db2777", borderColor: "#fbcfe8" }, children: [
+            "📄 ",
+            z(u.semanticReference.source.split(":")[0] || "unknown")
+          ] }) }) : /* @__PURE__ */ d.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:319", className: "vg-badge", style: { backgroundColor: "#f0f9ff", color: "#0369a1", borderColor: "#bae6fd", maxWidth: "300px", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: [
+            "🆔 ",
+            u.semanticReference.signature
+          ] })
+        ] }),
+        /* @__PURE__ */ d.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:324", style: { marginTop: "8px", fontSize: "11px", color: "#94a3b8" }, children: [
+          "🎯 ",
+          u.semanticReference.selector
+        ] })
+      ] }),
+      /* @__PURE__ */ d.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:330", style: {
+        backgroundColor: "#f8fafc",
+        borderRadius: "8px",
+        border: "1px solid #e2e8f0",
+        marginBottom: "20px",
+        overflow: "hidden",
+        display: "flex",
+        flexDirection: "column"
+      }, children: [
+        /* @__PURE__ */ d.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:339", style: { padding: "8px 12px", fontSize: "10px", color: "#94a3b8", textTransform: "uppercase", fontWeight: 700, borderBottom: "1px solid #f1f5f9" }, children: r.preview }),
+        /* @__PURE__ */ d.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:342", style: {
+          padding: "12px",
+          display: "flex",
+          justifyContent: "center",
+          alignItems: "center",
+          minHeight: "60px",
+          maxHeight: "150px",
+          overflow: "hidden",
+          backgroundColor: "white"
+        }, children: u.visualPreview ? /* @__PURE__ */ d.jsx(
+          "img",
+          {
+            src: u.visualPreview,
+            alt: "Element Preview",
+            style: {
+              maxWidth: "100%",
+              maxHeight: "120px",
+              objectFit: "contain",
+              boxShadow: "0 2px 8px rgba(0,0,0,0.1)",
+              borderRadius: "4px"
+            }
+          }
+        ) : /* @__PURE__ */ d.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:365", style: { fontSize: "13px", color: "#64748b", fontStyle: "italic" }, children: [
+          '"',
+          u.previewText,
+          '"'
+        ] }) })
+      ] }),
+      /* @__PURE__ */ d.jsx(
+        "textarea",
+        {
+          className: "vg-textarea",
+          value: h,
+          onChange: (b) => x(b.target.value),
+          rows: 4,
+          placeholder: r.placeholder,
+          autoFocus: !0
+        }
+      ),
+      /* @__PURE__ */ d.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:381", style: { display: "flex", justifyContent: "flex-end", gap: "12px", marginTop: "24px" }, children: [
+        /* @__PURE__ */ d.jsx(
+          "button",
+          {
+            onClick: () => m(null),
+            className: "vg-button-ghost",
+            children: r.cancel
+          }
+        ),
+        /* @__PURE__ */ d.jsx(
+          "button",
+          {
+            onClick: N,
+            className: "vg-button-primary",
+            disabled: S || !h.trim(),
+            style: { opacity: S || !h.trim() ? 0.6 : 1 },
+            children: S ? r.submitting : r.send
+          }
+        )
+      ] })
+    ] }) })
+  ] });
 };
-function Dt() {
+function Pe(e, t, r) {
+  if (!t.endsWith(".tsx") && !t.endsWith(".jsx") || t.includes("node_modules")) return e;
+  const n = (c) => c.replace(/\\/g, "/"), a = n(t).replace(n(r), "");
+  return e.split(`
+`).map((c, l) => {
+    const u = l + 1;
+    return c.replace(/(^|[^a-zA-Z0-9])<([a-zA-Z][a-zA-Z0-9\.]*)(?=[ \t\n\/\>])/g, (m, h, x) => m.includes("data-source-path") || x === "Fragment" || x === "React.Fragment" ? m : `${h}<${x} data-source-path="${a}:${u}"`);
+  }).join(`
+`);
+}
+function Mt() {
   return {
     name: "vite-plugin-viewgate",
     enforce: "pre",
     transform(e, t) {
-      return !t.endsWith(".tsx") && !t.endsWith(".jsx") || t.includes("node_modules") ? void 0 : {
-        code: e.split(`
-`).map((s, a) => {
-          const i = a + 1, c = (d) => d.replace(/\\/g, "/"), l = c(t).replace(c(process.cwd()), "");
-          return s.replace(/(^|[^a-zA-Z0-9])<([a-zA-Z][a-zA-Z0-9\.]*)(?=[ \t\n>])/g, (d, x, w) => d.includes("data-source-path") || w === "Fragment" || w === "React.Fragment" ? d : `${x}<${w} data-source-path="${l}:${i}"`);
-        }).join(`
-`),
+      return {
+        code: Pe(e, t, process.cwd()),
         map: null
       };
     }
   };
 }
-function Lt(e, t, r) {
-  if (!t.endsWith(".tsx") && !t.endsWith(".jsx") || t.includes("node_modules")) return e;
-  const n = (c) => c.replace(/\\/g, "/"), s = n(t).replace(n(r), "");
-  return e.split(`
-`).map((c, l) => {
-    const m = l + 1;
-    return c.replace(/(^|[^a-zA-Z0-9])<([a-zA-Z][a-zA-Z0-9\.]*)(?=[ \t\n\/\>])/g, (d, x, w) => d.includes("data-source-path") || w === "Fragment" || w === "React.Fragment" ? d : `${x}<${w} data-source-path="${s}:${m}"`);
-  }).join(`
-`);
-}
-function Mt(e) {
+function Dt(e) {
   const t = this.resourcePath;
-  return t ? (process.env.NODE_ENV, Lt(e, t, process.cwd())) : e;
+  return t ? (process.env.NODE_ENV, Pe(e, t, process.cwd())) : e;
 }
 export {
-  It as ViewGate,
-  Ft as ViewGateOverlay,
-  Lt as transformSourcePaths,
-  Ve as useViewGate,
-  Mt as viewgateNextLoader,
-  Dt as viewgatePlugin
+  Gt as ViewGate,
+  Vt as ViewGateOverlay,
+  Pe as transformSourcePaths,
+  De as useViewGate,
+  Dt as viewgateNextLoader,
+  Mt as viewgatePlugin
 };