npm - @mypixia/simplex-designer - Versions diffs - 1.0.18 → 1.1.0 - Mend

@mypixia/simplex-designer 1.0.18 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/index.es.js CHANGED Viewed

@@ -1,11 +1,11 @@
-import I, { useState as M, useEffect as ce, forwardRef as Kt, useRef as vt, useImperativeHandle as Xt } from "react";
+import E, { useState as M, useEffect as ae, forwardRef as Kt, useRef as yt, useImperativeHandle as Xt } from "react";
 import { fabric as D } from "fabric";
-import je from "axios";
+import Se from "axios";
 import Qt from "qrcode";
 import qt from "react-barcode";
-import { FacebookShareButton as Zt, FacebookIcon as er, TwitterShareButton as tr, XIcon as rr, TelegramShareButton as nr, TelegramIcon as sr, WhatsappShareButton as or, WhatsappIcon as ir, LinkedinShareButton as cr, LinkedinIcon as ar, PinterestShareButton as lr, PinterestIcon as dr, RedditShareButton as hr, RedditIcon as pr, InstapaperShareButton as ur, InstapaperIcon as fr } from "react-share";
+import { FacebookShareButton as Zt, FacebookIcon as er, TwitterShareButton as tr, XIcon as rr, TelegramShareButton as nr, TelegramIcon as sr, WhatsappShareButton as or, WhatsappIcon as ir, LinkedinShareButton as cr, LinkedinIcon as ar, PinterestShareButton as lr, PinterestIcon as dr, RedditShareButton as pr, RedditIcon as hr, InstapaperShareButton as ur, InstapaperIcon as fr } from "react-share";
 import xr from "react-dom";
-import './index_external.css';var ot = { exports: {} }, rt = {};
+import './index_external.css';var pt = { exports: {} }, at = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -15,21 +15,21 @@ import './index_external.css';var ot = { exports: {} }, rt = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var jt;
+var wt;
 function gr() {
-  if (jt) return rt;
-  jt = 1;
-  var y = I, r = Symbol.for("react.element"), n = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, l = y.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, d = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function f(h, m, i) {
-    var g, p = {}, b = null, o = null;
-    i !== void 0 && (b = "" + i), m.key !== void 0 && (b = "" + m.key), m.ref !== void 0 && (o = m.ref);
-    for (g in m) c.call(m, g) && !d.hasOwnProperty(g) && (p[g] = m[g]);
-    if (h && h.defaultProps) for (g in m = h.defaultProps, m) p[g] === void 0 && (p[g] = m[g]);
-    return { $$typeof: r, type: h, key: b, ref: o, props: p, _owner: l.current };
+  if (wt) return at;
+  wt = 1;
+  var y = E, r = Symbol.for("react.element"), n = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, l = y.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, d = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function f(p, m, c) {
+    var g, h = {}, b = null, o = null;
+    c !== void 0 && (b = "" + c), m.key !== void 0 && (b = "" + m.key), m.ref !== void 0 && (o = m.ref);
+    for (g in m) a.call(m, g) && !d.hasOwnProperty(g) && (h[g] = m[g]);
+    if (p && p.defaultProps) for (g in m = p.defaultProps, m) h[g] === void 0 && (h[g] = m[g]);
+    return { $$typeof: r, type: p, key: b, ref: o, props: h, _owner: l.current };
   }
-  return rt.Fragment = n, rt.jsx = f, rt.jsxs = f, rt;
+  return at.Fragment = n, at.jsx = f, at.jsxs = f, at;
 }
-var nt = {};
+var lt = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -39,10 +39,10 @@ var nt = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var bt;
+var Ct;
 function mr() {
-  return bt || (bt = 1, process.env.NODE_ENV !== "production" && function() {
-    var y = I, r = Symbol.for("react.element"), n = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), d = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), h = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), i = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), b = Symbol.for("react.lazy"), o = Symbol.for("react.offscreen"), j = Symbol.iterator, u = "@@iterator";
+  return Ct || (Ct = 1, process.env.NODE_ENV !== "production" && function() {
+    var y = E, r = Symbol.for("react.element"), n = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), d = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), p = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), c = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), b = Symbol.for("react.lazy"), o = Symbol.for("react.offscreen"), j = Symbol.iterator, u = "@@iterator";
     function v(t) {
       if (t === null || typeof t != "object")
         return null;
@@ -52,41 +52,41 @@ function mr() {
     var s = y.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function S(t) {
       {
-        for (var x = arguments.length, C = new Array(x > 1 ? x - 1 : 0), z = 1; z < x; z++)
-          C[z - 1] = arguments[z];
+        for (var x = arguments.length, C = new Array(x > 1 ? x - 1 : 0), R = 1; R < x; R++)
+          C[R - 1] = arguments[R];
         B("error", t, C);
       }
     }
     function B(t, x, C) {
       {
-        var z = s.ReactDebugCurrentFrame, J = z.getStackAddendum();
+        var R = s.ReactDebugCurrentFrame, J = R.getStackAddendum();
         J !== "" && (x += "%s", C = C.concat([J]));
-        var Y = C.map(function(W) {
+        var K = C.map(function(W) {
           return String(W);
         });
-        Y.unshift("Warning: " + x), Function.prototype.apply.call(console[t], console, Y);
+        K.unshift("Warning: " + x), Function.prototype.apply.call(console[t], console, K);
       }
     }
-    var E = !1, L = !1, H = !1, R = !1, A = !1, V;
+    var z = !1, _ = !1, H = !1, L = !1, I = !1, V;
     V = Symbol.for("react.module.reference");
     function Q(t) {
-      return !!(typeof t == "string" || typeof t == "function" || t === c || t === d || A || t === l || t === i || t === g || R || t === o || E || L || H || typeof t == "object" && t !== null && (t.$$typeof === b || t.$$typeof === p || t.$$typeof === f || t.$$typeof === h || t.$$typeof === m || // This needs to include all possible module reference object
+      return !!(typeof t == "string" || typeof t == "function" || t === a || t === d || I || t === l || t === c || t === g || L || t === o || z || _ || H || typeof t == "object" && t !== null && (t.$$typeof === b || t.$$typeof === h || t.$$typeof === f || t.$$typeof === p || t.$$typeof === m || // 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.
       t.$$typeof === V || t.getModuleId !== void 0));
     }
     function Z(t, x, C) {
-      var z = t.displayName;
-      if (z)
-        return z;
+      var R = t.displayName;
+      if (R)
+        return R;
       var J = x.displayName || x.name || "";
       return J !== "" ? C + "(" + J + ")" : C;
     }
-    function ie(t) {
+    function ce(t) {
       return t.displayName || "Context";
     }
-    function ne(t) {
+    function re(t) {
       if (t == null)
         return null;
       if (typeof t.tag == "number" && S("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof t == "function")
@@ -94,7 +94,7 @@ function mr() {
       if (typeof t == "string")
         return t;
       switch (t) {
-        case c:
+        case a:
           return "Fragment";
         case n:
           return "Portal";
@@ -102,28 +102,28 @@ function mr() {
           return "Profiler";
         case l:
           return "StrictMode";
-        case i:
+        case c:
           return "Suspense";
         case g:
           return "SuspenseList";
       }
       if (typeof t == "object")
         switch (t.$$typeof) {
-          case h:
+          case p:
             var x = t;
-            return ie(x) + ".Consumer";
+            return ce(x) + ".Consumer";
           case f:
             var C = t;
-            return ie(C._context) + ".Provider";
+            return ce(C._context) + ".Provider";
           case m:
             return Z(t, t.render, "ForwardRef");
-          case p:
-            var z = t.displayName || null;
-            return z !== null ? z : ne(t.type) || "Memo";
+          case h:
+            var R = t.displayName || null;
+            return R !== null ? R : re(t.type) || "Memo";
           case b: {
-            var J = t, Y = J._payload, W = J._init;
+            var J = t, K = J._payload, W = J._init;
             try {
-              return ne(W(Y));
+              return re(W(K));
             } catch {
               return null;
             }
@@ -131,18 +131,18 @@ function mr() {
         }
       return null;
     }
-    var le = Object.assign, ue = 0, be, Oe, ze, Re, Ue, se, qe;
-    function Le() {
+    var pe = Object.assign, ge = 0, ke, Te, Be, De, Ge, ne, nt;
+    function Fe() {
     }
-    Le.__reactDisabledLog = !0;
-    function We() {
+    Fe.__reactDisabledLog = !0;
+    function Ye() {
       {
-        if (ue === 0) {
-          be = console.log, Oe = console.info, ze = console.warn, Re = console.error, Ue = console.group, se = console.groupCollapsed, qe = console.groupEnd;
+        if (ge === 0) {
+          ke = console.log, Te = console.info, Be = console.warn, De = console.error, Ge = console.group, ne = console.groupCollapsed, nt = console.groupEnd;
           var t = {
             configurable: !0,
             enumerable: !0,
-            value: Le,
+            value: Fe,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -155,77 +155,77 @@ function mr() {
             groupEnd: t
           });
         }
-        ue++;
+        ge++;
       }
     }
-    function _e() {
+    function He() {
       {
-        if (ue--, ue === 0) {
+        if (ge--, ge === 0) {
           var t = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: le({}, t, {
-              value: be
+            log: pe({}, t, {
+              value: ke
             }),
-            info: le({}, t, {
-              value: Oe
+            info: pe({}, t, {
+              value: Te
             }),
-            warn: le({}, t, {
-              value: ze
+            warn: pe({}, t, {
+              value: Be
             }),
-            error: le({}, t, {
-              value: Re
+            error: pe({}, t, {
+              value: De
             }),
-            group: le({}, t, {
-              value: Ue
+            group: pe({}, t, {
+              value: Ge
             }),
-            groupCollapsed: le({}, t, {
-              value: se
+            groupCollapsed: pe({}, t, {
+              value: ne
             }),
-            groupEnd: le({}, t, {
-              value: qe
+            groupEnd: pe({}, t, {
+              value: nt
             })
           });
         }
-        ue < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        ge < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Be = s.ReactCurrentDispatcher, ye;
+    var Pe = s.ReactCurrentDispatcher, Ne;
     function G(t, x, C) {
       {
-        if (ye === void 0)
+        if (Ne === void 0)
           try {
             throw Error();
           } catch (J) {
-            var z = J.stack.trim().match(/\n( *(at )?)/);
-            ye = z && z[1] || "";
+            var R = J.stack.trim().match(/\n( *(at )?)/);
+            Ne = R && R[1] || "";
           }
         return `
-` + ye + t;
+` + Ne + t;
       }
     }
-    var Ae = !1, Ie;
+    var Ee = !1, ze;
     {
-      var oe = typeof WeakMap == "function" ? WeakMap : Map;
-      Ie = new oe();
+      var se = typeof WeakMap == "function" ? WeakMap : Map;
+      ze = new se();
     }
-    function Te(t, x) {
-      if (!t || Ae)
+    function Me(t, x) {
+      if (!t || Ee)
         return "";
       {
-        var C = Ie.get(t);
+        var C = ze.get(t);
         if (C !== void 0)
           return C;
       }
-      var z;
-      Ae = !0;
+      var R;
+      Ee = !0;
       var J = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var Y;
-      Y = Be.current, Be.current = null, We();
+      var K;
+      K = Pe.current, Pe.current = null, Ye();
       try {
         if (x) {
           var W = function() {
@@ -238,67 +238,67 @@ function mr() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(W, []);
-            } catch (de) {
-              z = de;
+            } catch (ue) {
+              R = ue;
             }
             Reflect.construct(t, [], W);
           } else {
             try {
               W.call();
-            } catch (de) {
-              z = de;
+            } catch (ue) {
+              R = ue;
             }
             t.call(W.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (de) {
-            z = de;
+          } catch (ue) {
+            R = ue;
           }
           t();
         }
-      } catch (de) {
-        if (de && z && typeof de.stack == "string") {
-          for (var U = de.stack.split(`
-`), ae = z.stack.split(`
-`), q = U.length - 1, te = ae.length - 1; q >= 1 && te >= 0 && U[q] !== ae[te]; )
-            te--;
-          for (; q >= 1 && te >= 0; q--, te--)
-            if (U[q] !== ae[te]) {
-              if (q !== 1 || te !== 1)
+      } catch (ue) {
+        if (ue && R && typeof ue.stack == "string") {
+          for (var U = ue.stack.split(`
+`), de = R.stack.split(`
+`), q = U.length - 1, ee = de.length - 1; q >= 1 && ee >= 0 && U[q] !== de[ee]; )
+            ee--;
+          for (; q >= 1 && ee >= 0; q--, ee--)
+            if (U[q] !== de[ee]) {
+              if (q !== 1 || ee !== 1)
                 do
-                  if (q--, te--, te < 0 || U[q] !== ae[te]) {
-                    var pe = `
+                  if (q--, ee--, ee < 0 || U[q] !== de[ee]) {
+                    var xe = `
 ` + U[q].replace(" at new ", " at ");
-                    return t.displayName && pe.includes("<anonymous>") && (pe = pe.replace("<anonymous>", t.displayName)), typeof t == "function" && Ie.set(t, pe), pe;
+                    return t.displayName && xe.includes("<anonymous>") && (xe = xe.replace("<anonymous>", t.displayName)), typeof t == "function" && ze.set(t, xe), xe;
                   }
-                while (q >= 1 && te >= 0);
+                while (q >= 1 && ee >= 0);
               break;
             }
         }
       } finally {
-        Ae = !1, Be.current = Y, _e(), Error.prepareStackTrace = J;
+        Ee = !1, Pe.current = K, He(), Error.prepareStackTrace = J;
       }
-      var Ye = t ? t.displayName || t.name : "", He = Ye ? G(Ye) : "";
-      return typeof t == "function" && Ie.set(t, He), He;
+      var Ze = t ? t.displayName || t.name : "", $e = Ze ? G(Ze) : "";
+      return typeof t == "function" && ze.set(t, $e), $e;
     }
-    function he(t, x, C) {
-      return Te(t, !1);
+    function st(t, x, C) {
+      return Me(t, !1);
     }
-    function we(t) {
+    function fe(t) {
       var x = t.prototype;
       return !!(x && x.isReactComponent);
     }
-    function fe(t, x, C) {
+    function he(t, x, C) {
       if (t == null)
         return "";
       if (typeof t == "function")
-        return Te(t, we(t));
+        return Me(t, fe(t));
       if (typeof t == "string")
         return G(t);
       switch (t) {
-        case i:
+        case c:
           return G("Suspense");
         case g:
           return G("SuspenseList");
@@ -306,78 +306,78 @@ function mr() {
       if (typeof t == "object")
         switch (t.$$typeof) {
           case m:
-            return he(t.render);
-          case p:
-            return fe(t.type, x, C);
+            return st(t.render);
+          case h:
+            return he(t.type, x, C);
           case b: {
-            var z = t, J = z._payload, Y = z._init;
+            var R = t, J = R._payload, K = R._init;
             try {
-              return fe(Y(J), x, C);
+              return he(K(J), x, C);
             } catch {
             }
           }
         }
       return "";
     }
-    var me = Object.prototype.hasOwnProperty, $e = {}, Ce = s.ReactDebugCurrentFrame;
-    function Ee(t) {
+    var ye = Object.prototype.hasOwnProperty, Ve = {}, Ke = s.ReactDebugCurrentFrame;
+    function me(t) {
       if (t) {
-        var x = t._owner, C = fe(t.type, t._source, x ? x.type : null);
-        Ce.setExtraStackFrame(C);
+        var x = t._owner, C = he(t.type, t._source, x ? x.type : null);
+        Ke.setExtraStackFrame(C);
       } else
-        Ce.setExtraStackFrame(null);
+        Ke.setExtraStackFrame(null);
     }
-    function Je(t, x, C, z, J) {
+    function ot(t, x, C, R, J) {
       {
-        var Y = Function.call.bind(me);
+        var K = Function.call.bind(ye);
         for (var W in t)
-          if (Y(t, W)) {
+          if (K(t, W)) {
             var U = void 0;
             try {
               if (typeof t[W] != "function") {
-                var ae = Error((z || "React class") + ": " + C + " type `" + W + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[W] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw ae.name = "Invariant Violation", ae;
+                var de = Error((R || "React class") + ": " + C + " type `" + W + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[W] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw de.name = "Invariant Violation", de;
               }
-              U = t[W](x, W, z, C, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              U = t[W](x, W, R, C, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (q) {
               U = q;
             }
-            U && !(U instanceof Error) && (Ee(J), S("%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).", z || "React class", C, W, typeof U), Ee(null)), U instanceof Error && !(U.message in $e) && ($e[U.message] = !0, Ee(J), S("Failed %s type: %s", C, U.message), Ee(null));
+            U && !(U instanceof Error) && (me(J), S("%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).", R || "React class", C, W, typeof U), me(null)), U instanceof Error && !(U.message in Ve) && (Ve[U.message] = !0, me(J), S("Failed %s type: %s", C, U.message), me(null));
           }
       }
     }
-    var Ze = Array.isArray;
-    function De(t) {
-      return Ze(t);
+    var Xe = Array.isArray;
+    function Ue(t) {
+      return Xe(t);
     }
-    function et(t) {
+    function it(t) {
       {
         var x = typeof Symbol == "function" && Symbol.toStringTag, C = x && t[Symbol.toStringTag] || t.constructor.name || "Object";
         return C;
       }
     }
-    function tt(t) {
+    function ct(t) {
       try {
-        return Fe(t), !1;
+        return Qe(t), !1;
       } catch {
         return !0;
       }
     }
-    function Fe(t) {
+    function Qe(t) {
       return "" + t;
     }
-    function Se(t) {
-      if (tt(t))
-        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", et(t)), Fe(t);
+    function Re(t) {
+      if (ct(t))
+        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", it(t)), Qe(t);
     }
     var k = s.ReactCurrentOwner, O = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, K, P;
-    function ee(t) {
-      if (me.call(t, "ref")) {
+    }, Y, F;
+    function te(t) {
+      if (ye.call(t, "ref")) {
         var x = Object.getOwnPropertyDescriptor(t, "ref").get;
         if (x && x.isReactWarning)
           return !1;
@@ -385,20 +385,20 @@ function mr() {
       return t.ref !== void 0;
     }
     function ve(t) {
-      if (me.call(t, "key")) {
+      if (ye.call(t, "key")) {
         var x = Object.getOwnPropertyDescriptor(t, "key").get;
         if (x && x.isReactWarning)
           return !1;
       }
       return t.key !== void 0;
     }
-    function re(t, x) {
+    function we(t, x) {
       typeof t.ref == "string" && k.current;
     }
-    function ke(t, x) {
+    function oe(t, x) {
       {
         var C = function() {
-          K || (K = !0, S("%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)", x));
+          Y || (Y = !0, S("%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)", x));
         };
         C.isReactWarning = !0, Object.defineProperty(t, "key", {
           get: C,
@@ -406,10 +406,10 @@ function mr() {
         });
       }
     }
-    function Pe(t, x) {
+    function qe(t, x) {
       {
         var C = function() {
-          P || (P = !0, S("%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)", x));
+          F || (F = !0, S("%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)", x));
         };
         C.isReactWarning = !0, Object.defineProperty(t, "ref", {
           get: C,
@@ -417,7 +417,7 @@ function mr() {
         });
       }
     }
-    var Ge = function(t, x, C, z, J, Y, W) {
+    var We = function(t, x, C, R, J, K, W) {
       var U = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: r,
@@ -427,7 +427,7 @@ function mr() {
         ref: C,
         props: W,
         // Record the component responsible for creating this element.
-        _owner: Y
+        _owner: K
       };
       return U._store = {}, Object.defineProperty(U._store, "validated", {
         configurable: !1,
@@ -438,7 +438,7 @@ function mr() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: z
+        value: R
       }), Object.defineProperty(U, "_source", {
         configurable: !1,
         enumerable: !1,
@@ -446,41 +446,41 @@ function mr() {
         value: J
       }), Object.freeze && (Object.freeze(U.props), Object.freeze(U)), U;
     };
-    function a(t, x, C, z, J) {
+    function Ce(t, x, C, R, J) {
       {
-        var Y, W = {}, U = null, ae = null;
-        C !== void 0 && (Se(C), U = "" + C), ve(x) && (Se(x.key), U = "" + x.key), ee(x) && (ae = x.ref, re(x, J));
-        for (Y in x)
-          me.call(x, Y) && !O.hasOwnProperty(Y) && (W[Y] = x[Y]);
+        var K, W = {}, U = null, de = null;
+        C !== void 0 && (Re(C), U = "" + C), ve(x) && (Re(x.key), U = "" + x.key), te(x) && (de = x.ref, we(x, J));
+        for (K in x)
+          ye.call(x, K) && !O.hasOwnProperty(K) && (W[K] = x[K]);
         if (t && t.defaultProps) {
           var q = t.defaultProps;
-          for (Y in q)
-            W[Y] === void 0 && (W[Y] = q[Y]);
+          for (K in q)
+            W[K] === void 0 && (W[K] = q[K]);
         }
-        if (U || ae) {
-          var te = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
-          U && ke(W, te), ae && Pe(W, te);
+        if (U || de) {
+          var ee = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
+          U && oe(W, ee), de && qe(W, ee);
         }
-        return Ge(t, U, ae, J, z, k.current, W);
+        return We(t, U, de, J, R, k.current, W);
       }
     }
-    var N = s.ReactCurrentOwner, T = s.ReactDebugCurrentFrame;
-    function w(t) {
+    var i = s.ReactCurrentOwner, A = s.ReactDebugCurrentFrame;
+    function N(t) {
       if (t) {
-        var x = t._owner, C = fe(t.type, t._source, x ? x.type : null);
-        T.setExtraStackFrame(C);
+        var x = t._owner, C = he(t.type, t._source, x ? x.type : null);
+        A.setExtraStackFrame(C);
       } else
-        T.setExtraStackFrame(null);
+        A.setExtraStackFrame(null);
     }
-    var $;
-    $ = !1;
-    function X(t) {
+    var w;
+    w = !1;
+    function $(t) {
       return typeof t == "object" && t !== null && t.$$typeof === r;
     }
-    function _() {
+    function X() {
       {
-        if (N.current) {
-          var t = ne(N.current.type);
+        if (i.current) {
+          var t = re(i.current.type);
           if (t)
             return `
@@ -489,13 +489,13 @@ Check the render method of \`` + t + "`.";
         return "";
       }
     }
-    function F(t) {
+    function P(t) {
       return "";
     }
-    var ut = {};
-    function Pt(t) {
+    var T = {};
+    function le(t) {
       {
-        var x = _();
+        var x = X();
         if (!x) {
           var C = typeof t == "string" ? t : t.displayName || t.name;
           C && (x = `
@@ -505,39 +505,39 @@ Check the top-level render call using <` + C + ">.");
         return x;
       }
     }
-    function ft(t, x) {
+    function ie(t, x) {
       {
         if (!t._store || t._store.validated || t.key != null)
           return;
         t._store.validated = !0;
-        var C = Pt(x);
-        if (ut[C])
+        var C = le(x);
+        if (T[C])
           return;
-        ut[C] = !0;
-        var z = "";
-        t && t._owner && t._owner !== N.current && (z = " It was passed a child from " + ne(t._owner.type) + "."), w(t), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', C, z), w(null);
+        T[C] = !0;
+        var R = "";
+        t && t._owner && t._owner !== i.current && (R = " It was passed a child from " + re(t._owner.type) + "."), N(t), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', C, R), N(null);
       }
     }
-    function xt(t, x) {
+    function Le(t, x) {
       {
         if (typeof t != "object")
           return;
-        if (De(t))
+        if (Ue(t))
           for (var C = 0; C < t.length; C++) {
-            var z = t[C];
-            X(z) && ft(z, x);
+            var R = t[C];
+            $(R) && ie(R, x);
           }
-        else if (X(t))
+        else if ($(t))
           t._store && (t._store.validated = !0);
         else if (t) {
           var J = v(t);
           if (typeof J == "function" && J !== t.entries)
-            for (var Y = J.call(t), W; !(W = Y.next()).done; )
-              X(W.value) && ft(W.value, x);
+            for (var K = J.call(t), W; !(W = K.next()).done; )
+              $(W.value) && ie(W.value, x);
         }
       }
     }
-    function Ht(t) {
+    function Oe(t) {
       {
         var x = t.type;
         if (x == null || typeof x == "string")
@@ -547,91 +547,91 @@ Check the top-level render call using <` + C + ">.");
           C = x.propTypes;
         else if (typeof x == "object" && (x.$$typeof === m || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        x.$$typeof === p))
+        x.$$typeof === h))
           C = x.propTypes;
         else
           return;
         if (C) {
-          var z = ne(x);
-          Je(C, t.props, "prop", z, t);
-        } else if (x.PropTypes !== void 0 && !$) {
-          $ = !0;
-          var J = ne(x);
+          var R = re(x);
+          ot(C, t.props, "prop", R, t);
+        } else if (x.PropTypes !== void 0 && !w) {
+          w = !0;
+          var J = re(x);
           S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", J || "Unknown");
         }
         typeof x.getDefaultProps == "function" && !x.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Vt(t) {
+    function Ae(t) {
       {
         for (var x = Object.keys(t.props), C = 0; C < x.length; C++) {
-          var z = x[C];
-          if (z !== "children" && z !== "key") {
-            w(t), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", z), w(null);
+          var R = x[C];
+          if (R !== "children" && R !== "key") {
+            N(t), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", R), N(null);
             break;
           }
         }
-        t.ref !== null && (w(t), S("Invalid attribute `ref` supplied to `React.Fragment`."), w(null));
+        t.ref !== null && (N(t), S("Invalid attribute `ref` supplied to `React.Fragment`."), N(null));
       }
     }
-    var gt = {};
-    function mt(t, x, C, z, J, Y) {
+    var jt = {};
+    function bt(t, x, C, R, J, K) {
       {
         var W = Q(t);
         if (!W) {
           var U = "";
           (t === void 0 || typeof t == "object" && t !== null && Object.keys(t).length === 0) && (U += " 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 ae = F();
-          ae ? U += ae : U += _();
+          var de = P();
+          de ? U += de : U += X();
           var q;
-          t === null ? q = "null" : De(t) ? q = "array" : t !== void 0 && t.$$typeof === r ? (q = "<" + (ne(t.type) || "Unknown") + " />", U = " Did you accidentally export a JSX literal instead of a component?") : q = typeof t, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", q, U);
+          t === null ? q = "null" : Ue(t) ? q = "array" : t !== void 0 && t.$$typeof === r ? (q = "<" + (re(t.type) || "Unknown") + " />", U = " Did you accidentally export a JSX literal instead of a component?") : q = typeof t, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", q, U);
         }
-        var te = a(t, x, C, J, Y);
-        if (te == null)
-          return te;
+        var ee = Ce(t, x, C, J, K);
+        if (ee == null)
+          return ee;
         if (W) {
-          var pe = x.children;
-          if (pe !== void 0)
-            if (z)
-              if (De(pe)) {
-                for (var Ye = 0; Ye < pe.length; Ye++)
-                  xt(pe[Ye], t);
-                Object.freeze && Object.freeze(pe);
+          var xe = x.children;
+          if (xe !== void 0)
+            if (R)
+              if (Ue(xe)) {
+                for (var Ze = 0; Ze < xe.length; Ze++)
+                  Le(xe[Ze], t);
+                Object.freeze && Object.freeze(xe);
               } else
                 S("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
-              xt(pe, t);
+              Le(xe, t);
         }
-        if (me.call(x, "key")) {
-          var He = ne(t), de = Object.keys(x).filter(function(Yt) {
+        if (ye.call(x, "key")) {
+          var $e = re(t), ue = Object.keys(x).filter(function(Yt) {
             return Yt !== "key";
-          }), ht = de.length > 0 ? "{key: someKey, " + de.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!gt[He + ht]) {
-            var Gt = de.length > 0 ? "{" + de.join(": ..., ") + ": ...}" : "{}";
+          }), mt = ue.length > 0 ? "{key: someKey, " + ue.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!jt[$e + mt]) {
+            var Gt = ue.length > 0 ? "{" + ue.join(": ..., ") + ": ...}" : "{}";
             S(`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} />`, ht, He, Gt, He), gt[He + ht] = !0;
+  <%s key={someKey} {...props} />`, mt, $e, Gt, $e), jt[$e + mt] = !0;
           }
         }
-        return t === c ? Vt(te) : Ht(te), te;
+        return t === a ? Ae(ee) : Oe(ee), ee;
       }
     }
     function Ut(t, x, C) {
-      return mt(t, x, C, !0);
+      return bt(t, x, C, !0);
     }
     function Wt(t, x, C) {
-      return mt(t, x, C, !1);
+      return bt(t, x, C, !1);
     }
     var $t = Wt, Jt = Ut;
-    nt.Fragment = c, nt.jsx = $t, nt.jsxs = Jt;
-  }()), nt;
+    lt.Fragment = a, lt.jsx = $t, lt.jsxs = Jt;
+  }()), lt;
 }
-var yt;
+var St;
 function vr() {
-  return yt || (yt = 1, process.env.NODE_ENV === "production" ? ot.exports = gr() : ot.exports = mr()), ot.exports;
+  return St || (St = 1, process.env.NODE_ENV === "production" ? pt.exports = gr() : pt.exports = mr()), pt.exports;
 }
 var e = vr();
 const jr = {
@@ -639,75 +639,75 @@ const jr = {
   primaryColorLight: "#6858c1",
   secondaryColor: "#005a53",
   tertiaryColor: "#FFFFFF"
-}, br = "M80 160c0-35.3 28.7-64 64-64h32c35.3 0 64 28.7 64 64v3.6c0 21.8-11.1 42.1-29.4 53.8l-42.2 27.1c-25.2 16.2-40.4 44.1-40.4 74V320c0 17.7 14.3 32 32 32s32-14.3 32-32v-1.4c0-8.2 4.2-15.8 11-20.2l42.2-27.1c36.6-23.6 58.8-64.1 58.8-107.7V160c0-70.7-57.3-128-128-128H144C73.3 32 16 89.3 16 160c0 17.7 14.3 32 32 32s32-14.3 32-32zm80 320a40 40 0 1 0 0-80 40 40 0 1 0 0 80z", yr = "M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z", wr = "M464 256A208 208 0 1 1 48 256a208 208 0 1 1 416 0zM0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM232 120V256c0 8 4 15.5 10.7 20l96 64c11 7.4 25.9 4.4 33.3-6.7s4.4-25.9-6.7-33.3L280 243.2V120c0-13.3-10.7-24-24-24s-24 10.7-24 24z", Cr = "M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z", Sr = "M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z", kr = "M160 64c0-8.8 7.2-16 16-16s16 7.2 16 16V200c0 10.3 6.6 19.5 16.4 22.8s20.6-.1 26.8-8.3c3-3.9 7.6-6.4 12.8-6.4c8.8 0 16 7.2 16 16c0 10.3 6.6 19.5 16.4 22.8s20.6-.1 26.8-8.3c3-3.9 7.6-6.4 12.8-6.4c7.8 0 14.3 5.6 15.7 13c1.6 8.2 7.3 15.1 15.1 18s16.7 1.6 23.3-3.6c2.7-2.1 6.1-3.4 9.9-3.4c8.8 0 16 7.2 16 16l0 16V392c0 39.8-32.2 72-72 72H272 212.3h-.9c-37.4 0-72.4-18.7-93.2-49.9L50.7 312.9c-4.9-7.4-2.9-17.3 4.4-22.2s17.3-2.9 22.2 4.4L116 353.2c5.9 8.8 16.8 12.7 26.9 9.7s17-12.4 17-23V320 64zM176 0c-35.3 0-64 28.7-64 64V261.7C91.2 238 55.5 232.8 28.5 250.7C-.9 270.4-8.9 310.1 10.8 339.5L78.3 440.8c29.7 44.5 79.6 71.2 133.1 71.2h.9H272h56c66.3 0 120-53.7 120-120V288l0-16c0-35.3-28.7-64-64-64c-4.5 0-8.8 .5-13 1.3c-11.7-15.4-30.2-25.3-51-25.3c-6.9 0-13.5 1.1-19.7 3.1C288.7 170.7 269.6 160 248 160c-2.7 0-5.4 .2-8 .5V64c0-35.3-28.7-64-64-64zm48 304c0-8.8-7.2-16-16-16s-16 7.2-16 16v96c0 8.8 7.2 16 16 16s16-7.2 16-16V304zm48-16c-8.8 0-16 7.2-16 16v96c0 8.8 7.2 16 16 16s16-7.2 16-16V304c0-8.8-7.2-16-16-16zm80 16c0-8.8-7.2-16-16-16s-16 7.2-16 16v96c0 8.8 7.2 16 16 16s16-7.2 16-16V304z", Nr = "M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z", Or = "M160 0c17.7 0 32 14.3 32 32V67.7c1.6 .2 3.1 .4 4.7 .7c.4 .1 .7 .1 1.1 .2l48 8.8c17.4 3.2 28.9 19.9 25.7 37.2s-19.9 28.9-37.2 25.7l-47.5-8.7c-31.3-4.6-58.9-1.5-78.3 6.2s-27.2 18.3-29 28.1c-2 10.7-.5 16.7 1.2 20.4c1.8 3.9 5.5 8.3 12.8 13.2c16.3 10.7 41.3 17.7 73.7 26.3l2.9 .8c28.6 7.6 63.6 16.8 89.6 33.8c14.2 9.3 27.6 21.9 35.9 39.5c8.5 17.9 10.3 37.9 6.4 59.2c-6.9 38-33.1 63.4-65.6 76.7c-13.7 5.6-28.6 9.2-44.4 11V480c0 17.7-14.3 32-32 32s-32-14.3-32-32V445.1c-.4-.1-.9-.1-1.3-.2l-.2 0 0 0c-24.4-3.8-64.5-14.3-91.5-26.3c-16.1-7.2-23.4-26.1-16.2-42.2s26.1-23.4 42.2-16.2c20.9 9.3 55.3 18.5 75.2 21.6c31.9 4.7 58.2 2 76-5.3c16.9-6.9 24.6-16.9 26.8-28.9c1.9-10.6 .4-16.7-1.3-20.4c-1.9-4-5.6-8.4-13-13.3c-16.4-10.7-41.5-17.7-74-26.3l-2.8-.7 0 0C119.4 279.3 84.4 270 58.4 253c-14.2-9.3-27.5-22-35.8-39.6c-8.4-17.9-10.1-37.9-6.1-59.2C23.7 116 52.3 91.2 84.8 78.3c13.3-5.3 27.9-8.9 43.2-11V32c0-17.7 14.3-32 32-32z", wt = "M47.6 300.4L228.3 469.1c7.5 7 17.4 10.9 27.7 10.9s20.2-3.9 27.7-10.9L464.4 300.4c30.4-28.3 47.6-68 47.6-109.5v-5.8c0-69.9-50.5-129.5-119.4-141C347 36.5 300.6 51.4 268 84L256 96 244 84c-32.6-32.6-79-47.5-124.6-39.9C50.5 55.6 0 115.2 0 185.1v5.8c0 41.5 17.2 81.2 47.6 109.5z", Ct = "M234.5 5.7c13.9-5 29.1-5 43.1 0l192 68.6C495 83.4 512 107.5 512 134.6V377.4c0 27-17 51.2-42.5 60.3l-192 68.6c-13.9 5-29.1 5-43.1 0l-192-68.6C17 428.6 0 404.5 0 377.4V134.6c0-27 17-51.2 42.5-60.3l192-68.6zM256 66L82.3 128 256 190l173.7-62L256 66zm32 368.6l160-57.1v-188L288 246.6v188z", pt = "M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z", St = "M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z", Ar = "M184 48H328c4.4 0 8 3.6 8 8V96H176V56c0-4.4 3.6-8 8-8zm-56 8V96H64C28.7 96 0 124.7 0 160v96H192 352h8.2c32.3-39.1 81.1-64 135.8-64c5.4 0 10.7 .2 16 .7V160c0-35.3-28.7-64-64-64H384V56c0-30.9-25.1-56-56-56H184c-30.9 0-56 25.1-56 56zM320 352H224c-17.7 0-32-14.3-32-32V288H0V416c0 35.3 28.7 64 64 64H360.2C335.1 449.6 320 410.5 320 368c0-5.4 .2-10.7 .7-16l-.7 0zm320 16a144 144 0 1 0 -288 0 144 144 0 1 0 288 0zM496 288c8.8 0 16 7.2 16 16v48h32c8.8 0 16 7.2 16 16s-7.2 16-16 16H496c-8.8 0-16-7.2-16-16V304c0-8.8 7.2-16 16-16z", Ir = "M88.2 309.1c9.8-18.3 6.8-40.8-7.5-55.8C59.4 230.9 48 204 48 176c0-63.5 63.8-128 160-128s160 64.5 160 128s-63.8 128-160 128c-13.1 0-25.8-1.3-37.8-3.6c-10.4-2-21.2-.6-30.7 4.2c-4.1 2.1-8.3 4.1-12.6 6c-16 7.2-32.9 13.5-49.9 18c2.8-4.6 5.4-9.1 7.9-13.6c1.1-1.9 2.2-3.9 3.2-5.9zM0 176c0 41.8 17.2 80.1 45.9 110.3c-.9 1.7-1.9 3.5-2.8 5.1c-10.3 18.4-22.3 36.5-36.6 52.1c-6.6 7-8.3 17.2-4.6 25.9C5.8 378.3 14.4 384 24 384c43 0 86.5-13.3 122.7-29.7c4.8-2.2 9.6-4.5 14.2-6.8c15.1 3 30.9 4.5 47.1 4.5c114.9 0 208-78.8 208-176S322.9 0 208 0S0 78.8 0 176zM432 480c16.2 0 31.9-1.6 47.1-4.5c4.6 2.3 9.4 4.6 14.2 6.8C529.5 498.7 573 512 616 512c9.6 0 18.2-5.7 22-14.5c3.8-8.8 2-19-4.6-25.9c-14.2-15.6-26.2-33.7-36.6-52.1c-.9-1.7-1.9-3.4-2.8-5.1C622.8 384.1 640 345.8 640 304c0-94.4-87.9-171.5-198.2-175.8c4.1 15.2 6.2 31.2 6.2 47.8l0 .6c87.2 6.7 144 67.5 144 127.4c0 28-11.4 54.9-32.7 77.2c-14.3 15-17.3 37.6-7.5 55.8c1.1 2 2.2 4 3.2 5.9c2.5 4.5 5.2 9 7.9 13.6c-17-4.5-33.9-10.7-49.9-18c-4.3-1.9-8.5-3.9-12.6-6c-9.5-4.8-20.3-6.2-30.7-4.2c-12.1 2.4-24.7 3.6-37.8 3.6c-61.7 0-110-26.5-136.8-62.3c-16 5.4-32.8 9.4-50 11.8C279 439.8 350 480 432 480z", Tr = "M323.8 34.8c-38.2-10.9-78.1 11.2-89 49.4l-5.7 20c-3.7 13-10.4 25-19.5 35l-51.3 56.4c-8.9 9.8-8.2 25 1.6 33.9s25 8.2 33.9-1.6l51.3-56.4c14.1-15.5 24.4-34 30.1-54.1l5.7-20c3.6-12.7 16.9-20.1 29.7-16.5s20.1 16.9 16.5 29.7l-5.7 20c-5.7 19.9-14.7 38.7-26.6 55.5c-5.2 7.3-5.8 16.9-1.7 24.9s12.3 13 21.3 13L448 224c8.8 0 16 7.2 16 16c0 6.8-4.3 12.7-10.4 15c-7.4 2.8-13 9-14.9 16.7s.1 15.8 5.3 21.7c2.5 2.8 4 6.5 4 10.6c0 7.8-5.6 14.3-13 15.7c-8.2 1.6-15.1 7.3-18 15.1s-1.6 16.7 3.6 23.3c2.1 2.7 3.4 6.1 3.4 9.9c0 6.7-4.2 12.6-10.2 14.9c-11.5 4.5-17.7 16.9-14.4 28.8c.4 1.3 .6 2.8 .6 4.3c0 8.8-7.2 16-16 16H286.5c-12.6 0-25-3.7-35.5-10.7l-61.7-41.1c-11-7.4-25.9-4.4-33.3 6.7s-4.4 25.9 6.7 33.3l61.7 41.1c18.4 12.3 40 18.8 62.1 18.8H384c34.7 0 62.9-27.6 64-62c14.6-11.7 24-29.7 24-50c0-4.5-.5-8.8-1.3-13c15.4-11.7 25.3-30.2 25.3-51c0-6.5-1-12.8-2.8-18.7C504.8 273.7 512 257.7 512 240c0-35.3-28.6-64-64-64l-92.3 0c4.7-10.4 8.7-21.2 11.8-32.2l5.7-20c10.9-38.2-11.2-78.1-49.4-89zM32 192c-17.7 0-32 14.3-32 32V448c0 17.7 14.3 32 32 32H96c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32H32z", Er = "M54.2 202.9C123.2 136.7 216.8 96 320 96s196.8 40.7 265.8 106.9c12.8 12.2 33 11.8 45.2-.9s11.8-33-.9-45.2C549.7 79.5 440.4 32 320 32S90.3 79.5 9.8 156.7C-2.9 169-3.3 189.2 8.9 202s32.5 13.2 45.2 .9zM320 256c56.8 0 108.6 21.1 148.2 56c13.3 11.7 33.5 10.4 45.2-2.8s10.4-33.5-2.8-45.2C459.8 219.2 393 192 320 192s-139.8 27.2-190.5 72c-13.3 11.7-14.5 31.9-2.8 45.2s31.9 14.5 45.2 2.8c39.5-34.9 91.3-56 148.2-56zm64 160a64 64 0 1 0 -128 0 64 64 0 1 0 128 0z", kt = "M123.6 391.3c12.9-9.4 29.6-11.8 44.6-6.4c26.5 9.6 56.2 15.1 87.8 15.1c124.7 0 208-80.5 208-160s-83.3-160-208-160S48 160.5 48 240c0 32 12.4 62.8 35.7 89.2c8.6 9.7 12.8 22.5 11.8 35.5c-1.4 18.1-5.7 34.7-11.3 49.4c17-7.9 31.1-16.7 39.4-22.7zM21.2 431.9c1.8-2.7 3.5-5.4 5.1-8.1c10-16.6 19.5-38.4 21.4-62.9C17.7 326.8 0 285.1 0 240C0 125.1 114.6 32 256 32s256 93.1 256 208s-114.6 208-256 208c-37.1 0-72.3-6.4-104.1-17.9c-11.9 8.7-31.3 20.6-54.3 30.6c-15.1 6.6-32.3 12.6-50.1 16.1c-.8 .2-1.6 .3-2.4 .5c-4.4 .8-8.7 1.5-13.2 1.9c-.2 0-.5 .1-.7 .1c-5.1 .5-10.2 .8-15.3 .8c-6.5 0-12.3-3.9-14.8-9.9c-2.5-6-1.1-12.8 3.4-17.4c4.1-4.2 7.8-8.7 11.3-13.5c1.7-2.3 3.3-4.6 4.8-6.9c.1-.2 .2-.3 .3-.5z", Nt = "M0 24C0 10.7 10.7 0 24 0H69.5c22 0 41.5 12.8 50.6 32h411c26.3 0 45.5 25 38.6 50.4l-41 152.3c-8.5 31.4-37 53.3-69.5 53.3H170.7l5.4 28.5c2.2 11.3 12.1 19.5 23.6 19.5H488c13.3 0 24 10.7 24 24s-10.7 24-24 24H199.7c-34.6 0-64.3-24.6-70.7-58.5L77.4 54.5c-.7-3.8-4-6.5-7.9-6.5H24C10.7 48 0 37.3 0 24zM128 464a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zm336-48a48 48 0 1 1 0 96 48 48 0 1 1 0-96z", Ot = "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z", At = "M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z", It = "M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z", Mr = "M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z", Tt = "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z", Et = "M0 336c0 79.5 64.5 144 144 144H512c70.7 0 128-57.3 128-128c0-61.9-44-113.6-102.4-125.4c4.1-10.7 6.4-22.4 6.4-34.6c0-53-43-96-96-96c-19.7 0-38.1 6-53.3 16.2C367 64.2 315.3 32 256 32C167.6 32 96 103.6 96 192c0 2.7 .1 5.4 .2 8.1C40.2 219.8 0 273.2 0 336z", Mt = "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM164.1 325.5C182 346.2 212.6 368 256 368s74-21.8 91.9-42.5c5.8-6.7 15.9-7.4 22.6-1.6s7.4 15.9 1.6 22.6C349.8 372.1 311.1 400 256 400s-93.8-27.9-116.1-53.5c-5.8-6.7-5.1-16.8 1.6-22.6s16.8-5.1 22.6 1.6zM144.4 208a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm192-32a32 32 0 1 1 0 64 32 32 0 1 1 0-64z", zt = "M48 256C48 141.1 141.1 48 256 48c63.1 0 119.6 28.1 157.8 72.5c8.6 10.1 23.8 11.2 33.8 2.6s11.2-23.8 2.6-33.8C403.3 34.6 333.7 0 256 0C114.6 0 0 114.6 0 256v40c0 13.3 10.7 24 24 24s24-10.7 24-24V256zm458.5-52.9c-2.7-13-15.5-21.3-28.4-18.5s-21.3 15.5-18.5 28.4c2.9 13.9 4.5 28.3 4.5 43.1v40c0 13.3 10.7 24 24 24s24-10.7 24-24V256c0-18.1-1.9-35.8-5.5-52.9zM256 80c-19 0-37.4 3-54.5 8.6c-15.2 5-18.7 23.7-8.3 35.9c7.1 8.3 18.8 10.8 29.4 7.9c10.6-2.9 21.8-4.4 33.4-4.4c70.7 0 128 57.3 128 128v24.9c0 25.2-1.5 50.3-4.4 75.3c-1.7 14.6 9.4 27.8 24.2 27.8c11.8 0 21.9-8.6 23.3-20.3c3.3-27.4 5-55 5-82.7V256c0-97.2-78.8-176-176-176zM150.7 148.7c-9.1-10.6-25.3-11.4-33.9-.4C93.7 178 80 215.4 80 256v24.9c0 24.2-2.6 48.4-7.8 71.9C68.8 368.4 80.1 384 96.1 384c10.5 0 19.9-7 22.2-17.3c6.4-28.1 9.7-56.8 9.7-85.8V256c0-27.2 8.5-52.4 22.9-73.1c7.2-10.4 8-24.6-.2-34.2zM256 160c-53 0-96 43-96 96v24.9c0 35.9-4.6 71.5-13.8 106.1c-3.8 14.3 6.7 29 21.5 29c9.5 0 17.9-6.2 20.4-15.4c10.5-39 15.9-79.2 15.9-119.7V256c0-28.7 23.3-52 52-52s52 23.3 52 52v24.9c0 36.3-3.5 72.4-10.4 107.9c-2.7 13.9 7.7 27.2 21.8 27.2c10.2 0 19-7 21-17c7.7-38.8 11.6-78.3 11.6-118.1V256c0-53-43-96-96-96zm24 96c0-13.3-10.7-24-24-24s-24 10.7-24 24v24.9c0 59.9-11 119.3-32.5 175.2l-5.9 15.3c-4.8 12.4 1.4 26.3 13.8 31s26.3-1.4 31-13.8l5.9-15.3C267.9 411.9 280 346.7 280 280.9V256z", zr = "M315.4 15.5C309.7 5.9 299.2 0 288 0s-21.7 5.9-27.4 15.5l-96 160c-5.9 9.9-6.1 22.2-.4 32.2s16.3 16.2 27.8 16.2H384c11.5 0 22.2-6.2 27.8-16.2s5.5-22.3-.4-32.2l-96-160zM288 312V456c0 22.1 17.9 40 40 40H472c22.1 0 40-17.9 40-40V312c0-22.1-17.9-40-40-40H328c-22.1 0-40 17.9-40 40zM128 512a128 128 0 1 0 0-256 128 128 0 1 0 0 256z", Rr = "M116.7 219.4a15.7 15.7 0 0 0 22.7 0l96.8-99.8c28.2-29 26.5-77.1-4.9-103.9C203.8-7.7 163-3.5 137.9 22.4L128 32.6l-9.9-10.1C93.1-3.5 52.3-7.7 24.9 15.6c-31.4 26.8-33 74.9-5 103.9zm143.9 100.5h-48l-7.1-14.2a27.4 27.4 0 0 0 -25.7-17.8h-71.7a27.4 27.4 0 0 0 -25.7 17.8l-7 14.2h-48A27.5 27.5 0 0 0 0 347.3v137.3A27.4 27.4 0 0 0 27.4 512h233.1A27.5 27.5 0 0 0 288 484.6V347.3a27.5 27.5 0 0 0 -27.4-27.5zM144 468a52 52 0 1 1 52-52 52 52 0 0 1 -52 52zm355.4-115.9h-60.6l22.4-50.8c2.1-6.7-3.9-13.2-12.2-13.2h-75.6c-6.3 0-11.7 3.9-12.5 9.1l-16.8 106.9c-1 6.3 4.9 11.9 12.5 11.9h62.3l-24.2 83c-1.9 6.7 4.2 12.9 12.2 12.9a13.3 13.3 0 0 0 10.9-5.3l92.4-138.9c4.9-6.9-1.2-15.7-10.9-15.7zM478.1 .3L329.5 23.2C314.9 25.4 304 38.9 304 54.8V161.6a83.3 83.3 0 0 0 -16-1.7c-35.4 0-64 21.5-64 48s28.7 48 64 48c35.2 0 63.7-21.3 64-47.7V99.7l112-17.2v47.2a83.3 83.3 0 0 0 -16-1.7c-35.4 0-64 21.5-64 48s28.7 48 64 48c35.2 0 63.7-21.3 64-47.7V32c0-19.5-16-34.4-33.9-31.7z", Lr = "M432 416h-23.4L277.9 53.7A32 32 0 0 0 247.6 32h-47.2a32 32 0 0 0 -30.3 21.7L39.4 416H16a16 16 0 0 0 -16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0 -16-16h-19.6l23.3-64h152.6l23.3 64H304a16 16 0 0 0 -16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0 -16-16zM176.9 272L224 142.5 271.2 272z", _r = "M464 32H336c-26.5 0-48 21.5-48 48v128c0 26.5 21.5 48 48 48h80v64c0 35.3-28.7 64-64 64h-8c-13.3 0-24 10.7-24 24v48c0 13.3 10.7 24 24 24h8c88.4 0 160-71.6 160-160V80c0-26.5-21.5-48-48-48zm-288 0H48C21.5 32 0 53.5 0 80v128c0 26.5 21.5 48 48 48h80v64c0 35.3-28.7 64-64 64h-8c-13.3 0-24 10.7-24 24v48c0 13.3 10.7 24 24 24h8c88.4 0 160-71.6 160-160V80c0-26.5-21.5-48-48-48z", Br = "M608 0H160a32 32 0 0 0 -32 32v96h160V64h192v320h128a32 32 0 0 0 32-32V32a32 32 0 0 0 -32-32zM232 103a9 9 0 0 1 -9 9h-30a9 9 0 0 1 -9-9V73a9 9 0 0 1 9-9h30a9 9 0 0 1 9 9zm352 208a9 9 0 0 1 -9 9h-30a9 9 0 0 1 -9-9v-30a9 9 0 0 1 9-9h30a9 9 0 0 1 9 9zm0-104a9 9 0 0 1 -9 9h-30a9 9 0 0 1 -9-9v-30a9 9 0 0 1 9-9h30a9 9 0 0 1 9 9zm0-104a9 9 0 0 1 -9 9h-30a9 9 0 0 1 -9-9V73a9 9 0 0 1 9-9h30a9 9 0 0 1 9 9zm-168 57H32a32 32 0 0 0 -32 32v288a32 32 0 0 0 32 32h384a32 32 0 0 0 32-32V192a32 32 0 0 0 -32-32zM96 224a32 32 0 1 1 -32 32 32 32 0 0 1 32-32zm288 224H64v-32l64-64 32 32 128-128 96 96z", Dr = "M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z", Fr = "M0 448V64h18v384H0zm26.9-.3V64H36v383.7h-9.1zm27.1 0V64h8.9v383.7H54zm44.9 0V64h8.9v383.7h-8.9zm36 0V64h17.7v383.7h-17.7zm44.9 0V64h8.9v383.7h-8.9zm18 0V64h8.9v383.7h-8.9zm18 0V64h8.9v383.7h-8.9zm35.7 0V64h18v383.7h-18zm44.9 0V64h18v383.7h-18zm36 0V64h18v383.7h-18zm36 0V64h18v383.7h-18zm26.9 0V64h18v383.7h-18zm45.1 0V64h26.9v383.7h-26.9zm35.7 0V64h9.1v383.7H476zm18 .3V64h18v384h-18z", Pr = "M0 180V56c0-13.3 10.7-24 24-24h124c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H64v84c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12zM288 44v40c0 6.6 5.4 12 12 12h84v84c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12V56c0-13.3-10.7-24-24-24H300c-6.6 0-12 5.4-12 12zm148 276h-40c-6.6 0-12 5.4-12 12v84h-84c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h124c13.3 0 24-10.7 24-24V332c0-6.6-5.4-12-12-12zM160 468v-40c0-6.6-5.4-12-12-12H64v-84c0-6.6-5.4-12-12-12H12c-6.6 0-12 5.4-12 12v124c0 13.3 10.7 24 24 24h124c6.6 0 12-5.4 12-12z", _t = "M32 464a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128H32zm272-256a16 16 0 0 1 32 0v224a16 16 0 0 1 -32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1 -32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1 -32 0zM432 32H312l-9.4-18.7A24 24 0 0 0 281.1 0H166.8a23.7 23.7 0 0 0 -21.4 13.3L136 32H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0 -16-16z", Hr = "M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z", Vr = "M576 128c0-35.3-28.7-64-64-64H205.3c-17 0-33.3 6.7-45.3 18.7L9.4 233.4c-6 6-9.4 14.1-9.4 22.6s3.4 16.6 9.4 22.6L160 429.3c12 12 28.3 18.7 45.3 18.7H512c35.3 0 64-28.7 64-64V128zM271 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z", Ur = "M 6 3.6 V 0 L 0 6 l 6 6 V 8 c 6 -0.27 7.53 3.76 7.88 5.77 a 0.27 0.27 0 0 0 0.53 0 C 17.08 2.86 6 3.6 6 3.6 Z", Wr = "M352 224c53 0 96-43 96-96s-43-96-96-96s-96 43-96 96c0 4 .2 8 .7 11.9l-94.1 47C145.4 170.2 121.9 160 96 160c-53 0-96 43-96 96s43 96 96 96c25.9 0 49.4-10.2 66.6-26.9l94.1 47c-.5 3.9-.7 7.8-.7 11.9c0 53 43 96 96 96s96-43 96-96s-43-96-96-96c-25.9 0-49.4 10.2-66.6 26.9l-94.1-47c.5-3.9 .7-7.8 .7-11.9s-.2-8-.7-11.9l94.1-47C302.6 213.8 326.1 224 352 224z", $r = "M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32V274.7l-73.4-73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L288 274.7V32zM64 352c-35.3 0-64 28.7-64 64v32c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V416c0-35.3-28.7-64-64-64H346.5l-45.3 45.3c-25 25-65.5 25-90.5 0L165.5 352H64zm368 56a24 24 0 1 1 0 48 24 24 0 1 1 0-48z", Jr = "M254 52.8C249.3 40.3 237.3 32 224 32s-25.3 8.3-30 20.8L57.8 416 32 416c-17.7 0-32 14.3-32 32s14.3 32 32 32l96 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-1.8 0 18-48 159.6 0 18 48-1.8 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l96 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-25.8 0L254 52.8zM279.8 304l-111.6 0L224 155.1 279.8 304z", Gr = "M448 256c0-106-86-192-192-192l0 384c106 0 192-86 192-192zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256z", Yr = "M256 0L576 0c35.3 0 64 28.7 64 64l0 224c0 35.3-28.7 64-64 64l-320 0c-35.3 0-64-28.7-64-64l0-224c0-35.3 28.7-64 64-64zM476 106.7C471.5 100 464 96 456 96s-15.5 4-20 10.7l-56 84L362.7 169c-4.6-5.7-11.5-9-18.7-9s-14.2 3.3-18.7 9l-64 80c-5.8 7.2-6.9 17.1-2.9 25.4s12.4 13.6 21.6 13.6l80 0 48 0 144 0c8.9 0 17-4.9 21.2-12.7s3.7-17.3-1.2-24.6l-96-144zM336 96a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zM64 128l96 0 0 256 0 32c0 17.7 14.3 32 32 32l128 0c17.7 0 32-14.3 32-32l0-32 160 0 0 64c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 192c0-35.3 28.7-64 64-64zm8 64c-8.8 0-16 7.2-16 16l0 16c0 8.8 7.2 16 16 16l16 0c8.8 0 16-7.2 16-16l0-16c0-8.8-7.2-16-16-16l-16 0zm0 104c-8.8 0-16 7.2-16 16l0 16c0 8.8 7.2 16 16 16l16 0c8.8 0 16-7.2 16-16l0-16c0-8.8-7.2-16-16-16l-16 0zm0 104c-8.8 0-16 7.2-16 16l0 16c0 8.8 7.2 16 16 16l16 0c8.8 0 16-7.2 16-16l0-16c0-8.8-7.2-16-16-16l-16 0zm336 16l0 16c0 8.8 7.2 16 16 16l16 0c8.8 0 16-7.2 16-16l0-16c0-8.8-7.2-16-16-16l-16 0c-8.8 0-16 7.2-16 16z", Kr = "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM184 232l144 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-144 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z", Xr = "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM232 344l0-64-64 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l64 0 0-64c0-13.3 10.7-24 24-24s24 10.7 24 24l0 64 64 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-64 0 0 64c0 13.3-10.7 24-24 24s-24-10.7-24-24z", Bt = "M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z", Qr = "M134.1 296H436c6.6 0 12-5.4 12-12v-56c0-6.6-5.4-12-12-12H134.1v-46.1c0-21.4-25.9-32.1-41-17L7 239c-9.4 9.4-9.4 24.6 0 33.9l86.1 86.1c15.1 15.1 41 4.4 41-17V296z", qr = "apcDB", Ne = "APCObjectStore", Zr = 1;
-function ct() {
+}, br = "M80 160c0-35.3 28.7-64 64-64h32c35.3 0 64 28.7 64 64v3.6c0 21.8-11.1 42.1-29.4 53.8l-42.2 27.1c-25.2 16.2-40.4 44.1-40.4 74V320c0 17.7 14.3 32 32 32s32-14.3 32-32v-1.4c0-8.2 4.2-15.8 11-20.2l42.2-27.1c36.6-23.6 58.8-64.1 58.8-107.7V160c0-70.7-57.3-128-128-128H144C73.3 32 16 89.3 16 160c0 17.7 14.3 32 32 32s32-14.3 32-32zm80 320a40 40 0 1 0 0-80 40 40 0 1 0 0 80z", yr = "M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z", wr = "M464 256A208 208 0 1 1 48 256a208 208 0 1 1 416 0zM0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM232 120V256c0 8 4 15.5 10.7 20l96 64c11 7.4 25.9 4.4 33.3-6.7s4.4-25.9-6.7-33.3L280 243.2V120c0-13.3-10.7-24-24-24s-24 10.7-24 24z", Cr = "M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z", Sr = "M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z", kr = "M160 64c0-8.8 7.2-16 16-16s16 7.2 16 16V200c0 10.3 6.6 19.5 16.4 22.8s20.6-.1 26.8-8.3c3-3.9 7.6-6.4 12.8-6.4c8.8 0 16 7.2 16 16c0 10.3 6.6 19.5 16.4 22.8s20.6-.1 26.8-8.3c3-3.9 7.6-6.4 12.8-6.4c7.8 0 14.3 5.6 15.7 13c1.6 8.2 7.3 15.1 15.1 18s16.7 1.6 23.3-3.6c2.7-2.1 6.1-3.4 9.9-3.4c8.8 0 16 7.2 16 16l0 16V392c0 39.8-32.2 72-72 72H272 212.3h-.9c-37.4 0-72.4-18.7-93.2-49.9L50.7 312.9c-4.9-7.4-2.9-17.3 4.4-22.2s17.3-2.9 22.2 4.4L116 353.2c5.9 8.8 16.8 12.7 26.9 9.7s17-12.4 17-23V320 64zM176 0c-35.3 0-64 28.7-64 64V261.7C91.2 238 55.5 232.8 28.5 250.7C-.9 270.4-8.9 310.1 10.8 339.5L78.3 440.8c29.7 44.5 79.6 71.2 133.1 71.2h.9H272h56c66.3 0 120-53.7 120-120V288l0-16c0-35.3-28.7-64-64-64c-4.5 0-8.8 .5-13 1.3c-11.7-15.4-30.2-25.3-51-25.3c-6.9 0-13.5 1.1-19.7 3.1C288.7 170.7 269.6 160 248 160c-2.7 0-5.4 .2-8 .5V64c0-35.3-28.7-64-64-64zm48 304c0-8.8-7.2-16-16-16s-16 7.2-16 16v96c0 8.8 7.2 16 16 16s16-7.2 16-16V304zm48-16c-8.8 0-16 7.2-16 16v96c0 8.8 7.2 16 16 16s16-7.2 16-16V304c0-8.8-7.2-16-16-16zm80 16c0-8.8-7.2-16-16-16s-16 7.2-16 16v96c0 8.8 7.2 16 16 16s16-7.2 16-16V304z", Nr = "M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z", Or = "M160 0c17.7 0 32 14.3 32 32V67.7c1.6 .2 3.1 .4 4.7 .7c.4 .1 .7 .1 1.1 .2l48 8.8c17.4 3.2 28.9 19.9 25.7 37.2s-19.9 28.9-37.2 25.7l-47.5-8.7c-31.3-4.6-58.9-1.5-78.3 6.2s-27.2 18.3-29 28.1c-2 10.7-.5 16.7 1.2 20.4c1.8 3.9 5.5 8.3 12.8 13.2c16.3 10.7 41.3 17.7 73.7 26.3l2.9 .8c28.6 7.6 63.6 16.8 89.6 33.8c14.2 9.3 27.6 21.9 35.9 39.5c8.5 17.9 10.3 37.9 6.4 59.2c-6.9 38-33.1 63.4-65.6 76.7c-13.7 5.6-28.6 9.2-44.4 11V480c0 17.7-14.3 32-32 32s-32-14.3-32-32V445.1c-.4-.1-.9-.1-1.3-.2l-.2 0 0 0c-24.4-3.8-64.5-14.3-91.5-26.3c-16.1-7.2-23.4-26.1-16.2-42.2s26.1-23.4 42.2-16.2c20.9 9.3 55.3 18.5 75.2 21.6c31.9 4.7 58.2 2 76-5.3c16.9-6.9 24.6-16.9 26.8-28.9c1.9-10.6 .4-16.7-1.3-20.4c-1.9-4-5.6-8.4-13-13.3c-16.4-10.7-41.5-17.7-74-26.3l-2.8-.7 0 0C119.4 279.3 84.4 270 58.4 253c-14.2-9.3-27.5-22-35.8-39.6c-8.4-17.9-10.1-37.9-6.1-59.2C23.7 116 52.3 91.2 84.8 78.3c13.3-5.3 27.9-8.9 43.2-11V32c0-17.7 14.3-32 32-32z", kt = "M47.6 300.4L228.3 469.1c7.5 7 17.4 10.9 27.7 10.9s20.2-3.9 27.7-10.9L464.4 300.4c30.4-28.3 47.6-68 47.6-109.5v-5.8c0-69.9-50.5-129.5-119.4-141C347 36.5 300.6 51.4 268 84L256 96 244 84c-32.6-32.6-79-47.5-124.6-39.9C50.5 55.6 0 115.2 0 185.1v5.8c0 41.5 17.2 81.2 47.6 109.5z", Nt = "M234.5 5.7c13.9-5 29.1-5 43.1 0l192 68.6C495 83.4 512 107.5 512 134.6V377.4c0 27-17 51.2-42.5 60.3l-192 68.6c-13.9 5-29.1 5-43.1 0l-192-68.6C17 428.6 0 404.5 0 377.4V134.6c0-27 17-51.2 42.5-60.3l192-68.6zM256 66L82.3 128 256 190l173.7-62L256 66zm32 368.6l160-57.1v-188L288 246.6v188z", vt = "M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z", Ot = "M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z", Ar = "M184 48H328c4.4 0 8 3.6 8 8V96H176V56c0-4.4 3.6-8 8-8zm-56 8V96H64C28.7 96 0 124.7 0 160v96H192 352h8.2c32.3-39.1 81.1-64 135.8-64c5.4 0 10.7 .2 16 .7V160c0-35.3-28.7-64-64-64H384V56c0-30.9-25.1-56-56-56H184c-30.9 0-56 25.1-56 56zM320 352H224c-17.7 0-32-14.3-32-32V288H0V416c0 35.3 28.7 64 64 64H360.2C335.1 449.6 320 410.5 320 368c0-5.4 .2-10.7 .7-16l-.7 0zm320 16a144 144 0 1 0 -288 0 144 144 0 1 0 288 0zM496 288c8.8 0 16 7.2 16 16v48h32c8.8 0 16 7.2 16 16s-7.2 16-16 16H496c-8.8 0-16-7.2-16-16V304c0-8.8 7.2-16 16-16z", Ir = "M88.2 309.1c9.8-18.3 6.8-40.8-7.5-55.8C59.4 230.9 48 204 48 176c0-63.5 63.8-128 160-128s160 64.5 160 128s-63.8 128-160 128c-13.1 0-25.8-1.3-37.8-3.6c-10.4-2-21.2-.6-30.7 4.2c-4.1 2.1-8.3 4.1-12.6 6c-16 7.2-32.9 13.5-49.9 18c2.8-4.6 5.4-9.1 7.9-13.6c1.1-1.9 2.2-3.9 3.2-5.9zM0 176c0 41.8 17.2 80.1 45.9 110.3c-.9 1.7-1.9 3.5-2.8 5.1c-10.3 18.4-22.3 36.5-36.6 52.1c-6.6 7-8.3 17.2-4.6 25.9C5.8 378.3 14.4 384 24 384c43 0 86.5-13.3 122.7-29.7c4.8-2.2 9.6-4.5 14.2-6.8c15.1 3 30.9 4.5 47.1 4.5c114.9 0 208-78.8 208-176S322.9 0 208 0S0 78.8 0 176zM432 480c16.2 0 31.9-1.6 47.1-4.5c4.6 2.3 9.4 4.6 14.2 6.8C529.5 498.7 573 512 616 512c9.6 0 18.2-5.7 22-14.5c3.8-8.8 2-19-4.6-25.9c-14.2-15.6-26.2-33.7-36.6-52.1c-.9-1.7-1.9-3.4-2.8-5.1C622.8 384.1 640 345.8 640 304c0-94.4-87.9-171.5-198.2-175.8c4.1 15.2 6.2 31.2 6.2 47.8l0 .6c87.2 6.7 144 67.5 144 127.4c0 28-11.4 54.9-32.7 77.2c-14.3 15-17.3 37.6-7.5 55.8c1.1 2 2.2 4 3.2 5.9c2.5 4.5 5.2 9 7.9 13.6c-17-4.5-33.9-10.7-49.9-18c-4.3-1.9-8.5-3.9-12.6-6c-9.5-4.8-20.3-6.2-30.7-4.2c-12.1 2.4-24.7 3.6-37.8 3.6c-61.7 0-110-26.5-136.8-62.3c-16 5.4-32.8 9.4-50 11.8C279 439.8 350 480 432 480z", Tr = "M323.8 34.8c-38.2-10.9-78.1 11.2-89 49.4l-5.7 20c-3.7 13-10.4 25-19.5 35l-51.3 56.4c-8.9 9.8-8.2 25 1.6 33.9s25 8.2 33.9-1.6l51.3-56.4c14.1-15.5 24.4-34 30.1-54.1l5.7-20c3.6-12.7 16.9-20.1 29.7-16.5s20.1 16.9 16.5 29.7l-5.7 20c-5.7 19.9-14.7 38.7-26.6 55.5c-5.2 7.3-5.8 16.9-1.7 24.9s12.3 13 21.3 13L448 224c8.8 0 16 7.2 16 16c0 6.8-4.3 12.7-10.4 15c-7.4 2.8-13 9-14.9 16.7s.1 15.8 5.3 21.7c2.5 2.8 4 6.5 4 10.6c0 7.8-5.6 14.3-13 15.7c-8.2 1.6-15.1 7.3-18 15.1s-1.6 16.7 3.6 23.3c2.1 2.7 3.4 6.1 3.4 9.9c0 6.7-4.2 12.6-10.2 14.9c-11.5 4.5-17.7 16.9-14.4 28.8c.4 1.3 .6 2.8 .6 4.3c0 8.8-7.2 16-16 16H286.5c-12.6 0-25-3.7-35.5-10.7l-61.7-41.1c-11-7.4-25.9-4.4-33.3 6.7s-4.4 25.9 6.7 33.3l61.7 41.1c18.4 12.3 40 18.8 62.1 18.8H384c34.7 0 62.9-27.6 64-62c14.6-11.7 24-29.7 24-50c0-4.5-.5-8.8-1.3-13c15.4-11.7 25.3-30.2 25.3-51c0-6.5-1-12.8-2.8-18.7C504.8 273.7 512 257.7 512 240c0-35.3-28.6-64-64-64l-92.3 0c4.7-10.4 8.7-21.2 11.8-32.2l5.7-20c10.9-38.2-11.2-78.1-49.4-89zM32 192c-17.7 0-32 14.3-32 32V448c0 17.7 14.3 32 32 32H96c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32H32z", Er = "M54.2 202.9C123.2 136.7 216.8 96 320 96s196.8 40.7 265.8 106.9c12.8 12.2 33 11.8 45.2-.9s11.8-33-.9-45.2C549.7 79.5 440.4 32 320 32S90.3 79.5 9.8 156.7C-2.9 169-3.3 189.2 8.9 202s32.5 13.2 45.2 .9zM320 256c56.8 0 108.6 21.1 148.2 56c13.3 11.7 33.5 10.4 45.2-2.8s10.4-33.5-2.8-45.2C459.8 219.2 393 192 320 192s-139.8 27.2-190.5 72c-13.3 11.7-14.5 31.9-2.8 45.2s31.9 14.5 45.2 2.8c39.5-34.9 91.3-56 148.2-56zm64 160a64 64 0 1 0 -128 0 64 64 0 1 0 128 0z", At = "M123.6 391.3c12.9-9.4 29.6-11.8 44.6-6.4c26.5 9.6 56.2 15.1 87.8 15.1c124.7 0 208-80.5 208-160s-83.3-160-208-160S48 160.5 48 240c0 32 12.4 62.8 35.7 89.2c8.6 9.7 12.8 22.5 11.8 35.5c-1.4 18.1-5.7 34.7-11.3 49.4c17-7.9 31.1-16.7 39.4-22.7zM21.2 431.9c1.8-2.7 3.5-5.4 5.1-8.1c10-16.6 19.5-38.4 21.4-62.9C17.7 326.8 0 285.1 0 240C0 125.1 114.6 32 256 32s256 93.1 256 208s-114.6 208-256 208c-37.1 0-72.3-6.4-104.1-17.9c-11.9 8.7-31.3 20.6-54.3 30.6c-15.1 6.6-32.3 12.6-50.1 16.1c-.8 .2-1.6 .3-2.4 .5c-4.4 .8-8.7 1.5-13.2 1.9c-.2 0-.5 .1-.7 .1c-5.1 .5-10.2 .8-15.3 .8c-6.5 0-12.3-3.9-14.8-9.9c-2.5-6-1.1-12.8 3.4-17.4c4.1-4.2 7.8-8.7 11.3-13.5c1.7-2.3 3.3-4.6 4.8-6.9c.1-.2 .2-.3 .3-.5z", It = "M0 24C0 10.7 10.7 0 24 0H69.5c22 0 41.5 12.8 50.6 32h411c26.3 0 45.5 25 38.6 50.4l-41 152.3c-8.5 31.4-37 53.3-69.5 53.3H170.7l5.4 28.5c2.2 11.3 12.1 19.5 23.6 19.5H488c13.3 0 24 10.7 24 24s-10.7 24-24 24H199.7c-34.6 0-64.3-24.6-70.7-58.5L77.4 54.5c-.7-3.8-4-6.5-7.9-6.5H24C10.7 48 0 37.3 0 24zM128 464a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zm336-48a48 48 0 1 1 0 96 48 48 0 1 1 0-96z", Tt = "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z", Et = "M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z", zt = "M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z", zr = "M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z", Mt = "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z", Rt = "M0 336c0 79.5 64.5 144 144 144H512c70.7 0 128-57.3 128-128c0-61.9-44-113.6-102.4-125.4c4.1-10.7 6.4-22.4 6.4-34.6c0-53-43-96-96-96c-19.7 0-38.1 6-53.3 16.2C367 64.2 315.3 32 256 32C167.6 32 96 103.6 96 192c0 2.7 .1 5.4 .2 8.1C40.2 219.8 0 273.2 0 336z", Lt = "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM164.1 325.5C182 346.2 212.6 368 256 368s74-21.8 91.9-42.5c5.8-6.7 15.9-7.4 22.6-1.6s7.4 15.9 1.6 22.6C349.8 372.1 311.1 400 256 400s-93.8-27.9-116.1-53.5c-5.8-6.7-5.1-16.8 1.6-22.6s16.8-5.1 22.6 1.6zM144.4 208a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm192-32a32 32 0 1 1 0 64 32 32 0 1 1 0-64z", _t = "M48 256C48 141.1 141.1 48 256 48c63.1 0 119.6 28.1 157.8 72.5c8.6 10.1 23.8 11.2 33.8 2.6s11.2-23.8 2.6-33.8C403.3 34.6 333.7 0 256 0C114.6 0 0 114.6 0 256v40c0 13.3 10.7 24 24 24s24-10.7 24-24V256zm458.5-52.9c-2.7-13-15.5-21.3-28.4-18.5s-21.3 15.5-18.5 28.4c2.9 13.9 4.5 28.3 4.5 43.1v40c0 13.3 10.7 24 24 24s24-10.7 24-24V256c0-18.1-1.9-35.8-5.5-52.9zM256 80c-19 0-37.4 3-54.5 8.6c-15.2 5-18.7 23.7-8.3 35.9c7.1 8.3 18.8 10.8 29.4 7.9c10.6-2.9 21.8-4.4 33.4-4.4c70.7 0 128 57.3 128 128v24.9c0 25.2-1.5 50.3-4.4 75.3c-1.7 14.6 9.4 27.8 24.2 27.8c11.8 0 21.9-8.6 23.3-20.3c3.3-27.4 5-55 5-82.7V256c0-97.2-78.8-176-176-176zM150.7 148.7c-9.1-10.6-25.3-11.4-33.9-.4C93.7 178 80 215.4 80 256v24.9c0 24.2-2.6 48.4-7.8 71.9C68.8 368.4 80.1 384 96.1 384c10.5 0 19.9-7 22.2-17.3c6.4-28.1 9.7-56.8 9.7-85.8V256c0-27.2 8.5-52.4 22.9-73.1c7.2-10.4 8-24.6-.2-34.2zM256 160c-53 0-96 43-96 96v24.9c0 35.9-4.6 71.5-13.8 106.1c-3.8 14.3 6.7 29 21.5 29c9.5 0 17.9-6.2 20.4-15.4c10.5-39 15.9-79.2 15.9-119.7V256c0-28.7 23.3-52 52-52s52 23.3 52 52v24.9c0 36.3-3.5 72.4-10.4 107.9c-2.7 13.9 7.7 27.2 21.8 27.2c10.2 0 19-7 21-17c7.7-38.8 11.6-78.3 11.6-118.1V256c0-53-43-96-96-96zm24 96c0-13.3-10.7-24-24-24s-24 10.7-24 24v24.9c0 59.9-11 119.3-32.5 175.2l-5.9 15.3c-4.8 12.4 1.4 26.3 13.8 31s26.3-1.4 31-13.8l5.9-15.3C267.9 411.9 280 346.7 280 280.9V256z", Mr = "M315.4 15.5C309.7 5.9 299.2 0 288 0s-21.7 5.9-27.4 15.5l-96 160c-5.9 9.9-6.1 22.2-.4 32.2s16.3 16.2 27.8 16.2H384c11.5 0 22.2-6.2 27.8-16.2s5.5-22.3-.4-32.2l-96-160zM288 312V456c0 22.1 17.9 40 40 40H472c22.1 0 40-17.9 40-40V312c0-22.1-17.9-40-40-40H328c-22.1 0-40 17.9-40 40zM128 512a128 128 0 1 0 0-256 128 128 0 1 0 0 256z", Rr = "M116.7 219.4a15.7 15.7 0 0 0 22.7 0l96.8-99.8c28.2-29 26.5-77.1-4.9-103.9C203.8-7.7 163-3.5 137.9 22.4L128 32.6l-9.9-10.1C93.1-3.5 52.3-7.7 24.9 15.6c-31.4 26.8-33 74.9-5 103.9zm143.9 100.5h-48l-7.1-14.2a27.4 27.4 0 0 0 -25.7-17.8h-71.7a27.4 27.4 0 0 0 -25.7 17.8l-7 14.2h-48A27.5 27.5 0 0 0 0 347.3v137.3A27.4 27.4 0 0 0 27.4 512h233.1A27.5 27.5 0 0 0 288 484.6V347.3a27.5 27.5 0 0 0 -27.4-27.5zM144 468a52 52 0 1 1 52-52 52 52 0 0 1 -52 52zm355.4-115.9h-60.6l22.4-50.8c2.1-6.7-3.9-13.2-12.2-13.2h-75.6c-6.3 0-11.7 3.9-12.5 9.1l-16.8 106.9c-1 6.3 4.9 11.9 12.5 11.9h62.3l-24.2 83c-1.9 6.7 4.2 12.9 12.2 12.9a13.3 13.3 0 0 0 10.9-5.3l92.4-138.9c4.9-6.9-1.2-15.7-10.9-15.7zM478.1 .3L329.5 23.2C314.9 25.4 304 38.9 304 54.8V161.6a83.3 83.3 0 0 0 -16-1.7c-35.4 0-64 21.5-64 48s28.7 48 64 48c35.2 0 63.7-21.3 64-47.7V99.7l112-17.2v47.2a83.3 83.3 0 0 0 -16-1.7c-35.4 0-64 21.5-64 48s28.7 48 64 48c35.2 0 63.7-21.3 64-47.7V32c0-19.5-16-34.4-33.9-31.7z", Lr = "M432 416h-23.4L277.9 53.7A32 32 0 0 0 247.6 32h-47.2a32 32 0 0 0 -30.3 21.7L39.4 416H16a16 16 0 0 0 -16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0 -16-16h-19.6l23.3-64h152.6l23.3 64H304a16 16 0 0 0 -16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0 -16-16zM176.9 272L224 142.5 271.2 272z", _r = "M464 32H336c-26.5 0-48 21.5-48 48v128c0 26.5 21.5 48 48 48h80v64c0 35.3-28.7 64-64 64h-8c-13.3 0-24 10.7-24 24v48c0 13.3 10.7 24 24 24h8c88.4 0 160-71.6 160-160V80c0-26.5-21.5-48-48-48zm-288 0H48C21.5 32 0 53.5 0 80v128c0 26.5 21.5 48 48 48h80v64c0 35.3-28.7 64-64 64h-8c-13.3 0-24 10.7-24 24v48c0 13.3 10.7 24 24 24h8c88.4 0 160-71.6 160-160V80c0-26.5-21.5-48-48-48z", Br = "M608 0H160a32 32 0 0 0 -32 32v96h160V64h192v320h128a32 32 0 0 0 32-32V32a32 32 0 0 0 -32-32zM232 103a9 9 0 0 1 -9 9h-30a9 9 0 0 1 -9-9V73a9 9 0 0 1 9-9h30a9 9 0 0 1 9 9zm352 208a9 9 0 0 1 -9 9h-30a9 9 0 0 1 -9-9v-30a9 9 0 0 1 9-9h30a9 9 0 0 1 9 9zm0-104a9 9 0 0 1 -9 9h-30a9 9 0 0 1 -9-9v-30a9 9 0 0 1 9-9h30a9 9 0 0 1 9 9zm0-104a9 9 0 0 1 -9 9h-30a9 9 0 0 1 -9-9V73a9 9 0 0 1 9-9h30a9 9 0 0 1 9 9zm-168 57H32a32 32 0 0 0 -32 32v288a32 32 0 0 0 32 32h384a32 32 0 0 0 32-32V192a32 32 0 0 0 -32-32zM96 224a32 32 0 1 1 -32 32 32 32 0 0 1 32-32zm288 224H64v-32l64-64 32 32 128-128 96 96z", Dr = "M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z", Fr = "M0 448V64h18v384H0zm26.9-.3V64H36v383.7h-9.1zm27.1 0V64h8.9v383.7H54zm44.9 0V64h8.9v383.7h-8.9zm36 0V64h17.7v383.7h-17.7zm44.9 0V64h8.9v383.7h-8.9zm18 0V64h8.9v383.7h-8.9zm18 0V64h8.9v383.7h-8.9zm35.7 0V64h18v383.7h-18zm44.9 0V64h18v383.7h-18zm36 0V64h18v383.7h-18zm36 0V64h18v383.7h-18zm26.9 0V64h18v383.7h-18zm45.1 0V64h26.9v383.7h-26.9zm35.7 0V64h9.1v383.7H476zm18 .3V64h18v384h-18z", Hr = "M0 180V56c0-13.3 10.7-24 24-24h124c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H64v84c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12zM288 44v40c0 6.6 5.4 12 12 12h84v84c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12V56c0-13.3-10.7-24-24-24H300c-6.6 0-12 5.4-12 12zm148 276h-40c-6.6 0-12 5.4-12 12v84h-84c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h124c13.3 0 24-10.7 24-24V332c0-6.6-5.4-12-12-12zM160 468v-40c0-6.6-5.4-12-12-12H64v-84c0-6.6-5.4-12-12-12H12c-6.6 0-12 5.4-12 12v124c0 13.3 10.7 24 24 24h124c6.6 0 12-5.4 12-12z", Ft = "M32 464a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128H32zm272-256a16 16 0 0 1 32 0v224a16 16 0 0 1 -32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1 -32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1 -32 0zM432 32H312l-9.4-18.7A24 24 0 0 0 281.1 0H166.8a23.7 23.7 0 0 0 -21.4 13.3L136 32H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0 -16-16z", Pr = "M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z", Vr = "M576 128c0-35.3-28.7-64-64-64H205.3c-17 0-33.3 6.7-45.3 18.7L9.4 233.4c-6 6-9.4 14.1-9.4 22.6s3.4 16.6 9.4 22.6L160 429.3c12 12 28.3 18.7 45.3 18.7H512c35.3 0 64-28.7 64-64V128zM271 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z", Ur = "M 6 3.6 V 0 L 0 6 l 6 6 V 8 c 6 -0.27 7.53 3.76 7.88 5.77 a 0.27 0.27 0 0 0 0.53 0 C 17.08 2.86 6 3.6 6 3.6 Z", Wr = "M352 224c53 0 96-43 96-96s-43-96-96-96s-96 43-96 96c0 4 .2 8 .7 11.9l-94.1 47C145.4 170.2 121.9 160 96 160c-53 0-96 43-96 96s43 96 96 96c25.9 0 49.4-10.2 66.6-26.9l94.1 47c-.5 3.9-.7 7.8-.7 11.9c0 53 43 96 96 96s96-43 96-96s-43-96-96-96c-25.9 0-49.4 10.2-66.6 26.9l-94.1-47c.5-3.9 .7-7.8 .7-11.9s-.2-8-.7-11.9l94.1-47C302.6 213.8 326.1 224 352 224z", $r = "M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32V274.7l-73.4-73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L288 274.7V32zM64 352c-35.3 0-64 28.7-64 64v32c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V416c0-35.3-28.7-64-64-64H346.5l-45.3 45.3c-25 25-65.5 25-90.5 0L165.5 352H64zm368 56a24 24 0 1 1 0 48 24 24 0 1 1 0-48z", Jr = "M254 52.8C249.3 40.3 237.3 32 224 32s-25.3 8.3-30 20.8L57.8 416 32 416c-17.7 0-32 14.3-32 32s14.3 32 32 32l96 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-1.8 0 18-48 159.6 0 18 48-1.8 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l96 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-25.8 0L254 52.8zM279.8 304l-111.6 0L224 155.1 279.8 304z", Gr = "M448 256c0-106-86-192-192-192l0 384c106 0 192-86 192-192zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256z", Yr = "M256 0L576 0c35.3 0 64 28.7 64 64l0 224c0 35.3-28.7 64-64 64l-320 0c-35.3 0-64-28.7-64-64l0-224c0-35.3 28.7-64 64-64zM476 106.7C471.5 100 464 96 456 96s-15.5 4-20 10.7l-56 84L362.7 169c-4.6-5.7-11.5-9-18.7-9s-14.2 3.3-18.7 9l-64 80c-5.8 7.2-6.9 17.1-2.9 25.4s12.4 13.6 21.6 13.6l80 0 48 0 144 0c8.9 0 17-4.9 21.2-12.7s3.7-17.3-1.2-24.6l-96-144zM336 96a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zM64 128l96 0 0 256 0 32c0 17.7 14.3 32 32 32l128 0c17.7 0 32-14.3 32-32l0-32 160 0 0 64c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 192c0-35.3 28.7-64 64-64zm8 64c-8.8 0-16 7.2-16 16l0 16c0 8.8 7.2 16 16 16l16 0c8.8 0 16-7.2 16-16l0-16c0-8.8-7.2-16-16-16l-16 0zm0 104c-8.8 0-16 7.2-16 16l0 16c0 8.8 7.2 16 16 16l16 0c8.8 0 16-7.2 16-16l0-16c0-8.8-7.2-16-16-16l-16 0zm0 104c-8.8 0-16 7.2-16 16l0 16c0 8.8 7.2 16 16 16l16 0c8.8 0 16-7.2 16-16l0-16c0-8.8-7.2-16-16-16l-16 0zm336 16l0 16c0 8.8 7.2 16 16 16l16 0c8.8 0 16-7.2 16-16l0-16c0-8.8-7.2-16-16-16l-16 0c-8.8 0-16 7.2-16 16z", Kr = "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM184 232l144 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-144 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z", Xr = "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM232 344l0-64-64 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l64 0 0-64c0-13.3 10.7-24 24-24s24 10.7 24 24l0 64 64 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-64 0 0 64c0 13.3-10.7 24-24 24s-24-10.7-24-24z", Ht = "M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z", Qr = "M134.1 296H436c6.6 0 12-5.4 12-12v-56c0-6.6-5.4-12-12-12H134.1v-46.1c0-21.4-25.9-32.1-41-17L7 239c-9.4 9.4-9.4 24.6 0 33.9l86.1 86.1c15.1 15.1 41 4.4 41-17V296z", qr = "apcDB", Ie = "APCObjectStore", Zr = 1;
+function ut() {
   return new Promise((y, r) => {
     const n = indexedDB.open(qr, Zr);
-    n.onupgradeneeded = function(c) {
-      let l = c.target.result, d;
-      l.objectStoreNames.contains(Ne) ? d = n.transaction.objectStore(Ne) : d = l.createObjectStore(Ne, { keyPath: "id" }), d.indexNames.contains("nameIndex") || d.createIndex("nameIndex", "name", { unique: !1 });
-    }, n.onsuccess = function(c) {
-      y(c.target.result);
-    }, n.onerror = function(c) {
-      r("Database error: " + c.target.errorCode);
+    n.onupgradeneeded = function(a) {
+      let l = a.target.result, d;
+      l.objectStoreNames.contains(Ie) ? d = n.transaction.objectStore(Ie) : d = l.createObjectStore(Ie, { keyPath: "id" }), d.indexNames.contains("nameIndex") || d.createIndex("nameIndex", "name", { unique: !1 });
+    }, n.onsuccess = function(a) {
+      y(a.target.result);
+    }, n.onerror = function(a) {
+      r("Database error: " + a.target.errorCode);
     };
   });
 }
-function Ve(y, r, n, c) {
-  return ct().then((l) => new Promise((d, f) => {
-    const h = l.transaction(["APCObjectStore"], "readwrite"), m = h.objectStore("APCObjectStore"), i = { id: y, classification: r, content: n, misc: c }, g = m.put(i);
-    g.onsuccess = () => d(g.result), g.onerror = () => f(g.error), h.oncomplete = () => l.close();
+function Je(y, r, n, a) {
+  return ut().then((l) => new Promise((d, f) => {
+    const p = l.transaction(["APCObjectStore"], "readwrite"), m = p.objectStore("APCObjectStore"), c = { id: y, classification: r, content: n, misc: a }, g = m.put(c);
+    g.onsuccess = () => d(g.result), g.onerror = () => f(g.error), p.oncomplete = () => l.close();
   }));
 }
-function Xe(y) {
-  return ct().then((r) => new Promise((n, c) => {
-    const l = r.transaction([Ne], "readonly"), f = l.objectStore(Ne).get(y);
-    f.onsuccess = () => n(f.result), f.onerror = () => c(f.error), l.oncomplete = () => r.close();
+function tt(y) {
+  return ut().then((r) => new Promise((n, a) => {
+    const l = r.transaction([Ie], "readonly"), f = l.objectStore(Ie).get(y);
+    f.onsuccess = () => n(f.result), f.onerror = () => a(f.error), l.oncomplete = () => r.close();
   }));
 }
 function en(y) {
-  return ct().then((r) => new Promise((n, c) => {
-    const l = r.transaction([Ne], "readwrite"), f = l.objectStore(Ne).delete(y);
-    f.onsuccess = () => n(), f.onerror = () => c(f.error), l.oncomplete = () => r.close();
+  return ut().then((r) => new Promise((n, a) => {
+    const l = r.transaction([Ie], "readwrite"), f = l.objectStore(Ie).delete(y);
+    f.onsuccess = () => n(), f.onerror = () => a(f.error), l.oncomplete = () => r.close();
   }));
 }
-function Me(y = null) {
-  return ct().then((r) => new Promise((n, c) => {
-    const l = r.transaction([Ne], "readonly"), f = l.objectStore(Ne).openCursor(), h = [];
+function _e(y = null) {
+  return ut().then((r) => new Promise((n, a) => {
+    const l = r.transaction([Ie], "readonly"), f = l.objectStore(Ie).openCursor(), p = [];
     f.onsuccess = (m) => {
-      const i = m.target.result;
-      i ? ((!y || y(i.value)) && h.push(i.value), i.continue()) : n(h);
+      const c = m.target.result;
+      c ? ((!y || y(c.value)) && p.push(c.value), c.continue()) : n(p);
     }, f.onerror = (m) => {
-      c("Failed to retrieve items: " + m.target.errorCode);
+      a("Failed to retrieve items: " + m.target.errorCode);
     }, l.oncomplete = () => {
       r.close();
     };
   }));
 }
 function tn(y) {
-  const { currentTabNo: r, theme: n, apcCanvasInstance: c, apiEndpoint: l, reloadTabs: d, updateActiveSection: f, initCategory: h, initInstance: m, apiKey: i, setActiveTab: g } = y, [p, b] = M(), [o, j] = M(h || "Hats"), [u, v] = M(!1), [s, S] = M(), B = `${l}/api/v1/designer`;
-  ce(() => {
-    E();
-  }, []), ce(() => {
-    c && m && m.fabricID && L(m.fabricID);
+  const { currentTabNo: r, theme: n, apcCanvasInstance: a, apiEndpoint: l, reloadTabs: d, updateActiveSection: f, initCategory: p, initInstance: m, apiKey: c, setActiveTab: g } = y, [h, b] = M(), [o, j] = M(p || "Hats"), [u, v] = M(!1), [s, S] = M(), B = `${l}/api/v1/designer`;
+  ae(() => {
+    z();
+  }, []), ae(() => {
+    a && m && m.fabricID && _(m.fabricID);
   }, [m]);
-  const E = () => {
+  const z = () => {
     v(!0);
-    const R = `${B}/search-designs-images/${o}`;
-    je.get(R).then((A) => {
-      v(!1), A.data.object.length > 0 ? b(A.data) : S("No matching results found");
-    }).catch((A) => {
-      v(!1), console.error("Error fetching data:", A);
+    const L = `${B}/search-designs-images/${o}`;
+    Se.get(L).then((I) => {
+      v(!1), I.data.object.length > 0 ? b(I.data) : S("No matching results found");
+    }).catch((I) => {
+      v(!1), console.error("Error fetching data:", I);
     });
-  }, L = (R) => {
-    const A = B + "/find-public-design/" + R;
-    je.get(A).then((V) => {
+  }, _ = (L) => {
+    const I = B + "/find-public-design/" + L;
+    Se.get(I).then((V) => {
       const { object: Q } = V == null ? void 0 : V.data;
       Q && (window.location.href = `/design-center/${Q.pdid}`);
     }).catch((V) => {
       console.error("Error fetching data:", V);
     });
-  }, H = () => p ? p.object.map((R, A) => /* @__PURE__ */ e.jsx(I.Fragment, { children: /* @__PURE__ */ e.jsxs(
+  }, H = () => h ? h.object.map((L, I) => /* @__PURE__ */ e.jsx(E.Fragment, { children: /* @__PURE__ */ e.jsxs(
     "div",
     {
       style: {
@@ -720,7 +720,7 @@ function tn(y) {
       },
       tabIndex: 0,
       className: "apc-mpx-widget-responsive-image-container",
-      onClick: () => L(R.fabricID),
+      onClick: () => _(L.fabricID),
       children: [
         /* @__PURE__ */ e.jsxs(
           "div",
@@ -736,23 +736,23 @@ function tn(y) {
             },
             children: [
               "$",
-              R.product.price
+              L.product.price
             ]
           }
         ),
         /* @__PURE__ */ e.jsx(
           "img",
           {
-            src: R.imageURL,
-            alt: R.description,
+            src: L.imageURL,
+            alt: L.description,
             className: "apc-mpx-widget-responsive-image"
           }
         ),
-        /* @__PURE__ */ e.jsx("div", { children: R.product.name })
+        /* @__PURE__ */ e.jsx("div", { children: L.product.name })
       ]
     }
-  ) }, A)) : null;
-  return /* @__PURE__ */ e.jsxs(I.Fragment, { children: [
+  ) }, I)) : null;
+  return /* @__PURE__ */ e.jsxs(E.Fragment, { children: [
     /* @__PURE__ */ e.jsx("br", {}),
     /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", flexDirection: "row" }, children: [
       /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
@@ -760,7 +760,7 @@ function tn(y) {
         {
           placeholder: "Search templates",
           type: "text",
-          onChange: (R) => j(R.target.value),
+          onChange: (L) => j(L.target.value),
           className: "apc-mpc-widget-input",
           style: { border: `solid 3px ${n.primaryColor}`, height: "40px" }
         }
@@ -769,7 +769,7 @@ function tn(y) {
         "button",
         {
           className: "apc-mpc-widget-btn",
-          onClick: () => E(),
+          onClick: () => z(),
           style: {
             backgroundColor: n.primaryColor,
             color: "#ffffff",
@@ -852,7 +852,7 @@ const rn = {
   cursor: "pointer"
 };
 function ln(y) {
-  const { apcCanvasInstance: r, isMobile: n, closeMobileModalSecondaryPanel: c } = y, l = (o, j) => {
+  const { apcCanvasInstance: r, isMobile: n, closeMobileModalSecondaryPanel: a } = y, l = (o, j) => {
     const u = new D.Textbox("Stay Humble!", {
       width: 300,
       left: 200,
@@ -861,7 +861,7 @@ function ln(y) {
       fill: j,
       hasControls: !0
     });
-    r.add(u), r.setActiveObject(u), n && c(!0);
+    r.add(u), r.setActiveObject(u), n && a(!0);
   }, d = ({ primaryTextLabel: o, primaryTextFontFamily: j, primaryTextColor: u, secondaryTextLabel: v, SecondaryTextFontFamily: s, secondaryTextColor: S }) => {
     const B = new D.Textbox(o, {
       fontFamily: j,
@@ -869,13 +869,13 @@ function ln(y) {
       left: 200,
       top: 200,
       fill: u
-    }), E = new D.Textbox(v, {
+    }), z = new D.Textbox(v, {
       fontFamily: s,
       fill: S,
       fontSize: 12,
       width: 150
     });
-    E.top = B.top + B.height + 10, E.left = B.left, r.add(B), r.add(E), r.setActiveObject(B), n && c(!0);
+    z.top = B.top + B.height + 10, z.left = B.left, r.add(B), r.add(z), r.setActiveObject(B), n && a(!0);
   }, f = (o, j) => {
     const u = new D.Textbox("Adventure Awaits!", {
       width: 300,
@@ -893,8 +893,8 @@ function ln(y) {
       offsetY: 5
       // Vertical offset of shadow
     };
-    u.shadow = v, r.add(u), r.setActiveObject(u), n && c(!0);
-  }, h = () => {
+    u.shadow = v, r.add(u), r.setActiveObject(u), n && a(!0);
+  }, p = () => {
     const o = new D.Textbox("Love More", {
       left: 100,
       top: 100,
@@ -911,7 +911,7 @@ function ln(y) {
         ]
       })
     });
-    r.add(o), r.setActiveObject(o), n && c(!0);
+    r.add(o), r.setActiveObject(o), n && a(!0);
   }, m = () => {
     const o = new D.Textbox("Good Vibes Only", {
       left: 150,
@@ -923,8 +923,8 @@ function ln(y) {
       stroke: "#ff0000",
       strokeWidth: 2
     });
-    r.add(o), r.setActiveObject(o), n && c(!0);
-  }, i = () => {
+    r.add(o), r.setActiveObject(o), n && a(!0);
+  }, c = () => {
     const o = new D.Textbox("Dream Big", {
       left: 300,
       top: 300,
@@ -934,7 +934,7 @@ function ln(y) {
       skewX: 20,
       skewY: 10
     });
-    r.add(o), r.setActiveObject(o), n && c(!0);
+    r.add(o), r.setActiveObject(o), n && a(!0);
   }, g = () => {
     const o = new D.Textbox("Choose Joy", {
       left: 350,
@@ -943,8 +943,8 @@ function ln(y) {
       fill: "#000",
       opacity: 0.5
     });
-    r.add(o), r.setActiveObject(o), n && c(!0);
-  }, p = () => {
+    r.add(o), r.setActiveObject(o), n && a(!0);
+  }, h = () => {
     const o = new D.Textbox("Find Your Fire", {
       left: 550,
       top: 550,
@@ -952,7 +952,7 @@ function ln(y) {
       fill: "#000",
       shadow: "yellow 0 0 10px"
     });
-    r.add(o), r.setActiveObject(o), n && c(!0);
+    r.add(o), r.setActiveObject(o), n && a(!0);
   }, b = () => {
     const o = new D.Textbox("Be Kind", {
       left: 650,
@@ -961,9 +961,9 @@ function ln(y) {
       fill: "#000",
       backgroundColor: "orange"
     });
-    r.add(o), r.setActiveObject(o), n && c(!0);
+    r.add(o), r.setActiveObject(o), n && a(!0);
   };
-  return /* @__PURE__ */ e.jsx(I.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
+  return /* @__PURE__ */ e.jsx(E.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
     /* @__PURE__ */ e.jsx(
       "div",
       {
@@ -1044,41 +1044,41 @@ function ln(y) {
         }, children: "Adventure Awaits " })
       }
     ),
-    /* @__PURE__ */ e.jsx("div", { onClick: () => h(), style: rn, children: "Love More" }),
+    /* @__PURE__ */ e.jsx("div", { onClick: () => p(), style: rn, children: "Love More" }),
     /* @__PURE__ */ e.jsx("div", { onClick: () => m(), style: nn, children: "Good Vibes Only" }),
-    /* @__PURE__ */ e.jsx("div", { onClick: () => i(), style: sn, children: "Dream Big" }),
-    /* @__PURE__ */ e.jsx("div", { onClick: () => p(), style: on, children: "Find Your Fire" }),
+    /* @__PURE__ */ e.jsx("div", { onClick: () => c(), style: sn, children: "Dream Big" }),
+    /* @__PURE__ */ e.jsx("div", { onClick: () => h(), style: on, children: "Find Your Fire" }),
     /* @__PURE__ */ e.jsx("div", { onClick: () => b(), style: cn, children: "Be Kind" }),
     /* @__PURE__ */ e.jsx("div", { onClick: () => g(), style: an, children: "Choose Joy" })
   ] }) });
 }
-const Dt = async (y) => {
+const Pt = async (y) => {
   try {
     const n = await (await fetch(y)).blob();
-    return new Promise((c, l) => {
+    return new Promise((a, l) => {
       const d = new FileReader();
-      d.onloadend = () => c(d.result), d.onerror = l, d.readAsDataURL(n);
+      d.onloadend = () => a(d.result), d.onerror = l, d.readAsDataURL(n);
     });
   } catch (r) {
     throw console.error("Error converting image to base64:", r), r;
   }
 };
 function dn({ apcCanvasInstance: y, theme: r }) {
-  const [n, c] = M(!1), l = (i) => {
-    const g = i.target.files[0];
+  const [n, a] = M(!1), l = (c) => {
+    const g = c.target.files[0];
     if (g) {
-      const p = new FileReader();
-      p.onload = (b) => f(b.target.result), p.readAsDataURL(g);
+      const h = new FileReader();
+      h.onload = (b) => f(b.target.result), h.readAsDataURL(g);
     }
-  }, d = (i) => {
-    i.preventDefault(), c(!1);
-    const g = i.dataTransfer.files[0];
+  }, d = (c) => {
+    c.preventDefault(), a(!1);
+    const g = c.dataTransfer.files[0];
     if (g) {
-      const p = new FileReader();
-      p.onload = (b) => f(b.target.result), p.readAsDataURL(g);
+      const h = new FileReader();
+      h.onload = (b) => f(b.target.result), h.readAsDataURL(g);
     }
-  }, f = (i) => {
-    D.Image.fromURL(i, (g) => {
+  }, f = (c) => {
+    D.Image.fromURL(c, (g) => {
       g.set({
         left: 100,
         top: 100,
@@ -1086,10 +1086,10 @@ function dn({ apcCanvasInstance: y, theme: r }) {
         scaleY: 0.5
       }), y.add(g);
     });
-  }, h = (i) => {
-    i.preventDefault(), c(!0);
+  }, p = (c) => {
+    c.preventDefault(), a(!0);
   }, m = () => {
-    c(!1);
+    a(!1);
   };
   return /* @__PURE__ */ e.jsxs(
     "div",
@@ -1106,7 +1106,7 @@ function dn({ apcCanvasInstance: y, theme: r }) {
         position: "relative"
         // For overlaying the icon
       },
-      onDragOver: h,
+      onDragOver: p,
       onDragLeave: m,
       onDrop: d,
       onClick: () => document.getElementById("file-input").click(),
@@ -1144,7 +1144,7 @@ function dn({ apcCanvasInstance: y, theme: r }) {
                   width: "18",
                   viewBox: "0 0 512 512",
                   style: { fill: r.primaryColor },
-                  children: /* @__PURE__ */ e.jsx("path", { d: Bt })
+                  children: /* @__PURE__ */ e.jsx("path", { d: Ht })
                 }
               ),
               /* @__PURE__ */ e.jsx("br", {}),
@@ -1180,8 +1180,8 @@ function dn({ apcCanvasInstance: y, theme: r }) {
     }
   );
 }
-function at(y) {
-  const { featureText: r, theme: n, featureName: c } = y;
+function ft(y) {
+  const { featureText: r, theme: n, featureName: a } = y;
   return /* @__PURE__ */ e.jsxs("div", { className: "premium-feature-container", style: {
     padding: "20px",
     backgroundColor: "#f8f9fa",
@@ -1200,7 +1200,7 @@ function at(y) {
       fontSize: "18px",
       fontWeight: "600",
       marginBottom: "12px"
-    }, children: c ?? "Premium Feature Access" }),
+    }, children: a ?? "Premium Feature Access" }),
     /* @__PURE__ */ e.jsx("p", { style: {
       color: "#555",
       fontSize: "15px",
@@ -1244,7 +1244,7 @@ function at(y) {
     }, children: "Unlock premium design features to create your perfect custom product" })
   ] });
 }
-function lt() {
+function xt() {
   return /* @__PURE__ */ e.jsxs("div", { className: "loading-container", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "spinner", children: [
       /* @__PURE__ */ e.jsx("div", { className: "spinner-circle" }),
@@ -1253,38 +1253,38 @@ function lt() {
     /* @__PURE__ */ e.jsx("p", { className: "loading-text", children: "Loading..." })
   ] });
 }
-function hn(y) {
-  const { apcCanvasInstance: r, theme: n, apiKey: c, apiEndpoint: l, isMobile: d, closeMobileModalSecondaryPanel: f } = y, [h, m] = M("flowers"), [i, g] = M(!1), [p, b] = M(), [o, j] = M(!1), [u, v] = M(!1), s = sessionStorage.getItem("apc_x_sub_status"), S = `${l}/api/v1/designer`;
-  ce(() => {
-    E();
-  }, []), ce(() => {
+function pn(y) {
+  const { apcCanvasInstance: r, theme: n, apiKey: a, apiEndpoint: l, isMobile: d, closeMobileModalSecondaryPanel: f } = y, [p, m] = M("flowers"), [c, g] = M(!1), [h, b] = M(), [o, j] = M(!1), [u, v] = M(!1), s = sessionStorage.getItem("apc_x_sub_status"), S = `${l}/api/v1/designer`;
+  ae(() => {
+    z();
+  }, []), ae(() => {
     (async () => {
       s === "active" ? (j(!0), v(!0)) : (g(!0), await B());
     })();
   }, []);
   const B = () => {
     g(!0);
-    const A = `${S}/get-subscription-status/${c}`;
-    je.get(A).then((V) => {
+    const I = `${S}/get-subscription-status/${a}`;
+    Se.get(I).then((V) => {
       V.data.object && V.data.object === "active" && (sessionStorage.setItem("apc_x_sub_status", "active"), j(!0));
     }).catch((V) => {
       sessionStorage.setItem("apc_x_sub_status", "");
     }).finally(() => {
       g(!1), v(!0);
     });
-  }, E = () => {
+  }, z = () => {
     g(!0);
-    const A = {
-      "X-Api-Key": c
-    }, V = `${S}/get-images/${h}`;
-    je.get(V, { headers: A }).then((Q) => {
+    const I = {
+      "X-Api-Key": a
+    }, V = `${S}/get-images/${p}`;
+    Se.get(V, { headers: I }).then((Q) => {
       var Z;
       g(!1), b((Z = Q.data) == null ? void 0 : Z.object);
     }).catch((Q) => {
       console.error("Error fetching data:", Q), g(!1);
     });
-  }, L = async (A) => {
-    const V = await Dt(A);
+  }, _ = async (I) => {
+    const V = await Pt(I);
     V && D.Image.fromURL(V, (Q) => {
       Q.set({
         left: 0,
@@ -1293,14 +1293,14 @@ function hn(y) {
         scaleY: 0.3
       }), r.add(Q);
     }), d && f(!0);
-  }, H = () => p ? /* @__PURE__ */ e.jsx("div", { children: p.map((A) => /* @__PURE__ */ e.jsx("div", { onClick: () => L(A.urls.regular), style: { cursor: "pointer" }, children: /* @__PURE__ */ e.jsx("img", { height: 300, width: 300, src: A.urls.regular, alt: A.description || "No description" }) }, A.id)) }) : null, R = () => !o && !i && u ? /* @__PURE__ */ e.jsx(at, { theme: n, isPartial: !0, featureName: "AI image generation or search" }) : o && !i && u ? /* @__PURE__ */ e.jsxs("div", { children: [
+  }, H = () => h ? /* @__PURE__ */ e.jsx("div", { children: h.map((I) => /* @__PURE__ */ e.jsx("div", { onClick: () => _(I.urls.regular), style: { cursor: "pointer" }, children: /* @__PURE__ */ e.jsx("img", { height: 300, width: 300, src: I.urls.regular, alt: I.description || "No description" }) }, I.id)) }) : null, L = () => !o && !c && u ? /* @__PURE__ */ e.jsx(ft, { theme: n, isPartial: !0, featureName: "AI image generation or search" }) : o && !c && u ? /* @__PURE__ */ e.jsxs("div", { children: [
     /* @__PURE__ */ e.jsx("strong", { children: "- OR -" }),
     /* @__PURE__ */ e.jsxs("div", { children: [
       /* @__PURE__ */ e.jsx(
         "input",
         {
           type: "text",
-          onChange: (A) => m(A.target.value),
+          onChange: (I) => m(I.target.value),
           className: "apc-mpc-widget-input",
           style: { border: `solid 3px ${n.primaryColor}` }
         }
@@ -1312,30 +1312,30 @@ function hn(y) {
         "button",
         {
           className: "apc-mpc-widget-btn",
-          onClick: () => E(),
+          onClick: () => z(),
           style: {
             backgroundColor: n.primaryColor,
             color: "#ffffff"
           },
-          children: i ? "...Processing" : "Search"
+          children: c ? "...Processing" : "Search"
         }
       )
     ] }),
     /* @__PURE__ */ e.jsx("br", {}),
     /* @__PURE__ */ e.jsx("br", {}),
     H()
-  ] }) : /* @__PURE__ */ e.jsx(lt, {});
-  return /* @__PURE__ */ e.jsxs(I.Fragment, { children: [
+  ] }) : /* @__PURE__ */ e.jsx(xt, {});
+  return /* @__PURE__ */ e.jsxs(E.Fragment, { children: [
     /* @__PURE__ */ e.jsx("br", {}),
     /* @__PURE__ */ e.jsx("br", {}),
     /* @__PURE__ */ e.jsx(dn, { apcCanvasInstance: r, theme: n }),
     /* @__PURE__ */ e.jsx("br", {}),
     /* @__PURE__ */ e.jsx("br", {}),
-    R()
+    L()
   ] });
 }
-function Rt(y) {
-  const { apcCanvasInstance: r, theme: n, isMobile: c, closeMobileModalSecondaryPanel: l } = y, d = (v) => {
+function Bt(y) {
+  const { apcCanvasInstance: r, theme: n, isMobile: a, closeMobileModalSecondaryPanel: l } = y, d = (v) => {
     const s = new D.Rect({
       width: 100,
       height: 60,
@@ -1344,7 +1344,7 @@ function Rt(y) {
       fill: "",
       stroke: n.primaryColor
     });
-    r.add(s), r.setActiveObject(s), c && l(!0);
+    r.add(s), r.setActiveObject(s), a && l(!0);
   }, f = (v) => {
     const s = new D.Circle({
       radius: 30,
@@ -1353,8 +1353,8 @@ function Rt(y) {
       left: 200,
       top: 200
     });
-    r.add(s), r.setActiveObject(s), c && l(!0);
-  }, h = (v) => {
+    r.add(s), r.setActiveObject(s), a && l(!0);
+  }, p = (v) => {
     const s = new D.Triangle({
       width: 40,
       height: 50,
@@ -1363,7 +1363,7 @@ function Rt(y) {
       left: 200,
       top: 200
     });
-    r.add(s), r.setActiveObject(s), c && l(!0);
+    r.add(s), r.setActiveObject(s), a && l(!0);
   }, m = (v) => {
     const s = new D.Line([50, 10, 250, 10], {
       fill: "",
@@ -1371,24 +1371,24 @@ function Rt(y) {
       left: 200,
       top: 200
     });
-    r.add(s), r.setActiveObject(s), c && l(!0);
-  }, i = (v, s, S) => {
-    const B = s, E = s, L = Math.PI / v;
-    let H = [], R = 0;
-    for (let A = 0; A < v; A++) {
-      let V = B + Math.cos(R) * s, Q = E + Math.sin(R) * s;
-      H.push({ x: V, y: Q }), R += L, V = B + Math.cos(R) * S, Q = E + Math.sin(R) * S, H.push({ x: V, y: Q }), R += L;
+    r.add(s), r.setActiveObject(s), a && l(!0);
+  }, c = (v, s, S) => {
+    const B = s, z = s, _ = Math.PI / v;
+    let H = [], L = 0;
+    for (let I = 0; I < v; I++) {
+      let V = B + Math.cos(L) * s, Q = z + Math.sin(L) * s;
+      H.push({ x: V, y: Q }), L += _, V = B + Math.cos(L) * S, Q = z + Math.sin(L) * S, H.push({ x: V, y: Q }), L += _;
     }
     return H;
   }, g = (v, s) => {
-    const S = Math.PI * 2 / v, B = s, E = s, L = [];
+    const S = Math.PI * 2 / v, B = s, z = s, _ = [];
     for (let H = 0; H < v; H++) {
-      const R = B + s * Math.cos(H * S), A = E + s * Math.sin(H * S);
-      L.push({ x: R, y: A });
+      const L = B + s * Math.cos(H * S), I = z + s * Math.sin(H * S);
+      _.push({ x: L, y: I });
     }
-    return L;
-  }, p = (v) => {
-    const s = i(5, 60, 30), S = new D.Polygon(s, {
+    return _;
+  }, h = (v) => {
+    const s = c(5, 60, 30), S = new D.Polygon(s, {
       left: 200,
       top: 200,
       fill: "",
@@ -1396,7 +1396,7 @@ function Rt(y) {
       strokeWidth: 2,
       strokeLineJoin: "bevil"
     }, !1);
-    r.add(S), r.setActiveObject(S), c && l(!0);
+    r.add(S), r.setActiveObject(S), a && l(!0);
   }, b = (v) => {
     const s = g(6, 30), S = new D.Polygon(s, {
       left: 200,
@@ -1406,33 +1406,33 @@ function Rt(y) {
       strokeWidth: 2,
       strokeLineJoin: "bevil"
     }, !1);
-    r.add(S), r.setActiveObject(S), c && l(!0);
+    r.add(S), r.setActiveObject(S), a && l(!0);
   }, o = (v) => {
-    const s = new D.Path(wt, {
+    const s = new D.Path(kt, {
       fill: "",
       stroke: n.primaryColor,
       left: 200,
       top: 200
     });
-    r.add(s), r.setActiveObject(s), c && l(!0);
+    r.add(s), r.setActiveObject(s), a && l(!0);
   }, j = (v) => {
-    const s = new D.Path(Ct, {
+    const s = new D.Path(Nt, {
       fill: "",
       stroke: n.primaryColor,
       left: 200,
       top: 200
     });
-    r.add(s), r.setActiveObject(s), c && l(!0);
+    r.add(s), r.setActiveObject(s), a && l(!0);
   }, u = (v) => {
-    const s = new D.Path(pt, {
+    const s = new D.Path(vt, {
       fill: "",
       stroke: n.primaryColor,
       left: 200,
       top: 200
     });
-    r.add(s), r.setActiveObject(s), c && l(!0);
+    r.add(s), r.setActiveObject(s), a && l(!0);
   };
-  return r ? /* @__PURE__ */ e.jsxs(I.Fragment, { children: [
+  return r ? /* @__PURE__ */ e.jsxs(E.Fragment, { children: [
     /* @__PURE__ */ e.jsx("br", {}),
     /* @__PURE__ */ e.jsx("div", { onClick: (v) => d(), style: { fontSize: "50px", cursor: "pointer" }, children: /* @__PURE__ */ e.jsx(
       "svg",
@@ -1470,7 +1470,7 @@ function Rt(y) {
     /* @__PURE__ */ e.jsx(
       "div",
       {
-        onClick: (v) => h(),
+        onClick: (v) => p(),
         draggable: !0,
         style: { fontSize: "50px", cursor: "pointer" },
         children: /* @__PURE__ */ e.jsx(
@@ -1496,7 +1496,7 @@ function Rt(y) {
     /* @__PURE__ */ e.jsx(
       "div",
       {
-        onClick: (v) => p(),
+        onClick: (v) => h(),
         style: { fontSize: "50px", cursor: "pointer" },
         children: /* @__PURE__ */ e.jsx(
           "svg",
@@ -1579,7 +1579,7 @@ function Rt(y) {
             children: /* @__PURE__ */ e.jsx(
               "path",
               {
-                d: wt
+                d: kt
               }
             )
           }
@@ -1601,7 +1601,7 @@ function Rt(y) {
             fill: "none",
             strokeWidth: "4",
             stroke: n.primaryColor,
-            children: /* @__PURE__ */ e.jsx("path", { d: Ct })
+            children: /* @__PURE__ */ e.jsx("path", { d: Nt })
           }
         )
       }
@@ -1621,25 +1621,25 @@ function Rt(y) {
             fill: "none",
             strokeWidth: "4",
             stroke: n.primaryColor,
-            children: /* @__PURE__ */ e.jsx("path", { d: pt })
+            children: /* @__PURE__ */ e.jsx("path", { d: vt })
           }
         )
       }
     )
   ] }) : null;
 }
-function pn(y) {
-  const { apcCanvasInstance: r, theme: n, isMobile: c, closeMobileModalSecondaryPanel: l } = y, d = (h) => {
-    const m = new D.Path(h, {
+function hn(y) {
+  const { apcCanvasInstance: r, theme: n, isMobile: a, closeMobileModalSecondaryPanel: l } = y, d = (p) => {
+    const m = new D.Path(p, {
       left: 200,
       top: 200,
       fill: n.primaryColor,
       scaleX: 0.1,
       scaleY: 0.1
     });
-    r.add(m), r.setActiveObject(m), c && l(!0);
-  }, f = (h) => {
-    switch (h) {
+    r.add(m), r.setActiveObject(m), a && l(!0);
+  }, f = (p) => {
+    switch (p) {
       case "icon-phone":
         d(yr);
         break;
@@ -1665,7 +1665,7 @@ function pn(y) {
         d(Or);
         break;
       case "icon-graduation":
-        d(St);
+        d(Ot);
         break;
       case "icon-business-suit":
         d(Ar);
@@ -1680,141 +1680,141 @@ function pn(y) {
         d(Er);
         break;
       case "icon-info":
-        d(Ot);
+        d(Tt);
         break;
       case "icon-cart":
-        d(Nt);
+        d(It);
         break;
       case "icon-comment":
-        d(kt);
+        d(At);
         break;
       case "icon-location-map":
-        d(At);
+        d(Et);
         break;
       case "icon-heart-1":
-        d(It);
+        d(zt);
         break;
       case "icon-arrow-right-1":
-        d(pt);
+        d(vt);
         break;
       case "icon-xmark":
-        d(Tt);
+        d(Mt);
         break;
       case "icon-cloud":
-        d(Et);
+        d(Rt);
         break;
       case "icon-smile":
-        d(Mt);
+        d(Lt);
         break;
       case "icon-like":
-        d(zt);
+        d(_t);
         break;
       default:
         console.log("no matching type");
     }
   };
-  return /* @__PURE__ */ e.jsx(I.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { style: { padding: "5px" }, className: c ? "apc-mpx-widget-secondary-icons-mobile" : "apc-mpx-widget-secondary-icons", children: [
-    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (h) => f("icon-phone"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 512 512", children: /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ e.jsx(E.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { style: { padding: "5px" }, className: a ? "apc-mpx-widget-secondary-icons-mobile" : "apc-mpx-widget-secondary-icons", children: [
+    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (p) => f("icon-phone"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 512 512", children: /* @__PURE__ */ e.jsx(
       "path",
       {
         fill: n.primaryColor,
         d: "M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z"
       }
     ) }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (h) => f("icon-question"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 320 512", children: /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (p) => f("icon-question"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 320 512", children: /* @__PURE__ */ e.jsx(
       "path",
       {
         fill: n.primaryColor,
         d: "M80 160c0-35.3 28.7-64 64-64h32c35.3 0 64 28.7 64 64v3.6c0 21.8-11.1 42.1-29.4 53.8l-42.2 27.1c-25.2 16.2-40.4 44.1-40.4 74V320c0 17.7 14.3 32 32 32s32-14.3 32-32v-1.4c0-8.2 4.2-15.8 11-20.2l42.2-27.1c36.6-23.6 58.8-64.1 58.8-107.7V160c0-70.7-57.3-128-128-128H144C73.3 32 16 89.3 16 160c0 17.7 14.3 32 32 32s32-14.3 32-32zm80 320a40 40 0 1 0 0-80 40 40 0 1 0 0 80z"
       }
     ) }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (h) => f("icon-clock"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 512 512", children: /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (p) => f("icon-clock"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 512 512", children: /* @__PURE__ */ e.jsx(
       "path",
       {
         fill: n.primaryColor,
         d: "M464 256A208 208 0 1 1 48 256a208 208 0 1 1 416 0zM0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM232 120V256c0 8 4 15.5 10.7 20l96 64c11 7.4 25.9 4.4 33.3-6.7s4.4-25.9-6.7-33.3L280 243.2V120c0-13.3-10.7-24-24-24s-24 10.7-24 24z"
       }
     ) }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (h) => f("icon-twitter"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 512 512", children: /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (p) => f("icon-twitter"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 512 512", children: /* @__PURE__ */ e.jsx(
       "path",
       {
         fill: n.primaryColor,
         d: "M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"
       }
     ) }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (h) => f("icon-check"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 448 512", children: /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (p) => f("icon-check"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 448 512", children: /* @__PURE__ */ e.jsx(
       "path",
       {
         fill: n.primaryColor,
         d: "M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"
       }
     ) }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (h) => f("icon-pointer"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 448 512", children: /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (p) => f("icon-pointer"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 448 512", children: /* @__PURE__ */ e.jsx(
       "path",
       {
         fill: n.primaryColor,
         d: "M160 64c0-8.8 7.2-16 16-16s16 7.2 16 16V200c0 10.3 6.6 19.5 16.4 22.8s20.6-.1 26.8-8.3c3-3.9 7.6-6.4 12.8-6.4c8.8 0 16 7.2 16 16c0 10.3 6.6 19.5 16.4 22.8s20.6-.1 26.8-8.3c3-3.9 7.6-6.4 12.8-6.4c7.8 0 14.3 5.6 15.7 13c1.6 8.2 7.3 15.1 15.1 18s16.7 1.6 23.3-3.6c2.7-2.1 6.1-3.4 9.9-3.4c8.8 0 16 7.2 16 16l0 16V392c0 39.8-32.2 72-72 72H272 212.3h-.9c-37.4 0-72.4-18.7-93.2-49.9L50.7 312.9c-4.9-7.4-2.9-17.3 4.4-22.2s17.3-2.9 22.2 4.4L116 353.2c5.9 8.8 16.8 12.7 26.9 9.7s17-12.4 17-23V320 64zM176 0c-35.3 0-64 28.7-64 64V261.7C91.2 238 55.5 232.8 28.5 250.7C-.9 270.4-8.9 310.1 10.8 339.5L78.3 440.8c29.7 44.5 79.6 71.2 133.1 71.2h.9H272h56c66.3 0 120-53.7 120-120V288l0-16c0-35.3-28.7-64-64-64c-4.5 0-8.8 .5-13 1.3c-11.7-15.4-30.2-25.3-51-25.3c-6.9 0-13.5 1.1-19.7 3.1C288.7 170.7 269.6 160 248 160c-2.7 0-5.4 .2-8 .5V64c0-35.3-28.7-64-64-64zm48 304c0-8.8-7.2-16-16-16s-16 7.2-16 16v96c0 8.8 7.2 16 16 16s16-7.2 16-16V304zm48-16c-8.8 0-16 7.2-16 16v96c0 8.8 7.2 16 16 16s16-7.2 16-16V304c0-8.8-7.2-16-16-16zm80 16c0-8.8-7.2-16-16-16s-16 7.2-16 16v96c0 8.8 7.2 16 16 16s16-7.2 16-16V304z"
       }
     ) }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (h) => f("icon-mail"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 512 512", children: /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (p) => f("icon-mail"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 512 512", children: /* @__PURE__ */ e.jsx(
       "path",
       {
         fill: n.primaryColor,
         d: "M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"
       }
     ) }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (h) => f("icon-dollar"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 320 512", children: /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (p) => f("icon-dollar"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 320 512", children: /* @__PURE__ */ e.jsx(
       "path",
       {
         fill: n.primaryColor,
         d: "M160 0c17.7 0 32 14.3 32 32V67.7c1.6 .2 3.1 .4 4.7 .7c.4 .1 .7 .1 1.1 .2l48 8.8c17.4 3.2 28.9 19.9 25.7 37.2s-19.9 28.9-37.2 25.7l-47.5-8.7c-31.3-4.6-58.9-1.5-78.3 6.2s-27.2 18.3-29 28.1c-2 10.7-.5 16.7 1.2 20.4c1.8 3.9 5.5 8.3 12.8 13.2c16.3 10.7 41.3 17.7 73.7 26.3l2.9 .8c28.6 7.6 63.6 16.8 89.6 33.8c14.2 9.3 27.6 21.9 35.9 39.5c8.5 17.9 10.3 37.9 6.4 59.2c-6.9 38-33.1 63.4-65.6 76.7c-13.7 5.6-28.6 9.2-44.4 11V480c0 17.7-14.3 32-32 32s-32-14.3-32-32V445.1c-.4-.1-.9-.1-1.3-.2l-.2 0 0 0c-24.4-3.8-64.5-14.3-91.5-26.3c-16.1-7.2-23.4-26.1-16.2-42.2s26.1-23.4 42.2-16.2c20.9 9.3 55.3 18.5 75.2 21.6c31.9 4.7 58.2 2 76-5.3c16.9-6.9 24.6-16.9 26.8-28.9c1.9-10.6 .4-16.7-1.3-20.4c-1.9-4-5.6-8.4-13-13.3c-16.4-10.7-41.5-17.7-74-26.3l-2.8-.7 0 0C119.4 279.3 84.4 270 58.4 253c-14.2-9.3-27.5-22-35.8-39.6c-8.4-17.9-10.1-37.9-6.1-59.2C23.7 116 52.3 91.2 84.8 78.3c13.3-5.3 27.9-8.9 43.2-11V32c0-17.7 14.3-32 32-32z"
       }
     ) }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (h) => f("icon-graduation"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 640 512", children: /* @__PURE__ */ e.jsx("path", { fill: n.primaryColor, d: St }) }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (h) => f("icon-business-suit"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 640 512", children: /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (p) => f("icon-graduation"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 640 512", children: /* @__PURE__ */ e.jsx("path", { fill: n.primaryColor, d: Ot }) }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (p) => f("icon-business-suit"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 640 512", children: /* @__PURE__ */ e.jsx(
       "path",
       {
         fill: n.primaryColor,
         d: "M184 48H328c4.4 0 8 3.6 8 8V96H176V56c0-4.4 3.6-8 8-8zm-56 8V96H64C28.7 96 0 124.7 0 160v96H192 352h8.2c32.3-39.1 81.1-64 135.8-64c5.4 0 10.7 .2 16 .7V160c0-35.3-28.7-64-64-64H384V56c0-30.9-25.1-56-56-56H184c-30.9 0-56 25.1-56 56zM320 352H224c-17.7 0-32-14.3-32-32V288H0V416c0 35.3 28.7 64 64 64H360.2C335.1 449.6 320 410.5 320 368c0-5.4 .2-10.7 .7-16l-.7 0zm320 16a144 144 0 1 0 -288 0 144 144 0 1 0 288 0zM496 288c8.8 0 16 7.2 16 16v48h32c8.8 0 16 7.2 16 16s-7.2 16-16 16H496c-8.8 0-16-7.2-16-16V304c0-8.8 7.2-16 16-16z"
       }
     ) }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (h) => f("icon-chat"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 640 512", children: /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (p) => f("icon-chat"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 640 512", children: /* @__PURE__ */ e.jsx(
       "path",
       {
         fill: n.primaryColor,
         d: "M88.2 309.1c9.8-18.3 6.8-40.8-7.5-55.8C59.4 230.9 48 204 48 176c0-63.5 63.8-128 160-128s160 64.5 160 128s-63.8 128-160 128c-13.1 0-25.8-1.3-37.8-3.6c-10.4-2-21.2-.6-30.7 4.2c-4.1 2.1-8.3 4.1-12.6 6c-16 7.2-32.9 13.5-49.9 18c2.8-4.6 5.4-9.1 7.9-13.6c1.1-1.9 2.2-3.9 3.2-5.9zM0 176c0 41.8 17.2 80.1 45.9 110.3c-.9 1.7-1.9 3.5-2.8 5.1c-10.3 18.4-22.3 36.5-36.6 52.1c-6.6 7-8.3 17.2-4.6 25.9C5.8 378.3 14.4 384 24 384c43 0 86.5-13.3 122.7-29.7c4.8-2.2 9.6-4.5 14.2-6.8c15.1 3 30.9 4.5 47.1 4.5c114.9 0 208-78.8 208-176S322.9 0 208 0S0 78.8 0 176zM432 480c16.2 0 31.9-1.6 47.1-4.5c4.6 2.3 9.4 4.6 14.2 6.8C529.5 498.7 573 512 616 512c9.6 0 18.2-5.7 22-14.5c3.8-8.8 2-19-4.6-25.9c-14.2-15.6-26.2-33.7-36.6-52.1c-.9-1.7-1.9-3.4-2.8-5.1C622.8 384.1 640 345.8 640 304c0-94.4-87.9-171.5-198.2-175.8c4.1 15.2 6.2 31.2 6.2 47.8l0 .6c87.2 6.7 144 67.5 144 127.4c0 28-11.4 54.9-32.7 77.2c-14.3 15-17.3 37.6-7.5 55.8c1.1 2 2.2 4 3.2 5.9c2.5 4.5 5.2 9 7.9 13.6c-17-4.5-33.9-10.7-49.9-18c-4.3-1.9-8.5-3.9-12.6-6c-9.5-4.8-20.3-6.2-30.7-4.2c-12.1 2.4-24.7 3.6-37.8 3.6c-61.7 0-110-26.5-136.8-62.3c-16 5.4-32.8 9.4-50 11.8C279 439.8 350 480 432 480z"
       }
     ) }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (h) => f("icon-thumbs-up"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 512 512", children: /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (p) => f("icon-thumbs-up"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 512 512", children: /* @__PURE__ */ e.jsx(
       "path",
       {
         fill: n.primaryColor,
         d: "M323.8 34.8c-38.2-10.9-78.1 11.2-89 49.4l-5.7 20c-3.7 13-10.4 25-19.5 35l-51.3 56.4c-8.9 9.8-8.2 25 1.6 33.9s25 8.2 33.9-1.6l51.3-56.4c14.1-15.5 24.4-34 30.1-54.1l5.7-20c3.6-12.7 16.9-20.1 29.7-16.5s20.1 16.9 16.5 29.7l-5.7 20c-5.7 19.9-14.7 38.7-26.6 55.5c-5.2 7.3-5.8 16.9-1.7 24.9s12.3 13 21.3 13L448 224c8.8 0 16 7.2 16 16c0 6.8-4.3 12.7-10.4 15c-7.4 2.8-13 9-14.9 16.7s.1 15.8 5.3 21.7c2.5 2.8 4 6.5 4 10.6c0 7.8-5.6 14.3-13 15.7c-8.2 1.6-15.1 7.3-18 15.1s-1.6 16.7 3.6 23.3c2.1 2.7 3.4 6.1 3.4 9.9c0 6.7-4.2 12.6-10.2 14.9c-11.5 4.5-17.7 16.9-14.4 28.8c.4 1.3 .6 2.8 .6 4.3c0 8.8-7.2 16-16 16H286.5c-12.6 0-25-3.7-35.5-10.7l-61.7-41.1c-11-7.4-25.9-4.4-33.3 6.7s-4.4 25.9 6.7 33.3l61.7 41.1c18.4 12.3 40 18.8 62.1 18.8H384c34.7 0 62.9-27.6 64-62c14.6-11.7 24-29.7 24-50c0-4.5-.5-8.8-1.3-13c15.4-11.7 25.3-30.2 25.3-51c0-6.5-1-12.8-2.8-18.7C504.8 273.7 512 257.7 512 240c0-35.3-28.6-64-64-64l-92.3 0c4.7-10.4 8.7-21.2 11.8-32.2l5.7-20c10.9-38.2-11.2-78.1-49.4-89zM32 192c-17.7 0-32 14.3-32 32V448c0 17.7 14.3 32 32 32H96c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32H32z"
       }
     ) }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (h) => f("icon-wifi"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 640 512", children: /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (p) => f("icon-wifi"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 640 512", children: /* @__PURE__ */ e.jsx(
       "path",
       {
         fill: n.primaryColor,
         d: "M54.2 202.9C123.2 136.7 216.8 96 320 96s196.8 40.7 265.8 106.9c12.8 12.2 33 11.8 45.2-.9s11.8-33-.9-45.2C549.7 79.5 440.4 32 320 32S90.3 79.5 9.8 156.7C-2.9 169-3.3 189.2 8.9 202s32.5 13.2 45.2 .9zM320 256c56.8 0 108.6 21.1 148.2 56c13.3 11.7 33.5 10.4 45.2-2.8s10.4-33.5-2.8-45.2C459.8 219.2 393 192 320 192s-139.8 27.2-190.5 72c-13.3 11.7-14.5 31.9-2.8 45.2s31.9 14.5 45.2 2.8c39.5-34.9 91.3-56 148.2-56zm64 160a64 64 0 1 0 -128 0 64 64 0 1 0 128 0z"
       }
     ) }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (h) => f("icon-info"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 512 512", children: /* @__PURE__ */ e.jsx("path", { fill: n.primaryColor, d: Ot }) }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (h) => f("icon-cart"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 576 512", children: /* @__PURE__ */ e.jsx("path", { fill: n.primaryColor, d: Nt }) }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (h) => f("icon-comment"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 512 512", children: /* @__PURE__ */ e.jsx("path", { fill: n.primaryColor, d: kt }) }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (h) => f("icon-location-map"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 384 512", children: /* @__PURE__ */ e.jsx("path", { fill: n.primaryColor, d: At }) }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (h) => f("icon-heart-1"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 512 512", children: /* @__PURE__ */ e.jsx("path", { fill: n.primaryColor, d: It }) }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (h) => f("icon-arrow-right-1"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 448 512", children: /* @__PURE__ */ e.jsx("path", { fill: n.primaryColor, d: Mr }) }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (h) => f("icon-xmark"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 384 512", children: /* @__PURE__ */ e.jsx("path", { fill: n.primaryColor, d: Tt }) }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (h) => f("icon-cloud"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 640 512", children: /* @__PURE__ */ e.jsx("path", { fill: n.primaryColor, d: Et }) }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (h) => f("icon-smile"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 512 512", children: /* @__PURE__ */ e.jsx("path", { fill: n.primaryColor, d: Mt }) }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (h) => f("icon-like"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 512 512", children: /* @__PURE__ */ e.jsx("path", { fill: n.primaryColor, d: zt }) }) })
+    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (p) => f("icon-info"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 512 512", children: /* @__PURE__ */ e.jsx("path", { fill: n.primaryColor, d: Tt }) }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (p) => f("icon-cart"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 576 512", children: /* @__PURE__ */ e.jsx("path", { fill: n.primaryColor, d: It }) }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (p) => f("icon-comment"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 512 512", children: /* @__PURE__ */ e.jsx("path", { fill: n.primaryColor, d: At }) }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (p) => f("icon-location-map"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 384 512", children: /* @__PURE__ */ e.jsx("path", { fill: n.primaryColor, d: Et }) }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (p) => f("icon-heart-1"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 512 512", children: /* @__PURE__ */ e.jsx("path", { fill: n.primaryColor, d: zt }) }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (p) => f("icon-arrow-right-1"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 448 512", children: /* @__PURE__ */ e.jsx("path", { fill: n.primaryColor, d: zr }) }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (p) => f("icon-xmark"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 384 512", children: /* @__PURE__ */ e.jsx("path", { fill: n.primaryColor, d: Mt }) }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (p) => f("icon-cloud"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 640 512", children: /* @__PURE__ */ e.jsx("path", { fill: n.primaryColor, d: Rt }) }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (p) => f("icon-smile"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 512 512", children: /* @__PURE__ */ e.jsx("path", { fill: n.primaryColor, d: Lt }) }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (p) => f("icon-like"), children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 512 512", children: /* @__PURE__ */ e.jsx("path", { fill: n.primaryColor, d: _t }) }) })
   ] }) });
 }
-const Qe = ({ defaultValue: y, size: r, ariaLabel: n, onChange: c }) => {
-  const [l, d] = M(y), f = (h) => {
-    const m = h.target.value;
-    d(m), c(m);
+const rt = ({ defaultValue: y, size: r, ariaLabel: n, onChange: a }) => {
+  const [l, d] = M(y), f = (p) => {
+    const m = p.target.value;
+    d(m), a(m);
   };
   return /* @__PURE__ */ e.jsx(
     "input",
@@ -1830,14 +1830,14 @@ const Qe = ({ defaultValue: y, size: r, ariaLabel: n, onChange: c }) => {
     }
   );
 };
-function Lt(y) {
-  const { apcCanvasInstance: r, theme: n } = y, [c, l] = I.useState(!1), d = I.useRef(null), f = () => {
+function Dt(y) {
+  const { apcCanvasInstance: r, theme: n } = y, [a, l] = E.useState(!1), d = E.useRef(null), f = () => {
     l((o) => !o);
-  }, h = (o) => {
+  }, p = (o) => {
     d.current && d.current.contains(o.target) || l(!1);
   };
-  ce(() => (document.addEventListener("mousedown", h), () => {
-    document.removeEventListener("mousedown", h);
+  ae(() => (document.addEventListener("mousedown", p), () => {
+    document.removeEventListener("mousedown", p);
   }), []);
   const m = (o, j) => {
     if (r.getActiveObject()) {
@@ -1876,7 +1876,7 @@ function Lt(y) {
         fontSize: o
       }), r && r.renderAll();
     }
-  }, i = (o) => {
+  }, c = (o) => {
     if (r.getActiveObject()) {
       const j = parseFloat(o / 100);
       r.getActiveObject().set({
@@ -1890,7 +1890,7 @@ function Lt(y) {
         shadow: o + " " + j + " " + u + " " + v
       }), r && r.renderAll();
     }
-  }, p = () => /* @__PURE__ */ e.jsxs("div", { className: "apc-mpx-widget-button-group-container", children: [
+  }, h = () => /* @__PURE__ */ e.jsxs("div", { className: "apc-mpx-widget-button-group-container", children: [
     " ",
     /* @__PURE__ */ e.jsx(
       "button",
@@ -1916,7 +1916,7 @@ function Lt(y) {
         )
       }
     ),
-    c && /* @__PURE__ */ e.jsxs("div", { className: "apc-mpx-widget-popper-container", ref: d, children: [
+    a && /* @__PURE__ */ e.jsxs("div", { className: "apc-mpx-widget-popper-container", ref: d, children: [
       /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-popper-arrow-up" }),
       /* @__PURE__ */ e.jsxs("ul", { id: "split-button-menu", autoFocus: !0, children: [
         /* @__PURE__ */ e.jsx("li", { className: "apc-mpx-widget-popper-li", children: /* @__PURE__ */ e.jsxs("div", { style: { textAlign: "left" }, children: [
@@ -1935,12 +1935,12 @@ function Lt(y) {
           /* @__PURE__ */ e.jsxs("div", { style: { marginLeft: "10px" }, children: [
             " Opacity",
             /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
-              Qe,
+              rt,
               {
                 defaultValue: 100,
                 size: "small",
                 "aria-label": "Opacity",
-                onChange: (o) => i(o)
+                onChange: (o) => c(o)
               }
             ) })
           ] })
@@ -1972,7 +1972,7 @@ function Lt(y) {
           /* @__PURE__ */ e.jsxs("div", { style: { marginLeft: "10px" }, children: [
             " Offset X",
             /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
-              Qe,
+              rt,
               {
                 defaultValue: 0,
                 size: "small",
@@ -1984,7 +1984,7 @@ function Lt(y) {
           /* @__PURE__ */ e.jsxs("div", { style: { marginLeft: "10px" }, children: [
             " Offset Y",
             /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
-              Qe,
+              rt,
               {
                 defaultValue: 0,
                 size: "small",
@@ -1997,7 +1997,7 @@ function Lt(y) {
       ] })
     ] })
   ] });
-  return /* @__PURE__ */ e.jsx(I.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", flexDirection: "row", color: "#ffffff" }, children: [
+  return /* @__PURE__ */ e.jsx(E.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", flexDirection: "row", color: "#ffffff" }, children: [
     /* @__PURE__ */ e.jsx("div", { style: { marginTop: "4px", marginLeft: "2px" }, children: /* @__PURE__ */ e.jsx(
       "input",
       {
@@ -2151,19 +2151,19 @@ function Lt(y) {
         )
       }
     ) }),
-    /* @__PURE__ */ e.jsx("div", { children: p() })
+    /* @__PURE__ */ e.jsx("div", { children: h() })
   ] }) });
 }
-function Ke(y) {
-  const { apcCanvasInstance: r, theme: n } = y, c = I.useRef(null), [l, d] = I.useState(!1), f = () => {
-    d((p) => !p);
-  }, h = (p, b) => {
+function et(y) {
+  const { apcCanvasInstance: r, theme: n } = y, a = E.useRef(null), [l, d] = E.useState(!1), f = () => {
+    d((h) => !h);
+  }, p = (h, b) => {
     if (r && r.getActiveObject()) {
-      if (p === "bg-color" && r.getActiveObject().set({
+      if (h === "bg-color" && r.getActiveObject().set({
         fill: b
-      }), p === "border-color" && r.getActiveObject().set({
+      }), h === "border-color" && r.getActiveObject().set({
         stroke: b
-      }), p === "gradient-bg-color1" || p === "gradient-bg-color2") {
+      }), h === "gradient-bg-color1" || h === "gradient-bg-color2") {
         let o = document.getElementById("apc-object-bg-gradient-color1").value, j = document.getElementById("apc-object-bg-gradient-color2").value;
         const u = new D.Gradient({
           type: "linear",
@@ -2181,22 +2181,22 @@ function Ke(y) {
       }
       r && r.renderAll();
     }
-  }, m = (p) => {
+  }, m = (h) => {
     if (r.getActiveObject()) {
-      const b = parseFloat(p / 100);
+      const b = parseFloat(h / 100);
       r.getActiveObject().set({
         opacity: b.toFixed(1)
       }), r && r.renderAll();
     }
-  }, i = ({ color: p, x: b, y: o, blur: j }) => {
+  }, c = ({ color: h, x: b, y: o, blur: j }) => {
     if (r.getActiveObject()) {
       const u = r.getActiveObject().shadow;
-      p || (p = u ? u.color : "#6a45d2"), b || (b = u ? u.offsetX : 5), o || (o = u ? u.offsetY : 5), j || (j = u ? u.blur : 5), r.getActiveObject().set({
-        shadow: p + " " + b + " " + o + " " + j
+      h || (h = u ? u.color : "#6a45d2"), b || (b = u ? u.offsetX : 5), o || (o = u ? u.offsetY : 5), j || (j = u ? u.blur : 5), r.getActiveObject().set({
+        shadow: h + " " + b + " " + o + " " + j
       }), r && r.renderAll();
     }
   };
-  return /* @__PURE__ */ e.jsx(I.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: "apc-mpx-widget-button-group-container", children: [
+  return /* @__PURE__ */ e.jsx(E.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: "apc-mpx-widget-button-group-container", children: [
     /* @__PURE__ */ e.jsx(
       "button",
       {
@@ -2221,7 +2221,7 @@ function Ke(y) {
         )
       }
     ),
-    l && /* @__PURE__ */ e.jsxs("div", { className: "apc-mpx-widget-popper-container", ref: c, style: { marginLeft: "20%" }, children: [
+    l && /* @__PURE__ */ e.jsxs("div", { className: "apc-mpx-widget-popper-container", ref: a, style: { marginLeft: "20%" }, children: [
       /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-popper-arrow-up" }),
       /* @__PURE__ */ e.jsxs("ul", { id: "split-button-menu", autoFocus: !0, children: [
         /* @__PURE__ */ e.jsx("li", { className: "apc-mpx-widget-popper-li", children: /* @__PURE__ */ e.jsxs("div", { style: { textAlign: "left" }, children: [
@@ -2233,7 +2233,7 @@ function Ke(y) {
               {
                 style: { height: "25px", width: "25px", border: "none" },
                 type: "color",
-                onChange: (p) => h("bg-color", p.target.value)
+                onChange: (h) => p("bg-color", h.target.value)
               }
             )
           ] }),
@@ -2246,7 +2246,7 @@ function Ke(y) {
                 className: "editor-color-input-selector",
                 id: "apc-object-bg-gradient-color1",
                 type: "color",
-                onChange: (p) => h("gradient-bg-color1", p.target.value)
+                onChange: (h) => p("gradient-bg-color1", h.target.value)
               }
             ),
             /* @__PURE__ */ e.jsx(
@@ -2256,19 +2256,19 @@ function Ke(y) {
                 className: "editor-color-input-selector",
                 id: "apc-object-bg-gradient-color2",
                 type: "color",
-                onChange: (p) => h("gradient-bg-color2", p.target.value)
+                onChange: (h) => p("gradient-bg-color2", h.target.value)
               }
             )
           ] }),
           /* @__PURE__ */ e.jsx("div", { style: { marginLeft: "10px" }, children: /* @__PURE__ */ e.jsxs("div", { children: [
             "Opacity:  ",
             /* @__PURE__ */ e.jsx(
-              Qe,
+              rt,
               {
                 defaultValue: 100,
                 size: "small",
                 "aria-label": "Opacity",
-                onChange: (p) => m(p)
+                onChange: (h) => m(h)
               }
             )
           ] }) }),
@@ -2279,7 +2279,7 @@ function Ke(y) {
               {
                 style: { height: "25px", width: "25px", border: "none" },
                 type: "color",
-                onChange: (p) => h("border-color", p.target.value)
+                onChange: (h) => p("border-color", h.target.value)
               }
             )
           ] })
@@ -2288,19 +2288,19 @@ function Ke(y) {
           /* @__PURE__ */ e.jsx("div", { style: { fontWeight: "bold", color: "purple" }, children: "Shadow" }),
           /* @__PURE__ */ e.jsxs("div", { style: { marginLeft: "10px" }, children: [
             "Blur width ",
-            /* @__PURE__ */ e.jsx("input", { type: "text", style: { height: "22px", width: "25px" }, onChange: (p) => i({ blur: p.target.value }) })
+            /* @__PURE__ */ e.jsx("input", { type: "text", style: { height: "22px", width: "25px" }, onChange: (h) => c({ blur: h.target.value }) })
           ] }),
           /* @__PURE__ */ e.jsxs("div", { style: { marginLeft: "10px" }, children: [
             " Color",
-            /* @__PURE__ */ e.jsx("input", { style: { height: "25px", width: "25px", border: "none" }, type: "color", onChange: (p) => i({ color: p.target.value }) })
+            /* @__PURE__ */ e.jsx("input", { style: { height: "25px", width: "25px", border: "none" }, type: "color", onChange: (h) => c({ color: h.target.value }) })
           ] }),
           /* @__PURE__ */ e.jsx("div", { style: { marginLeft: "10px" }, children: /* @__PURE__ */ e.jsxs("div", { children: [
             "Offset X: ",
-            /* @__PURE__ */ e.jsx(Qe, { defaultValue: 0, size: "small", "aria-label": "Opacity", onChange: (p) => i({ x: p }) })
+            /* @__PURE__ */ e.jsx(rt, { defaultValue: 0, size: "small", "aria-label": "Opacity", onChange: (h) => c({ x: h }) })
           ] }) }),
           /* @__PURE__ */ e.jsx("div", { style: { marginLeft: "10px" }, children: /* @__PURE__ */ e.jsxs("div", { children: [
             "Offset Y: ",
-            /* @__PURE__ */ e.jsx(Qe, { defaultValue: 0, size: "small", "aria-label": "Opacity", onChange: (p) => i({ y: p }) })
+            /* @__PURE__ */ e.jsx(rt, { defaultValue: 0, size: "small", "aria-label": "Opacity", onChange: (h) => c({ y: h }) })
           ] }) })
         ] }) })
       ] })
@@ -2308,20 +2308,20 @@ function Ke(y) {
   ] }) });
 }
 function un(y) {
-  const { apcCanvasInstance: r, apiEndpoint: n, apiKey: c } = y, [l, d] = I.useState("art"), [f, h] = I.useState(), [m, i] = I.useState(!1), g = n + "/api/v1/designer";
-  I.useEffect(() => {
-    p();
+  const { apcCanvasInstance: r, apiEndpoint: n, apiKey: a } = y, [l, d] = E.useState("art"), [f, p] = E.useState(), [m, c] = E.useState(!1), g = n + "/api/v1/designer";
+  E.useEffect(() => {
+    h();
   }, []);
-  const p = () => {
-    i(!0);
+  const h = () => {
+    c(!0);
     const u = {
-      "X-Api-Key": c
+      "X-Api-Key": a
     }, v = `${g}/get-quote/${l}`;
-    je.get(v, { headers: u }).then((s) => {
+    Se.get(v, { headers: u }).then((s) => {
       var S;
-      i(!1), h((S = s.data) == null ? void 0 : S.object);
+      c(!1), p((S = s.data) == null ? void 0 : S.object);
     }).catch((s) => {
-      console.error("Error fetching data:", s), i(!1);
+      console.error("Error fetching data:", s), c(!1);
     });
   }, b = (u, v, s) => {
     const S = new D.Textbox(v, {
@@ -2336,13 +2336,13 @@ function un(y) {
     });
     B.top = S.top + S.height + 10, B.left = S.left, r.add(S), r.add(B), r.setActiveObject(S);
   }, o = (u) => {
-    i(!0), d(u), p();
+    c(!0), d(u), h();
   }, j = () => f ? /* @__PURE__ */ e.jsx("div", { style: { display: "flex", flexDirection: "column", gap: 5 }, children: f.map((u, v) => /* @__PURE__ */ e.jsxs("div", { onClick: (s) => b(s, u.quote, u.author), style: { cursor: "pointer", padding: "3px", textAlign: "left", color: "#210080", fontFamily: "ui-monospace", border: "1px solid #dedcdc", borderRadius: "8px" }, children: [
     /* @__PURE__ */ e.jsx("div", { children: u.quote }),
     /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx("strong", { children: /* @__PURE__ */ e.jsx("i", { children: u.author }) }) }),
     /* @__PURE__ */ e.jsx("br", {})
   ] }, v)) }) : null;
-  return /* @__PURE__ */ e.jsxs(I.Fragment, { children: [
+  return /* @__PURE__ */ e.jsxs(E.Fragment, { children: [
     /* @__PURE__ */ e.jsx("h3", { children: "Quotes" }),
     /* @__PURE__ */ e.jsx("br", {}),
     /* @__PURE__ */ e.jsx("br", {}),
@@ -2771,13 +2771,13 @@ function un(y) {
   ] });
 }
 function fn(y) {
-  const { apcCanvasInstance: r, theme: n, apiKey: c, apiEndpoint: l, updateActiveSection: d, reloadTabs: f, currentTabNo: h, isMobile: m, closeMobileModalSecondaryPanel: i } = y, [g, p] = I.useState("background"), [b, o] = I.useState(!1), [j, u] = I.useState(), v = l + "/api/v1/designer";
-  I.useEffect(() => {
+  const { apcCanvasInstance: r, theme: n, apiKey: a, apiEndpoint: l, updateActiveSection: d, reloadTabs: f, currentTabNo: p, isMobile: m, closeMobileModalSecondaryPanel: c } = y, [g, h] = E.useState("background"), [b, o] = E.useState(!1), [j, u] = E.useState(), v = l + "/api/v1/designer";
+  E.useEffect(() => {
     S();
   }, []);
-  const s = (L) => {
-    const H = document.getElementById("img-default-id"), R = new D.Image(H, (A) => {
-      A.set({
+  const s = (_) => {
+    const H = document.getElementById("img-default-id"), L = new D.Image(H, (I) => {
+      I.set({
         left: 100,
         top: 200,
         scaleX: 0.5,
@@ -2785,28 +2785,28 @@ function fn(y) {
         imageSmoothing: !0
       });
     });
-    r.add(R), m && i(!0);
+    r.add(L), m && c(!0);
   }, S = () => {
     o(!0);
-    const L = {
-      "X-Api-Key": c
+    const _ = {
+      "X-Api-Key": a
     }, H = `${v}/get-images/${g}`;
-    je.get(H, { headers: L }).then((R) => {
-      var A;
-      o(!1), u((A = R.data) == null ? void 0 : A.object);
-    }).catch((R) => {
-      console.error("Error fetching data:", R), o(!1);
+    Se.get(H, { headers: _ }).then((L) => {
+      var I;
+      o(!1), u((I = L.data) == null ? void 0 : I.object);
+    }).catch((L) => {
+      console.error("Error fetching data:", L), o(!1);
     });
-  }, B = (L) => {
-    D.Image.fromURL(L, function(H) {
+  }, B = (_) => {
+    D.Image.fromURL(_, function(H) {
       H.width = r.width, H.height = r.height, H.scaleToWidth(r.width), H.scaleToHeight(r.height), r.setBackgroundImage(H);
-      const R = sessionStorage.getItem("apc_x_activeTab"), A = JSON.stringify(r);
-      Ve(R, "general", A, null).then((V) => {
-        f(h + 1), r && r.renderAll();
+      const L = sessionStorage.getItem("apc_x_activeTab"), I = JSON.stringify(r);
+      Je(L, "general", I, null).then((V) => {
+        f(p + 1), r && r.renderAll();
       });
     }, { crossOrigin: "anonymous" });
-  }, E = () => j ? /* @__PURE__ */ e.jsx("div", { children: j.map((L) => /* @__PURE__ */ e.jsx("div", { onClick: () => B(L.urls.regular), style: { cursor: "pointer" }, children: /* @__PURE__ */ e.jsx("img", { height: 300, width: 300, src: L.urls.regular, alt: L.description || "No description" }) }, L.id)) }) : null;
-  return /* @__PURE__ */ e.jsxs(I.Fragment, { children: [
+  }, z = () => j ? /* @__PURE__ */ e.jsx("div", { children: j.map((_) => /* @__PURE__ */ e.jsx("div", { onClick: () => B(_.urls.regular), style: { cursor: "pointer" }, children: /* @__PURE__ */ e.jsx("img", { height: 300, width: 300, src: _.urls.regular, alt: _.description || "No description" }) }, _.id)) }) : null;
+  return /* @__PURE__ */ e.jsxs(E.Fragment, { children: [
     /* @__PURE__ */ e.jsx("br", {}),
     /* @__PURE__ */ e.jsx("br", {}),
     /* @__PURE__ */ e.jsxs("div", { style: { cursor: "pointer" }, onClick: () => s(), children: [
@@ -2823,7 +2823,7 @@ function fn(y) {
         "input",
         {
           type: "text",
-          onChange: (L) => p(L.target.value),
+          onChange: (_) => h(_.target.value),
           className: "apc-mpc-widget-input",
           style: { border: `solid 3px ${n.primaryColor}` }
         }
@@ -2846,12 +2846,12 @@ function fn(y) {
     ] }),
     /* @__PURE__ */ e.jsx("br", {}),
     /* @__PURE__ */ e.jsx("br", {}),
-    E()
+    z()
   ] });
 }
 function xn(y) {
-  const [r, n] = I.useState(""), [c, l] = I.useState(""), [d, f] = I.useState(!1), [h, m] = I.useState(!1), [i, g] = I.useState(!1), { apcCanvasInstance: p, theme: b, isMobile: o, closeMobileModalSecondaryPanel: j, apiKey: u, apiEndpoint: v } = y, s = `${v}/api/v1/designer`, S = sessionStorage.getItem("apc_x_sub_status");
-  I.useEffect(() => {
+  const [r, n] = E.useState(""), [a, l] = E.useState(""), [d, f] = E.useState(!1), [p, m] = E.useState(!1), [c, g] = E.useState(!1), { apcCanvasInstance: h, theme: b, isMobile: o, closeMobileModalSecondaryPanel: j, apiKey: u, apiEndpoint: v } = y, s = `${v}/api/v1/designer`, S = sessionStorage.getItem("apc_x_sub_status");
+  E.useEffect(() => {
     (async () => {
       S === "active" ? (m(!0), g(!0)) : (f(!0), await B());
     })();
@@ -2859,19 +2859,19 @@ function xn(y) {
   const B = () => {
     f(!0);
     const H = `${s}/get-subscription-status/${u}`;
-    je.get(H).then((R) => {
-      R.data.object && R.data.object === "active" && (sessionStorage.setItem("apc_x_sub_status", "active"), m(!0));
-    }).catch((R) => {
+    Se.get(H).then((L) => {
+      L.data.object && L.data.object === "active" && (sessionStorage.setItem("apc_x_sub_status", "active"), m(!0));
+    }).catch((L) => {
       sessionStorage.setItem("apc_x_sub_status", "");
     }).finally(() => {
       f(!1), g(!0);
     });
-  }, E = () => {
-    Qt.toDataURL(r, { width: 300 }, (H, R) => {
-      H && console.error(H), l(R);
+  }, z = () => {
+    Qt.toDataURL(r, { width: 300 }, (H, L) => {
+      H && console.error(H), l(L);
     });
-  }, L = (H) => {
-    const R = document.getElementById("apc-qr-code-img"), A = new D.Image(R, (V) => {
+  }, _ = (H) => {
+    const L = document.getElementById("apc-qr-code-img"), I = new D.Image(L, (V) => {
       V.set({
         left: 200,
         top: 200,
@@ -2880,9 +2880,9 @@ function xn(y) {
         imageSmoothing: !0
       });
     });
-    p.add(A), p.setActiveObject(A), o && j(!0);
+    h.add(I), h.setActiveObject(I), o && j(!0);
   };
-  return !h && !d && i ? /* @__PURE__ */ e.jsx(at, { theme: b }) : h && !d && i ? /* @__PURE__ */ e.jsxs(I.Fragment, { children: [
+  return !p && !d && c ? /* @__PURE__ */ e.jsx(ft, { theme: b }) : p && !d && c ? /* @__PURE__ */ e.jsxs(E.Fragment, { children: [
     /* @__PURE__ */ e.jsx("br", {}),
     /* @__PURE__ */ e.jsx("br", {}),
     "Enter data such as url",
@@ -2904,50 +2904,50 @@ function xn(y) {
         className: "apc-mpc-widget-btn",
         style: { backgroundColor: b.primaryColor, color: "#ffffff" },
         disabled: !r,
-        onClick: E,
+        onClick: z,
         children: "Generate QR code"
       }
     ),
     /* @__PURE__ */ e.jsx("br", {}),
     /* @__PURE__ */ e.jsx("br", {}),
-    c && /* @__PURE__ */ e.jsxs(
+    a && /* @__PURE__ */ e.jsxs(
       "div",
       {
         className: "generated-view",
-        onClick: () => L(),
+        onClick: () => _(),
         style: { cursor: "pointer" },
         children: [
-          /* @__PURE__ */ e.jsx("img", { src: c, alt: "qr code", id: "apc-qr-code-img" }),
-          /* @__PURE__ */ e.jsx("a", { href: c })
+          /* @__PURE__ */ e.jsx("img", { src: a, alt: "qr code", id: "apc-qr-code-img" }),
+          /* @__PURE__ */ e.jsx("a", { href: a })
         ]
       }
     )
-  ] }) : /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(lt, {}) });
+  ] }) : /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(xt, {}) });
 }
 function gn(y) {
-  const { apcCanvasInstance: r, theme: n, isMobile: c, closeMobileModalSecondaryPanel: l, apiKey: d, apiEndpoint: f } = y, [h, m] = I.useState(""), [i, g] = I.useState(null), [p, b] = I.useState("CODE128"), o = I.useRef(null), [j, u] = I.useState(""), [v, s] = I.useState(!1), [S, B] = I.useState(!1), [E, L] = M(!1), H = sessionStorage.getItem("apc_x_sub_status"), R = `${f}/api/v1/designer`;
-  I.useEffect(() => {
+  const { apcCanvasInstance: r, theme: n, isMobile: a, closeMobileModalSecondaryPanel: l, apiKey: d, apiEndpoint: f } = y, [p, m] = E.useState(""), [c, g] = E.useState(null), [h, b] = E.useState("CODE128"), o = E.useRef(null), [j, u] = E.useState(""), [v, s] = E.useState(!1), [S, B] = E.useState(!1), [z, _] = M(!1), H = sessionStorage.getItem("apc_x_sub_status"), L = `${f}/api/v1/designer`;
+  E.useEffect(() => {
     (async () => {
-      H === "active" ? (B(!0), L(!0)) : (s(!0), await A());
+      H === "active" ? (B(!0), _(!0)) : (s(!0), await I());
     })();
   }, []);
-  const A = () => {
+  const I = () => {
     s(!0);
-    const Z = `${R}/get-subscription-status/${d}`;
-    je.get(Z).then((ie) => {
-      ie.data.object && ie.data.object === "active" && (sessionStorage.setItem("apc_x_sub_status", "active"), B(!0));
-    }).catch((ie) => {
+    const Z = `${L}/get-subscription-status/${d}`;
+    Se.get(Z).then((ce) => {
+      ce.data.object && ce.data.object === "active" && (sessionStorage.setItem("apc_x_sub_status", "active"), B(!0));
+    }).catch((ce) => {
       sessionStorage.setItem("apc_x_sub_status", "");
     }).finally(() => {
-      s(!1), L(!0);
+      s(!1), _(!0);
     });
   }, V = () => {
     g(
       /* @__PURE__ */ e.jsx(
         qt,
         {
-          value: h,
-          format: p,
+          value: p,
+          format: h,
           id: "barcode-element"
         }
       )
@@ -2956,19 +2956,19 @@ function gn(y) {
     Z && u(Z.innerHTML);
   }, Q = (Z) => {
     if (o.current.innerHTML) {
-      const ie = o.current.innerHTML;
-      let ne = new Image();
-      ne.src = "data:image/svg+xml," + encodeURIComponent(ie), ne.onload = function() {
-        const le = new D.Image(ne, {
+      const ce = o.current.innerHTML;
+      let re = new Image();
+      re.src = "data:image/svg+xml," + encodeURIComponent(ce), re.onload = function() {
+        const pe = new D.Image(re, {
           left: 200,
           top: 200
         });
-        r.add(le), r.setActiveObject(le);
+        r.add(pe), r.setActiveObject(pe);
       };
     }
-    c && l(!0);
+    a && l(!0);
   };
-  return !S && !v && E ? /* @__PURE__ */ e.jsx(at, { theme: n }) : S && !v && E ? /* @__PURE__ */ e.jsxs(I.Fragment, { children: [
+  return !S && !v && z ? /* @__PURE__ */ e.jsx(ft, { theme: n }) : S && !v && z ? /* @__PURE__ */ e.jsxs(E.Fragment, { children: [
     /* @__PURE__ */ e.jsx("br", {}),
     /* @__PURE__ */ e.jsx("br", {}),
     "Enter number",
@@ -2987,7 +2987,7 @@ function gn(y) {
     /* @__PURE__ */ e.jsxs(
       "select",
       {
-        value: p,
+        value: h,
         onChange: (Z) => b(Z.target.value),
         className: "apc-mpc-widget-input",
         style: { border: `solid 3px ${n.primaryColor}` },
@@ -3008,7 +3008,7 @@ function gn(y) {
       "button",
       {
         className: "apc-mpc-widget-btn",
-        disabled: !h,
+        disabled: !p,
         onClick: () => V(),
         style: { backgroundColor: n.primaryColor, color: "#ffffff" },
         children: "Generate Barcode"
@@ -3019,22 +3019,22 @@ function gn(y) {
     " ",
     /* @__PURE__ */ e.jsx("br", {}),
     /* @__PURE__ */ e.jsx("br", {}),
-    /* @__PURE__ */ e.jsx("div", { children: i && /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { children: c && /* @__PURE__ */ e.jsx(
       "div",
       {
         ref: o,
         onClick: (Z) => Q(),
         style: { cursor: "pointer" },
-        children: i
+        children: c
       }
     ) })
   ] }) : /* @__PURE__ */ e.jsxs("div", { children: [
     " ",
-    /* @__PURE__ */ e.jsx(lt, {})
+    /* @__PURE__ */ e.jsx(xt, {})
   ] });
 }
 function mn(y) {
-  const { apcCanvasInstance: r, theme: n } = y, [c, l] = I.useState(), [d, f] = I.useState(), [h, m] = I.useState(""), i = (b, o) => {
+  const { apcCanvasInstance: r, theme: n } = y, [a, l] = E.useState(), [d, f] = E.useState(), [p, m] = E.useState(""), c = (b, o) => {
     if (r) {
       if (b === "bg-color" && o.target.value && r.set({
         backgroundColor: o.target.value
@@ -3054,7 +3054,7 @@ function mn(y) {
     }
   }, g = (b, o, j) => {
     f(o), l(b), r.setWidth(o), r.setHeight(b), m(j);
-  }, p = () => /* @__PURE__ */ e.jsxs("div", { children: [
+  }, h = () => /* @__PURE__ */ e.jsxs("div", { children: [
     /* @__PURE__ */ e.jsx("br", {}),
     /* @__PURE__ */ e.jsx("br", {}),
     /* @__PURE__ */ e.jsx("div", { style: { display: "flex", flexDirection: "row" }, children: /* @__PURE__ */ e.jsxs("div", { children: [
@@ -3064,7 +3064,7 @@ function mn(y) {
         {
           type: "number",
           value: r.height,
-          onChange: (b) => i("height", b),
+          onChange: (b) => c("height", b),
           className: "apc-mpc-widget-input",
           style: { border: `solid 3px ${n.primaryColor}` }
         }
@@ -3079,7 +3079,7 @@ function mn(y) {
           color: "info",
           type: "number",
           value: r.width,
-          onChange: (b) => i("width", b),
+          onChange: (b) => c("width", b),
           className: "apc-mpc-widget-input",
           style: { border: `solid 3px ${n.primaryColor}` }
         }
@@ -3099,7 +3099,7 @@ function mn(y) {
           className: "apc-mpx-widget-custom-chip",
           onClick: () => g(1440, 2560, "YOUC"),
           children: [
-            h === "YOUC" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
+            p === "YOUC" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             " Youtube Channel : 2560 x 1440 px"
           ]
         }
@@ -3112,7 +3112,7 @@ function mn(y) {
           className: "apc-mpx-widget-custom-chip",
           onClick: () => g(1080, 1920, "FULLHD"),
           children: [
-            h === "FULLHD" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
+            p === "FULLHD" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Full HD : 1920 x 1080 px"
           ]
         }
@@ -3125,7 +3125,7 @@ function mn(y) {
           className: "apc-mpx-widget-custom-chip",
           onClick: () => g(1080, 1080, "INSTAP"),
           children: [
-            h === "INSTAP" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
+            p === "INSTAP" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Instagram Post:1080 x 1080 px"
           ]
         }
@@ -3138,7 +3138,7 @@ function mn(y) {
           className: "apc-mpx-widget-custom-chip",
           onClick: () => g(1920, 1080, "INSTAS"),
           children: [
-            h === "INSTAS" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
+            p === "INSTAS" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Instagram Story: 1080 x 1920 px"
           ]
         }
@@ -3151,7 +3151,7 @@ function mn(y) {
           className: "apc-mpx-widget-custom-chip",
           onClick: () => g(1080, 1080, "INSTAA"),
           children: [
-            h === "INSTAA" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
+            p === "INSTAA" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Instagram Ad: 1080 x 1080 px"
           ]
         }
@@ -3164,7 +3164,7 @@ function mn(y) {
           className: "apc-mpx-widget-custom-chip",
           onClick: () => g(788, 940, "FACEP"),
           children: [
-            h === "FACEP" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
+            p === "FACEP" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Facebook Post: 940 x 788 px"
           ]
         }
@@ -3177,7 +3177,7 @@ function mn(y) {
           className: "apc-mpx-widget-custom-chip",
           onClick: () => g(315, 851, "FACEC"),
           children: [
-            h === "FACEC" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
+            p === "FACEC" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Facebook Cover: 851 x 315 px"
           ]
         }
@@ -3190,7 +3190,7 @@ function mn(y) {
           className: "apc-mpx-widget-custom-chip",
           onClick: () => g(628, 1200, "FACEA"),
           children: [
-            h === "FACEA" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
+            p === "FACEA" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Facebook Ad: 1200 x 628 px"
           ]
         }
@@ -3203,7 +3203,7 @@ function mn(y) {
           className: "apc-mpx-widget-custom-chip",
           onClick: () => g(720, 1280, "YOUT"),
           children: [
-            h === "YOUT" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
+            p === "YOUT" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Youtube Thumbnail: 1280 x 720 px"
           ]
         }
@@ -3216,7 +3216,7 @@ function mn(y) {
           className: "apc-mpx-widget-custom-chip",
           onClick: () => g(534, 534, "INVITE"),
           children: [
-            h === "INVITE" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
+            p === "INVITE" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Invitation : 14 x 14 cm"
           ]
         }
@@ -3229,7 +3229,7 @@ function mn(y) {
           className: "apc-mpx-widget-custom-chip",
           onClick: () => g(1112, 788, "A4"),
           children: [
-            h === "A4" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
+            p === "A4" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "A4 : 788 x 1112 px"
           ]
         }
@@ -3242,114 +3242,114 @@ function mn(y) {
           className: "apc-mpx-widget-custom-chip",
           onClick: () => g(192, 336, "BUSINESSCARD"),
           children: [
-            h === "BUSINESSCARD" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
+            p === "BUSINESSCARD" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Business card 3.5 x 2 in"
           ]
         }
       ) })
     ] })
   ] });
-  return /* @__PURE__ */ e.jsx("div", { children: p() });
+  return /* @__PURE__ */ e.jsx("div", { children: h() });
 }
-const xe = (y, r, n, c = "png", l) => new Promise((d, f) => {
-  const h = document.createElement("canvas"), m = JSON.parse(y), i = crypto.randomUUID();
-  h.width = n, h.height = r;
-  const g = new D.StaticCanvas(h, {
+const je = (y, r, n, a = "png", l) => new Promise((d, f) => {
+  const p = document.createElement("canvas"), m = JSON.parse(y), c = crypto.randomUUID();
+  p.width = n, p.height = r;
+  const g = new D.StaticCanvas(p, {
     selection: !1,
     height: m.height,
     width: m.width
   });
   g.loadFromJSON(m, function() {
-    if (g.renderAll(), c.toLowerCase() === "svg") {
-      const p = g.toSVG(), b = new Blob([p], { type: "image/svg+xml" });
-      l && it(b, "mypixia.svg"), d(new File([b], `${i}.svg`, { type: "image/svg+xml" }));
-    } else if (c.toLowerCase() === "pdf") {
-      const p = g.toDataURL("image/jpeg", 1);
+    if (g.renderAll(), a.toLowerCase() === "svg") {
+      const h = g.toSVG(), b = new Blob([h], { type: "image/svg+xml" });
+      l && ht(b, "mypixia.svg"), d(new File([b], `${c}.svg`, { type: "image/svg+xml" }));
+    } else if (a.toLowerCase() === "pdf") {
+      const h = g.toDataURL("image/jpeg", 1);
       import("jspdf").then((b) => {
         const o = new b.jsPDF({
           orientation: "landscape",
           unit: "px",
-          format: [h.width, h.height]
+          format: [p.width, p.height]
         });
-        o.addImage(p, "JPEG", 0, 0, h.width, h.height);
-        const u = o.output("datauristring").split(",")[1], v = vn(u, "application/pdf"), s = new File([v], `${i}.pdf`, { type: "application/pdf" }), S = `${i}.pdf`;
-        l && it(s, S), d(s);
+        o.addImage(h, "JPEG", 0, 0, p.width, p.height);
+        const u = o.output("datauristring").split(",")[1], v = vn(u, "application/pdf"), s = new File([v], `${c}.pdf`, { type: "application/pdf" }), S = `${c}.pdf`;
+        l && ht(s, S), d(s);
       }).catch((b) => {
         console.error("Error loading jsPDF: ", b), f(b);
       });
     } else {
-      let p, b = "image/png", o = "png";
-      switch (c.toLowerCase()) {
+      let h, b = "image/png", o = "png";
+      switch (a.toLowerCase()) {
         case "jpeg":
-          p = g.toDataURL("image/jpeg", 1), b = "image/jpeg", o = "jpg";
+          h = g.toDataURL("image/jpeg", 1), b = "image/jpeg", o = "jpg";
           break;
         case "webp":
-          p = g.toDataURL("image/webp", 1), b = "image/webp", o = "webp";
+          h = g.toDataURL("image/webp", 1), b = "image/webp", o = "webp";
           break;
         default:
-          p = g.toDataURL("image/png", 1);
+          h = g.toDataURL("image/png", 1);
           break;
       }
-      const j = atob(p.split(",")[1]), u = new Array(j.length);
+      const j = atob(h.split(",")[1]), u = new Array(j.length);
       for (let B = 0; B < j.length; B++)
         u[B] = j.charCodeAt(B);
-      const v = new Uint8Array(u), s = new File([v], `${i}.${o}`, { type: b }), S = `${i}.${o}`;
-      l && it(s, S), d(s);
+      const v = new Uint8Array(u), s = new File([v], `${c}.${o}`, { type: b }), S = `${c}.${o}`;
+      l && ht(s, S), d(s);
     }
   });
-}), st = async ({ fabricString: y, height: r, width: n, download: c }) => {
+}), dt = async ({ fabricString: y, height: r, width: n, download: a }) => {
   const l = JSON.parse(y), d = crypto.randomUUID();
-  return new Promise((f, h) => {
-    const m = document.createElement("canvas"), i = new D.Canvas(m, { height: r, width: n });
-    i.loadFromJSON(l, () => {
-      i.setBackgroundImage(null, i.renderAll.bind(i));
-      const g = i.toDataURL({
+  return new Promise((f, p) => {
+    const m = document.createElement("canvas"), c = new D.Canvas(m, { height: r, width: n });
+    c.loadFromJSON(l, () => {
+      c.setBackgroundImage(null, c.renderAll.bind(c));
+      const g = c.toDataURL({
         format: "png"
       });
-      fetch(g).then((p) => p.blob()).then((p) => {
-        const b = new File([p], `${d}.png`, { type: "image/png" }), o = `${d}.png`;
-        c && it(b, o), f(b);
-      }).catch((p) => h(p));
+      fetch(g).then((h) => h.blob()).then((h) => {
+        const b = new File([h], `${d}.png`, { type: "image/png" }), o = `${d}.png`;
+        a && ht(b, o), f(b);
+      }).catch((h) => p(h));
     });
   });
-}, it = (y, r) => {
-  const n = URL.createObjectURL(y), c = document.createElement("a");
-  c.href = n, c.download = r, document.body.appendChild(c), c.click(), document.body.removeChild(c), URL.revokeObjectURL(n);
+}, ht = (y, r) => {
+  const n = URL.createObjectURL(y), a = document.createElement("a");
+  a.href = n, a.download = r, document.body.appendChild(a), a.click(), document.body.removeChild(a), URL.revokeObjectURL(n);
 };
 function vn(y, r) {
-  const n = atob(y), c = new Array(n.length);
+  const n = atob(y), a = new Array(n.length);
   for (let d = 0; d < n.length; d++)
-    c[d] = n.charCodeAt(d);
-  const l = new Uint8Array(c);
+    a[d] = n.charCodeAt(d);
+  const l = new Uint8Array(a);
   return new Blob([l], { type: r });
 }
 const jn = ({ children: y }) => xr.createPortal(y, document.getElementById("apc-mpx-editor-modal-root"));
-function dt(y) {
-  const { isOpen: r, onClose: n, children: c } = y;
+function gt(y) {
+  const { isOpen: r, onClose: n, children: a } = y;
   return r ? /* @__PURE__ */ e.jsx(jn, { children: /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-modal-overlay", children: /* @__PURE__ */ e.jsxs("div", { className: "apc-mpx-widget-modal", children: [
     /* @__PURE__ */ e.jsx("button", { style: { color: "red" }, className: "apc-mpx-widget-modal-close-btn", onClick: n, children: "Close" }),
-    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-modal-content", children: c })
+    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-modal-content", children: a })
   ] }) }) }) : null;
 }
-const ge = (y, r) => {
+const be = (y, r) => {
   y = y.startsWith("#") ? y : `#${y}`;
-  let n = parseInt(y.slice(1, 3), 16), c = parseInt(y.slice(3, 5), 16), l = parseInt(y.slice(5, 7), 16);
-  return n = parseInt(n * (100 - r) / 100), c = parseInt(c * (100 - r) / 100), l = parseInt(l * (100 - r) / 100), n = n.toString(16).padStart(2, "0"), c = c.toString(16).padStart(2, "0"), l = l.toString(16).padStart(2, "0"), `#${n}${c}${l}`;
+  let n = parseInt(y.slice(1, 3), 16), a = parseInt(y.slice(3, 5), 16), l = parseInt(y.slice(5, 7), 16);
+  return n = parseInt(n * (100 - r) / 100), a = parseInt(a * (100 - r) / 100), l = parseInt(l * (100 - r) / 100), n = n.toString(16).padStart(2, "0"), a = a.toString(16).padStart(2, "0"), l = l.toString(16).padStart(2, "0"), `#${n}${a}${l}`;
 };
-function Ft(y) {
-  const [r, n] = M(""), { apcCanvasJSON: c, height: l, width: d } = y;
-  return ce(() => {
-    const f = document.createElement("canvas"), h = JSON.parse(c);
+function Vt(y) {
+  const [r, n] = M(""), { apcCanvasJSON: a, height: l, width: d } = y;
+  return ae(() => {
+    const f = document.createElement("canvas"), p = JSON.parse(a);
     f.width = d, f.height = l;
     const m = new D.StaticCanvas(f, {
       selection: !1,
-      height: h.height,
-      width: h.width
+      height: p.height,
+      width: p.width
     });
-    m.loadFromJSON(h, function() {
+    m.loadFromJSON(p, function() {
       m.renderAll();
-      const i = m.toDataURL("image/png", 1);
-      n(i);
+      const c = m.toDataURL("image/png", 1);
+      n(c);
     });
   }, []), r ? /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
     "div",
@@ -3361,17 +3361,17 @@ function Ft(y) {
   ) }) : "...processing";
 }
 function bn(y) {
-  const { theme: r, apcCanvasInstance: n } = y, [c, l] = M(!1), [d, f] = M(), h = () => {
+  const { theme: r, apcCanvasInstance: n } = y, [a, l] = M(!1), [d, f] = M(), p = () => {
     l(!0);
   }, m = () => {
     l(!1);
-  }, i = () => {
+  }, c = () => {
     if (!n)
       return null;
     const g = JSON.stringify(n);
-    return /* @__PURE__ */ e.jsxs(dt, { isOpen: c, onClose: m, children: [
+    return /* @__PURE__ */ e.jsxs(gt, { isOpen: a, onClose: m, children: [
       /* @__PURE__ */ e.jsx(
-        Ft,
+        Vt,
         {
           apcCanvasJSON: g,
           height: n.height,
@@ -3401,13 +3401,13 @@ function bn(y) {
         /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(cr, { url: d, children: /* @__PURE__ */ e.jsx(ar, { size: 32, round: !0 }) }) }),
         /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(lr, { url: "https://static.mypixia.com", media: d, children: /* @__PURE__ */ e.jsx(dr, { size: 32, round: !0 }) }) }),
         /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
-          hr,
+          pr,
           {
             url: d,
             title: "Hello",
             windowWidth: 660,
             windowHeight: 460,
-            children: /* @__PURE__ */ e.jsx(pr, { size: 32, round: !0 })
+            children: /* @__PURE__ */ e.jsx(hr, { size: 32, round: !0 })
           }
         ) }),
         /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
@@ -3434,15 +3434,15 @@ function bn(y) {
       )
     ] });
   };
-  return /* @__PURE__ */ e.jsxs(I.Fragment, { children: [
+  return /* @__PURE__ */ e.jsxs(E.Fragment, { children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
         className: "apc-mpc-widget-btn",
-        onClick: () => h(),
+        onClick: () => p(),
         role: "dialog",
         style: {
-          backgroundColor: ge(r.primaryColor, 40),
+          backgroundColor: be(r.primaryColor, 40),
           color: "#ffffff",
           float: "right"
         },
@@ -3452,77 +3452,77 @@ function bn(y) {
         ]
       }
     ),
-    i()
+    c()
   ] });
 }
 function yn(y) {
-  const { theme: r, apiKey: n, apcCanvasInstance: c, updateSelectedSections: l, updateActiveSection: d, accesories: f, getDesignFormats: h } = y, [m, i] = M(!1), [g, p] = M(), b = () => {
-    i(!0);
+  const { theme: r, apiKey: n, apcCanvasInstance: a, updateSelectedSections: l, updateActiveSection: d, accesories: f, getDesignFormats: p } = y, [m, c] = M(!1), [g, h] = M(), b = () => {
+    c(!0);
   }, o = () => {
-    i(!1);
+    c(!1);
   }, j = () => ({
     getPDF: () => {
-      const v = JSON.stringify(c);
-      return xe(v, c.height, c.width, "pdf", !0).then((s) => s);
+      const v = JSON.stringify(a);
+      return je(v, a.height, a.width, "pdf", !0).then((s) => s);
     },
     getPNG: () => {
-      const v = JSON.stringify(c);
-      return xe(v, c.height, c.width, "png", !0).then((s) => s);
+      const v = JSON.stringify(a);
+      return je(v, a.height, a.width, "png", !0).then((s) => s);
     },
     getSVG: () => {
-      const v = JSON.stringify(c);
-      return xe(v, c.height, c.width, "svg", !0).then((s) => s);
+      const v = JSON.stringify(a);
+      return je(v, a.height, a.width, "svg", !0).then((s) => s);
     },
     getJPEG: () => {
-      const v = JSON.stringify(c);
-      return xe(v, c.height, c.width, "jpeg", !0).then((s) => s);
+      const v = JSON.stringify(a);
+      return je(v, a.height, a.width, "jpeg", !0).then((s) => s);
     },
     getWEBP: () => {
-      const v = JSON.stringify(c);
-      return xe(v, c.height, c.width, "webp", !0).then((s) => s);
+      const v = JSON.stringify(a);
+      return je(v, a.height, a.width, "webp", !0).then((s) => s);
     }
   }), u = () => {
-    if (!c)
+    if (!a)
       return null;
-    const v = JSON.stringify(c);
-    return /* @__PURE__ */ e.jsxs(dt, { isOpen: m, onClose: o, children: [
+    const v = JSON.stringify(a);
+    return /* @__PURE__ */ e.jsxs(gt, { isOpen: m, onClose: o, children: [
       /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", flexDirection: "column" }, children: [
         /* @__PURE__ */ e.jsx("h3", { style: { float: "left" }, children: "Download" }),
         /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
-          Ft,
+          Vt,
           {
             apcCanvasJSON: v,
-            height: c.height,
-            width: c.width
+            height: a.height,
+            width: a.width
           }
         ) }),
         /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", flexDirection: "row", gap: 5 }, children: [
           /* @__PURE__ */ e.jsx("div", { style: {
-            color: ge(r.primaryColor, 50),
+            color: be(r.primaryColor, 50),
             fontWeight: "bold",
             textDecoration: "underline",
             cursor: "pointer"
           }, onClick: () => j().getPDF(), children: "PDF" }),
           /* @__PURE__ */ e.jsx("div", { style: {
-            color: ge(r.primaryColor, 50),
+            color: be(r.primaryColor, 50),
             fontWeight: "bold",
             textDecoration: "underline",
             cursor: "pointer"
           }, onClick: () => j().getSVG(), children: "SVG" }),
           /* @__PURE__ */ e.jsx("div", { style: {
-            color: ge(r.primaryColor, 50),
+            color: be(r.primaryColor, 50),
             fontWeight: "bold",
             textDecoration: "underline",
             cursor: "pointer"
           }, onClick: () => j().getPNG(), children: "PNG" }),
           /* @__PURE__ */ e.jsx("div", { style: {
-            color: ge(r.primaryColor, 50),
+            color: be(r.primaryColor, 50),
             fontWeight: "bold",
             textDecoration: "underline",
             cursor: "pointer"
           }, onClick: () => j().getJPEG(), children: "JPEG" }),
           /* @__PURE__ */ e.jsx("div", { style: {
-            color: ge(r.primaryColor, 50),
+            color: be(r.primaryColor, 50),
             fontWeight: "bold",
             textDecoration: "underline",
             cursor: "pointer"
@@ -3546,7 +3546,7 @@ function yn(y) {
       )
     ] });
   };
-  return /* @__PURE__ */ e.jsxs(I.Fragment, { children: [
+  return /* @__PURE__ */ e.jsxs(E.Fragment, { children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
@@ -3554,7 +3554,7 @@ function yn(y) {
         onClick: () => b(),
         role: "dialog",
         style: {
-          backgroundColor: ge(r.primaryColor, 40),
+          backgroundColor: be(r.primaryColor, 40),
           color: "#ffffff",
           float: "right"
         },
@@ -3568,19 +3568,19 @@ function yn(y) {
   ] });
 }
 function wn(y) {
-  var Se;
+  var Re;
   const {
     theme: r,
     activeSection: n,
-    selectedObjectType: c,
+    selectedObjectType: a,
     renderQuickActions: l,
     renderActionItems: d,
     canvasEl: f,
-    zoomIn: h,
+    zoomIn: p,
     zoomOut: m,
-    apcCanvasInstance: i,
+    apcCanvasInstance: c,
     setActiveSection: g,
-    saveActiveDesign: p,
+    saveActiveDesign: h,
     reloadTabs: b,
     initProductName: o,
     historyRef: j,
@@ -3589,60 +3589,60 @@ function wn(y) {
     setHistory: s,
     activeTabName: S,
     isPlainColor: B,
-    selectedProduct: E,
-    isMobile: L,
+    selectedProduct: z,
+    isMobile: _,
     supportedProductColors: H,
-    canvasId: R
-  } = y, [A, V] = M(), [Q, Z] = M([]), [ie, ne] = M(0), [le, ue] = I.useState(!1), be = I.useRef(null), [Oe, ze] = M(!1), [Re, Ue] = M(null), [se, qe] = M(), [Le, We] = M(), [_e, Be] = M(), [ye, G] = M(!0), [Ae, Ie] = M(), oe = () => {
-    ze(!0), ue(!1);
-  }, Te = () => {
-    ze(!1);
-  }, he = () => {
-    ue((k) => !k);
+    canvasId: L
+  } = y, [I, V] = M(), [Q, Z] = M([]), [ce, re] = M(0), [pe, ge] = E.useState(!1), ke = E.useRef(null), [Te, Be] = M(!1), [De, Ge] = M(null), [ne, nt] = M(), [Fe, Ye] = M(), [He, Pe] = M(), [Ne, G] = M(!0), [Ee, ze] = M(), se = () => {
+    Be(!0), ge(!1);
+  }, Me = () => {
+    Be(!1);
+  }, st = () => {
+    ge((k) => !k);
   };
-  ce(() => {
+  ae(() => {
     const k = (O) => {
-      be.current && be.current.contains(O.target) || ue(!1);
+      ke.current && ke.current.contains(O.target) || ge(!1);
     };
     return document.addEventListener("mousedown", k), () => {
       document.removeEventListener("mousedown", k);
     };
-  }, []), ce(() => {
+  }, []), ae(() => {
     (async () => {
-      var O, K;
-      if (A)
+      var O, Y;
+      if (I)
         try {
-          const P = await Xe(A);
-          Be(P), (O = P == null ? void 0 : P.misc) != null && O.colorSettings && qe(P.misc.colorSettings), ((K = P == null ? void 0 : P.misc) == null ? void 0 : K.type) !== "subsection" && Ie(P);
-        } catch (P) {
-          console.error("Error fetching tab data: ", P);
+          const F = await tt(I);
+          Pe(F), (O = F == null ? void 0 : F.misc) != null && O.colorSettings && nt(F.misc.colorSettings), ((Y = F == null ? void 0 : F.misc) == null ? void 0 : Y.type) !== "subsection" && ze(F);
+        } catch (F) {
+          console.error("Error fetching tab data: ", F);
         }
     })();
-  }, [A, b]), ce(() => {
+  }, [I, b]), ae(() => {
     (async () => {
-      const O = await Me();
-      let K = O ? O.filter((P) => {
-        var ee;
-        return P.classification !== "cart" && ((ee = P.misc) == null ? void 0 : ee.type) !== "subsection";
-      }).map((P) => P.id) : [];
-      K.length === 0 && K.push("design"), ie === 0 && V(K[0]), Z(K);
+      const O = await _e();
+      let Y = O ? O.filter((F) => {
+        var te;
+        return F.classification !== "cart" && ((te = F.misc) == null ? void 0 : te.type) !== "subsection";
+      }).map((F) => F.id) : [];
+      Y.length === 0 && Y.push("design"), ce === 0 && V(Y[0]), Z(Y);
     })();
-  }, [ie, b]);
-  const we = () => {
-    i && (i.clear(), i.renderAll());
-  }, fe = (k) => {
-    if (!i)
+  }, [ce, b]);
+  const fe = () => {
+    c && (c.clear(), c.renderAll());
+  }, he = (k) => {
+    if (!c)
       return;
-    i.backgroundColor = "transparent", i && i.requestRenderAll();
-    let O = i.backgroundImage;
+    c.backgroundColor = "transparent", c && c.requestRenderAll();
+    let O = c.backgroundImage;
     O && (O.filters = [], O.filters.push(
       new D.Image.filters.BlendColor({
         color: k
       })
-    ), O.applyFilters(), i && i.requestRenderAll(), We(k), p(i, _e));
-  }, me = () => {
-    if (!(!se || (se == null ? void 0 : se.length) <= 1))
-      return se.map((k, O) => /* @__PURE__ */ e.jsxs(I.Fragment, { children: [
+    ), O.applyFilters(), c && c.requestRenderAll(), Ye(k), h(c, He));
+  }, ye = () => {
+    if (!(!ne || (ne == null ? void 0 : ne.length) <= 1))
+      return ne.map((k, O) => /* @__PURE__ */ e.jsxs(E.Fragment, { children: [
         /* @__PURE__ */ e.jsx(
           "div",
           {
@@ -3653,57 +3653,57 @@ function wn(y) {
               cursor: "pointer",
               border: "solid 1px #ffffff"
             },
-            onClick: () => fe(k)
+            onClick: () => he(k)
           }
         ),
         " "
       ] }, O));
-  }, $e = async (k, O) => {
-    var ve, re;
-    const K = (re = (ve = i == null ? void 0 : i.backgroundImage) == null ? void 0 : ve.filters[0]) == null ? void 0 : re.color, P = await Xe(k);
-    if (!P)
+  }, Ve = async (k, O) => {
+    var ve, we;
+    const Y = (we = (ve = c == null ? void 0 : c.backgroundImage) == null ? void 0 : ve.filters[0]) == null ? void 0 : we.color, F = await tt(k);
+    if (!F)
       return;
-    const ee = P != null && P.content ? JSON.parse(P.content) : null;
-    ee && i ? (i.clear(), i.setBackgroundImage(null), i.loadFromJSON(ee, () => {
-      var ke;
-      i.renderAll(), g(P), ((ke = P == null ? void 0 : P.misc) == null ? void 0 : ke.type) !== "subsection" ? (sessionStorage.setItem("apc_x_activeTab", k), G(!0)) : (G(!1), K && fe(K)), V(k);
+    const te = F != null && F.content ? JSON.parse(F.content) : null;
+    te && c ? (c.clear(), c.setBackgroundImage(null), c.loadFromJSON(te, () => {
+      var oe;
+      c.renderAll(), g(F), ((oe = F == null ? void 0 : F.misc) == null ? void 0 : oe.type) !== "subsection" ? (sessionStorage.setItem("apc_x_activeTab", k), G(!0)) : (G(!1), Y && he(Y)), V(k);
     })) : console.error("Failed to load JSON content for section:", k);
-  }, Ce = () => Q.map((k) => /* @__PURE__ */ e.jsx("button", { className: `tablinks ${A === k ? "active" : null}`, onClick: () => $e(k), children: k }, k)), Ee = () => {
-    Me().then((k) => {
+  }, Ke = () => Q.map((k) => /* @__PURE__ */ e.jsx("button", { className: `tablinks ${I === k ? "active" : null}`, onClick: () => Ve(k), children: k }, k)), me = () => {
+    _e().then((k) => {
       if (k && k.length > 0) {
-        const O = k[0], K = JSON.parse(O.content);
-        i.loadFromJSON(K, function() {
-          i.off("object:modified"), i.on({
-            "object:modified": (P) => {
-              p(i, O);
+        const O = k[0], Y = JSON.parse(O.content);
+        c.loadFromJSON(Y, function() {
+          c.off("object:modified"), c.on({
+            "object:modified": (F) => {
+              h(c, O);
             }
-          }), V(O.id), sessionStorage.setItem("apc_x_activeTab", O.id), g(O), ne(ie + 1), i && i.renderAll();
+          }), V(O.id), sessionStorage.setItem("apc_x_activeTab", O.id), g(O), re(ce + 1), c && c.renderAll();
         });
       } else {
         let O = "design";
-        const K = JSON.stringify(i);
-        Ve(O, "general", K, null).then((P) => {
-          Xe(O).then((ee) => {
-            const ve = JSON.parse(ee.content);
-            i.loadFromJSON(ve, function() {
-              i.off("object:modified"), i.on({
-                "object:modified": (re) => {
-                  p(i, ee);
+        const Y = JSON.stringify(c);
+        Je(O, "general", Y, null).then((F) => {
+          tt(O).then((te) => {
+            const ve = JSON.parse(te.content);
+            c.loadFromJSON(ve, function() {
+              c.off("object:modified"), c.on({
+                "object:modified": (we) => {
+                  h(c, te);
                 }
-              }), V(O), sessionStorage.setItem("apc_x_activeTab", O), g(ee), ne(ie + 1), i && i.renderAll();
+              }), V(O), sessionStorage.setItem("apc_x_activeTab", O), g(te), re(ce + 1), c && c.renderAll();
             });
           });
         });
       }
     });
-  }, Je = () => {
-    en(A).then((k) => {
-      Te(), Ee();
+  }, ot = () => {
+    en(I).then((k) => {
+      Me(), me();
     });
-  }, Ze = () => i ? /* @__PURE__ */ e.jsxs(dt, { isOpen: Oe, onClose: Te, children: [
+  }, Xe = () => c ? /* @__PURE__ */ e.jsxs(gt, { isOpen: Te, onClose: Me, children: [
     /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs("h3", { style: { marginLeft: "30%", color: "green" }, children: [
       "Are you sure you want to delete ",
-      /* @__PURE__ */ e.jsx("u", { children: A }),
+      /* @__PURE__ */ e.jsx("u", { children: I }),
       " ?"
     ] }) }),
     /* @__PURE__ */ e.jsx("br", {}),
@@ -3717,7 +3717,7 @@ function wn(y) {
           autoFocus: !0,
           type: "button",
           className: "apc-mpc-widget-btn",
-          onClick: () => Je(),
+          onClick: () => ot(),
           style: { backgroundColor: "green", color: "#ffffff" },
           children: "Yes"
         }
@@ -3728,15 +3728,15 @@ function wn(y) {
           autoFocus: !0,
           type: "button",
           className: "apc-mpc-widget-btn",
-          onClick: () => Te(),
+          onClick: () => Me(),
           style: { backgroundColor: "red", color: "#ffffff", float: "right" },
           children: "Close"
         }
       ) })
     ] })
-  ] }) : null, De = () => /* @__PURE__ */ e.jsxs("div", { className: "apc-mpx-widget-button-group-container", children: [
-    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-generic-icon", onClick: he, children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 448 512", children: /* @__PURE__ */ e.jsx("path", { fill: "#ffffff", d: Hr }) }) }),
-    le && /* @__PURE__ */ e.jsxs("div", { className: "apc-mpx-widget-popper-container", ref: be, children: [
+  ] }) : null, Ue = () => /* @__PURE__ */ e.jsxs("div", { className: "apc-mpx-widget-button-group-container", children: [
+    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-generic-icon", onClick: st, children: /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 448 512", children: /* @__PURE__ */ e.jsx("path", { fill: "#ffffff", d: Pr }) }) }),
+    pe && /* @__PURE__ */ e.jsxs("div", { className: "apc-mpx-widget-popper-container", ref: ke, children: [
       /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-popper-arrow-up" }),
       /* @__PURE__ */ e.jsxs("ul", { autoFocus: !0, style: {
         paddingInlineStart: "2px",
@@ -3744,7 +3744,7 @@ function wn(y) {
         marginBlockEnd: "2px",
         fontSize: "13px",
         padding: "3px",
-        color: ge(r.primaryColor, 80),
+        color: be(r.primaryColor, 80),
         width: "max-content"
       }, children: [
         /* @__PURE__ */ e.jsxs(
@@ -3752,7 +3752,7 @@ function wn(y) {
           {
             className: "apc-mpx-widget-popper-li",
             style: { height: "25px", cursor: "pointer", borderBottom: "1px solid #d7d7d7" },
-            onClick: () => oe(),
+            onClick: () => se(),
             role: "dialog",
             children: [
               /* @__PURE__ */ e.jsx(
@@ -3763,7 +3763,7 @@ function wn(y) {
                   height: "16",
                   width: "14",
                   viewBox: "0 0 448 512",
-                  children: /* @__PURE__ */ e.jsx("path", { d: _t, fill: ge(r.primaryColor, 80) })
+                  children: /* @__PURE__ */ e.jsx("path", { d: Ft, fill: be(r.primaryColor, 80) })
                 }
               ),
               "  Delete"
@@ -3775,7 +3775,7 @@ function wn(y) {
           {
             className: "apc-mpx-widget-popper-li",
             style: { height: "25px", cursor: "pointer", marginBlockStart: "5px" },
-            onClick: () => we(),
+            onClick: () => fe(),
             role: "dialog",
             children: [
               /* @__PURE__ */ e.jsx(
@@ -3786,7 +3786,7 @@ function wn(y) {
                   className: "apc-mpx-hover-div",
                   width: "14",
                   viewBox: "0 0 576 512",
-                  children: /* @__PURE__ */ e.jsx("path", { d: Vr, fill: ge(r.primaryColor, 80) })
+                  children: /* @__PURE__ */ e.jsx("path", { d: Vr, fill: be(r.primaryColor, 80) })
                 }
               ),
               "  Clear"
@@ -3795,70 +3795,70 @@ function wn(y) {
         )
       ] })
     ] })
-  ] }), et = (k) => {
-    var re, ke, Pe, Ge;
-    const O = i.width * 5, K = i.height * 5, P = JSON.parse(Ae.content), ee = (ke = (re = P == null ? void 0 : P.backgroundImage) == null ? void 0 : re.filters[0]) == null ? void 0 : ke.color, ve = (Ge = (Pe = i == null ? void 0 : i.backgroundImage) == null ? void 0 : Pe.filters[0]) == null ? void 0 : Ge.color;
-    Xe(k.sectionName).then(async (a) => {
-      if (a) {
-        const N = a != null && a.content ? JSON.parse(a.content) : null;
-        N && i ? (await i.loadFromJSON(N, () => {
-          i.renderAll(), g(a), V(k.sectionName);
-          const T = JSON.stringify(i), w = {};
-          w.id = k.sectionName, w.classification = E == null ? void 0 : E.name, w.json = T, w.misc = {
+  ] }), it = (k) => {
+    var we, oe, qe, We;
+    const O = c.width * 5, Y = c.height * 5, F = JSON.parse(Ee.content), te = (oe = (we = F == null ? void 0 : F.backgroundImage) == null ? void 0 : we.filters[0]) == null ? void 0 : oe.color, ve = (We = (qe = c == null ? void 0 : c.backgroundImage) == null ? void 0 : qe.filters[0]) == null ? void 0 : We.color;
+    tt(k.sectionName).then(async (Ce) => {
+      if (Ce) {
+        const i = Ce != null && Ce.content ? JSON.parse(Ce.content) : null;
+        i && c ? (await c.loadFromJSON(i, () => {
+          c.renderAll(), g(Ce), V(k.sectionName);
+          const A = JSON.stringify(c), N = {};
+          N.id = k.sectionName, N.classification = z == null ? void 0 : z.name, N.json = A, N.misc = {
             sectionName: k.sectionName,
             sectionImage: k.sectionImage,
             type: k.type
-          }, i.off("object:modified"), i.on({
-            "object:modified": ($) => {
-              p(i, w);
+          }, c.off("object:modified"), c.on({
+            "object:modified": (w) => {
+              h(c, N);
             }
           });
-        }), fe(ve), ye || G(!0)) : console.error("Failed to load JSON content for section:", k.sectionName);
+        }), he(ve), Ne || G(!0)) : console.error("Failed to load JSON content for section:", k.sectionName);
       } else
-        i && i.clear(), k.type = "subsection", D.Image.fromURL(k.sectionImage, function(N) {
-          N.width = O, N.height = K, N.scaleToWidth(O), N.scaleToHeight(K), i.setBackgroundImage(N), (Le || ee) && (N.filters = [], N.filters.push(
+        c && c.clear(), k.type = "subsection", D.Image.fromURL(k.sectionImage, function(i) {
+          i.width = O, i.height = Y, i.scaleToWidth(O), i.scaleToHeight(Y), c.setBackgroundImage(i), (Fe || te) && (i.filters = [], i.filters.push(
             new D.Image.filters.BlendColor({
-              color: Le || ee
+              color: Fe || te
             })
-          ), N.applyFilters());
-          const T = JSON.stringify(i), w = {};
-          w.id = k.sectionName, w.classification = Ae.id, w.json = T, w.misc = {
+          ), i.applyFilters());
+          const A = JSON.stringify(c), N = {};
+          N.id = k.sectionName, N.classification = Ee.id, N.json = A, N.misc = {
             sectionName: k.sectionName,
             sectionImage: k.sectionImage,
             type: k.type
-          }, i.off("object:modified"), i.on({
-            "object:modified": ($) => {
-              p(i, w);
+          }, c.off("object:modified"), c.on({
+            "object:modified": (w) => {
+              h(c, N);
             }
-          }), Ve(k.sectionName, A, T, { ...k }).then(($) => {
-            i && (i.renderAll(), ye && G(!1), V(k.sectionName), ne(ie + 1));
+          }), Je(k.sectionName, I, A, { ...k }).then((w) => {
+            c && (c.renderAll(), Ne && G(!1), V(k.sectionName), re(ce + 1));
           });
         }, { crossOrigin: "anonymous" });
     });
-  }, tt = () => {
-    if (!_e)
+  }, ct = () => {
+    if (!He)
       return null;
     let k = [];
-    if (E) {
-      const O = E.sections.map((K) => ({
-        ...K,
+    if (z) {
+      const O = z.sections.map((Y) => ({
+        ...Y,
         type: "subsection"
       }));
       k.push(...O), k.push({
-        sectionName: E == null ? void 0 : E.name,
-        sectionImage: E == null ? void 0 : E.mainImage,
+        sectionName: z == null ? void 0 : z.name,
+        sectionImage: z == null ? void 0 : z.mainImage,
         type: "main"
       });
     }
     return k = k == null ? void 0 : k.map((O) => ({
       ...O,
-      active: O.sectionName === A
-    })), (k == null ? void 0 : k.length) < 1 ? null : k == null ? void 0 : k.map((O, K) => {
-      var P, ee;
+      active: O.sectionName === I
+    })), (k == null ? void 0 : k.length) < 1 ? null : k == null ? void 0 : k.map((O, Y) => {
+      var F, te;
       return /* @__PURE__ */ e.jsxs(
         "div",
         {
-          onClick: () => et(O),
+          onClick: () => it(O),
           style: {
             position: "relative",
             // For placing the checkmark
@@ -3899,7 +3899,7 @@ function wn(y) {
                 )
               }
             ),
-            !L && /* @__PURE__ */ e.jsx(
+            !_ && /* @__PURE__ */ e.jsx(
               "div",
               {
                 style: {
@@ -3931,24 +3931,24 @@ function wn(y) {
                   color: "#333"
                   // Adjusted color for better readability
                 },
-                children: ((P = O == null ? void 0 : O.sectionName) == null ? void 0 : P.length) > 5 ? `${(ee = O == null ? void 0 : O.sectionName) == null ? void 0 : ee.substring(0, 5)}...` : (O == null ? void 0 : O.sectionName) || "view"
+                children: ((F = O == null ? void 0 : O.sectionName) == null ? void 0 : F.length) > 5 ? `${(te = O == null ? void 0 : O.sectionName) == null ? void 0 : te.substring(0, 5)}...` : (O == null ? void 0 : O.sectionName) || "view"
               }
             )
           ]
         },
-        K
+        Y
       );
     });
-  }, Fe = () => {
+  }, Qe = () => {
     if (j.current.length > 0) {
       const k = j.current.pop();
-      i.loadFromJSON(k, () => {
-        i.renderAll(), v(k);
+      c.loadFromJSON(k, () => {
+        c.renderAll(), v(k);
       });
     }
   };
-  return /* @__PURE__ */ e.jsxs(I.Fragment, { children: [
-    /* @__PURE__ */ e.jsx("div", { className: "tab", children: Ce() }),
+  return /* @__PURE__ */ e.jsxs(E.Fragment, { children: [
+    /* @__PURE__ */ e.jsx("div", { className: "tab", children: Ke() }),
     /* @__PURE__ */ e.jsxs("div", { style: {
       display: "flex",
       backgroundColor: r.primaryColor,
@@ -3969,7 +3969,7 @@ function wn(y) {
               cursor: "pointer",
               height: "12px"
             },
-            onClick: () => Fe(),
+            onClick: () => Qe(),
             title: "UNDO",
             children: /* @__PURE__ */ e.jsx(
               "svg",
@@ -3986,22 +3986,22 @@ function wn(y) {
         ),
         " "
       ] }) }) }),
-      /* @__PURE__ */ e.jsx("div", { style: { flexBasis: "20%" }, children: c ? l() : null }),
-      /* @__PURE__ */ e.jsx("div", { style: { flexBasis: "40%", marginTop: "8px" }, children: c ? d() : null }),
-      De()
+      /* @__PURE__ */ e.jsx("div", { style: { flexBasis: "20%" }, children: a ? l() : null }),
+      /* @__PURE__ */ e.jsx("div", { style: { flexBasis: "40%", marginTop: "8px" }, children: a ? d() : null }),
+      Ue()
     ] }),
     /* @__PURE__ */ e.jsxs("div", { id: "apc-mpx-editor-canvas-container", style: { minHeight: "90vh", padding: "3px", overflowX: "hidden", position: "relative" }, children: [
       /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", flexDirection: "row" }, children: [
-        /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx("div", { style: { zIndex: 1e3, overflow: "hidden", position: "absolute", marginLeft: "1%", display: "flex", flexDirection: "row" }, children: ((Se = E == null ? void 0 : E.sections) == null ? void 0 : Se.length) > 0 ? tt() : null }) }),
-        /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx("canvas", { id: R ?? "apc-mpx-editor-canvas", ref: f, height: 1e3 }) }),
-        se && (B || (n == null ? void 0 : n.plainColor) === "Y") && ye && (se == null ? void 0 : se.length) > 1 ? /* @__PURE__ */ e.jsxs("div", { style: { zIndex: 1e3, overflow: "hidden", position: "absolute", marginLeft: "90%" }, children: [
+        /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx("div", { style: { zIndex: 1e3, overflow: "hidden", position: "absolute", marginLeft: "1%", display: "flex", flexDirection: "row", marginTop: "1.3rem" }, children: ((Re = z == null ? void 0 : z.sections) == null ? void 0 : Re.length) > 0 ? ct() : null }) }),
+        /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx("canvas", { id: L ?? "apc-mpx-editor-canvas", ref: f, height: 1e3 }) }),
+        ne && (B || (n == null ? void 0 : n.plainColor) === "Y") && Ne && (ne == null ? void 0 : ne.length) > 1 ? /* @__PURE__ */ e.jsxs("div", { style: { zIndex: 1e3, overflow: "hidden", position: "absolute", marginLeft: "90%" }, children: [
           /* @__PURE__ */ e.jsx("br", {}),
           /* @__PURE__ */ e.jsx("div", { style: {
             backgroundColor: "#ff000026",
             border: "solid 1px #ccc",
             padding: "3px",
             borderRadius: "6px"
-          }, children: se && (se == null ? void 0 : se.length) > 1 ? me() : null })
+          }, children: ne && (ne == null ? void 0 : ne.length) > 1 ? ye() : null })
         ] }) : null
       ] }),
       /* @__PURE__ */ e.jsxs("div", { style: { marginLeft: "45%" }, children: [
@@ -4011,7 +4011,7 @@ function wn(y) {
           {
             style: { height: "35px", width: "65px", cursor: "pointer" },
             "aria-label": "zoom in",
-            onClick: () => h(),
+            onClick: () => p(),
             children: "+"
           }
         ),
@@ -4026,76 +4026,76 @@ function wn(y) {
         )
       ] })
     ] }),
-    Ze()
+    Xe()
   ] });
 }
-function Cn({ data: y, theme: r, apcCanvasInstance: n, closeMobileModalSecondaryPanel: c, isMobile: l }) {
-  const [d, f] = M({}), h = (p) => {
+function Cn({ data: y, theme: r, apcCanvasInstance: n, closeMobileModalSecondaryPanel: a, isMobile: l }) {
+  const [d, f] = M({}), p = (h) => {
     f((b) => ({
       ...b,
-      [p]: !b[p]
+      [h]: !b[h]
     }));
-  }, m = async (p) => {
-    const b = await Dt(p);
+  }, m = async (h) => {
+    const b = await Pt(h);
     b && D.Image.fromURL(b, (o) => {
       o.set({
         left: 100,
         top: 100,
         scaleX: 0.3,
         scaleY: 0.3
-      }), n.add(o), n.renderAll(), l && c(!0);
+      }), n.add(o), n.renderAll(), l && a(!0);
     });
-  }, i = (p, b = "", o = 0) => /* @__PURE__ */ e.jsx("ul", { style: { listStyleType: "none", paddingLeft: `${o * 20}px`, margin: "0" }, children: Object.keys(p).map((j) => {
+  }, c = (h, b = "", o = 0) => /* @__PURE__ */ e.jsx("ul", { style: { listStyleType: "none", paddingLeft: `${o * 20}px`, margin: "0" }, children: Object.keys(h).map((j) => {
     const u = `${b}/${j}`, v = d[u];
-    return p[j].type === "image" ? /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("div", { onClick: () => m(p[j].url), style: { cursor: "pointer" }, children: /* @__PURE__ */ e.jsx("img", { src: p[j].url, alt: j, style: { width: "100px", height: "auto" } }) }) }, u) : /* @__PURE__ */ e.jsxs("li", { children: [
-      /* @__PURE__ */ e.jsxs("div", { onClick: () => h(u), style: { cursor: "pointer", display: "flex", alignItems: "center", fontWeight: "bold", color: r.primaryColorLight }, children: [
+    return h[j].type === "image" ? /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("div", { onClick: () => m(h[j].url), style: { cursor: "pointer" }, children: /* @__PURE__ */ e.jsx("img", { src: h[j].url, alt: j, style: { width: "100px", height: "auto" } }) }) }, u) : /* @__PURE__ */ e.jsxs("li", { children: [
+      /* @__PURE__ */ e.jsxs("div", { onClick: () => p(u), style: { cursor: "pointer", display: "flex", alignItems: "center", fontWeight: "bold", color: r.primaryColorLight }, children: [
         /* @__PURE__ */ e.jsx("div", { style: { marginRight: "5px" }, children: v ? /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", height: 15, width: 15, children: /* @__PURE__ */ e.jsx("path", { d: Kr, fill: r.primaryColorLight }) }) : /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", height: 15, width: 15, children: /* @__PURE__ */ e.jsx("path", { d: Xr, fill: r.primaryColorLight }) }) }),
         j
       ] }),
-      v && i(p[j], u, o + 1)
+      v && c(h[j], u, o + 1)
     ] }, u);
   }) }), g = Sn(y);
-  return /* @__PURE__ */ e.jsx("div", { children: i(g) });
+  return /* @__PURE__ */ e.jsx("div", { children: c(g) });
 }
 function Sn(y) {
   const r = {};
   return y.forEach((n) => {
-    const c = n.name.split("/");
+    const a = n.name.split("/");
     let l = r;
-    c.forEach((d, f) => {
-      l[d] || (l[d] = f === c.length - 1 ? n : {}), l = l[d];
+    a.forEach((d, f) => {
+      l[d] || (l[d] = f === a.length - 1 ? n : {}), l = l[d];
     });
   }), r;
 }
 function kn(y) {
-  const { apcCanvasInstance: r, theme: n, apiEndpoint: c, isMobile: l, closeMobileModalSecondaryPanel: d, apiKey: f } = y, h = `${c}/api/v1/designer`, [m, i] = M([]), [g, p] = M(!1), [b, o] = M(!1), [j, u] = M(!1), v = sessionStorage.getItem("apc_x_sub_status"), s = sessionStorage.getItem("apc_x_stickers");
-  ce(() => {
-    p(!0), (async () => {
-      v === "active" ? o(!0) : await B(), s ? (i(JSON.parse(s)), p(!1)) : await S();
+  const { apcCanvasInstance: r, theme: n, apiEndpoint: a, isMobile: l, closeMobileModalSecondaryPanel: d, apiKey: f } = y, p = `${a}/api/v1/designer`, [m, c] = M([]), [g, h] = M(!1), [b, o] = M(!1), [j, u] = M(!1), v = sessionStorage.getItem("apc_x_sub_status"), s = sessionStorage.getItem("apc_x_stickers");
+  ae(() => {
+    h(!0), (async () => {
+      v === "active" ? o(!0) : await B(), s ? (c(JSON.parse(s)), h(!1)) : await S();
     })();
   }, []);
   const S = () => {
-    p(!0);
-    const E = `${h}/get-stickers`;
-    je.get(E).then((L) => {
-      L.data.object && (i(L.data.object.contents), sessionStorage.setItem("apc_x_stickers", JSON.stringify(L.data.object.contents)));
-    }).catch((L) => {
-      console.error("Error fetching data:", L);
+    h(!0);
+    const z = `${p}/get-stickers`;
+    Se.get(z).then((_) => {
+      _.data.object && (c(_.data.object.contents), sessionStorage.setItem("apc_x_stickers", JSON.stringify(_.data.object.contents)));
+    }).catch((_) => {
+      console.error("Error fetching data:", _);
     }).finally(() => {
-      p(!1);
+      h(!1);
     });
   }, B = () => {
-    p(!0);
-    const E = `${h}/get-subscription-status/${f}`;
-    je.get(E).then((L) => {
-      L.data.object && L.data.object === "active" && (sessionStorage.setItem("apc_x_sub_status", "active"), o(!0));
-    }).catch((L) => {
+    h(!0);
+    const z = `${p}/get-subscription-status/${f}`;
+    Se.get(z).then((_) => {
+      _.data.object && _.data.object === "active" && (sessionStorage.setItem("apc_x_sub_status", "active"), o(!0));
+    }).catch((_) => {
       sessionStorage.setItem("apc_x_sub_status", "");
     }).finally(() => {
-      p(!1), u(!0);
+      h(!1), u(!0);
     });
   };
-  return !b && !g && j ? /* @__PURE__ */ e.jsx(at, { theme: n }) : b && m.length > 0 && !g ? /* @__PURE__ */ e.jsx(I.Fragment, { children: /* @__PURE__ */ e.jsx("div", { style: { padding: "10px" }, children: /* @__PURE__ */ e.jsx(
+  return !b && !g && j ? /* @__PURE__ */ e.jsx(ft, { theme: n }) : b && m.length > 0 && !g ? /* @__PURE__ */ e.jsx(E.Fragment, { children: /* @__PURE__ */ e.jsx("div", { style: { padding: "10px" }, children: /* @__PURE__ */ e.jsx(
     Cn,
     {
       data: m,
@@ -4104,16 +4104,16 @@ function kn(y) {
       isMobile: l,
       closeMobileModalSecondaryPanel: d
     }
-  ) }) }) : /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(lt, {}) });
+  ) }) }) : /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(xt, {}) });
 }
 const Nn = Kt((y, r) => {
   const {
     theme: n = jr,
-    canvasId: c = null,
+    canvasId: a = null,
     readOnly: l = !1,
     apiKey: d = null,
     apiEndpoint: f,
-    enabledModules: h = [
+    enabledModules: p = [
       "TXT",
       "STICKERS",
       "SHAPES",
@@ -4128,9 +4128,9 @@ const Nn = Kt((y, r) => {
       share: !1,
       download: !0
     },
-    initInstance: i = null,
+    initInstance: c = null,
     initCategory: g = null,
-    additionalActionButton: p = null,
+    additionalActionButton: h = null,
     initProductName: b,
     isPlainColor: o,
     product: j = {
@@ -4151,42 +4151,43 @@ const Nn = Kt((y, r) => {
         }
       ]
     }
-  } = y, [u, v] = M(h[0]), [s, S] = M(), B = vt(null), [E, L] = M(), [H, R] = M(!1), [A, V] = M(1), Q = 0.1, [Z, ie] = M(1), [ne, le] = M([]), [ue, be] = M(null), [Oe, ze] = M(null), [Re, Ue] = M(0), [se, qe] = M(), [Le, We] = M(null), _e = vt([]), [Be, ye] = M(null), [G, Ae] = M(!1), [Ie, oe] = M(!1);
-  ce(() => {
-    const a = () => Ae(window.innerWidth < 600);
-    return a(), window.addEventListener("resize", a), () => window.removeEventListener("resize", a);
-  }, []), ce(() => {
+  } = y, [u, v] = M(p[0]), [s, S] = M(), B = yt(null), [z, _] = M(), [H, L] = M(!1), [I, V] = M(1), Q = 0.1, [Z, ce] = M(1), [re, pe] = M([]), [ge, ke] = M(null), [Te, Be] = M(null), [De, Ge] = M(0), [ne, nt] = M(), [Fe, Ye] = M(null), He = yt([]), [Pe, Ne] = M(null), [G, Ee] = M(!1), [ze, se] = M(!1);
+  ae(() => {
+    const i = () => Ee(window.innerWidth < 600);
+    return i(), window.addEventListener("resize", i), () => window.removeEventListener("resize", i);
+  }, []), ae(() => {
     var X;
-    const a = document.getElementById("apc-mpx-editor-canvas-container"), N = document.getElementById("apc-mpx-editor-canvas-container");
-    if (!B.current || !a || !N) {
+    const i = document.getElementById("apc-mpx-editor-canvas-container"), A = document.getElementById("apc-mpx-editor-canvas-container");
+    if (!B.current || !i || !A) {
       console.error("Canvas element is not mounted yet!");
       return;
     }
-    const T = {
+    i.style.position = "relative";
+    const N = {
       isDrawingMode: !1,
       selection: !0,
       selectionBorderColor: "#008000",
-      height: N.offsetHeight,
-      width: a.offsetWidth,
+      height: A.offsetHeight,
+      width: i.offsetWidth,
       enableRetinaScaling: !0
     };
     let w, $;
     if (l)
-      w = new D.StaticCanvas(B.current, T);
-    else if (w = new D.Canvas(B.current, T), Oe)
-      $ = JSON.parse(Oe), w.loadFromJSON($, function() {
+      w = new D.StaticCanvas(B.current, N);
+    else if (w = new D.Canvas(B.current, N), Me(i).updateRulers(w.getWidth(), w.getHeight()), Te)
+      $ = JSON.parse(Te), w.loadFromJSON($, function() {
       });
-    else if (i) {
-      let _;
+    else if (c) {
+      let T;
       try {
-        _ = JSON.parse(i);
-      } catch (F) {
-        console.error("Failed to parse initInstance", F);
+        T = JSON.parse(c);
+      } catch (le) {
+        console.error("Failed to parse initInstance", le);
       }
-      w && _ ? w.loadFromJSON(_, function() {
+      w && T ? w.loadFromJSON(T, function() {
       }) : console.error("Canvas or InitInstance is not properly initialized");
     } else {
-      const _ = new D.Textbox("Something cool!", {
+      const T = new D.Textbox("Something cool!", {
         width: 300,
         left: 250,
         top: 300,
@@ -4194,7 +4195,7 @@ const Nn = Kt((y, r) => {
         fill: "#6a45d2",
         rotate: 20
       });
-      _.shadow = {
+      T.shadow = {
         color: "rgba(0,0,0,0.5)",
         // Shadow color
         blur: 10,
@@ -4203,275 +4204,369 @@ const Nn = Kt((y, r) => {
         // Horizontal offset of shadow
         offsetY: 5
         // Vertical offset of shadow
-      }, w.add(_), j != null && j.mainImage && ((X = D.Image) == null || X.fromURL(j.mainImage, function(F) {
-        F.height = N.offsetHeight, F.width = a.offsetWidth, F.scaleToWidth(N.offsetHeight), F.scaleToHeight(a.offsetWidth), w.setBackgroundImage(F), w.setActiveObject(_), we(_), w && (w.renderAll(), Se(w));
+      }, w.add(T), j != null && j.mainImage && ((X = D.Image) == null || X.fromURL(j.mainImage, function(le) {
+        le.height = A.offsetHeight, le.width = i.offsetWidth, le.scaleToWidth(A.offsetHeight), le.scaleToHeight(i.offsetWidth), w.setBackgroundImage(le), w.setActiveObject(T), he(T), w && (w.renderAll(), k(w));
       }, { crossOrigin: "anonymous" }));
     }
     return w.on({
-      "selection:updated": (_) => {
-        const F = w.getActiveObject();
-        we(F);
+      "selection:updated": (P) => {
+        const T = w.getActiveObject();
+        he(T);
       },
-      "selection:created": (_) => {
-        const F = w.getActiveObject();
-        we(F);
+      "selection:created": (P) => {
+        const T = w.getActiveObject();
+        he(T);
       },
-      "selection:cleared": (_) => {
-        fe();
+      "selection:cleared": (P) => {
+        ye();
       },
-      "object:modified": (_) => {
-        Se(w), he(w);
+      "object:modified": (P) => {
+        k(w), fe(w);
       },
-      "object:added": (_) => {
-        he(w);
+      "object:added": (P) => {
+        fe(w);
       },
-      "object:removed": (_) => {
-        he(w);
+      "object:removed": (P) => {
+        fe(w);
       },
-      "object:created": (_) => {
-        he(w);
+      "object:created": (P) => {
+        fe(w);
       }
-    }), S(w), ie(a.offsetWidth), () => {
+    }), S(w), ce(i.offsetWidth), () => {
       S(null), w.off({
-        "selection:updated": (_) => {
-          const F = w.getActiveObject();
-          we(F);
+        "selection:updated": (P) => {
+          const T = w.getActiveObject();
+          he(T);
         },
-        "selection:created": (_) => {
-          const F = w.getActiveObject();
-          we(F);
+        "selection:created": (P) => {
+          const T = w.getActiveObject();
+          he(T);
         },
-        "selection:cleared": (_) => {
-          fe();
+        "selection:cleared": (P) => {
+          ye();
         },
-        "object:modified": (_) => {
-          Se(w), he(w);
+        "object:modified": (P) => {
+          k(w), fe(w);
         },
-        "object:added": (_) => {
-          he(w);
+        "object:added": (P) => {
+          fe(w);
         },
-        "object:removed": (_) => {
-          he(w);
+        "object:removed": (P) => {
+          fe(w);
         },
-        "object:created": (_) => {
-          he(w);
+        "object:created": (P) => {
+          fe(w);
         }
       }), w.dispose();
     };
-  }, [Oe]), ce(() => (Te(), document.addEventListener("keydown", (a) => Fe(a)), () => {
-    document.removeEventListener("keydown", (a) => Fe(a));
-  }), [s]), ce(() => {
+  }, [Te]), ae(() => (st(), document.addEventListener("keydown", (i) => Re(i)), () => {
+    document.removeEventListener("keydown", (i) => Re(i));
+  }), [s]), ae(() => {
     if (s) {
-      const a = document.getElementById("apc-mpx-editor-canvas-container"), N = () => {
-        const T = a.offsetWidth / Z;
-        s.setZoom(T);
+      const i = document.getElementById("apc-mpx-editor-canvas-container"), A = () => {
+        const N = i.offsetWidth / Z;
+        s.setZoom(N);
       };
-      return window.addEventListener("resize", N), () => {
-        window.removeEventListener("resize", N);
+      return window.addEventListener("resize", A), () => {
+        window.removeEventListener("resize", A);
       };
     }
-  }, [s, A]), ce(() => {
-    const a = () => {
+  }, [s, I]), ae(() => {
+    const i = () => {
       if (s && B.current) {
-        const N = s.getWidth(), T = s.getHeight(), w = window.innerWidth, $ = window.innerHeight, X = w / N, _ = $ / T, F = Math.min(X, _);
-        s.setZoom(F / 1.4), s.renderAll();
+        const A = s.getWidth(), N = s.getHeight(), w = window.innerWidth, $ = window.innerHeight, X = w / A, P = $ / N, T = Math.min(X, P);
+        s.setZoom(T / 1.4), s.renderAll();
       }
     };
-    return G && (a(), window.addEventListener("resize", a)), () => window.removeEventListener("resize", a);
+    return G && (i(), window.addEventListener("resize", i)), () => window.removeEventListener("resize", i);
   }, [s, G]), Xt(r, () => ({
-    getDesign: () => O()
-  }), [s]), ce(() => {
-    if (c && s) {
-      const a = document.getElementById(c);
-      a && (a.instance = {
-        getDesignFormats: O
+    getDesign: () => Y()
+  }), [s]), ae(() => {
+    if (a && s) {
+      const i = document.getElementById(a);
+      i && (i.instance = {
+        getDesignFormats: Y
       });
     }
-  }, [c, s]);
-  const Te = () => {
-    Me().then((a) => {
-      if (a && a.length > 0) {
-        const N = a[0].content;
-        b === a[0].id && ze(N);
+  }, [a, s]);
+  const Me = (i) => {
+    const N = document.createElement("div");
+    N.id = "horizontal-ruler", N.style.cssText = `
+        position: absolute;
+        top: 0;
+        left: 20px;
+        right: 0;
+        height: 20px;
+        background: #f0f0f0;
+        border-bottom: 1px solid #ccc;
+        z-index: 1000;
+        overflow: hidden;
+    `;
+    const w = document.createElement("div");
+    w.id = "vertical-ruler", w.style.cssText = `
+        position: absolute;
+        top: 20px;
+        left: 0;
+        bottom: 0;
+        width: 20px;
+        background: #f0f0f0;
+        border-right: 1px solid #ccc;
+        z-index: 1000;
+        overflow: hidden;
+    `;
+    const $ = document.createElement("div");
+    $.style.cssText = `
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 20px;
+        height: 20px;
+        background: #e0e0e0;
+        border-right: 1px solid #ccc;
+        border-bottom: 1px solid #ccc;
+        z-index: 1001;
+    `;
+    const X = (T, le) => {
+      T.innerHTML = "";
+      for (let ie = 0; ie <= le; ie += 10) {
+        const Le = document.createElement("div"), Oe = ie % 50 === 0;
+        if (Le.style.cssText = `
+                position: absolute;
+                left: ${ie}px;
+                top: ${Oe ? "8px" : "12px"};
+                width: 1px;
+                height: ${Oe ? "12px" : "8px"};
+                background: #666;
+            `, T.appendChild(Le), Oe && ie > 0) {
+          const Ae = document.createElement("span");
+          Ae.textContent = ie, Ae.style.cssText = `
+                    position: absolute;
+                    left: ${ie - 8}px;
+                    top: 2px;
+                    font-size: 10px;
+                    color: #333;
+                    font-family: Arial, sans-serif;
+                `, T.appendChild(Ae);
+        }
+      }
+    }, P = (T, le) => {
+      T.innerHTML = "";
+      for (let ie = 0; ie <= le; ie += 10) {
+        const Le = document.createElement("div"), Oe = ie % 50 === 0;
+        if (Le.style.cssText = `
+                position: absolute;
+                top: ${ie}px;
+                left: ${Oe ? "8px" : "12px"};
+                height: 1px;
+                width: ${Oe ? "12px" : "8px"};
+                background: #666;
+            `, T.appendChild(Le), Oe && ie > 0) {
+          const Ae = document.createElement("span");
+          Ae.textContent = ie, Ae.style.cssText = `
+                    position: absolute;
+                    top: ${ie - 6}px;
+                    left: 2px;
+                    font-size: 10px;
+                    color: #333;
+                    font-family: Arial, sans-serif;
+                    transform: rotate(-90deg);
+                    transform-origin: center;
+                `, T.appendChild(Ae);
+        }
+      }
+    };
+    return i.appendChild(N), i.appendChild(w), i.appendChild($), {
+      horizontalRuler: N,
+      verticalRuler: w,
+      corner: $,
+      updateRulers: (T, le) => {
+        X(N, T), P(w, le);
+      }
+    };
+  }, st = () => {
+    _e().then((i) => {
+      if (i && i.length > 0) {
+        const A = i[0].content;
+        b === i[0].id && Be(A);
       }
     });
-  }, he = (a) => {
-    if (a) {
-      const N = a.toJSON();
-      We((T) => (_e.current.push(T), N));
+  }, fe = (i) => {
+    if (i) {
+      const A = i.toJSON();
+      Ye((N) => (He.current.push(N), A));
     }
-  }, we = (a) => {
-    L(a.type);
-  }, fe = () => {
-    L(null);
-  }, me = () => {
+  }, he = (i) => {
+    _(i.type);
+  }, ye = () => {
+    _(null);
+  }, Ve = () => {
     s.getActiveObject() && s.remove(s.getActiveObject());
-  }, $e = () => {
-    const a = s.getActiveObject(), N = D.util.object.clone(a);
-    N.set({
-      left: a.left + 20,
+  }, Ke = () => {
+    const i = s.getActiveObject(), A = D.util.object.clone(i);
+    A.set({
+      left: i.left + 20,
       // Change the position as needed
-      top: a.top + 20
-    }), s.add(N);
-  }, Ce = (a) => {
-    be(a);
-  }, Ee = (a) => {
-    let N = ne;
-    N.push(a), le(N);
-  }, Je = (a) => {
-    a === "lock" ? s.getActiveObject().set({
+      top: i.top + 20
+    }), s.add(A);
+  }, me = (i) => {
+    ke(i);
+  }, ot = (i) => {
+    let A = re;
+    A.push(i), pe(A);
+  }, Xe = (i) => {
+    i === "lock" ? s.getActiveObject().set({
       lockMovementX: !0,
       lockMovementY: !0
     }) : s.getActiveObject().set({
       lockMovementX: !1,
       lockMovementY: !1
     });
-  }, Ze = () => {
+  }, Ue = () => {
     s && (s.getActiveObject().bringForward(), s.renderAll());
-  }, De = () => {
+  }, it = () => {
     s && (s.getActiveObject().sendBackwards(), s.renderAll());
-  }, et = () => {
-    const a = A + Q;
-    V(a), s.setZoom(a);
-  }, tt = () => {
-    const a = Math.max(A - Q, Q);
-    V(a), s.setZoom(a);
-  }, Fe = (a) => {
-    s && s.getActiveObject() && s.getActiveObject().type !== "textbox" && a.keyCode === 8 && me();
-  }, Se = (a) => {
-    const N = sessionStorage.getItem("apc_x_activeTab");
-    if (N)
-      Xe(N).then((T) => {
-        if (T) {
-          const w = JSON.stringify(a);
-          Ve(T.id, T.classification, w, T.misc).then(($) => {
+  }, ct = () => {
+    const i = I + Q;
+    V(i), s.setZoom(i);
+  }, Qe = () => {
+    const i = Math.max(I - Q, Q);
+    V(i), s.setZoom(i);
+  }, Re = (i) => {
+    s && s.getActiveObject() && s.getActiveObject().type !== "textbox" && i.keyCode === 8 && Ve();
+  }, k = (i) => {
+    const A = sessionStorage.getItem("apc_x_activeTab");
+    if (A)
+      tt(A).then((N) => {
+        if (N) {
+          const w = JSON.stringify(i);
+          Je(N.id, N.classification, w, N.misc).then(($) => {
           });
         } else {
-          const w = JSON.stringify(a);
-          Ve(j.name ?? "design", "general", w, j).then(($) => {
+          const w = JSON.stringify(i);
+          Je(j.name ?? "design", "general", w, j).then(($) => {
           });
         }
       });
     else {
-      const T = JSON.stringify(a);
-      Ve(j.name ?? "design", "general", T, j).then((w) => {
+      const N = JSON.stringify(i);
+      Je(j.name ?? "design", "general", N, j).then((w) => {
       });
     }
-  }, k = (a, N) => {
-    const T = JSON.stringify(a);
-    Ve(N.id, N.classification, T, N.misc).then((w) => {
+  }, O = (i, A) => {
+    const N = JSON.stringify(i);
+    Je(A.id, A.classification, N, A.misc).then((w) => {
     });
-  }, O = () => ({
+  }, Y = () => ({
     getPDF: () => {
-      const { height: a, width: N } = s;
-      return Me().then(async (T) => {
+      const { height: i, width: A } = s;
+      return _e().then(async (N) => {
         let w = [];
-        for (let $ in T) {
-          let X, _;
-          await xe(T[$].content, a, N, "pdf").then((F) => {
-            X = F;
-          }), await st({ fabricString: T[$].content, height: a, width: N }).then((F) => {
-            _ = F;
-          }), w.push({ fullDesign: X, printReady: _ });
+        for (let $ in N) {
+          let X, P;
+          await je(N[$].content, i, A, "pdf").then((T) => {
+            X = T;
+          }), await dt({ fabricString: N[$].content, height: i, width: A }).then((T) => {
+            P = T;
+          }), w.push({ fullDesign: X, printReady: P });
         }
         return w;
       });
     },
     getPNG: () => {
-      const { height: a, width: N } = s;
-      return Me().then(async (T) => {
+      const { height: i, width: A } = s;
+      return _e().then(async (N) => {
         let w = [];
-        for (let $ in T) {
-          let X, _;
-          await xe(T[$].content, a, N, "png").then((F) => {
-            X = F;
-          }), await st({ fabricString: T[$].content, height: a, width: N }).then((F) => {
-            _ = F;
-          }), w.push({ fullDesign: X, printReady: _ });
+        for (let $ in N) {
+          let X, P;
+          await je(N[$].content, i, A, "png").then((T) => {
+            X = T;
+          }), await dt({ fabricString: N[$].content, height: i, width: A }).then((T) => {
+            P = T;
+          }), w.push({ fullDesign: X, printReady: P });
         }
         return w;
       });
     },
     getSVG: () => {
-      const { height: a, width: N } = s;
-      return Me().then(async (T) => {
+      const { height: i, width: A } = s;
+      return _e().then(async (N) => {
         let w = [];
-        for (let $ in T) {
-          let X, _;
-          await xe(T[$].content, a, N, "svg").then((F) => {
-            X = F;
-          }), await st({ fabricString: T[$].content, height: a, width: N }).then((F) => {
-            _ = F;
-          }), w.push({ fullDesign: X, printReady: _ });
+        for (let $ in N) {
+          let X, P;
+          await je(N[$].content, i, A, "svg").then((T) => {
+            X = T;
+          }), await dt({ fabricString: N[$].content, height: i, width: A }).then((T) => {
+            P = T;
+          }), w.push({ fullDesign: X, printReady: P });
         }
         return w;
       });
     },
     getJPEG: () => {
-      const { height: a, width: N } = s;
-      return Me().then(async (T) => {
+      const { height: i, width: A } = s;
+      return _e().then(async (N) => {
         let w = [];
-        for (let $ in T) {
-          let X, _;
-          await xe(T[$].content, a, N, "jpeg").then((F) => {
-            X = F;
-          }), await st({ fabricString: T[$].content, height: a, width: N }).then((F) => {
-            _ = F;
-          }), w.push({ fullDesign: X, printReady: _ });
+        for (let $ in N) {
+          let X, P;
+          await je(N[$].content, i, A, "jpeg").then((T) => {
+            X = T;
+          }), await dt({ fabricString: N[$].content, height: i, width: A }).then((T) => {
+            P = T;
+          }), w.push({ fullDesign: X, printReady: P });
         }
         return w;
       });
     },
     getWEBP: () => {
-      const { height: a, width: N } = s;
-      return Me().then(async (T) => {
+      const { height: i, width: A } = s;
+      return _e().then(async (N) => {
         let w = [];
-        for (let $ in T) {
-          let X, _;
-          await xe(T[$].content, a, N, "webp").then((F) => {
-            X = F;
-          }), await st({ fabricString: T[$].content, height: a, width: N }).then((F) => {
-            _ = F;
-          }), w.push({ fullDesign: X, printReady: _ });
+        for (let $ in N) {
+          let X, P;
+          await je(N[$].content, i, A, "webp").then((T) => {
+            X = T;
+          }), await dt({ fabricString: N[$].content, height: i, width: A }).then((T) => {
+            P = T;
+          }), w.push({ fullDesign: X, printReady: P });
         }
         return w;
       });
     },
     getImageActiveTab: () => {
-      const a = sessionStorage.getItem("apc_x_activeTab");
-      return Xe(a).then((N) => xe(N.content, s.height, s.width, "png").then((T) => {
+      const i = sessionStorage.getItem("apc_x_activeTab");
+      return tt(i).then((A) => je(A.content, s.height, s.width, "png").then((N) => {
         let w = {};
-        return w.file = T, w.height = s.height, w.width = s.width, w;
+        return w.file = N, w.height = s.height, w.width = s.width, w;
       }));
     }
-  }), K = () => /* @__PURE__ */ e.jsxs("div", { style: { marginTop: "6px", fontWeight: "bold" }, children: [
+  }), F = () => /* @__PURE__ */ e.jsxs("div", { style: { marginTop: "6px", fontWeight: "bold" }, children: [
     "Replace Image: ",
-    /* @__PURE__ */ e.jsx("input", { type: "file", accept: "image/*", onChange: (a) => P(a) }),
+    /* @__PURE__ */ e.jsx("input", { type: "file", accept: "image/*", onChange: (i) => te(i) }),
     /* @__PURE__ */ e.jsx("br", {})
-  ] }), P = (a, N) => {
+  ] }), te = (i, A) => {
     {
-      const T = s.getActiveObject(), w = a.target.files[0], $ = new FileReader();
+      const N = s.getActiveObject(), w = i.target.files[0], $ = new FileReader();
       $.onload = function(X) {
-        const _ = X.target.result;
-        T.setSrc(_, function(F) {
-          F.set({
+        const P = X.target.result;
+        N.setSrc(P, function(T) {
+          T.set({
             angle: 30
           }), s && s.renderAll();
         });
       }, $.readAsDataURL(w);
     }
     s && s.renderAll();
-  }, ee = () => {
+  }, ve = () => {
     switch (u) {
       case "ICONS":
         return /* @__PURE__ */ e.jsx(
-          pn,
+          hn,
           {
             apcCanvasInstance: s,
             theme: n,
             apiKey: d,
             isMobile: G,
-            closeMobileModalSecondaryPanel: (a) => oe(!a)
+            closeMobileModalSecondaryPanel: (i) => se(!i)
           }
         );
       case "TEMPLATES":
@@ -4482,14 +4577,14 @@ const Nn = Kt((y, r) => {
             theme: n,
             apiKey: d,
             apiEndpoint: f,
-            reloadTabs: (a) => Ue(a),
-            updateActiveSection: (a) => Ce(a),
+            reloadTabs: (i) => Ge(i),
+            updateActiveSection: (i) => me(i),
             initCategory: g,
-            currentTabNo: Re,
-            initInstance: i,
-            setActiveTab: (a) => ye(a),
+            currentTabNo: De,
+            initInstance: c,
+            setActiveTab: (i) => Ne(i),
             isMobile: G,
-            closeMobileModalSecondaryPanel: (a) => oe(!a)
+            closeMobileModalSecondaryPanel: (i) => se(!i)
           }
         );
       case "TXT":
@@ -4500,19 +4595,19 @@ const Nn = Kt((y, r) => {
             theme: n,
             apiKey: d,
             isMobile: G,
-            closeMobileModalSecondaryPanel: (a) => oe(!a)
+            closeMobileModalSecondaryPanel: (i) => se(!i)
           }
         );
       case "IMAGE":
         return /* @__PURE__ */ e.jsx(
-          hn,
+          pn,
           {
             apcCanvasInstance: s,
             theme: n,
             apiKey: d,
             apiEndpoint: f,
             isMobile: G,
-            closeMobileModalSecondaryPanel: (a) => oe(!a)
+            closeMobileModalSecondaryPanel: (i) => se(!i)
           }
         );
       case "STICKERS":
@@ -4524,18 +4619,18 @@ const Nn = Kt((y, r) => {
             apiEndpoint: f,
             isMobile: G,
             apiKey: d,
-            closeMobileModalSecondaryPanel: (a) => oe(!a)
+            closeMobileModalSecondaryPanel: (i) => se(!i)
           }
         );
       case "SHAPES":
         return /* @__PURE__ */ e.jsx(
-          Rt,
+          Bt,
           {
             apcCanvasInstance: s,
             theme: n,
             apiKey: d,
             isMobile: G,
-            closeMobileModalSecondaryPanel: (a) => oe(!a)
+            closeMobileModalSecondaryPanel: (i) => se(!i)
           }
         );
       case "QUOTE":
@@ -4547,7 +4642,7 @@ const Nn = Kt((y, r) => {
             apiKey: d,
             apiEndpoint: f,
             isMobile: G,
-            closeMobileModalSecondaryPanel: (a) => oe(!a)
+            closeMobileModalSecondaryPanel: (i) => se(!i)
           }
         );
       case "BACKGROUND":
@@ -4558,11 +4653,11 @@ const Nn = Kt((y, r) => {
             theme: n,
             apiKey: d,
             apiEndpoint: f,
-            updateActiveSection: (a) => Ce(a),
-            reloadTabs: (a) => Ue(a),
-            currentTabNo: Re,
+            updateActiveSection: (i) => me(i),
+            reloadTabs: (i) => Ge(i),
+            currentTabNo: De,
             isMobile: G,
-            closeMobileModalSecondaryPanel: (a) => oe(!a)
+            closeMobileModalSecondaryPanel: (i) => se(!i)
           }
         );
       case "QRCODE":
@@ -4574,7 +4669,7 @@ const Nn = Kt((y, r) => {
             apiKey: d,
             apiEndpoint: f,
             isMobile: G,
-            closeMobileModalSecondaryPanel: (a) => oe(!a)
+            closeMobileModalSecondaryPanel: (i) => se(!i)
           }
         );
       case "BARCODE":
@@ -4586,7 +4681,7 @@ const Nn = Kt((y, r) => {
             apiKey: d,
             apiEndpoint: f,
             isMobile: G,
-            closeMobileModalSecondaryPanel: (a) => oe(!a)
+            closeMobileModalSecondaryPanel: (i) => se(!i)
           }
         );
       case "SIZE":
@@ -4597,55 +4692,55 @@ const Nn = Kt((y, r) => {
             theme: n,
             apiKey: d,
             isMobile: G,
-            closeMobileModalSecondaryPanel: (a) => oe(!a)
+            closeMobileModalSecondaryPanel: (i) => se(!i)
           }
         );
       default:
         return /* @__PURE__ */ e.jsx(
-          Rt,
+          Bt,
           {
             apcCanvasInstance: s,
             theme: n,
             apiKey: d,
             isMobile: G,
-            closeMobileModalSecondaryPanel: (a) => oe(!a)
+            closeMobileModalSecondaryPanel: (i) => se(!i)
           }
         );
     }
-  }, ve = () => {
-    if (!E)
+  }, we = () => {
+    if (!z)
       return null;
-    switch (E) {
+    switch (z) {
       case "text":
-        return /* @__PURE__ */ e.jsx(Lt, { apcCanvasInstance: s, theme: n, apiKey: d });
+        return /* @__PURE__ */ e.jsx(Dt, { apcCanvasInstance: s, theme: n, apiKey: d });
       case "textbox":
-        return /* @__PURE__ */ e.jsx(Lt, { apcCanvasInstance: s, theme: n, apiKey: d });
+        return /* @__PURE__ */ e.jsx(Dt, { apcCanvasInstance: s, theme: n, apiKey: d });
       case "rect":
-        return /* @__PURE__ */ e.jsx(Ke, { apcCanvasInstance: s, theme: n, apiKey: d });
+        return /* @__PURE__ */ e.jsx(et, { apcCanvasInstance: s, theme: n, apiKey: d });
       case "circle":
-        return /* @__PURE__ */ e.jsx(Ke, { apcCanvasInstance: s, theme: n, apiKey: d });
+        return /* @__PURE__ */ e.jsx(et, { apcCanvasInstance: s, theme: n, apiKey: d });
       case "triangle":
-        return /* @__PURE__ */ e.jsx(Ke, { apcCanvasInstance: s, theme: n, apiKey: d });
+        return /* @__PURE__ */ e.jsx(et, { apcCanvasInstance: s, theme: n, apiKey: d });
       case "line":
-        return /* @__PURE__ */ e.jsx(Ke, { apcCanvasInstance: s, theme: n, apiKey: d });
+        return /* @__PURE__ */ e.jsx(et, { apcCanvasInstance: s, theme: n, apiKey: d });
       case "path":
-        return /* @__PURE__ */ e.jsx(Ke, { apcCanvasInstance: s, theme: n, apiKey: d });
+        return /* @__PURE__ */ e.jsx(et, { apcCanvasInstance: s, theme: n, apiKey: d });
       case "polygon":
-        return /* @__PURE__ */ e.jsx(Ke, { apcCanvasInstance: s, theme: n, apiKey: d });
+        return /* @__PURE__ */ e.jsx(et, { apcCanvasInstance: s, theme: n, apiKey: d });
       case "image":
-        return K();
+        return F();
       default:
         return null;
     }
-  }, re = (a) => {
-    v(a), G && oe(!0);
-  }, ke = () => /* @__PURE__ */ e.jsx("div", { id: "selectionRectangle", style: { marginLeft: "auto", position: "relative" }, children: /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", flexDirection: "row", gap: 10, marginTop: "8px" }, children: [
+  }, oe = (i) => {
+    v(i), G && se(!0);
+  }, qe = () => /* @__PURE__ */ e.jsx("div", { id: "selectionRectangle", style: { marginLeft: "auto", position: "relative" }, children: /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", flexDirection: "row", gap: 10, marginTop: "8px" }, children: [
     /* @__PURE__ */ e.jsxs(
       "div",
       {
         className: "apc-mpx-tooltip-container",
         role: "button",
-        onClick: () => me(),
+        onClick: () => Ve(),
         style: { cursor: "pointer" },
         children: [
           /* @__PURE__ */ e.jsx(
@@ -4656,7 +4751,7 @@ const Nn = Kt((y, r) => {
               height: "16",
               width: "14",
               viewBox: "0 0 448 512",
-              children: /* @__PURE__ */ e.jsx("path", { d: _t, fill: "#d8d4d4" })
+              children: /* @__PURE__ */ e.jsx("path", { d: Ft, fill: "#d8d4d4" })
             }
           ),
           /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-tooltip-text", children: "Delete" })
@@ -4668,7 +4763,7 @@ const Nn = Kt((y, r) => {
       {
         className: "apc-mpx-tooltip-container",
         role: "button",
-        onClick: () => De(),
+        onClick: () => it(),
         style: { cursor: "pointer" },
         children: [
           /* @__PURE__ */ e.jsxs(
@@ -4700,7 +4795,7 @@ const Nn = Kt((y, r) => {
       {
         className: "apc-mpx-tooltip-container",
         role: "button",
-        onClick: () => Ze(),
+        onClick: () => Ue(),
         style: { cursor: "pointer" },
         children: [
           /* @__PURE__ */ e.jsxs(
@@ -4731,7 +4826,7 @@ const Nn = Kt((y, r) => {
       "div",
       {
         className: "apc-mpx-tooltip-container",
-        onClick: () => Je("lock"),
+        onClick: () => Xe("lock"),
         style: { cursor: "pointer" },
         children: [
           /* @__PURE__ */ e.jsx(
@@ -4759,7 +4854,7 @@ const Nn = Kt((y, r) => {
       "div",
       {
         className: "apc-mpx-tooltip-container",
-        onClick: () => Je("unlock"),
+        onClick: () => Xe("unlock"),
         style: { cursor: "pointer" },
         children: [
           /* @__PURE__ */ e.jsx(
@@ -4787,7 +4882,7 @@ const Nn = Kt((y, r) => {
       "div",
       {
         className: "apc-mpx-tooltip-container",
-        onClick: () => $e(),
+        onClick: () => Ke(),
         style: { cursor: "pointer" },
         children: [
           /* @__PURE__ */ e.jsx(
@@ -4811,11 +4906,11 @@ const Nn = Kt((y, r) => {
         ]
       }
     )
-  ] }) }), Pe = () => s ? /* @__PURE__ */ e.jsx("div", { style: { height: "10vh", overflow: "auto" }, children: /* @__PURE__ */ e.jsx(dt, { isOpen: Ie, onClose: () => oe(!1), children: ee() }) }) : null, Ge = () => s ? G ? Pe() : ee() : null;
+  ] }) }), We = () => s ? /* @__PURE__ */ e.jsx("div", { style: { height: "10vh", overflow: "auto" }, children: /* @__PURE__ */ e.jsx(gt, { isOpen: ze, onClose: () => se(!1), children: ve() }) }) : null, Ce = () => s ? G ? We() : ve() : null;
   return /* @__PURE__ */ e.jsxs("div", { className: "apc-mpc-widget-wrapper", children: [
     /* @__PURE__ */ e.jsxs("div", { style: {
       display: "flex",
-      backgroundColor: ge(n.primaryColor, 70),
+      backgroundColor: be(n.primaryColor, 70),
       flexDirection: "row",
       padding: "3px",
       color: "#ffffff",
@@ -4855,30 +4950,30 @@ const Nn = Kt((y, r) => {
             apcCanvasInstance: s,
             theme: n,
             apiKey: d,
-            updateSelectedSections: (a) => Ee(a),
-            updateActiveSection: (a) => Ce(a),
+            updateSelectedSections: (i) => ot(i),
+            updateActiveSection: (i) => me(i),
             accesories,
-            getDesignFormats: O()
+            getDesignFormats: Y()
           }
         ) }) : null }),
-        /* @__PURE__ */ e.jsx("div", { children: s && p ? /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ e.jsx("div", { children: s && h ? /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
           "button",
           {
             className: "apc-mpc-widget-btn",
-            onClick: () => p.btnAction(),
+            onClick: () => h.btnAction(),
             style: {
-              backgroundColor: p.btnColor ?? n.primaryColorLight,
+              backgroundColor: h.btnColor ?? n.primaryColorLight,
               color: "#ffffff",
               border: "solid #ffffff 1px"
             },
-            children: p.btnLabel
+            children: h.btnLabel
           }
         ) }) : null })
       ] }) }) }) })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "apc-mpc-widget-colums", children: [
       /* @__PURE__ */ e.jsx("div", { className: "apc-mpc-widget-colum-modules-container", children: /* @__PURE__ */ e.jsxs("div", { className: "apc-mypixia-widget-primary-nav-container", children: [
-        h.indexOf("TXT") > -1 ? /* @__PURE__ */ e.jsxs("div", { tabIndex: "0", role: "button", onClick: () => re("TXT"), style: {
+        p.indexOf("TXT") > -1 ? /* @__PURE__ */ e.jsxs("div", { tabIndex: "0", role: "button", onClick: () => oe("TXT"), style: {
           padding: "10px",
           backgroundColor: u === "TXT" ? n.primaryColorLight : "inherit",
           color: u === "TXT" ? "#ffffff" : "inherit"
@@ -4897,7 +4992,7 @@ const Nn = Kt((y, r) => {
           ),
           /* @__PURE__ */ e.jsx("div", { children: "Text" })
         ] }) : null,
-        h.indexOf("STICKERS") > -1 ? /* @__PURE__ */ e.jsxs("div", { tabIndex: "0", role: "button", onClick: () => re("STICKERS"), style: {
+        p.indexOf("STICKERS") > -1 ? /* @__PURE__ */ e.jsxs("div", { tabIndex: "0", role: "button", onClick: () => oe("STICKERS"), style: {
           padding: "10px",
           backgroundColor: u === "STICKERS" ? n.primaryColorLight : "inherit",
           color: u === "STICKERS" ? "#ffffff" : "inherit"
@@ -4916,7 +5011,7 @@ const Nn = Kt((y, r) => {
           ),
           /* @__PURE__ */ e.jsx("div", { children: "Stickers" })
         ] }) : null,
-        h.indexOf("SHAPES") > -1 ? /* @__PURE__ */ e.jsxs("div", { tabIndex: "0", role: "button", onClick: () => re("SHAPES"), style: {
+        p.indexOf("SHAPES") > -1 ? /* @__PURE__ */ e.jsxs("div", { tabIndex: "0", role: "button", onClick: () => oe("SHAPES"), style: {
           padding: "10px",
           backgroundColor: u === "SHAPES" ? n.primaryColorLight : "inherit",
           color: u === "SHAPES" ? "#ffffff" : "inherit"
@@ -4930,12 +5025,12 @@ const Nn = Kt((y, r) => {
               viewBox: "0 0 512 512",
               style: { fill: u === "SHAPES" ? "#ffffff" : n.primaryColor },
               className: "apc-mypixia-widget-primary-nav-svg",
-              children: /* @__PURE__ */ e.jsx("path", { d: zr })
+              children: /* @__PURE__ */ e.jsx("path", { d: Mr })
             }
           ),
           /* @__PURE__ */ e.jsx("div", { children: "Shapes" })
         ] }) : null,
-        h.indexOf("ICONS") > -1 ? /* @__PURE__ */ e.jsxs("div", { tabIndex: "0", role: "button", onClick: () => re("ICONS"), style: {
+        p.indexOf("ICONS") > -1 ? /* @__PURE__ */ e.jsxs("div", { tabIndex: "0", role: "button", onClick: () => oe("ICONS"), style: {
           padding: "10px",
           backgroundColor: u === "ICONS" ? n.primaryColorLight : "inherit",
           color: u === "ICONS" ? "#ffffff" : "inherit"
@@ -4954,7 +5049,7 @@ const Nn = Kt((y, r) => {
           ),
           /* @__PURE__ */ e.jsx("div", { children: "Icons" })
         ] }) : null,
-        h.indexOf("IMAGE") > -1 ? /* @__PURE__ */ e.jsxs("div", { tabIndex: "0", role: "button", onClick: () => re("IMAGE"), style: {
+        p.indexOf("IMAGE") > -1 ? /* @__PURE__ */ e.jsxs("div", { tabIndex: "0", role: "button", onClick: () => oe("IMAGE"), style: {
           padding: "10px",
           backgroundColor: u === "IMAGE" ? n.primaryColorLight : "inherit",
           color: u === "IMAGE" ? "#ffffff" : "inherit"
@@ -4968,12 +5063,12 @@ const Nn = Kt((y, r) => {
               viewBox: "0 0 512 512",
               style: { fill: u === "IMAGE" ? "#ffffff" : n.primaryColor },
               className: "apc-mypixia-widget-primary-nav-svg",
-              children: /* @__PURE__ */ e.jsx("path", { d: Bt })
+              children: /* @__PURE__ */ e.jsx("path", { d: Ht })
             }
           ),
           /* @__PURE__ */ e.jsx("div", { children: "Upload" })
         ] }) : null,
-        h.indexOf("QUOTE") > -1 ? /* @__PURE__ */ e.jsxs("div", { tabIndex: "0", role: "button", onClick: () => re("QUOTE"), style: {
+        p.indexOf("QUOTE") > -1 ? /* @__PURE__ */ e.jsxs("div", { tabIndex: "0", role: "button", onClick: () => oe("QUOTE"), style: {
           padding: "10px",
           backgroundColor: u === "QUOTE" ? n.primaryColorLight : "inherit",
           color: u === "QUOTE" ? "#ffffff" : "inherit"
@@ -4992,7 +5087,7 @@ const Nn = Kt((y, r) => {
           ),
           /* @__PURE__ */ e.jsx("div", { children: "Quote" })
         ] }) : null,
-        h.indexOf("BACKGROUND") > -1 ? /* @__PURE__ */ e.jsxs("div", { tabIndex: "0", role: "button", onClick: () => re("BACKGROUND"), style: {
+        p.indexOf("BACKGROUND") > -1 ? /* @__PURE__ */ e.jsxs("div", { tabIndex: "0", role: "button", onClick: () => oe("BACKGROUND"), style: {
           padding: "10px",
           backgroundColor: u === "BACKGROUND" ? n.primaryColorLight : "inherit",
           color: u === "BACKGROUND" ? "#ffffff" : "inherit"
@@ -5011,7 +5106,7 @@ const Nn = Kt((y, r) => {
           ),
           /* @__PURE__ */ e.jsx("div", { children: "Background" })
         ] }) : null,
-        h.indexOf("QRCODE") > -1 ? /* @__PURE__ */ e.jsxs("div", { tabIndex: "0", role: "button", onClick: () => re("QRCODE"), style: {
+        p.indexOf("QRCODE") > -1 ? /* @__PURE__ */ e.jsxs("div", { tabIndex: "0", role: "button", onClick: () => oe("QRCODE"), style: {
           padding: "10px",
           backgroundColor: u === "QRCODE" ? n.primaryColorLight : "inherit",
           color: u === "QRCODE" ? "#ffffff" : "inherit"
@@ -5030,7 +5125,7 @@ const Nn = Kt((y, r) => {
           ),
           /* @__PURE__ */ e.jsx("div", { children: "QR Code" })
         ] }) : null,
-        h.indexOf("BARCODE") > -1 ? /* @__PURE__ */ e.jsxs("div", { tabIndex: "0", role: "button", onClick: () => re("BARCODE"), style: {
+        p.indexOf("BARCODE") > -1 ? /* @__PURE__ */ e.jsxs("div", { tabIndex: "0", role: "button", onClick: () => oe("BARCODE"), style: {
           padding: "10px",
           backgroundColor: u === "BARCODE" ? n.primaryColorLight : "inherit",
           color: u === "BARCODE" ? "#ffffff" : "inherit"
@@ -5049,7 +5144,7 @@ const Nn = Kt((y, r) => {
           ),
           /* @__PURE__ */ e.jsx("div", { children: "Barcode" })
         ] }) : null,
-        h.indexOf("SIZE") > -1 ? /* @__PURE__ */ e.jsxs("div", { tabIndex: "0", role: "button", onClick: () => re("SIZE"), style: {
+        p.indexOf("SIZE") > -1 ? /* @__PURE__ */ e.jsxs("div", { tabIndex: "0", role: "button", onClick: () => oe("SIZE"), style: {
           padding: "10px",
           backgroundColor: u === "SIZE" ? n.primaryColorLight : "inherit",
           color: u === "SIZE" ? "#ffffff" : "inherit"
@@ -5063,44 +5158,44 @@ const Nn = Kt((y, r) => {
               viewBox: "0 0 448 512",
               style: { fill: u === "SIZE" ? "#ffffff" : n.primaryColor },
               className: "apc-mypixia-widget-primary-nav-svg",
-              children: /* @__PURE__ */ e.jsx("path", { d: Pr })
+              children: /* @__PURE__ */ e.jsx("path", { d: Hr })
             }
           ),
           /* @__PURE__ */ e.jsx("div", { children: "Size" })
         ] }) : null
       ] }) }),
-      /* @__PURE__ */ e.jsx("div", { className: "apc-mpc-widget-colum-features-container", children: Ge() }),
+      /* @__PURE__ */ e.jsx("div", { className: "apc-mpc-widget-colum-features-container", children: Ce() }),
       /* @__PURE__ */ e.jsx("div", { className: "apc-mpc-widget-colum-editor-container", children: /* @__PURE__ */ e.jsx(
         wn,
         {
           theme: n,
-          activeSection: ue,
-          selectedObjectType: E,
-          renderQuickActions: ke,
-          renderActionItems: ve,
+          activeSection: ge,
+          selectedObjectType: z,
+          renderQuickActions: qe,
+          renderActionItems: we,
           canvasEl: B,
-          zoomIn: () => et(),
-          zoomOut: () => tt(),
+          zoomIn: () => ct(),
+          zoomOut: () => Qe(),
           apcCanvasInstance: s,
-          setActiveSection: (a) => be(a),
-          updateActiveDesignSection: (a) => Ce(a),
-          saveActiveDesign: (a, N) => k(a, N),
-          reloadTabs: Re,
-          activeTabName: Be,
-          supportedColors: se,
+          setActiveSection: (i) => ke(i),
+          updateActiveDesignSection: (i) => me(i),
+          saveActiveDesign: (i, A) => O(i, A),
+          reloadTabs: De,
+          activeTabName: Pe,
+          supportedColors: ne,
           initProductName: b,
-          historyRef: _e,
-          currentState: Le,
-          setCurrentState: (a) => We(a),
+          historyRef: He,
+          currentState: Fe,
+          setCurrentState: (i) => Ye(i),
           isPlainColor: o,
           selectedProduct: j,
           isMobile: G,
-          canvasId: c
+          canvasId: a
         }
       ) })
     ] }),
     /* @__PURE__ */ e.jsx("div", { id: "apc-mpx-editor-modal-root" }),
-    G ? Pe() : null
+    G ? We() : null
   ] });
 });
 Nn.displayName = "Mypixia";