styllar-react-plugin 1.0.0 → 1.0.1

package/dist/styllar-react-plugin.js

@@ -1,5 +1,5 @@
-import $e, { useState as F } from "react";
-var ue = { exports: {} }, B = {};
+import ze, { useState as F, useEffect as fr } from "react";
+var fe = { exports: {} }, J = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -10,20 +10,20 @@ var ue = { exports: {} }, B = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Ae;
-function fr() {
-  if (Ae) return B;
+function dr() {
+  if (Ae) return J;
   Ae = 1;
-  var $ = $e, O = Symbol.for("react.element"), k = Symbol.for("react.fragment"), y = Object.prototype.hasOwnProperty, W = $.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, L = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function S(w, d, P) {
-    var v, E = {}, j = null, Y = null;
-    P !== void 0 && (j = "" + P), d.key !== void 0 && (j = "" + d.key), d.ref !== void 0 && (Y = d.ref);
-    for (v in d) y.call(d, v) && !L.hasOwnProperty(v) && (E[v] = d[v]);
-    if (w && w.defaultProps) for (v in d = w.defaultProps, d) E[v] === void 0 && (E[v] = d[v]);
-    return { $$typeof: O, type: w, key: j, ref: Y, props: E, _owner: W.current };
+  var z = ze, k = Symbol.for("react.element"), P = Symbol.for("react.fragment"), R = Object.prototype.hasOwnProperty, $ = z.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, W = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function C(j, v, N) {
+    var p, S = {}, T = null, L = null;
+    N !== void 0 && (T = "" + N), v.key !== void 0 && (T = "" + v.key), v.ref !== void 0 && (L = v.ref);
+    for (p in v) R.call(v, p) && !W.hasOwnProperty(p) && (S[p] = v[p]);
+    if (j && j.defaultProps) for (p in v = j.defaultProps, v) S[p] === void 0 && (S[p] = v[p]);
+    return { $$typeof: k, type: j, key: T, ref: L, props: S, _owner: $.current };
   }
-  return B.Fragment = k, B.jsx = S, B.jsxs = S, B;
+  return J.Fragment = P, J.jsx = C, J.jsxs = C, J;
 }
-var J = {};
+var K = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -34,17 +34,17 @@ var J = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Ie;
-function dr() {
+function vr() {
   return Ie || (Ie = 1, process.env.NODE_ENV !== "production" && function() {
-    var $ = $e, O = Symbol.for("react.element"), k = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), W = Symbol.for("react.strict_mode"), L = Symbol.for("react.profiler"), S = Symbol.for("react.provider"), w = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), P = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), j = Symbol.for("react.lazy"), Y = Symbol.for("react.offscreen"), U = Symbol.iterator, Q = "@@iterator";
+    var z = ze, k = Symbol.for("react.element"), P = Symbol.for("react.portal"), R = Symbol.for("react.fragment"), $ = Symbol.for("react.strict_mode"), W = Symbol.for("react.profiler"), C = Symbol.for("react.provider"), j = Symbol.for("react.context"), v = Symbol.for("react.forward_ref"), N = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), S = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), L = Symbol.for("react.offscreen"), U = Symbol.iterator, Q = "@@iterator";
     function ee(e) {
       if (e === null || typeof e != "object")
         return null;
       var r = U && e[U] || e[Q];
       return typeof r == "function" ? r : null;
     }
-    var N = $.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function p(e) {
+    var O = z.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function m(e) {
       {
         for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++)
           t[n - 1] = arguments[n];
@@ -53,71 +53,71 @@ function dr() {
     }
     function re(e, r, t) {
       {
-        var n = N.ReactDebugCurrentFrame, i = n.getStackAddendum();
-        i !== "" && (r += "%s", t = t.concat([i]));
-        var c = t.map(function(o) {
-          return String(o);
+        var n = O.ReactDebugCurrentFrame, s = n.getStackAddendum();
+        s !== "" && (r += "%s", t = t.concat([s]));
+        var c = t.map(function(i) {
+          return String(i);
         });
         c.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, c);
       }
     }
-    var l = !1, x = !1, g = !1, T = !1, C = !1, R;
-    R = Symbol.for("react.module.reference");
-    function b(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === y || e === L || C || e === W || e === P || e === v || T || e === Y || l || x || g || typeof e == "object" && e !== null && (e.$$typeof === j || e.$$typeof === E || e.$$typeof === S || e.$$typeof === w || e.$$typeof === d || // This needs to include all possible module reference object
+    var te = !1, o = !1, h = !1, f = !1, y = !1, g;
+    g = Symbol.for("react.module.reference");
+    function _(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === R || e === W || y || e === $ || e === N || e === p || f || e === L || te || o || h || typeof e == "object" && e !== null && (e.$$typeof === T || e.$$typeof === S || e.$$typeof === C || e.$$typeof === j || e.$$typeof === v || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      e.$$typeof === R || e.getModuleId !== void 0));
+      e.$$typeof === g || e.getModuleId !== void 0));
     }
-    function K(e, r, t) {
+    function E(e, r, t) {
       var n = e.displayName;
       if (n)
         return n;
-      var i = r.displayName || r.name || "";
-      return i !== "" ? t + "(" + i + ")" : t;
+      var s = r.displayName || r.name || "";
+      return s !== "" ? t + "(" + s + ")" : t;
     }
-    function fe(e) {
+    function V(e) {
       return e.displayName || "Context";
     }
     function D(e) {
       if (e == null)
         return null;
-      if (typeof e.tag == "number" && p("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+      if (typeof e.tag == "number" && m("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 y:
+        case R:
           return "Fragment";
-        case k:
+        case P:
           return "Portal";
-        case L:
-          return "Profiler";
         case W:
+          return "Profiler";
+        case $:
           return "StrictMode";
-        case P:
+        case N:
           return "Suspense";
-        case v:
+        case p:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case w:
+          case j:
             var r = e;
-            return fe(r) + ".Consumer";
-          case S:
+            return V(r) + ".Consumer";
+          case C:
             var t = e;
-            return fe(t._context) + ".Provider";
-          case d:
-            return K(e, e.render, "ForwardRef");
-          case E:
+            return V(t._context) + ".Provider";
+          case v:
+            return E(e, e.render, "ForwardRef");
+          case S:
             var n = e.displayName || null;
             return n !== null ? n : D(e.type) || "Memo";
-          case j: {
-            var i = e, c = i._payload, o = i._init;
+          case T: {
+            var s = e, c = s._payload, i = s._init;
             try {
-              return D(o(c));
+              return D(i(c));
             } catch {
               return null;
             }
@@ -125,14 +125,14 @@ function dr() {
         }
       return null;
     }
-    var A = Object.assign, V = 0, de, ve, pe, ge, he, me, be;
+    var A = Object.assign, q = 0, de, ve, pe, me, ge, he, be;
     function ye() {
     }
     ye.__reactDisabledLog = !0;
-    function We() {
+    function $e() {
       {
-        if (V === 0) {
-          de = console.log, ve = console.info, pe = console.warn, ge = console.error, he = console.group, me = console.groupCollapsed, be = console.groupEnd;
+        if (q === 0) {
+          de = console.log, ve = console.info, pe = console.warn, me = console.error, ge = console.group, he = console.groupCollapsed, be = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
@@ -149,12 +149,12 @@ function dr() {
             groupEnd: e
           });
         }
-        V++;
+        q++;
       }
     }
-    function Le() {
+    function We() {
       {
-        if (V--, V === 0) {
+        if (q--, q === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
@@ -171,43 +171,43 @@ function dr() {
               value: pe
             }),
             error: A({}, e, {
-              value: ge
+              value: me
             }),
             group: A({}, e, {
-              value: he
+              value: ge
             }),
             groupCollapsed: A({}, e, {
-              value: me
+              value: he
             }),
             groupEnd: A({}, e, {
               value: be
             })
           });
         }
-        V < 0 && p("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        q < 0 && m("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var te = N.ReactCurrentDispatcher, ne;
+    var ne = O.ReactCurrentDispatcher, ae;
     function X(e, r, t) {
       {
-        if (ne === void 0)
+        if (ae === void 0)
           try {
             throw Error();
-          } catch (i) {
-            var n = i.stack.trim().match(/\n( *(at )?)/);
-            ne = n && n[1] || "";
+          } catch (s) {
+            var n = s.stack.trim().match(/\n( *(at )?)/);
+            ae = n && n[1] || "";
           }
         return `
-` + ne + e;
+` + ae + e;
       }
     }
-    var ae = !1, G;
+    var oe = !1, G;
     {
-      var Ye = typeof WeakMap == "function" ? WeakMap : Map;
-      G = new Ye();
+      var Le = typeof WeakMap == "function" ? WeakMap : Map;
+      G = new Le();
     }
     function xe(e, r) {
-      if (!e || ae)
+      if (!e || oe)
         return "";
       {
         var t = G.get(e);
@@ -215,69 +215,69 @@ function dr() {
           return t;
       }
       var n;
-      ae = !0;
-      var i = Error.prepareStackTrace;
+      oe = !0;
+      var s = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var c;
-      c = te.current, te.current = null, We();
+      c = ne.current, ne.current = null, $e();
       try {
         if (r) {
-          var o = function() {
+          var i = function() {
             throw Error();
           };
-          if (Object.defineProperty(o.prototype, "props", {
+          if (Object.defineProperty(i.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(o, []);
-            } catch (m) {
-              n = m;
+              Reflect.construct(i, []);
+            } catch (x) {
+              n = x;
             }
-            Reflect.construct(e, [], o);
+            Reflect.construct(e, [], i);
           } else {
             try {
-              o.call();
-            } catch (m) {
-              n = m;
+              i.call();
+            } catch (x) {
+              n = x;
             }
-            e.call(o.prototype);
+            e.call(i.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (m) {
-            n = m;
+          } catch (x) {
+            n = x;
           }
           e();
         }
-      } catch (m) {
-        if (m && n && typeof m.stack == "string") {
-          for (var a = m.stack.split(`
-`), h = n.stack.split(`
-`), u = a.length - 1, f = h.length - 1; u >= 1 && f >= 0 && a[u] !== h[f]; )
-            f--;
-          for (; u >= 1 && f >= 0; u--, f--)
-            if (a[u] !== h[f]) {
-              if (u !== 1 || f !== 1)
+      } catch (x) {
+        if (x && n && typeof x.stack == "string") {
+          for (var a = x.stack.split(`
+`), b = n.stack.split(`
+`), u = a.length - 1, d = b.length - 1; u >= 1 && d >= 0 && a[u] !== b[d]; )
+            d--;
+          for (; u >= 1 && d >= 0; u--, d--)
+            if (a[u] !== b[d]) {
+              if (u !== 1 || d !== 1)
                 do
-                  if (u--, f--, f < 0 || a[u] !== h[f]) {
-                    var _ = `
+                  if (u--, d--, d < 0 || a[u] !== b[d]) {
+                    var w = `
 ` + a[u].replace(" at new ", " at ");
-                    return e.displayName && _.includes("<anonymous>") && (_ = _.replace("<anonymous>", e.displayName)), typeof e == "function" && G.set(e, _), _;
+                    return e.displayName && w.includes("<anonymous>") && (w = w.replace("<anonymous>", e.displayName)), typeof e == "function" && G.set(e, w), w;
                   }
-                while (u >= 1 && f >= 0);
+                while (u >= 1 && d >= 0);
               break;
             }
         }
       } finally {
-        ae = !1, te.current = c, Le(), Error.prepareStackTrace = i;
+        oe = !1, ne.current = c, We(), Error.prepareStackTrace = s;
       }
       var M = e ? e.displayName || e.name : "", I = M ? X(M) : "";
       return typeof e == "function" && G.set(e, I), I;
     }
-    function ze(e, r, t) {
+    function Ye(e, r, t) {
       return xe(e, !1);
     }
     function Me(e) {
@@ -292,28 +292,28 @@ function dr() {
       if (typeof e == "string")
         return X(e);
       switch (e) {
-        case P:
+        case N:
           return X("Suspense");
-        case v:
+        case p:
           return X("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case d:
-            return ze(e.render);
-          case E:
+          case v:
+            return Ye(e.render);
+          case S:
             return H(e.type, r, t);
-          case j: {
-            var n = e, i = n._payload, c = n._init;
+          case T: {
+            var n = e, s = n._payload, c = n._init;
             try {
-              return H(c(i), r, t);
+              return H(c(s), r, t);
             } catch {
             }
           }
         }
       return "";
     }
-    var q = Object.prototype.hasOwnProperty, _e = {}, Ee = N.ReactDebugCurrentFrame;
+    var B = Object.prototype.hasOwnProperty, _e = {}, Ee = O.ReactDebugCurrentFrame;
     function Z(e) {
       if (e) {
         var r = e._owner, t = H(e.type, e._source, r ? r.type : null);
@@ -321,27 +321,27 @@ function dr() {
       } else
         Ee.setExtraStackFrame(null);
     }
-    function Ue(e, r, t, n, i) {
+    function Ue(e, r, t, n, s) {
       {
-        var c = Function.call.bind(q);
-        for (var o in e)
-          if (c(e, o)) {
+        var c = Function.call.bind(B);
+        for (var i in e)
+          if (c(e, i)) {
             var a = void 0;
             try {
-              if (typeof e[o] != "function") {
-                var h = Error((n || "React class") + ": " + t + " type `" + o + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[o] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw h.name = "Invariant Violation", h;
+              if (typeof e[i] != "function") {
+                var b = Error((n || "React class") + ": " + t + " type `" + i + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[i] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw b.name = "Invariant Violation", b;
               }
-              a = e[o](r, o, n, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              a = e[i](r, i, n, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (u) {
               a = u;
             }
-            a && !(a instanceof Error) && (Z(i), 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).", n || "React class", t, o, typeof a), Z(null)), a instanceof Error && !(a.message in _e) && (_e[a.message] = !0, Z(i), p("Failed %s type: %s", t, a.message), Z(null));
+            a && !(a instanceof Error) && (Z(s), m("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", n || "React class", t, i, typeof a), Z(null)), a instanceof Error && !(a.message in _e) && (_e[a.message] = !0, Z(s), m("Failed %s type: %s", t, a.message), Z(null));
           }
       }
     }
     var Ve = Array.isArray;
-    function oe(e) {
+    function ie(e) {
       return Ve(e);
     }
     function qe(e) {
@@ -362,16 +362,16 @@ function dr() {
     }
     function we(e) {
       if (Be(e))
-        return p("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", qe(e)), Re(e);
+        return m("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", qe(e)), Re(e);
     }
-    var je = N.ReactCurrentOwner, Je = {
+    var Se = O.ReactCurrentOwner, Je = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Se, Te;
+    }, je, Te;
     function Ke(e) {
-      if (q.call(e, "ref")) {
+      if (B.call(e, "ref")) {
         var r = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (r && r.isReactWarning)
           return !1;
@@ -379,7 +379,7 @@ function dr() {
       return e.ref !== void 0;
     }
     function Xe(e) {
-      if (q.call(e, "key")) {
+      if (B.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning)
           return !1;
@@ -387,12 +387,12 @@ function dr() {
       return e.key !== void 0;
     }
     function Ge(e, r) {
-      typeof e.ref == "string" && je.current;
+      typeof e.ref == "string" && Se.current;
     }
     function He(e, r) {
       {
         var t = function() {
-          Se || (Se = !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)", r));
+          je || (je = !0, m("%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)", r));
         };
         t.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: t,
@@ -403,7 +403,7 @@ function dr() {
     function Ze(e, r) {
       {
         var t = function() {
-          Te || (Te = !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)", r));
+          Te || (Te = !0, m("%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)", r));
         };
         t.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: t,
@@ -411,15 +411,15 @@ function dr() {
         });
       }
     }
-    var Qe = function(e, r, t, n, i, c, o) {
+    var Qe = function(e, r, t, n, s, c, i) {
       var a = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: O,
+        $$typeof: k,
         // Built-in properties that belong on the element
         type: e,
         key: r,
         ref: t,
-        props: o,
+        props: i,
         // Record the component responsible for creating this element.
         _owner: c
       };
@@ -437,44 +437,44 @@ function dr() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: i
+        value: s
       }), Object.freeze && (Object.freeze(a.props), Object.freeze(a)), a;
     };
-    function er(e, r, t, n, i) {
+    function er(e, r, t, n, s) {
       {
-        var c, o = {}, a = null, h = null;
-        t !== void 0 && (we(t), a = "" + t), Xe(r) && (we(r.key), a = "" + r.key), Ke(r) && (h = r.ref, Ge(r, i));
+        var c, i = {}, a = null, b = null;
+        t !== void 0 && (we(t), a = "" + t), Xe(r) && (we(r.key), a = "" + r.key), Ke(r) && (b = r.ref, Ge(r, s));
         for (c in r)
-          q.call(r, c) && !Je.hasOwnProperty(c) && (o[c] = r[c]);
+          B.call(r, c) && !Je.hasOwnProperty(c) && (i[c] = r[c]);
         if (e && e.defaultProps) {
           var u = e.defaultProps;
           for (c in u)
-            o[c] === void 0 && (o[c] = u[c]);
+            i[c] === void 0 && (i[c] = u[c]);
         }
-        if (a || h) {
-          var f = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          a && He(o, f), h && Ze(o, f);
+        if (a || b) {
+          var d = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          a && He(i, d), b && Ze(i, d);
         }
-        return Qe(e, a, h, i, n, je.current, o);
+        return Qe(e, a, b, s, n, Se.current, i);
       }
     }
-    var ie = N.ReactCurrentOwner, Ce = N.ReactDebugCurrentFrame;
-    function z(e) {
+    var se = O.ReactCurrentOwner, Ce = O.ReactDebugCurrentFrame;
+    function Y(e) {
       if (e) {
         var r = e._owner, t = H(e.type, e._source, r ? r.type : null);
         Ce.setExtraStackFrame(t);
       } else
         Ce.setExtraStackFrame(null);
     }
-    var se;
-    se = !1;
-    function le(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === O;
+    var le;
+    le = !1;
+    function ce(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === k;
     }
     function Oe() {
       {
-        if (ie.current) {
-          var e = D(ie.current.type);
+        if (se.current) {
+          var e = D(se.current.type);
           if (e)
             return `
 
@@ -509,25 +509,25 @@ Check the top-level render call using <` + t + ">.");
           return;
         ke[t] = !0;
         var n = "";
-        e && e._owner && e._owner !== ie.current && (n = " It was passed a child from " + D(e._owner.type) + "."), z(e), p('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), z(null);
+        e && e._owner && e._owner !== se.current && (n = " It was passed a child from " + D(e._owner.type) + "."), Y(e), m('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), Y(null);
       }
     }
     function Ne(e, r) {
       {
         if (typeof e != "object")
           return;
-        if (oe(e))
+        if (ie(e))
           for (var t = 0; t < e.length; t++) {
             var n = e[t];
-            le(n) && Pe(n, r);
+            ce(n) && Pe(n, r);
           }
-        else if (le(e))
+        else if (ce(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var i = ee(e);
-          if (typeof i == "function" && i !== e.entries)
-            for (var c = i.call(e), o; !(o = c.next()).done; )
-              le(o.value) && Pe(o.value, r);
+          var s = ee(e);
+          if (typeof s == "function" && s !== e.entries)
+            for (var c = s.call(e), i; !(i = c.next()).done; )
+              ce(i.value) && Pe(i.value, r);
         }
       }
     }
@@ -539,21 +539,21 @@ Check the top-level render call using <` + t + ">.");
         var t;
         if (typeof r == "function")
           t = r.propTypes;
-        else if (typeof r == "object" && (r.$$typeof === d || // Note: Memo only checks outer props here.
+        else if (typeof r == "object" && (r.$$typeof === v || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        r.$$typeof === E))
+        r.$$typeof === S))
           t = r.propTypes;
         else
           return;
         if (t) {
           var n = D(r);
           Ue(t, e.props, "prop", n, e);
-        } else if (r.PropTypes !== void 0 && !se) {
-          se = !0;
-          var i = D(r);
-          p("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", i || "Unknown");
+        } else if (r.PropTypes !== void 0 && !le) {
+          le = !0;
+          var s = D(r);
+          m("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", s || "Unknown");
         }
-        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && p("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && m("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function ar(e) {
@@ -561,56 +561,56 @@ Check the top-level render call using <` + t + ">.");
         for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
           var n = r[t];
           if (n !== "children" && n !== "key") {
-            z(e), p("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), z(null);
+            Y(e), m("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), Y(null);
             break;
           }
         }
-        e.ref !== null && (z(e), p("Invalid attribute `ref` supplied to `React.Fragment`."), z(null));
+        e.ref !== null && (Y(e), m("Invalid attribute `ref` supplied to `React.Fragment`."), Y(null));
       }
     }
     var De = {};
-    function Fe(e, r, t, n, i, c) {
+    function Fe(e, r, t, n, s, c) {
       {
-        var o = b(e);
-        if (!o) {
+        var i = _(e);
+        if (!i) {
           var a = "";
           (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (a += " 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 h = rr();
-          h ? a += h : a += Oe();
+          var b = rr();
+          b ? a += b : a += Oe();
           var u;
-          e === null ? u = "null" : oe(e) ? u = "array" : e !== void 0 && e.$$typeof === O ? (u = "<" + (D(e.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : u = typeof e, p("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", u, a);
+          e === null ? u = "null" : ie(e) ? u = "array" : e !== void 0 && e.$$typeof === k ? (u = "<" + (D(e.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : u = typeof e, m("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", u, a);
         }
-        var f = er(e, r, t, i, c);
-        if (f == null)
-          return f;
-        if (o) {
-          var _ = r.children;
-          if (_ !== void 0)
+        var d = er(e, r, t, s, c);
+        if (d == null)
+          return d;
+        if (i) {
+          var w = r.children;
+          if (w !== void 0)
             if (n)
-              if (oe(_)) {
-                for (var M = 0; M < _.length; M++)
-                  Ne(_[M], e);
-                Object.freeze && Object.freeze(_);
+              if (ie(w)) {
+                for (var M = 0; M < w.length; M++)
+                  Ne(w[M], e);
+                Object.freeze && Object.freeze(w);
               } 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.");
+                m("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
-              Ne(_, e);
+              Ne(w, e);
         }
-        if (q.call(r, "key")) {
-          var I = D(e), m = Object.keys(r).filter(function(ur) {
+        if (B.call(r, "key")) {
+          var I = D(e), x = Object.keys(r).filter(function(ur) {
             return ur !== "key";
-          }), ce = m.length > 0 ? "{key: someKey, " + m.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!De[I + ce]) {
-            var cr = m.length > 0 ? "{" + m.join(": ..., ") + ": ...}" : "{}";
-            p(`A props object containing a "key" prop is being spread into JSX:
+          }), ue = x.length > 0 ? "{key: someKey, " + x.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!De[I + ue]) {
+            var cr = x.length > 0 ? "{" + x.join(": ..., ") + ": ...}" : "{}";
+            m(`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} />`, ce, I, cr, I), De[I + ce] = !0;
+  <%s key={someKey} {...props} />`, ue, I, cr, I), De[I + ue] = !0;
           }
         }
-        return e === y ? ar(f) : nr(f), f;
+        return e === R ? ar(d) : nr(d), d;
       }
     }
     function or(e, r, t) {
@@ -620,157 +620,179 @@ React keys must be passed directly to JSX without using spread:
       return Fe(e, r, t, !1);
     }
     var sr = ir, lr = or;
-    J.Fragment = y, J.jsx = sr, J.jsxs = lr;
-  }()), J;
+    K.Fragment = R, K.jsx = sr, K.jsxs = lr;
+  }()), K;
 }
-process.env.NODE_ENV === "production" ? ue.exports = fr() : ue.exports = dr();
-var s = ue.exports;
-const pr = () => {
-  const [$, O] = F(!1), [k, y] = F("idle"), [W, L] = F(""), [S, w] = F(null), [d, P] = F(""), [v, E] = F(""), [j, Y] = F(null), [U, Q] = F(null), ee = "http://136.113.197.77:5000/predict/size-from-chart";
-  function N() {
-    var R;
-    let l = 0, x = 0;
-    const g = ["pant", "jeans", "trouser", "skirt", "short", "legging", "jogger", "bottom", "denim", "cargo"], T = ["shirt", "top", "tee", "blouse", "jacket", "coat", "hoodie", "sweater", "vest", "cardigan", "dress", "t-shirt"], C = (document.title + " " + (((R = document.querySelector("h1")) == null ? void 0 : R.innerText) || "")).toLowerCase();
-    return g.forEach((b) => {
-      C.includes(b) && (x += 2);
-    }), T.forEach((b) => {
-      C.includes(b) && (l += 2);
-    }), x > l ? "bottom" : "top";
+process.env.NODE_ENV === "production" ? fe.exports = dr() : fe.exports = vr();
+var l = fe.exports;
+const mr = () => {
+  const [z, k] = F(!1), [P, R] = F("idle"), [$, W] = F(""), [C, j] = F(null), [v, N] = F(""), [p, S] = F(""), [T, L] = F(null), [U, Q] = F(null), ee = "http://136.113.197.77:5000/predict/size-from-chart", O = (o) => {
+    if (!o) return;
+    const h = () => {
+      const f = document.querySelectorAll('button, .size-swatch, .size-option, li[role="radio"], div[data-value]');
+      for (let y of f) {
+        const g = y.innerText.trim().toUpperCase(), _ = String(o).trim().toUpperCase();
+        if (g === _ || g === `SIZE ${_}`)
+          return y.click(), console.log(`Styllar: Successfully auto-selected size ${o}`), !0;
+      }
+      return !1;
+    };
+    if (!h()) {
+      let f = 0;
+      const y = setInterval(() => {
+        f++, (h() || f > 10) && clearInterval(y);
+      }, 500);
+    }
+  };
+  fr(() => {
+    typeof chrome < "u" && chrome.storage && chrome.storage.local.get(["styllar_last_size"], (o) => {
+      o.styllar_last_size && (console.log("Styllar: Found saved size:", o.styllar_last_size), setTimeout(() => O(o.styllar_last_size), 1e3));
+    });
+  }, []);
+  function m() {
+    var _;
+    let o = 0, h = 0;
+    const f = ["pant", "jeans", "trouser", "skirt", "short", "legging", "jogger", "bottom", "denim", "cargo"], y = ["shirt", "top", "tee", "blouse", "jacket", "coat", "hoodie", "sweater", "vest", "cardigan", "dress", "t-shirt"], g = (document.title + " " + (((_ = document.querySelector("h1")) == null ? void 0 : _.innerText) || "")).toLowerCase();
+    return f.forEach((E) => {
+      g.includes(E) && (h += 2);
+    }), y.forEach((E) => {
+      g.includes(E) && (o += 2);
+    }), h > o ? "bottom" : "top";
   }
-  function p() {
-    const l = { chart_type: "none", chart_content: null, available_sizes: [] }, x = document.querySelector("table");
-    if (x && /chest|waist|bust|hip|size/i.test(x.innerText))
-      return l.chart_type = "html_table", l.chart_content = x.outerHTML, l;
-    const g = document.querySelectorAll("img");
-    for (let R of g) {
-      const b = R.src.toLowerCase(), K = (R.alt || "").toLowerCase();
-      if (b.includes("size") && b.includes("chart") || K.includes("size") && K.includes("guide"))
-        return l.chart_type = "image_url", l.chart_content = R.src, l;
-    }
-    const T = document.querySelector('.size-guide, #size-chart, .measurement-guide, [class*="SizeGuide"]');
-    return T ? (l.chart_type = "raw_text", l.chart_content = T.innerText, l) : (document.querySelectorAll("button, span, li").forEach((R) => {
-      const b = R.innerText.trim();
-      /^(XS|S|M|L|XL|XXL|[0-9]{2})$/i.test(b) && b.length < 4 && (l.available_sizes.includes(b) || l.available_sizes.push(b));
-    }), l);
+  function re() {
+    const o = { chart_type: "none", chart_content: null, available_sizes: [] }, h = document.querySelector("table");
+    if (h && /chest|waist|bust|hip|size/i.test(h.innerText))
+      return o.chart_type = "html_table", o.chart_content = h.outerHTML, o;
+    const f = document.querySelectorAll("img");
+    for (let _ of f) {
+      const E = _.src.toLowerCase(), V = (_.alt || "").toLowerCase();
+      if (E.includes("size") && E.includes("chart") || V.includes("size") && V.includes("guide"))
+        return o.chart_type = "image_url", o.chart_content = _.src, o;
+    }
+    const y = document.querySelector('.size-guide, #size-chart, .measurement-guide, [class*="SizeGuide"]');
+    return y ? (o.chart_type = "raw_text", o.chart_content = y.innerText, o) : (document.querySelectorAll("button, span, li").forEach((_) => {
+      const E = _.innerText.trim();
+      /^(XS|S|M|L|XL|XXL|[0-9]{2})$/i.test(E) && E.length < 4 && (o.available_sizes.includes(E) || o.available_sizes.push(E));
+    }), o);
   }
-  const re = async () => {
-    if (!j || !U || !d || !v) {
+  const te = async () => {
+    if (!T || !U || !v || !p) {
       alert("Please fill all fields.");
       return;
     }
-    y("loading");
-    const l = N(), x = p(), g = new FormData();
-    g.append("front_image", j), g.append("side_image", U), g.append("height", d), g.append("weight", v), g.append("product_type", l), g.append("chart_type", x.chart_type), g.append("chart_content", x.chart_content), g.append("available_sizes", JSON.stringify(x.available_sizes));
+    R("loading");
+    const o = m(), h = re(), f = new FormData();
+    f.append("front_image", T), f.append("side_image", U), f.append("height", v), f.append("weight", p), f.append("product_type", o), f.append("chart_type", h.chart_type), f.append("chart_content", h.chart_content), f.append("available_sizes", JSON.stringify(h.available_sizes));
     try {
-      const C = await (await fetch(ee, { method: "POST", body: g })).json();
-      if (C.error) throw new Error(C.error);
-      w(C), y("success");
-    } catch (T) {
-      L(T.message), y("error");
+      const g = await (await fetch(ee, { method: "POST", body: f })).json();
+      if (g.error) throw new Error(g.error);
+      j(g), R("success"), g.recommended_size && (O(g.recommended_size), typeof chrome < "u" && chrome.storage && chrome.storage.local.set({ styllar_last_size: g.recommended_size }));
+    } catch (y) {
+      W(y.message), R("error");
     }
   };
-  return /* @__PURE__ */ s.jsxs("div", { className: "fixed bottom-6 right-6 z-[999999]", children: [
-    /* @__PURE__ */ s.jsx(
+  return /* @__PURE__ */ l.jsxs("div", { className: "fixed bottom-6 right-6 z-[999999]", children: [
+    /* @__PURE__ */ l.jsx(
       "button",
       {
-        onClick: () => O(!$),
+        onClick: () => k(!z),
         className: "bg-black text-white px-7 py-3.5 rounded-full shadow-xl font-bold text-sm hover:opacity-80 transition-opacity",
         children: "Styllar"
       }
     ),
-    $ && /* @__PURE__ */ s.jsxs("div", { className: "absolute bottom-20 right-0 w-[330px] bg-white rounded-2xl p-6 shadow-2xl border border-gray-100 text-black", children: [
-      /* @__PURE__ */ s.jsxs("div", { className: "flex justify-between items-center mb-4", children: [
-        /* @__PURE__ */ s.jsx("h3", { className: "m-0 text-lg font-bold", children: "Smart Fit Assistant" }),
-        /* @__PURE__ */ s.jsx("button", { onClick: () => O(!1), className: "text-gray-400 hover:text-black text-2xl leading-none", children: "×" })
+    z && /* @__PURE__ */ l.jsxs("div", { className: "absolute bottom-20 right-0 w-[330px] bg-white rounded-2xl p-6 shadow-2xl border border-gray-100 text-black", children: [
+      /* @__PURE__ */ l.jsxs("div", { className: "flex justify-between items-center mb-4", children: [
+        /* @__PURE__ */ l.jsx("h3", { className: "m-0 text-lg font-bold", children: "Smart Fit Assistant" }),
+        /* @__PURE__ */ l.jsx("button", { onClick: () => k(!1), className: "text-gray-400 hover:text-black text-2xl leading-none", children: "×" })
       ] }),
-      k === "loading" && /* @__PURE__ */ s.jsxs("div", { className: "flex flex-col items-center justify-center py-8", children: [
-        /* @__PURE__ */ s.jsx("div", { className: "w-8 h-8 border-4 border-gray-200 border-t-black rounded-full animate-spin mb-4" }),
-        /* @__PURE__ */ s.jsx("p", { className: "text-sm text-gray-600", children: "Analyzing body & page data..." })
+      P === "loading" && /* @__PURE__ */ l.jsxs("div", { className: "flex flex-col items-center justify-center py-8", children: [
+        /* @__PURE__ */ l.jsx("div", { className: "w-8 h-8 border-4 border-gray-200 border-t-black rounded-full animate-spin mb-4" }),
+        /* @__PURE__ */ l.jsx("p", { className: "text-sm text-gray-600", children: "Analyzing body & page data..." })
       ] }),
-      k === "success" && S && /* @__PURE__ */ s.jsxs("div", { className: "text-center py-6", children: [
-        /* @__PURE__ */ s.jsx("div", { className: "text-sm text-green-600 font-bold tracking-wider", children: "MATCH FOUND" }),
-        /* @__PURE__ */ s.jsx("div", { className: "text-5xl font-black my-4 text-black", children: S.recommended_size }),
-        /* @__PURE__ */ s.jsxs("div", { className: "text-xs text-gray-500 mb-6", children: [
+      P === "success" && C && /* @__PURE__ */ l.jsxs("div", { className: "text-center py-6", children: [
+        /* @__PURE__ */ l.jsx("div", { className: "text-sm text-green-600 font-bold tracking-wider", children: "MATCH FOUND" }),
+        /* @__PURE__ */ l.jsx("div", { className: "text-5xl font-black my-4 text-black", children: C.recommended_size }),
+        /* @__PURE__ */ l.jsxs("div", { className: "text-xs text-gray-500 mb-6", children: [
           "Confidence: ",
-          S.confidence
+          C.confidence
         ] }),
-        /* @__PURE__ */ s.jsx(
+        /* @__PURE__ */ l.jsx(
           "button",
           {
             onClick: () => {
-              y("idle"), w(null);
+              R("idle"), j(null);
             },
             className: "text-blue-600 text-sm underline hover:text-blue-800",
             children: "Run New Scan"
           }
         )
       ] }),
-      k === "error" && /* @__PURE__ */ s.jsxs("div", { className: "py-4", children: [
-        /* @__PURE__ */ s.jsxs("p", { className: "text-red-500 text-sm mb-4", children: [
+      P === "error" && /* @__PURE__ */ l.jsxs("div", { className: "py-4", children: [
+        /* @__PURE__ */ l.jsxs("p", { className: "text-red-500 text-sm mb-4", children: [
           "Error: ",
-          W
+          $
         ] }),
-        /* @__PURE__ */ s.jsx(
+        /* @__PURE__ */ l.jsx(
           "button",
           {
-            onClick: () => y("idle"),
+            onClick: () => R("idle"),
             className: "w-full bg-black text-white py-3 rounded-xl font-bold text-sm",
             children: "Try Again"
           }
         )
       ] }),
-      k === "idle" && /* @__PURE__ */ s.jsxs("div", { children: [
-        /* @__PURE__ */ s.jsx("p", { className: "text-sm text-gray-600 mb-5 leading-relaxed", children: "Upload photos for a precision body scan." }),
-        /* @__PURE__ */ s.jsxs("div", { className: "flex gap-3 mb-4", children: [
-          /* @__PURE__ */ s.jsx(
+      P === "idle" && /* @__PURE__ */ l.jsxs("div", { children: [
+        /* @__PURE__ */ l.jsx("p", { className: "text-sm text-gray-600 mb-5 leading-relaxed", children: "Upload photos for a precision body scan." }),
+        /* @__PURE__ */ l.jsxs("div", { className: "flex gap-3 mb-4", children: [
+          /* @__PURE__ */ l.jsx(
             "input",
             {
               type: "number",
               placeholder: "Height (cm)",
-              value: d,
-              onChange: (l) => P(l.target.value),
+              value: v,
+              onChange: (o) => N(o.target.value),
               className: "w-1/2 p-2.5 border border-gray-300 rounded-lg outline-none focus:border-black text-sm"
             }
           ),
-          /* @__PURE__ */ s.jsx(
+          /* @__PURE__ */ l.jsx(
             "input",
             {
               type: "number",
               placeholder: "Weight (kg)",
-              value: v,
-              onChange: (l) => E(l.target.value),
+              value: p,
+              onChange: (o) => S(o.target.value),
               className: "w-1/2 p-2.5 border border-gray-300 rounded-lg outline-none focus:border-black text-sm"
             }
           )
         ] }),
-        /* @__PURE__ */ s.jsxs("div", { className: "mb-3", children: [
-          /* @__PURE__ */ s.jsx("label", { className: "text-[11px] font-bold text-gray-400 uppercase block mb-1", children: "Front Image" }),
-          /* @__PURE__ */ s.jsx(
+        /* @__PURE__ */ l.jsxs("div", { className: "mb-3", children: [
+          /* @__PURE__ */ l.jsx("label", { className: "text-[11px] font-bold text-gray-400 uppercase block mb-1", children: "Front Image" }),
+          /* @__PURE__ */ l.jsx(
             "input",
             {
               type: "file",
               accept: "image/*",
-              onChange: (l) => Y(l.target.files[0]),
+              onChange: (o) => L(o.target.files[0]),
               className: "w-full text-xs file:mr-3 file:py-1.5 file:px-3 file:rounded-md file:border-0 file:text-xs file:bg-gray-100 file:text-black hover:file:bg-gray-200"
             }
           )
         ] }),
-        /* @__PURE__ */ s.jsxs("div", { className: "mb-5", children: [
-          /* @__PURE__ */ s.jsx("label", { className: "text-[11px] font-bold text-gray-400 uppercase block mb-1", children: "Side Image" }),
-          /* @__PURE__ */ s.jsx(
+        /* @__PURE__ */ l.jsxs("div", { className: "mb-5", children: [
+          /* @__PURE__ */ l.jsx("label", { className: "text-[11px] font-bold text-gray-400 uppercase block mb-1", children: "Side Image" }),
+          /* @__PURE__ */ l.jsx(
             "input",
             {
               type: "file",
               accept: "image/*",
-              onChange: (l) => Q(l.target.files[0]),
+              onChange: (o) => Q(o.target.files[0]),
               className: "w-full text-xs file:mr-3 file:py-1.5 file:px-3 file:rounded-md file:border-0 file:text-xs file:bg-gray-100 file:text-black hover:file:bg-gray-200"
             }
           )
         ] }),
-        /* @__PURE__ */ s.jsx(
+        /* @__PURE__ */ l.jsx(
           "button",
           {
-            onClick: re,
+            onClick: te,
             className: "w-full bg-black text-white py-3.5 rounded-xl font-bold text-sm hover:opacity-80 transition-opacity",
             children: "Run Body Scan"
           }
@@ -780,5 +802,5 @@ const pr = () => {
   ] });
 };
 export {
-  pr as StyllarPlugin
+  mr as StyllarPlugin
 };

package/dist/styllar-react-plugin.umd.cjs

@@ -1,4 +1,4 @@
-(function(A,b){typeof exports=="object"&&typeof module<"u"?b(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],b):(A=typeof globalThis<"u"?globalThis:A||self,b(A.StyllarReactPlugin={},A.React))})(this,function(A,b){"use strict";var ee={exports:{}},B={};/**
+(function(A,h){typeof exports=="object"&&typeof module<"u"?h(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],h):(A=typeof globalThis<"u"?globalThis:A||self,h(A.StyllarReactPlugin={},A.React))})(this,function(A,h){"use strict";var ee={exports:{}},B={};/**
  * @license React
  * react-jsx-runtime.production.min.js
  *
@@ -6,7 +6,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var de;function Le(){if(de)return B;de=1;var L=b,P=Symbol.for("react.element"),k=Symbol.for("react.fragment"),x=Object.prototype.hasOwnProperty,Y=L.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,z={key:!0,ref:!0,__self:!0,__source:!0};function T(w,d,N){var p,R={},j=null,M=null;N!==void 0&&(j=""+N),d.key!==void 0&&(j=""+d.key),d.ref!==void 0&&(M=d.ref);for(p in d)x.call(d,p)&&!z.hasOwnProperty(p)&&(R[p]=d[p]);if(w&&w.defaultProps)for(p in d=w.defaultProps,d)R[p]===void 0&&(R[p]=d[p]);return{$$typeof:P,type:w,key:j,ref:M,props:R,_owner:Y.current}}return B.Fragment=k,B.jsx=T,B.jsxs=T,B}var J={};/**
+ */var pe;function We(){if(pe)return B;pe=1;var W=h,k=Symbol.for("react.element"),N=Symbol.for("react.fragment"),S=Object.prototype.hasOwnProperty,L=W.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,Y={key:!0,ref:!0,__self:!0,__source:!0};function O(T,p,D){var v,j={},C=null,M=null;D!==void 0&&(C=""+D),p.key!==void 0&&(C=""+p.key),p.ref!==void 0&&(M=p.ref);for(v in p)S.call(p,v)&&!Y.hasOwnProperty(v)&&(j[v]=p[v]);if(T&&T.defaultProps)for(v in p=T.defaultProps,p)j[v]===void 0&&(j[v]=p[v]);return{$$typeof:k,type:T,key:C,ref:M,props:j,_owner:L.current}}return B.Fragment=N,B.jsx=O,B.jsxs=O,B}var J={};/**
  * @license React
  * react-jsx-runtime.development.js
  *
@@ -14,17 +14,17 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var pe;function Ye(){return pe||(pe=1,process.env.NODE_ENV!=="production"&&function(){var L=b,P=Symbol.for("react.element"),k=Symbol.for("react.portal"),x=Symbol.for("react.fragment"),Y=Symbol.for("react.strict_mode"),z=Symbol.for("react.profiler"),T=Symbol.for("react.provider"),w=Symbol.for("react.context"),d=Symbol.for("react.forward_ref"),N=Symbol.for("react.suspense"),p=Symbol.for("react.suspense_list"),R=Symbol.for("react.memo"),j=Symbol.for("react.lazy"),M=Symbol.for("react.offscreen"),K=Symbol.iterator,re="@@iterator";function te(e){if(e===null||typeof e!="object")return null;var r=K&&e[K]||e[re];return typeof r=="function"?r:null}var D=L.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function v(e){{for(var r=arguments.length,t=new Array(r>1?r-1:0),n=1;n<r;n++)t[n-1]=arguments[n];ne("error",e,t)}}function ne(e,r,t){{var n=D.ReactDebugCurrentFrame,i=n.getStackAddendum();i!==""&&(r+="%s",t=t.concat([i]));var c=t.map(function(o){return String(o)});c.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,c)}}var l=!1,_=!1,g=!1,C=!1,O=!1,S;S=Symbol.for("react.module.reference");function y(e){return!!(typeof e=="string"||typeof e=="function"||e===x||e===z||O||e===Y||e===N||e===p||C||e===M||l||_||g||typeof e=="object"&&e!==null&&(e.$$typeof===j||e.$$typeof===R||e.$$typeof===T||e.$$typeof===w||e.$$typeof===d||e.$$typeof===S||e.getModuleId!==void 0))}function H(e,r,t){var n=e.displayName;if(n)return n;var i=r.displayName||r.name||"";return i!==""?t+"("+i+")":t}function ve(e){return e.displayName||"Context"}function F(e){if(e==null)return null;if(typeof e.tag=="number"&&v("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 x:return"Fragment";case k:return"Portal";case z:return"Profiler";case Y:return"StrictMode";case N:return"Suspense";case p:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case w:var r=e;return ve(r)+".Consumer";case T:var t=e;return ve(t._context)+".Provider";case d:return H(e,e.render,"ForwardRef");case R:var n=e.displayName||null;return n!==null?n:F(e.type)||"Memo";case j:{var i=e,c=i._payload,o=i._init;try{return F(o(c))}catch{return null}}}return null}var I=Object.assign,X=0,ge,he,be,me,ye,xe,_e;function Ee(){}Ee.__reactDisabledLog=!0;function Me(){{if(X===0){ge=console.log,he=console.info,be=console.warn,me=console.error,ye=console.group,xe=console.groupCollapsed,_e=console.groupEnd;var e={configurable:!0,enumerable:!0,value:Ee,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}X++}}function Ue(){{if(X--,X===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:I({},e,{value:ge}),info:I({},e,{value:he}),warn:I({},e,{value:be}),error:I({},e,{value:me}),group:I({},e,{value:ye}),groupCollapsed:I({},e,{value:xe}),groupEnd:I({},e,{value:_e})})}X<0&&v("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var ae=D.ReactCurrentDispatcher,oe;function $(e,r,t){{if(oe===void 0)try{throw Error()}catch(i){var n=i.stack.trim().match(/\n( *(at )?)/);oe=n&&n[1]||""}return`
-`+oe+e}}var ie=!1,q;{var Ve=typeof WeakMap=="function"?WeakMap:Map;q=new Ve}function Re(e,r){if(!e||ie)return"";{var t=q.get(e);if(t!==void 0)return t}var n;ie=!0;var i=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var c;c=ae.current,ae.current=null,Me();try{if(r){var o=function(){throw Error()};if(Object.defineProperty(o.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(o,[])}catch(m){n=m}Reflect.construct(e,[],o)}else{try{o.call()}catch(m){n=m}e.call(o.prototype)}}else{try{throw Error()}catch(m){n=m}e()}}catch(m){if(m&&n&&typeof m.stack=="string"){for(var a=m.stack.split(`
-`),h=n.stack.split(`
-`),u=a.length-1,f=h.length-1;u>=1&&f>=0&&a[u]!==h[f];)f--;for(;u>=1&&f>=0;u--,f--)if(a[u]!==h[f]){if(u!==1||f!==1)do if(u--,f--,f<0||a[u]!==h[f]){var E=`
-`+a[u].replace(" at new "," at ");return e.displayName&&E.includes("<anonymous>")&&(E=E.replace("<anonymous>",e.displayName)),typeof e=="function"&&q.set(e,E),E}while(u>=1&&f>=0);break}}}finally{ie=!1,ae.current=c,Ue(),Error.prepareStackTrace=i}var V=e?e.displayName||e.name:"",W=V?$(V):"";return typeof e=="function"&&q.set(e,W),W}function Be(e,r,t){return Re(e,!1)}function Je(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function Z(e,r,t){if(e==null)return"";if(typeof e=="function")return Re(e,Je(e));if(typeof e=="string")return $(e);switch(e){case N:return $("Suspense");case p:return $("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case d:return Be(e.render);case R:return Z(e.type,r,t);case j:{var n=e,i=n._payload,c=n._init;try{return Z(c(i),r,t)}catch{}}}return""}var G=Object.prototype.hasOwnProperty,Se={},we=D.ReactDebugCurrentFrame;function Q(e){if(e){var r=e._owner,t=Z(e.type,e._source,r?r.type:null);we.setExtraStackFrame(t)}else we.setExtraStackFrame(null)}function Ke(e,r,t,n,i){{var c=Function.call.bind(G);for(var o in e)if(c(e,o)){var a=void 0;try{if(typeof e[o]!="function"){var h=Error((n||"React class")+": "+t+" type `"+o+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[o]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw h.name="Invariant Violation",h}a=e[o](r,o,n,t,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(u){a=u}a&&!(a instanceof Error)&&(Q(i),v("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",n||"React class",t,o,typeof a),Q(null)),a instanceof Error&&!(a.message in Se)&&(Se[a.message]=!0,Q(i),v("Failed %s type: %s",t,a.message),Q(null))}}}var Xe=Array.isArray;function se(e){return Xe(e)}function Ge(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,t=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t}}function He(e){try{return je(e),!1}catch{return!0}}function je(e){return""+e}function Te(e){if(He(e))return v("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Ge(e)),je(e)}var Ce=D.ReactCurrentOwner,$e={key:!0,ref:!0,__self:!0,__source:!0},Oe,Pe;function qe(e){if(G.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function Ze(e){if(G.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function Qe(e,r){typeof e.ref=="string"&&Ce.current}function er(e,r){{var t=function(){Oe||(Oe=!0,v("%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)",r))};t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}}function rr(e,r){{var t=function(){Pe||(Pe=!0,v("%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)",r))};t.isReactWarning=!0,Object.defineProperty(e,"ref",{get:t,configurable:!0})}}var tr=function(e,r,t,n,i,c,o){var a={$$typeof:P,type:e,key:r,ref:t,props:o,_owner:c};return a._store={},Object.defineProperty(a._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(a,"_self",{configurable:!1,enumerable:!1,writable:!1,value:n}),Object.defineProperty(a,"_source",{configurable:!1,enumerable:!1,writable:!1,value:i}),Object.freeze&&(Object.freeze(a.props),Object.freeze(a)),a};function nr(e,r,t,n,i){{var c,o={},a=null,h=null;t!==void 0&&(Te(t),a=""+t),Ze(r)&&(Te(r.key),a=""+r.key),qe(r)&&(h=r.ref,Qe(r,i));for(c in r)G.call(r,c)&&!$e.hasOwnProperty(c)&&(o[c]=r[c]);if(e&&e.defaultProps){var u=e.defaultProps;for(c in u)o[c]===void 0&&(o[c]=u[c])}if(a||h){var f=typeof e=="function"?e.displayName||e.name||"Unknown":e;a&&er(o,f),h&&rr(o,f)}return tr(e,a,h,i,n,Ce.current,o)}}var le=D.ReactCurrentOwner,ke=D.ReactDebugCurrentFrame;function U(e){if(e){var r=e._owner,t=Z(e.type,e._source,r?r.type:null);ke.setExtraStackFrame(t)}else ke.setExtraStackFrame(null)}var ce;ce=!1;function ue(e){return typeof e=="object"&&e!==null&&e.$$typeof===P}function Ne(){{if(le.current){var e=F(le.current.type);if(e)return`
+ */var ve;function Le(){return ve||(ve=1,process.env.NODE_ENV!=="production"&&function(){var W=h,k=Symbol.for("react.element"),N=Symbol.for("react.portal"),S=Symbol.for("react.fragment"),L=Symbol.for("react.strict_mode"),Y=Symbol.for("react.profiler"),O=Symbol.for("react.provider"),T=Symbol.for("react.context"),p=Symbol.for("react.forward_ref"),D=Symbol.for("react.suspense"),v=Symbol.for("react.suspense_list"),j=Symbol.for("react.memo"),C=Symbol.for("react.lazy"),M=Symbol.for("react.offscreen"),K=Symbol.iterator,re="@@iterator";function te(e){if(e===null||typeof e!="object")return null;var r=K&&e[K]||e[re];return typeof r=="function"?r:null}var P=W.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function m(e){{for(var r=arguments.length,t=new Array(r>1?r-1:0),n=1;n<r;n++)t[n-1]=arguments[n];ne("error",e,t)}}function ne(e,r,t){{var n=P.ReactDebugCurrentFrame,s=n.getStackAddendum();s!==""&&(r+="%s",t=t.concat([s]));var c=t.map(function(i){return String(i)});c.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,c)}}var ae=!1,o=!1,b=!1,f=!1,x=!1,g;g=Symbol.for("react.module.reference");function E(e){return!!(typeof e=="string"||typeof e=="function"||e===S||e===Y||x||e===L||e===D||e===v||f||e===M||ae||o||b||typeof e=="object"&&e!==null&&(e.$$typeof===C||e.$$typeof===j||e.$$typeof===O||e.$$typeof===T||e.$$typeof===p||e.$$typeof===g||e.getModuleId!==void 0))}function R(e,r,t){var n=e.displayName;if(n)return n;var s=r.displayName||r.name||"";return s!==""?t+"("+s+")":t}function X(e){return e.displayName||"Context"}function F(e){if(e==null)return null;if(typeof e.tag=="number"&&m("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 S:return"Fragment";case N:return"Portal";case Y:return"Profiler";case L:return"StrictMode";case D:return"Suspense";case v:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case T:var r=e;return X(r)+".Consumer";case O:var t=e;return X(t._context)+".Provider";case p:return R(e,e.render,"ForwardRef");case j:var n=e.displayName||null;return n!==null?n:F(e.type)||"Memo";case C:{var s=e,c=s._payload,i=s._init;try{return F(i(c))}catch{return null}}}return null}var I=Object.assign,G=0,me,ge,he,be,ye,xe,_e;function Ee(){}Ee.__reactDisabledLog=!0;function Me(){{if(G===0){me=console.log,ge=console.info,he=console.warn,be=console.error,ye=console.group,xe=console.groupCollapsed,_e=console.groupEnd;var e={configurable:!0,enumerable:!0,value:Ee,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}G++}}function Ue(){{if(G--,G===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:I({},e,{value:me}),info:I({},e,{value:ge}),warn:I({},e,{value:he}),error:I({},e,{value:be}),group:I({},e,{value:ye}),groupCollapsed:I({},e,{value:xe}),groupEnd:I({},e,{value:_e})})}G<0&&m("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var oe=P.ReactCurrentDispatcher,ie;function $(e,r,t){{if(ie===void 0)try{throw Error()}catch(s){var n=s.stack.trim().match(/\n( *(at )?)/);ie=n&&n[1]||""}return`
+`+ie+e}}var se=!1,q;{var Ve=typeof WeakMap=="function"?WeakMap:Map;q=new Ve}function Re(e,r){if(!e||se)return"";{var t=q.get(e);if(t!==void 0)return t}var n;se=!0;var s=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var c;c=oe.current,oe.current=null,Me();try{if(r){var i=function(){throw Error()};if(Object.defineProperty(i.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(i,[])}catch(_){n=_}Reflect.construct(e,[],i)}else{try{i.call()}catch(_){n=_}e.call(i.prototype)}}else{try{throw Error()}catch(_){n=_}e()}}catch(_){if(_&&n&&typeof _.stack=="string"){for(var a=_.stack.split(`
+`),y=n.stack.split(`
+`),u=a.length-1,d=y.length-1;u>=1&&d>=0&&a[u]!==y[d];)d--;for(;u>=1&&d>=0;u--,d--)if(a[u]!==y[d]){if(u!==1||d!==1)do if(u--,d--,d<0||a[u]!==y[d]){var w=`
+`+a[u].replace(" at new "," at ");return e.displayName&&w.includes("<anonymous>")&&(w=w.replace("<anonymous>",e.displayName)),typeof e=="function"&&q.set(e,w),w}while(u>=1&&d>=0);break}}}finally{se=!1,oe.current=c,Ue(),Error.prepareStackTrace=s}var V=e?e.displayName||e.name:"",z=V?$(V):"";return typeof e=="function"&&q.set(e,z),z}function Be(e,r,t){return Re(e,!1)}function Je(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function Z(e,r,t){if(e==null)return"";if(typeof e=="function")return Re(e,Je(e));if(typeof e=="string")return $(e);switch(e){case D:return $("Suspense");case v:return $("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case p:return Be(e.render);case j:return Z(e.type,r,t);case C:{var n=e,s=n._payload,c=n._init;try{return Z(c(s),r,t)}catch{}}}return""}var H=Object.prototype.hasOwnProperty,Se={},we=P.ReactDebugCurrentFrame;function Q(e){if(e){var r=e._owner,t=Z(e.type,e._source,r?r.type:null);we.setExtraStackFrame(t)}else we.setExtraStackFrame(null)}function Ke(e,r,t,n,s){{var c=Function.call.bind(H);for(var i in e)if(c(e,i)){var a=void 0;try{if(typeof e[i]!="function"){var y=Error((n||"React class")+": "+t+" type `"+i+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[i]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw y.name="Invariant Violation",y}a=e[i](r,i,n,t,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(u){a=u}a&&!(a instanceof Error)&&(Q(s),m("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",n||"React class",t,i,typeof a),Q(null)),a instanceof Error&&!(a.message in Se)&&(Se[a.message]=!0,Q(s),m("Failed %s type: %s",t,a.message),Q(null))}}}var Xe=Array.isArray;function le(e){return Xe(e)}function Ge(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,t=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t}}function He(e){try{return je(e),!1}catch{return!0}}function je(e){return""+e}function Te(e){if(He(e))return m("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Ge(e)),je(e)}var Ce=P.ReactCurrentOwner,$e={key:!0,ref:!0,__self:!0,__source:!0},Oe,Pe;function qe(e){if(H.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function Ze(e){if(H.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function Qe(e,r){typeof e.ref=="string"&&Ce.current}function er(e,r){{var t=function(){Oe||(Oe=!0,m("%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)",r))};t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}}function rr(e,r){{var t=function(){Pe||(Pe=!0,m("%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)",r))};t.isReactWarning=!0,Object.defineProperty(e,"ref",{get:t,configurable:!0})}}var tr=function(e,r,t,n,s,c,i){var a={$$typeof:k,type:e,key:r,ref:t,props:i,_owner:c};return a._store={},Object.defineProperty(a._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(a,"_self",{configurable:!1,enumerable:!1,writable:!1,value:n}),Object.defineProperty(a,"_source",{configurable:!1,enumerable:!1,writable:!1,value:s}),Object.freeze&&(Object.freeze(a.props),Object.freeze(a)),a};function nr(e,r,t,n,s){{var c,i={},a=null,y=null;t!==void 0&&(Te(t),a=""+t),Ze(r)&&(Te(r.key),a=""+r.key),qe(r)&&(y=r.ref,Qe(r,s));for(c in r)H.call(r,c)&&!$e.hasOwnProperty(c)&&(i[c]=r[c]);if(e&&e.defaultProps){var u=e.defaultProps;for(c in u)i[c]===void 0&&(i[c]=u[c])}if(a||y){var d=typeof e=="function"?e.displayName||e.name||"Unknown":e;a&&er(i,d),y&&rr(i,d)}return tr(e,a,y,s,n,Ce.current,i)}}var ce=P.ReactCurrentOwner,ke=P.ReactDebugCurrentFrame;function U(e){if(e){var r=e._owner,t=Z(e.type,e._source,r?r.type:null);ke.setExtraStackFrame(t)}else ke.setExtraStackFrame(null)}var ue;ue=!1;function fe(e){return typeof e=="object"&&e!==null&&e.$$typeof===k}function Ne(){{if(ce.current){var e=F(ce.current.type);if(e)return`
 
 Check the render method of \``+e+"`."}return""}}function ar(e){return""}var De={};function or(e){{var r=Ne();if(!r){var t=typeof e=="string"?e:e.displayName||e.name;t&&(r=`
 
-Check the top-level render call using <`+t+">.")}return r}}function Fe(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=or(r);if(De[t])return;De[t]=!0;var n="";e&&e._owner&&e._owner!==le.current&&(n=" It was passed a child from "+F(e._owner.type)+"."),U(e),v('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,n),U(null)}}function Ae(e,r){{if(typeof e!="object")return;if(se(e))for(var t=0;t<e.length;t++){var n=e[t];ue(n)&&Fe(n,r)}else if(ue(e))e._store&&(e._store.validated=!0);else if(e){var i=te(e);if(typeof i=="function"&&i!==e.entries)for(var c=i.call(e),o;!(o=c.next()).done;)ue(o.value)&&Fe(o.value,r)}}}function ir(e){{var r=e.type;if(r==null||typeof r=="string")return;var t;if(typeof r=="function")t=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===d||r.$$typeof===R))t=r.propTypes;else return;if(t){var n=F(r);Ke(t,e.props,"prop",n,e)}else if(r.PropTypes!==void 0&&!ce){ce=!0;var i=F(r);v("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",i||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&v("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function sr(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var n=r[t];if(n!=="children"&&n!=="key"){U(e),v("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",n),U(null);break}}e.ref!==null&&(U(e),v("Invalid attribute `ref` supplied to `React.Fragment`."),U(null))}}var Ie={};function We(e,r,t,n,i,c){{var o=y(e);if(!o){var a="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(a+=" 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 h=ar();h?a+=h:a+=Ne();var u;e===null?u="null":se(e)?u="array":e!==void 0&&e.$$typeof===P?(u="<"+(F(e.type)||"Unknown")+" />",a=" Did you accidentally export a JSX literal instead of a component?"):u=typeof e,v("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",u,a)}var f=nr(e,r,t,i,c);if(f==null)return f;if(o){var E=r.children;if(E!==void 0)if(n)if(se(E)){for(var V=0;V<E.length;V++)Ae(E[V],e);Object.freeze&&Object.freeze(E)}else v("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 Ae(E,e)}if(G.call(r,"key")){var W=F(e),m=Object.keys(r).filter(function(pr){return pr!=="key"}),fe=m.length>0?"{key: someKey, "+m.join(": ..., ")+": ...}":"{key: someKey}";if(!Ie[W+fe]){var dr=m.length>0?"{"+m.join(": ..., ")+": ...}":"{}";v(`A props object containing a "key" prop is being spread into JSX:
+Check the top-level render call using <`+t+">.")}return r}}function Fe(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=or(r);if(De[t])return;De[t]=!0;var n="";e&&e._owner&&e._owner!==ce.current&&(n=" It was passed a child from "+F(e._owner.type)+"."),U(e),m('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,n),U(null)}}function Ae(e,r){{if(typeof e!="object")return;if(le(e))for(var t=0;t<e.length;t++){var n=e[t];fe(n)&&Fe(n,r)}else if(fe(e))e._store&&(e._store.validated=!0);else if(e){var s=te(e);if(typeof s=="function"&&s!==e.entries)for(var c=s.call(e),i;!(i=c.next()).done;)fe(i.value)&&Fe(i.value,r)}}}function ir(e){{var r=e.type;if(r==null||typeof r=="string")return;var t;if(typeof r=="function")t=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===p||r.$$typeof===j))t=r.propTypes;else return;if(t){var n=F(r);Ke(t,e.props,"prop",n,e)}else if(r.PropTypes!==void 0&&!ue){ue=!0;var s=F(r);m("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",s||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&m("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function sr(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var n=r[t];if(n!=="children"&&n!=="key"){U(e),m("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",n),U(null);break}}e.ref!==null&&(U(e),m("Invalid attribute `ref` supplied to `React.Fragment`."),U(null))}}var Ie={};function ze(e,r,t,n,s,c){{var i=E(e);if(!i){var a="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(a+=" 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 y=ar();y?a+=y:a+=Ne();var u;e===null?u="null":le(e)?u="array":e!==void 0&&e.$$typeof===k?(u="<"+(F(e.type)||"Unknown")+" />",a=" Did you accidentally export a JSX literal instead of a component?"):u=typeof e,m("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",u,a)}var d=nr(e,r,t,s,c);if(d==null)return d;if(i){var w=r.children;if(w!==void 0)if(n)if(le(w)){for(var V=0;V<w.length;V++)Ae(w[V],e);Object.freeze&&Object.freeze(w)}else m("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 Ae(w,e)}if(H.call(r,"key")){var z=F(e),_=Object.keys(r).filter(function(pr){return pr!=="key"}),de=_.length>0?"{key: someKey, "+_.join(": ..., ")+": ...}":"{key: someKey}";if(!Ie[z+de]){var dr=_.length>0?"{"+_.join(": ..., ")+": ...}":"{}";m(`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} />`,fe,W,dr,W),Ie[W+fe]=!0}}return e===x?sr(f):ir(f),f}}function lr(e,r,t){return We(e,r,t,!0)}function cr(e,r,t){return We(e,r,t,!1)}var ur=cr,fr=lr;J.Fragment=x,J.jsx=ur,J.jsxs=fr}()),J}process.env.NODE_ENV==="production"?ee.exports=Le():ee.exports=Ye();var s=ee.exports;const ze=()=>{const[L,P]=b.useState(!1),[k,x]=b.useState("idle"),[Y,z]=b.useState(""),[T,w]=b.useState(null),[d,N]=b.useState(""),[p,R]=b.useState(""),[j,M]=b.useState(null),[K,re]=b.useState(null),te="http://136.113.197.77:5000/predict/size-from-chart";function D(){var S;let l=0,_=0;const g=["pant","jeans","trouser","skirt","short","legging","jogger","bottom","denim","cargo"],C=["shirt","top","tee","blouse","jacket","coat","hoodie","sweater","vest","cardigan","dress","t-shirt"],O=(document.title+" "+(((S=document.querySelector("h1"))==null?void 0:S.innerText)||"")).toLowerCase();return g.forEach(y=>{O.includes(y)&&(_+=2)}),C.forEach(y=>{O.includes(y)&&(l+=2)}),_>l?"bottom":"top"}function v(){const l={chart_type:"none",chart_content:null,available_sizes:[]},_=document.querySelector("table");if(_&&/chest|waist|bust|hip|size/i.test(_.innerText))return l.chart_type="html_table",l.chart_content=_.outerHTML,l;const g=document.querySelectorAll("img");for(let S of g){const y=S.src.toLowerCase(),H=(S.alt||"").toLowerCase();if(y.includes("size")&&y.includes("chart")||H.includes("size")&&H.includes("guide"))return l.chart_type="image_url",l.chart_content=S.src,l}const C=document.querySelector('.size-guide, #size-chart, .measurement-guide, [class*="SizeGuide"]');return C?(l.chart_type="raw_text",l.chart_content=C.innerText,l):(document.querySelectorAll("button, span, li").forEach(S=>{const y=S.innerText.trim();/^(XS|S|M|L|XL|XXL|[0-9]{2})$/i.test(y)&&y.length<4&&(l.available_sizes.includes(y)||l.available_sizes.push(y))}),l)}const ne=async()=>{if(!j||!K||!d||!p){alert("Please fill all fields.");return}x("loading");const l=D(),_=v(),g=new FormData;g.append("front_image",j),g.append("side_image",K),g.append("height",d),g.append("weight",p),g.append("product_type",l),g.append("chart_type",_.chart_type),g.append("chart_content",_.chart_content),g.append("available_sizes",JSON.stringify(_.available_sizes));try{const O=await(await fetch(te,{method:"POST",body:g})).json();if(O.error)throw new Error(O.error);w(O),x("success")}catch(C){z(C.message),x("error")}};return s.jsxs("div",{className:"fixed bottom-6 right-6 z-[999999]",children:[s.jsx("button",{onClick:()=>P(!L),className:"bg-black text-white px-7 py-3.5 rounded-full shadow-xl font-bold text-sm hover:opacity-80 transition-opacity",children:"Styllar"}),L&&s.jsxs("div",{className:"absolute bottom-20 right-0 w-[330px] bg-white rounded-2xl p-6 shadow-2xl border border-gray-100 text-black",children:[s.jsxs("div",{className:"flex justify-between items-center mb-4",children:[s.jsx("h3",{className:"m-0 text-lg font-bold",children:"Smart Fit Assistant"}),s.jsx("button",{onClick:()=>P(!1),className:"text-gray-400 hover:text-black text-2xl leading-none",children:"×"})]}),k==="loading"&&s.jsxs("div",{className:"flex flex-col items-center justify-center py-8",children:[s.jsx("div",{className:"w-8 h-8 border-4 border-gray-200 border-t-black rounded-full animate-spin mb-4"}),s.jsx("p",{className:"text-sm text-gray-600",children:"Analyzing body & page data..."})]}),k==="success"&&T&&s.jsxs("div",{className:"text-center py-6",children:[s.jsx("div",{className:"text-sm text-green-600 font-bold tracking-wider",children:"MATCH FOUND"}),s.jsx("div",{className:"text-5xl font-black my-4 text-black",children:T.recommended_size}),s.jsxs("div",{className:"text-xs text-gray-500 mb-6",children:["Confidence: ",T.confidence]}),s.jsx("button",{onClick:()=>{x("idle"),w(null)},className:"text-blue-600 text-sm underline hover:text-blue-800",children:"Run New Scan"})]}),k==="error"&&s.jsxs("div",{className:"py-4",children:[s.jsxs("p",{className:"text-red-500 text-sm mb-4",children:["Error: ",Y]}),s.jsx("button",{onClick:()=>x("idle"),className:"w-full bg-black text-white py-3 rounded-xl font-bold text-sm",children:"Try Again"})]}),k==="idle"&&s.jsxs("div",{children:[s.jsx("p",{className:"text-sm text-gray-600 mb-5 leading-relaxed",children:"Upload photos for a precision body scan."}),s.jsxs("div",{className:"flex gap-3 mb-4",children:[s.jsx("input",{type:"number",placeholder:"Height (cm)",value:d,onChange:l=>N(l.target.value),className:"w-1/2 p-2.5 border border-gray-300 rounded-lg outline-none focus:border-black text-sm"}),s.jsx("input",{type:"number",placeholder:"Weight (kg)",value:p,onChange:l=>R(l.target.value),className:"w-1/2 p-2.5 border border-gray-300 rounded-lg outline-none focus:border-black text-sm"})]}),s.jsxs("div",{className:"mb-3",children:[s.jsx("label",{className:"text-[11px] font-bold text-gray-400 uppercase block mb-1",children:"Front Image"}),s.jsx("input",{type:"file",accept:"image/*",onChange:l=>M(l.target.files[0]),className:"w-full text-xs file:mr-3 file:py-1.5 file:px-3 file:rounded-md file:border-0 file:text-xs file:bg-gray-100 file:text-black hover:file:bg-gray-200"})]}),s.jsxs("div",{className:"mb-5",children:[s.jsx("label",{className:"text-[11px] font-bold text-gray-400 uppercase block mb-1",children:"Side Image"}),s.jsx("input",{type:"file",accept:"image/*",onChange:l=>re(l.target.files[0]),className:"w-full text-xs file:mr-3 file:py-1.5 file:px-3 file:rounded-md file:border-0 file:text-xs file:bg-gray-100 file:text-black hover:file:bg-gray-200"})]}),s.jsx("button",{onClick:ne,className:"w-full bg-black text-white py-3.5 rounded-xl font-bold text-sm hover:opacity-80 transition-opacity",children:"Run Body Scan"})]})]})]})};A.StyllarPlugin=ze,Object.defineProperty(A,Symbol.toStringTag,{value:"Module"})});
+  <%s key={someKey} {...props} />`,de,z,dr,z),Ie[z+de]=!0}}return e===S?sr(d):ir(d),d}}function lr(e,r,t){return ze(e,r,t,!0)}function cr(e,r,t){return ze(e,r,t,!1)}var ur=cr,fr=lr;J.Fragment=S,J.jsx=ur,J.jsxs=fr}()),J}process.env.NODE_ENV==="production"?ee.exports=We():ee.exports=Le();var l=ee.exports;const Ye=()=>{const[W,k]=h.useState(!1),[N,S]=h.useState("idle"),[L,Y]=h.useState(""),[O,T]=h.useState(null),[p,D]=h.useState(""),[v,j]=h.useState(""),[C,M]=h.useState(null),[K,re]=h.useState(null),te="http://136.113.197.77:5000/predict/size-from-chart",P=o=>{if(!o)return;const b=()=>{const f=document.querySelectorAll('button, .size-swatch, .size-option, li[role="radio"], div[data-value]');for(let x of f){const g=x.innerText.trim().toUpperCase(),E=String(o).trim().toUpperCase();if(g===E||g===`SIZE ${E}`)return x.click(),console.log(`Styllar: Successfully auto-selected size ${o}`),!0}return!1};if(!b()){let f=0;const x=setInterval(()=>{f++,(b()||f>10)&&clearInterval(x)},500)}};h.useEffect(()=>{typeof chrome<"u"&&chrome.storage&&chrome.storage.local.get(["styllar_last_size"],o=>{o.styllar_last_size&&(console.log("Styllar: Found saved size:",o.styllar_last_size),setTimeout(()=>P(o.styllar_last_size),1e3))})},[]);function m(){var E;let o=0,b=0;const f=["pant","jeans","trouser","skirt","short","legging","jogger","bottom","denim","cargo"],x=["shirt","top","tee","blouse","jacket","coat","hoodie","sweater","vest","cardigan","dress","t-shirt"],g=(document.title+" "+(((E=document.querySelector("h1"))==null?void 0:E.innerText)||"")).toLowerCase();return f.forEach(R=>{g.includes(R)&&(b+=2)}),x.forEach(R=>{g.includes(R)&&(o+=2)}),b>o?"bottom":"top"}function ne(){const o={chart_type:"none",chart_content:null,available_sizes:[]},b=document.querySelector("table");if(b&&/chest|waist|bust|hip|size/i.test(b.innerText))return o.chart_type="html_table",o.chart_content=b.outerHTML,o;const f=document.querySelectorAll("img");for(let E of f){const R=E.src.toLowerCase(),X=(E.alt||"").toLowerCase();if(R.includes("size")&&R.includes("chart")||X.includes("size")&&X.includes("guide"))return o.chart_type="image_url",o.chart_content=E.src,o}const x=document.querySelector('.size-guide, #size-chart, .measurement-guide, [class*="SizeGuide"]');return x?(o.chart_type="raw_text",o.chart_content=x.innerText,o):(document.querySelectorAll("button, span, li").forEach(E=>{const R=E.innerText.trim();/^(XS|S|M|L|XL|XXL|[0-9]{2})$/i.test(R)&&R.length<4&&(o.available_sizes.includes(R)||o.available_sizes.push(R))}),o)}const ae=async()=>{if(!C||!K||!p||!v){alert("Please fill all fields.");return}S("loading");const o=m(),b=ne(),f=new FormData;f.append("front_image",C),f.append("side_image",K),f.append("height",p),f.append("weight",v),f.append("product_type",o),f.append("chart_type",b.chart_type),f.append("chart_content",b.chart_content),f.append("available_sizes",JSON.stringify(b.available_sizes));try{const g=await(await fetch(te,{method:"POST",body:f})).json();if(g.error)throw new Error(g.error);T(g),S("success"),g.recommended_size&&(P(g.recommended_size),typeof chrome<"u"&&chrome.storage&&chrome.storage.local.set({styllar_last_size:g.recommended_size}))}catch(x){Y(x.message),S("error")}};return l.jsxs("div",{className:"fixed bottom-6 right-6 z-[999999]",children:[l.jsx("button",{onClick:()=>k(!W),className:"bg-black text-white px-7 py-3.5 rounded-full shadow-xl font-bold text-sm hover:opacity-80 transition-opacity",children:"Styllar"}),W&&l.jsxs("div",{className:"absolute bottom-20 right-0 w-[330px] bg-white rounded-2xl p-6 shadow-2xl border border-gray-100 text-black",children:[l.jsxs("div",{className:"flex justify-between items-center mb-4",children:[l.jsx("h3",{className:"m-0 text-lg font-bold",children:"Smart Fit Assistant"}),l.jsx("button",{onClick:()=>k(!1),className:"text-gray-400 hover:text-black text-2xl leading-none",children:"×"})]}),N==="loading"&&l.jsxs("div",{className:"flex flex-col items-center justify-center py-8",children:[l.jsx("div",{className:"w-8 h-8 border-4 border-gray-200 border-t-black rounded-full animate-spin mb-4"}),l.jsx("p",{className:"text-sm text-gray-600",children:"Analyzing body & page data..."})]}),N==="success"&&O&&l.jsxs("div",{className:"text-center py-6",children:[l.jsx("div",{className:"text-sm text-green-600 font-bold tracking-wider",children:"MATCH FOUND"}),l.jsx("div",{className:"text-5xl font-black my-4 text-black",children:O.recommended_size}),l.jsxs("div",{className:"text-xs text-gray-500 mb-6",children:["Confidence: ",O.confidence]}),l.jsx("button",{onClick:()=>{S("idle"),T(null)},className:"text-blue-600 text-sm underline hover:text-blue-800",children:"Run New Scan"})]}),N==="error"&&l.jsxs("div",{className:"py-4",children:[l.jsxs("p",{className:"text-red-500 text-sm mb-4",children:["Error: ",L]}),l.jsx("button",{onClick:()=>S("idle"),className:"w-full bg-black text-white py-3 rounded-xl font-bold text-sm",children:"Try Again"})]}),N==="idle"&&l.jsxs("div",{children:[l.jsx("p",{className:"text-sm text-gray-600 mb-5 leading-relaxed",children:"Upload photos for a precision body scan."}),l.jsxs("div",{className:"flex gap-3 mb-4",children:[l.jsx("input",{type:"number",placeholder:"Height (cm)",value:p,onChange:o=>D(o.target.value),className:"w-1/2 p-2.5 border border-gray-300 rounded-lg outline-none focus:border-black text-sm"}),l.jsx("input",{type:"number",placeholder:"Weight (kg)",value:v,onChange:o=>j(o.target.value),className:"w-1/2 p-2.5 border border-gray-300 rounded-lg outline-none focus:border-black text-sm"})]}),l.jsxs("div",{className:"mb-3",children:[l.jsx("label",{className:"text-[11px] font-bold text-gray-400 uppercase block mb-1",children:"Front Image"}),l.jsx("input",{type:"file",accept:"image/*",onChange:o=>M(o.target.files[0]),className:"w-full text-xs file:mr-3 file:py-1.5 file:px-3 file:rounded-md file:border-0 file:text-xs file:bg-gray-100 file:text-black hover:file:bg-gray-200"})]}),l.jsxs("div",{className:"mb-5",children:[l.jsx("label",{className:"text-[11px] font-bold text-gray-400 uppercase block mb-1",children:"Side Image"}),l.jsx("input",{type:"file",accept:"image/*",onChange:o=>re(o.target.files[0]),className:"w-full text-xs file:mr-3 file:py-1.5 file:px-3 file:rounded-md file:border-0 file:text-xs file:bg-gray-100 file:text-black hover:file:bg-gray-200"})]}),l.jsx("button",{onClick:ae,className:"w-full bg-black text-white py-3.5 rounded-xl font-bold text-sm hover:opacity-80 transition-opacity",children:"Run Body Scan"})]})]})]})};A.StyllarPlugin=Ye,Object.defineProperty(A,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "styllar-react-plugin",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "type": "module",
   "main": "dist/styllar-react-plugin.umd.cjs",
   "module": "dist/styllar-react-plugin.js",
@@ -35,4 +35,4 @@
     "tailwindcss": "^4.2.0",
     "vite": "^5.4.10"
   }
-}
+}

package/src/StyllarPlugin.jsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 
 const StyllarPlugin = () => {
     // --- 1. REACT STATE MANAGEMENT ---
@@ -15,6 +15,53 @@ const StyllarPlugin = () => {
 
     const API_ENDPOINT = "http://136.113.197.77:5000/predict/size-from-chart";
 
+    // --- NEW: AUTO-SELECT FUNCTION (WITH POLLING) ---
+    const autoSelectSize = (targetSize) => {
+        if (!targetSize) return;
+
+        const trySelect = () => {
+            // Look for common size elements on e-commerce sites
+            const sizeElements = document.querySelectorAll('button, .size-swatch, .size-option, li[role="radio"], div[data-value]');
+            
+            for (let el of sizeElements) {
+                const text = el.innerText.trim().toUpperCase();
+                const recommended = String(targetSize).trim().toUpperCase();
+
+                // Check for exact match or formats like "SIZE L"
+                if (text === recommended || text === `SIZE ${recommended}`) {
+                    el.click();
+                    console.log(`Styllar: Successfully auto-selected size ${targetSize}`);
+                    return true; // Found and clicked
+                }
+            }
+            return false; // Not found yet
+        };
+
+        // Try immediately. If it fails (DOM loading dynamically), poll for up to 5 seconds.
+        if (!trySelect()) {
+            let attempts = 0;
+            const interval = setInterval(() => {
+                attempts++;
+                if (trySelect() || attempts > 10) {
+                    clearInterval(interval);
+                }
+            }, 500);
+        }
+    };
+
+    // --- NEW: CHECK STORAGE ON PAGE LOAD ---
+    useEffect(() => {
+        if (typeof chrome !== "undefined" && chrome.storage) {
+            chrome.storage.local.get(["styllar_last_size"], (data) => {
+                if (data.styllar_last_size) {
+                    console.log("Styllar: Found saved size:", data.styllar_last_size);
+                    // Wait a brief moment for the host site to render its UI
+                    setTimeout(() => autoSelectSize(data.styllar_last_size), 1000);
+                }
+            });
+        }
+    }, []);
+
     // --- 2. INTELLIGENCE & SCRAPING (Unchanged logic) ---
     function detectProductCategory() {
         let scoreTop = 0; let scoreBottom = 0;
@@ -90,6 +137,16 @@ const StyllarPlugin = () => {
 
             setResult(data);
             setStatus('success');
+
+            // --- NEW: Trigger Auto-Select & Save to Storage ---
+            if (data.recommended_size) {
+                autoSelectSize(data.recommended_size);
+                
+                if (typeof chrome !== "undefined" && chrome.storage) {
+                    chrome.storage.local.set({ styllar_last_size: data.recommended_size });
+                }
+            }
+
         } catch (e) {
             setErrorMsg(e.message);
             setStatus('error');