npm - @mypixia/simplex-designer - Versions diffs - 1.0.6 → 1.0.8 - Mend

@mypixia/simplex-designer 1.0.6 → 1.0.8

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 (5) hide show

package/dist/index.es.js CHANGED Viewed

@@ -1,11 +1,14 @@
-import K, { useState as S, useEffect as re, useRef as ot } from "react";
-import { fabric as _ } from "fabric";
+import T, { useState as M, useEffect as ie, useRef as mt } from "react";
+import _t from "react-dom";
+import { fabric as B } from "fabric";
 import ye from "axios";
-import Jt from "qrcode";
-import Yt from "react-barcode";
-import { FacebookShareButton as Kt, FacebookIcon as Xt, TwitterShareButton as Qt, XIcon as qt, TelegramShareButton as Zt, TelegramIcon as er, WhatsappShareButton as tr, WhatsappIcon as rr, LinkedinShareButton as nr, LinkedinIcon as sr, PinterestShareButton as or, PinterestIcon as ir, RedditShareButton as cr, RedditIcon as lr, InstapaperShareButton as ar, InstapaperIcon as dr } from "react-share";
-import hr from "react-dom";
-import './index.css';var st = { exports: {} }, rt = {};
+import Xt from "qrcode";
+import Qt from "react-barcode";
+import { FacebookShareButton as qt, FacebookIcon as Zt, TwitterShareButton as er, XIcon as tr, TelegramShareButton as rr, TelegramIcon as nr, WhatsappShareButton as sr, WhatsappIcon as or, LinkedinShareButton as ir, LinkedinIcon as cr, PinterestShareButton as ar, PinterestIcon as lr, RedditShareButton as dr, RedditIcon as hr, InstapaperShareButton as pr, InstapaperIcon as ur } from "react-share";
+import './index.css';function fr(g) {
+  return g && g.__esModule && Object.prototype.hasOwnProperty.call(g, "default") ? g.default : g;
+}
+var ot = { exports: {} }, nt = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -15,21 +18,21 @@ import './index.css';var st = { 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 mt;
-function pr() {
-  if (mt) return rt;
-  mt = 1;
-  var y = K, t = Symbol.for("react.element"), o = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, a = y.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, u = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function f(d, j, l) {
-    var m, p = {}, b = null, s = null;
-    l !== void 0 && (b = "" + l), j.key !== void 0 && (b = "" + j.key), j.ref !== void 0 && (s = j.ref);
-    for (m in j) i.call(j, m) && !u.hasOwnProperty(m) && (p[m] = j[m]);
-    if (d && d.defaultProps) for (m in j = d.defaultProps, j) p[m] === void 0 && (p[m] = j[m]);
-    return { $$typeof: t, type: d, key: b, ref: s, props: p, _owner: a.current };
+var vt;
+function xr() {
+  if (vt) return nt;
+  vt = 1;
+  var g = T, t = Symbol.for("react.element"), o = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, l = g.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, u = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function f(d, b, a) {
+    var v, p = {}, y = null, s = null;
+    a !== void 0 && (y = "" + a), b.key !== void 0 && (y = "" + b.key), b.ref !== void 0 && (s = b.ref);
+    for (v in b) i.call(b, v) && !u.hasOwnProperty(v) && (p[v] = b[v]);
+    if (d && d.defaultProps) for (v in b = d.defaultProps, b) p[v] === void 0 && (p[v] = b[v]);
+    return { $$typeof: t, type: d, key: y, ref: s, props: p, _owner: l.current };
   }
-  return rt.Fragment = o, rt.jsx = f, rt.jsxs = f, rt;
+  return nt.Fragment = o, nt.jsx = f, nt.jsxs = f, nt;
 }
-var nt = {};
+var st = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -39,54 +42,54 @@ 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 vt;
-function ur() {
-  return vt || (vt = 1, process.env.NODE_ENV !== "production" && function() {
-    var y = K, t = Symbol.for("react.element"), o = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), u = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), d = Symbol.for("react.context"), j = Symbol.for("react.forward_ref"), l = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), b = Symbol.for("react.lazy"), s = Symbol.for("react.offscreen"), g = Symbol.iterator, h = "@@iterator";
-    function v(r) {
+var jt;
+function gr() {
+  return jt || (jt = 1, process.env.NODE_ENV !== "production" && function() {
+    var g = T, t = Symbol.for("react.element"), o = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), u = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), d = Symbol.for("react.context"), b = Symbol.for("react.forward_ref"), a = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), s = Symbol.for("react.offscreen"), m = Symbol.iterator, h = "@@iterator";
+    function j(r) {
       if (r === null || typeof r != "object")
         return null;
-      var x = g && r[g] || r[h];
+      var x = m && r[m] || r[h];
       return typeof x == "function" ? x : null;
     }
-    var n = y.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var n = g.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function w(r) {
       {
-        for (var x = arguments.length, C = new Array(x > 1 ? x - 1 : 0), z = 1; z < x; z++)
-          C[z - 1] = arguments[z];
-        R("error", r, C);
+        for (var x = arguments.length, C = new Array(x > 1 ? x - 1 : 0), R = 1; R < x; R++)
+          C[R - 1] = arguments[R];
+        _("error", r, C);
       }
     }
-    function R(r, x, C) {
+    function _(r, x, C) {
       {
-        var z = n.ReactDebugCurrentFrame, U = z.getStackAddendum();
-        U !== "" && (x += "%s", C = C.concat([U]));
-        var W = C.map(function(P) {
-          return String(P);
+        var R = n.ReactDebugCurrentFrame, W = R.getStackAddendum();
+        W !== "" && (x += "%s", C = C.concat([W]));
+        var $ = C.map(function(H) {
+          return String(H);
         });
-        W.unshift("Warning: " + x), Function.prototype.apply.call(console[r], console, W);
+        $.unshift("Warning: " + x), Function.prototype.apply.call(console[r], console, $);
       }
     }
-    var I = !1, L = !1, D = !1, T = !1, E = !1, H;
-    H = Symbol.for("react.module.reference");
-    function Y(r) {
-      return !!(typeof r == "string" || typeof r == "function" || r === i || r === u || E || r === a || r === l || r === m || T || r === s || I || L || D || typeof r == "object" && r !== null && (r.$$typeof === b || r.$$typeof === p || r.$$typeof === f || r.$$typeof === d || r.$$typeof === j || // This needs to include all possible module reference object
+    var A = !1, L = !1, P = !1, I = !1, E = !1, V;
+    V = Symbol.for("react.module.reference");
+    function K(r) {
+      return !!(typeof r == "string" || typeof r == "function" || r === i || r === u || E || r === l || r === a || r === v || I || r === s || A || L || P || typeof r == "object" && r !== null && (r.$$typeof === y || r.$$typeof === p || r.$$typeof === f || r.$$typeof === d || r.$$typeof === b || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      r.$$typeof === H || r.getModuleId !== void 0));
+      r.$$typeof === V || r.getModuleId !== void 0));
     }
-    function J(r, x, C) {
-      var z = r.displayName;
-      if (z)
-        return z;
-      var U = x.displayName || x.name || "";
-      return U !== "" ? C + "(" + U + ")" : C;
+    function Y(r, x, C) {
+      var R = r.displayName;
+      if (R)
+        return R;
+      var W = x.displayName || x.name || "";
+      return W !== "" ? C + "(" + W + ")" : C;
     }
     function ce(r) {
       return r.displayName || "Context";
     }
-    function se(r) {
+    function ne(r) {
       if (r == null)
         return null;
       if (typeof r.tag == "number" && w("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof r == "function")
@@ -100,11 +103,11 @@ function ur() {
           return "Portal";
         case u:
           return "Profiler";
-        case a:
-          return "StrictMode";
         case l:
+          return "StrictMode";
+        case a:
           return "Suspense";
-        case m:
+        case v:
           return "SuspenseList";
       }
       if (typeof r == "object")
@@ -115,15 +118,15 @@ function ur() {
           case f:
             var C = r;
             return ce(C._context) + ".Provider";
-          case j:
-            return J(r, r.render, "ForwardRef");
+          case b:
+            return Y(r, r.render, "ForwardRef");
           case p:
-            var z = r.displayName || null;
-            return z !== null ? z : se(r.type) || "Memo";
-          case b: {
-            var U = r, W = U._payload, P = U._init;
+            var R = r.displayName || null;
+            return R !== null ? R : ne(r.type) || "Memo";
+          case y: {
+            var W = r, $ = W._payload, H = W._init;
             try {
-              return se(P(W));
+              return ne(H($));
             } catch {
               return null;
             }
@@ -131,14 +134,14 @@ function ur() {
         }
       return null;
     }
-    var oe = Object.assign, pe = 0, Ee, we, Qe, Me, te, Fe, Pe;
+    var se = Object.assign, pe = 0, Te, we, qe, Me, te, Pe, Fe;
     function He() {
     }
     He.__reactDisabledLog = !0;
     function ze() {
       {
         if (pe === 0) {
-          Ee = console.log, we = console.info, Qe = console.warn, Me = console.error, te = console.group, Fe = console.groupCollapsed, Pe = console.groupEnd;
+          Te = console.log, we = console.info, qe = console.warn, Me = console.error, te = console.group, Pe = console.groupCollapsed, Fe = console.groupEnd;
           var r = {
             configurable: !0,
             enumerable: !0,
@@ -167,26 +170,26 @@ function ur() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: oe({}, r, {
-              value: Ee
+            log: se({}, r, {
+              value: Te
             }),
-            info: oe({}, r, {
+            info: se({}, r, {
               value: we
             }),
-            warn: oe({}, r, {
-              value: Qe
+            warn: se({}, r, {
+              value: qe
             }),
-            error: oe({}, r, {
+            error: se({}, r, {
               value: Me
             }),
-            group: oe({}, r, {
+            group: se({}, r, {
               value: te
             }),
-            groupCollapsed: oe({}, r, {
-              value: Fe
-            }),
-            groupEnd: oe({}, r, {
+            groupCollapsed: se({}, r, {
               value: Pe
+            }),
+            groupEnd: se({}, r, {
+              value: Fe
             })
           });
         }
@@ -199,76 +202,76 @@ function ur() {
         if (me === void 0)
           try {
             throw Error();
-          } catch (U) {
-            var z = U.stack.trim().match(/\n( *(at )?)/);
-            me = z && z[1] || "";
+          } catch (W) {
+            var R = W.stack.trim().match(/\n( *(at )?)/);
+            me = R && R[1] || "";
           }
         return `
 ` + me + r;
       }
     }
-    var Le = !1, Oe;
+    var Re = !1, Oe;
     {
       var q = typeof WeakMap == "function" ? WeakMap : Map;
       Oe = new q();
     }
     function Ue(r, x) {
-      if (!r || Le)
+      if (!r || Re)
         return "";
       {
         var C = Oe.get(r);
         if (C !== void 0)
           return C;
       }
-      var z;
-      Le = !0;
-      var U = Error.prepareStackTrace;
+      var R;
+      Re = !0;
+      var W = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var W;
-      W = Ce.current, Ce.current = null, ze();
+      var $;
+      $ = Ce.current, Ce.current = null, ze();
       try {
         if (x) {
-          var P = function() {
+          var H = function() {
             throw Error();
           };
-          if (Object.defineProperty(P.prototype, "props", {
+          if (Object.defineProperty(H.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(P, []);
-            } catch (le) {
-              z = le;
+              Reflect.construct(H, []);
+            } catch (ae) {
+              R = ae;
             }
-            Reflect.construct(r, [], P);
+            Reflect.construct(r, [], H);
           } else {
             try {
-              P.call();
-            } catch (le) {
-              z = le;
+              H.call();
+            } catch (ae) {
+              R = ae;
             }
-            r.call(P.prototype);
+            r.call(H.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (le) {
-            z = le;
+          } catch (ae) {
+            R = ae;
           }
           r();
         }
-      } catch (le) {
-        if (le && z && typeof le.stack == "string") {
-          for (var F = le.stack.split(`
-`), ie = z.stack.split(`
-`), Q = F.length - 1, ee = ie.length - 1; Q >= 1 && ee >= 0 && F[Q] !== ie[ee]; )
+      } catch (ae) {
+        if (ae && R && typeof ae.stack == "string") {
+          for (var F = ae.stack.split(`
+`), oe = R.stack.split(`
+`), Q = F.length - 1, ee = oe.length - 1; Q >= 1 && ee >= 0 && F[Q] !== oe[ee]; )
             ee--;
           for (; Q >= 1 && ee >= 0; Q--, ee--)
-            if (F[Q] !== ie[ee]) {
+            if (F[Q] !== oe[ee]) {
               if (Q !== 1 || ee !== 1)
                 do
-                  if (Q--, ee--, ee < 0 || F[Q] !== ie[ee]) {
+                  if (Q--, ee--, ee < 0 || F[Q] !== oe[ee]) {
                     var he = `
 ` + F[Q].replace(" at new ", " at ");
                     return r.displayName && he.includes("<anonymous>") && (he = he.replace("<anonymous>", r.displayName)), typeof r == "function" && Oe.set(r, he), he;
@@ -278,7 +281,7 @@ function ur() {
             }
         }
       } finally {
-        Le = !1, Ce.current = W, Ve(), Error.prepareStackTrace = U;
+        Re = !1, Ce.current = $, Ve(), Error.prepareStackTrace = W;
       }
       var Je = r ? r.displayName || r.name : "", Be = Je ? G(Je) : "";
       return typeof r == "function" && Oe.set(r, Be), Be;
@@ -298,21 +301,21 @@ function ur() {
       if (typeof r == "string")
         return G(r);
       switch (r) {
-        case l:
+        case a:
           return G("Suspense");
-        case m:
+        case v:
           return G("SuspenseList");
       }
       if (typeof r == "object")
         switch (r.$$typeof) {
-          case j:
+          case b:
             return de(r.render);
           case p:
             return Se(r.type, x, C);
-          case b: {
-            var z = r, U = z._payload, W = z._init;
+          case y: {
+            var R = r, W = R._payload, $ = R._init;
             try {
-              return Se(W(U), x, C);
+              return Se($(W), x, C);
             } catch {
             }
           }
@@ -327,36 +330,36 @@ function ur() {
       } else
         ke.setExtraStackFrame(null);
     }
-    function Ge(r, x, C, z, U) {
+    function $e(r, x, C, R, W) {
       {
-        var W = Function.call.bind(ve);
-        for (var P in r)
-          if (W(r, P)) {
+        var $ = Function.call.bind(ve);
+        for (var H in r)
+          if ($(r, H)) {
             var F = void 0;
             try {
-              if (typeof r[P] != "function") {
-                var ie = Error((z || "React class") + ": " + C + " type `" + P + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof r[P] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw ie.name = "Invariant Violation", ie;
+              if (typeof r[H] != "function") {
+                var oe = Error((R || "React class") + ": " + C + " type `" + H + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof r[H] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw oe.name = "Invariant Violation", oe;
               }
-              F = r[P](x, P, z, C, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              F = r[H](x, H, R, C, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (Q) {
               F = Q;
             }
-            F && !(F instanceof Error) && (Ae(U), w("%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, P, typeof F), Ae(null)), F instanceof Error && !(F.message in We) && (We[F.message] = !0, Ae(U), w("Failed %s type: %s", C, F.message), Ae(null));
+            F && !(F instanceof Error) && (Ae(W), w("%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, H, typeof F), Ae(null)), F instanceof Error && !(F.message in We) && (We[F.message] = !0, Ae(W), w("Failed %s type: %s", C, F.message), Ae(null));
           }
       }
     }
-    var qe = Array.isArray;
-    function Re(r) {
-      return qe(r);
+    var Ze = Array.isArray;
+    function Le(r) {
+      return Ze(r);
     }
-    function Ze(r) {
+    function et(r) {
       {
         var x = typeof Symbol == "function" && Symbol.toStringTag, C = x && r[Symbol.toStringTag] || r.constructor.name || "Object";
         return C;
       }
     }
-    function et(r) {
+    function tt(r) {
       try {
         return Ie(r), !1;
       } catch {
@@ -366,16 +369,16 @@ function ur() {
     function Ie(r) {
       return "" + r;
     }
-    function k(r) {
-      if (et(r))
-        return w("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ze(r)), Ie(r);
+    function S(r) {
+      if (tt(r))
+        return w("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", et(r)), Ie(r);
     }
-    var O = n.ReactCurrentOwner, $ = {
+    var N = n.ReactCurrentOwner, J = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, B, Z;
+    }, D, Z;
     function fe(r) {
       if (ve.call(r, "ref")) {
         var x = Object.getOwnPropertyDescriptor(r, "ref").get;
@@ -392,13 +395,13 @@ function ur() {
       }
       return r.key !== void 0;
     }
-    function ne(r, x) {
-      typeof r.ref == "string" && O.current;
+    function re(r, x) {
+      typeof r.ref == "string" && N.current;
     }
-    function $e(r, x) {
+    function Ge(r, x) {
       {
         var C = function() {
-          B || (B = !0, w("%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));
+          D || (D = !0, w("%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(r, "key", {
           get: C,
@@ -417,7 +420,7 @@ function ur() {
         });
       }
     }
-    var be = function(r, x, C, z, U, W, P) {
+    var be = function(r, x, C, R, W, $, H) {
       var F = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
@@ -425,9 +428,9 @@ function ur() {
         type: r,
         key: x,
         ref: C,
-        props: P,
+        props: H,
         // Record the component responsible for creating this element.
-        _owner: W
+        _owner: $
       };
       return F._store = {}, Object.defineProperty(F._store, "validated", {
         configurable: !1,
@@ -438,49 +441,49 @@ function ur() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: z
+        value: R
       }), Object.defineProperty(F, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: U
+        value: W
       }), Object.freeze && (Object.freeze(F.props), Object.freeze(F)), F;
     };
-    function c(r, x, C, z, U) {
+    function c(r, x, C, R, W) {
       {
-        var W, P = {}, F = null, ie = null;
-        C !== void 0 && (k(C), F = "" + C), je(x) && (k(x.key), F = "" + x.key), fe(x) && (ie = x.ref, ne(x, U));
-        for (W in x)
-          ve.call(x, W) && !$.hasOwnProperty(W) && (P[W] = x[W]);
+        var $, H = {}, F = null, oe = null;
+        C !== void 0 && (S(C), F = "" + C), je(x) && (S(x.key), F = "" + x.key), fe(x) && (oe = x.ref, re(x, W));
+        for ($ in x)
+          ve.call(x, $) && !J.hasOwnProperty($) && (H[$] = x[$]);
         if (r && r.defaultProps) {
           var Q = r.defaultProps;
-          for (W in Q)
-            P[W] === void 0 && (P[W] = Q[W]);
+          for ($ in Q)
+            H[$] === void 0 && (H[$] = Q[$]);
         }
-        if (F || ie) {
+        if (F || oe) {
           var ee = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
-          F && $e(P, ee), ie && _e(P, ee);
+          F && Ge(H, ee), oe && _e(H, ee);
         }
-        return be(r, F, ie, U, z, O.current, P);
+        return be(r, F, oe, W, R, N.current, H);
       }
     }
-    var A = n.ReactCurrentOwner, M = n.ReactDebugCurrentFrame;
-    function N(r) {
+    var O = n.ReactCurrentOwner, z = n.ReactDebugCurrentFrame;
+    function k(r) {
       if (r) {
         var x = r._owner, C = Se(r.type, r._source, x ? x.type : null);
-        M.setExtraStackFrame(C);
+        z.setExtraStackFrame(C);
       } else
-        M.setExtraStackFrame(null);
+        z.setExtraStackFrame(null);
     }
-    var ae;
-    ae = !1;
-    function V(r) {
+    var le;
+    le = !1;
+    function U(r) {
       return typeof r == "object" && r !== null && r.$$typeof === t;
     }
     function X() {
       {
-        if (A.current) {
-          var r = se(A.current.type);
+        if (O.current) {
+          var r = ne(O.current.type);
           if (r)
             return `
@@ -489,11 +492,11 @@ Check the render method of \`` + r + "`.";
         return "";
       }
     }
-    function tt(r) {
+    function rt(r) {
       return "";
     }
     var pt = {};
-    function Dt(r) {
+    function Ht(r) {
       {
         var x = X();
         if (!x) {
@@ -510,34 +513,34 @@ Check the top-level render call using <` + C + ">.");
         if (!r._store || r._store.validated || r.key != null)
           return;
         r._store.validated = !0;
-        var C = Dt(x);
+        var C = Ht(x);
         if (pt[C])
           return;
         pt[C] = !0;
-        var z = "";
-        r && r._owner && r._owner !== A.current && (z = " It was passed a child from " + se(r._owner.type) + "."), N(r), w('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), N(null);
+        var R = "";
+        r && r._owner && r._owner !== O.current && (R = " It was passed a child from " + ne(r._owner.type) + "."), k(r), w('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), k(null);
       }
     }
     function ft(r, x) {
       {
         if (typeof r != "object")
           return;
-        if (Re(r))
+        if (Le(r))
           for (var C = 0; C < r.length; C++) {
-            var z = r[C];
-            V(z) && ut(z, x);
+            var R = r[C];
+            U(R) && ut(R, x);
           }
-        else if (V(r))
+        else if (U(r))
           r._store && (r._store.validated = !0);
         else if (r) {
-          var U = v(r);
-          if (typeof U == "function" && U !== r.entries)
-            for (var W = U.call(r), P; !(P = W.next()).done; )
-              V(P.value) && ut(P.value, x);
+          var W = j(r);
+          if (typeof W == "function" && W !== r.entries)
+            for (var $ = W.call(r), H; !(H = $.next()).done; )
+              U(H.value) && ut(H.value, x);
         }
       }
     }
-    function Ft(r) {
+    function Vt(r) {
       {
         var x = r.type;
         if (x == null || typeof x == "string")
@@ -545,55 +548,55 @@ Check the top-level render call using <` + C + ">.");
         var C;
         if (typeof x == "function")
           C = x.propTypes;
-        else if (typeof x == "object" && (x.$$typeof === j || // Note: Memo only checks outer props here.
+        else if (typeof x == "object" && (x.$$typeof === b || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         x.$$typeof === p))
           C = x.propTypes;
         else
           return;
         if (C) {
-          var z = se(x);
-          Ge(C, r.props, "prop", z, r);
-        } else if (x.PropTypes !== void 0 && !ae) {
-          ae = !0;
-          var U = se(x);
-          w("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", U || "Unknown");
+          var R = ne(x);
+          $e(C, r.props, "prop", R, r);
+        } else if (x.PropTypes !== void 0 && !le) {
+          le = !0;
+          var W = ne(x);
+          w("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", W || "Unknown");
         }
         typeof x.getDefaultProps == "function" && !x.getDefaultProps.isReactClassApproved && w("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Pt(r) {
+    function Ut(r) {
       {
         for (var x = Object.keys(r.props), C = 0; C < x.length; C++) {
-          var z = x[C];
-          if (z !== "children" && z !== "key") {
-            N(r), w("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", z), N(null);
+          var R = x[C];
+          if (R !== "children" && R !== "key") {
+            k(r), w("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", R), k(null);
             break;
           }
         }
-        r.ref !== null && (N(r), w("Invalid attribute `ref` supplied to `React.Fragment`."), N(null));
+        r.ref !== null && (k(r), w("Invalid attribute `ref` supplied to `React.Fragment`."), k(null));
       }
     }
     var xt = {};
-    function gt(r, x, C, z, U, W) {
+    function gt(r, x, C, R, W, $) {
       {
-        var P = Y(r);
-        if (!P) {
+        var H = K(r);
+        if (!H) {
           var F = "";
           (r === void 0 || typeof r == "object" && r !== null && Object.keys(r).length === 0) && (F += " 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 ie = tt();
-          ie ? F += ie : F += X();
+          var oe = rt();
+          oe ? F += oe : F += X();
           var Q;
-          r === null ? Q = "null" : Re(r) ? Q = "array" : r !== void 0 && r.$$typeof === t ? (Q = "<" + (se(r.type) || "Unknown") + " />", F = " Did you accidentally export a JSX literal instead of a component?") : Q = typeof r, w("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Q, F);
+          r === null ? Q = "null" : Le(r) ? Q = "array" : r !== void 0 && r.$$typeof === t ? (Q = "<" + (ne(r.type) || "Unknown") + " />", F = " Did you accidentally export a JSX literal instead of a component?") : Q = typeof r, w("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Q, F);
         }
-        var ee = c(r, x, C, U, W);
+        var ee = c(r, x, C, W, $);
         if (ee == null)
           return ee;
-        if (P) {
+        if (H) {
           var he = x.children;
           if (he !== void 0)
-            if (z)
-              if (Re(he)) {
+            if (R)
+              if (Le(he)) {
                 for (var Je = 0; Je < he.length; Je++)
                   ft(he[Je], r);
                 Object.freeze && Object.freeze(he);
@@ -603,111 +606,138 @@ Check the top-level render call using <` + C + ">.");
               ft(he, r);
         }
         if (ve.call(x, "key")) {
-          var Be = se(r), le = Object.keys(x).filter(function($t) {
-            return $t !== "key";
-          }), dt = le.length > 0 ? "{key: someKey, " + le.join(": ..., ") + ": ...}" : "{key: someKey}";
+          var Be = ne(r), ae = Object.keys(x).filter(function(Kt) {
+            return Kt !== "key";
+          }), dt = ae.length > 0 ? "{key: someKey, " + ae.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!xt[Be + dt]) {
-            var Gt = le.length > 0 ? "{" + le.join(": ..., ") + ": ...}" : "{}";
+            var Yt = ae.length > 0 ? "{" + ae.join(": ..., ") + ": ...}" : "{}";
             w(`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} />`, dt, Be, Gt, Be), xt[Be + dt] = !0;
+  <%s key={someKey} {...props} />`, dt, Be, Yt, Be), xt[Be + dt] = !0;
           }
         }
-        return r === i ? Pt(ee) : Ft(ee), ee;
+        return r === i ? Ut(ee) : Vt(ee), ee;
       }
     }
-    function Ht(r, x, C) {
+    function Wt(r, x, C) {
       return gt(r, x, C, !0);
     }
-    function Vt(r, x, C) {
+    function $t(r, x, C) {
       return gt(r, x, C, !1);
     }
-    var Ut = Vt, Wt = Ht;
-    nt.Fragment = i, nt.jsx = Ut, nt.jsxs = Wt;
-  }()), nt;
+    var Gt = $t, Jt = Wt;
+    st.Fragment = i, st.jsx = Gt, st.jsxs = Jt;
+  }()), st;
 }
-var jt;
-function fr() {
-  return jt || (jt = 1, process.env.NODE_ENV === "production" ? st.exports = pr() : st.exports = ur()), st.exports;
+var bt;
+function mr() {
+  return bt || (bt = 1, process.env.NODE_ENV === "production" ? ot.exports = xr() : ot.exports = gr()), ot.exports;
+}
+var e = mr(), Ye = {}, yt;
+function vr() {
+  if (yt) return Ye;
+  yt = 1;
+  var g = _t;
+  if (process.env.NODE_ENV === "production")
+    Ye.createRoot = g.createRoot, Ye.hydrateRoot = g.hydrateRoot;
+  else {
+    var t = g.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    Ye.createRoot = function(o, i) {
+      t.usingClientEntryPoint = !0;
+      try {
+        return g.createRoot(o, i);
+      } finally {
+        t.usingClientEntryPoint = !1;
+      }
+    }, Ye.hydrateRoot = function(o, i, l) {
+      t.usingClientEntryPoint = !0;
+      try {
+        return g.hydrateRoot(o, i, l);
+      } finally {
+        t.usingClientEntryPoint = !1;
+      }
+    };
+  }
+  return Ye;
 }
-var e = fr();
-const xr = {
+var jr = vr();
+const br = /* @__PURE__ */ fr(jr), yr = {
   primaryColor: "#f88300",
   primaryColorLight: "#6858c1",
   secondaryColor: "#005a53",
   tertiaryColor: "#FFFFFF"
-}, gr = "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", mr = "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", vr = "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", jr = "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", br = "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", yr = "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", wr = "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", Cr = "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", bt = "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", yt = "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", ht = "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", wt = "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", Sr = "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", kr = "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", Nr = "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", Or = "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", Ct = "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", St = "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", kt = "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", Nt = "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", Ot = "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", Ar = "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", At = "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", It = "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", Tt = "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", Et = "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", Ir = "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", Tr = "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", Er = "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", Mr = "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", zr = "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", Lr = "M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z", Rr = "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", _r = "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", Lt = "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", Br = "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", Dr = "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", Fr = "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", Pr = "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", Hr = "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", Vr = "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", Ur = "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", Wr = "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", Gr = "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", $r = "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", Rt = "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", Jr = "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", Yr = "apcDB", Ne = "APCObjectStore", Kr = 1;
+}, wr = "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", Cr = "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", Sr = "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", kr = "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", Nr = "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", Or = "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", Ar = "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", Ir = "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", ht = "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", Er = "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", Tr = "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", Mr = "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", zr = "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", Rr = "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", Et = "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", Tt = "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", Lr = "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", _r = "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", Br = "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", Dr = "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", Pr = "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", Fr = "M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z", Hr = "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", Vr = "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", Bt = "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", Ur = "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", Wr = "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", $r = "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", Gr = "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", Jr = "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", Yr = "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", Kr = "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", Xr = "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", Qr = "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", qr = "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", Dt = "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", Zr = "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", en = "apcDB", Ne = "APCObjectStore", tn = 1;
 function it() {
-  return new Promise((y, t) => {
-    const o = indexedDB.open(Yr, Kr);
+  return new Promise((g, t) => {
+    const o = indexedDB.open(en, tn);
     o.onupgradeneeded = function(i) {
-      let a = i.target.result, u;
-      a.objectStoreNames.contains(Ne) ? u = o.transaction.objectStore(Ne) : u = a.createObjectStore(Ne, { keyPath: "id" }), u.indexNames.contains("nameIndex") || u.createIndex("nameIndex", "name", { unique: !1 });
+      let l = i.target.result, u;
+      l.objectStoreNames.contains(Ne) ? u = o.transaction.objectStore(Ne) : u = l.createObjectStore(Ne, { keyPath: "id" }), u.indexNames.contains("nameIndex") || u.createIndex("nameIndex", "name", { unique: !1 });
     }, o.onsuccess = function(i) {
-      y(i.target.result);
+      g(i.target.result);
     }, o.onerror = function(i) {
       t("Database error: " + i.target.errorCode);
     };
   });
 }
-function De(y, t, o, i) {
-  return it().then((a) => new Promise((u, f) => {
-    const d = a.transaction(["APCObjectStore"], "readwrite"), j = d.objectStore("APCObjectStore"), l = { id: y, classification: t, content: o, misc: i }, m = j.put(l);
-    m.onsuccess = () => u(m.result), m.onerror = () => f(m.error), d.oncomplete = () => a.close();
+function De(g, t, o, i) {
+  return it().then((l) => new Promise((u, f) => {
+    const d = l.transaction(["APCObjectStore"], "readwrite"), b = d.objectStore("APCObjectStore"), a = { id: g, classification: t, content: o, misc: i }, v = b.put(a);
+    v.onsuccess = () => u(v.result), v.onerror = () => f(v.error), d.oncomplete = () => l.close();
   }));
 }
-function Ke(y) {
+function Xe(g) {
   return it().then((t) => new Promise((o, i) => {
-    const a = t.transaction([Ne], "readonly"), f = a.objectStore(Ne).get(y);
-    f.onsuccess = () => o(f.result), f.onerror = () => i(f.error), a.oncomplete = () => t.close();
+    const l = t.transaction([Ne], "readonly"), f = l.objectStore(Ne).get(g);
+    f.onsuccess = () => o(f.result), f.onerror = () => i(f.error), l.oncomplete = () => t.close();
   }));
 }
-function Xr(y) {
+function rn(g) {
   return it().then((t) => new Promise((o, i) => {
-    const a = t.transaction([Ne], "readwrite"), f = a.objectStore(Ne).delete(y);
-    f.onsuccess = () => o(), f.onerror = () => i(f.error), a.oncomplete = () => t.close();
+    const l = t.transaction([Ne], "readwrite"), f = l.objectStore(Ne).delete(g);
+    f.onsuccess = () => o(), f.onerror = () => i(f.error), l.oncomplete = () => t.close();
   }));
 }
-function Te(y = null) {
+function Ee(g = null) {
   return it().then((t) => new Promise((o, i) => {
-    const a = t.transaction([Ne], "readonly"), f = a.objectStore(Ne).openCursor(), d = [];
-    f.onsuccess = (j) => {
-      const l = j.target.result;
-      l ? ((!y || y(l.value)) && d.push(l.value), l.continue()) : o(d);
-    }, f.onerror = (j) => {
-      i("Failed to retrieve items: " + j.target.errorCode);
-    }, a.oncomplete = () => {
+    const l = t.transaction([Ne], "readonly"), f = l.objectStore(Ne).openCursor(), d = [];
+    f.onsuccess = (b) => {
+      const a = b.target.result;
+      a ? ((!g || g(a.value)) && d.push(a.value), a.continue()) : o(d);
+    }, f.onerror = (b) => {
+      i("Failed to retrieve items: " + b.target.errorCode);
+    }, l.oncomplete = () => {
       t.close();
     };
   }));
 }
-function Qr(y) {
-  const { currentTabNo: t, theme: o, apcCanvasInstance: i, apiEndpoint: a, reloadTabs: u, updateActiveSection: f, initCategory: d, initInstance: j, apiKey: l, setActiveTab: m } = y, [p, b] = S(), [s, g] = S(d || "Hats"), [h, v] = S(!1), [n, w] = S(), R = `${a}/api/v1/designer`;
-  re(() => {
-    I();
-  }, []), re(() => {
-    i && j && j.fabricID && L(j.fabricID);
-  }, [j]);
-  const I = () => {
-    v(!0);
-    const T = `${R}/search-designs-images/${s}`;
-    ye.get(T).then((E) => {
-      v(!1), E.data.object.length > 0 ? b(E.data) : w("No matching results found");
+function nn(g) {
+  const { currentTabNo: t, theme: o, apcCanvasInstance: i, apiEndpoint: l, reloadTabs: u, updateActiveSection: f, initCategory: d, initInstance: b, apiKey: a, setActiveTab: v } = g, [p, y] = M(), [s, m] = M(d || "Hats"), [h, j] = M(!1), [n, w] = M(), _ = `${l}/api/v1/designer`;
+  ie(() => {
+    A();
+  }, []), ie(() => {
+    i && b && b.fabricID && L(b.fabricID);
+  }, [b]);
+  const A = () => {
+    j(!0);
+    const I = `${_}/search-designs-images/${s}`;
+    ye.get(I).then((E) => {
+      j(!1), E.data.object.length > 0 ? y(E.data) : w("No matching results found");
     }).catch((E) => {
-      v(!1), console.error("Error fetching data:", E);
+      j(!1), console.error("Error fetching data:", E);
     });
-  }, L = (T) => {
-    const E = R + "/find-public-design/" + T;
-    ye.get(E).then((H) => {
-      const { object: Y } = H == null ? void 0 : H.data;
-      Y && (window.location.href = `/design-center/${Y.pdid}`);
-    }).catch((H) => {
-      console.error("Error fetching data:", H);
+  }, L = (I) => {
+    const E = _ + "/find-public-design/" + I;
+    ye.get(E).then((V) => {
+      const { object: K } = V == null ? void 0 : V.data;
+      K && (window.location.href = `/design-center/${K.pdid}`);
+    }).catch((V) => {
+      console.error("Error fetching data:", V);
     });
-  }, D = () => p ? p.object.map((T, E) => /* @__PURE__ */ e.jsx(K.Fragment, { children: /* @__PURE__ */ e.jsxs(
+  }, P = () => p ? p.object.map((I, E) => /* @__PURE__ */ e.jsx(T.Fragment, { children: /* @__PURE__ */ e.jsxs(
     "div",
     {
       style: {
@@ -720,7 +750,7 @@ function Qr(y) {
       },
       tabIndex: 0,
       className: "apc-mpx-widget-responsive-image-container",
-      onClick: () => L(T.fabricID),
+      onClick: () => L(I.fabricID),
       children: [
         /* @__PURE__ */ e.jsxs(
           "div",
@@ -736,23 +766,23 @@ function Qr(y) {
             },
             children: [
               "$",
-              T.product.price
+              I.product.price
             ]
           }
         ),
         /* @__PURE__ */ e.jsx(
           "img",
           {
-            src: T.imageURL,
-            alt: T.description,
+            src: I.imageURL,
+            alt: I.description,
             className: "apc-mpx-widget-responsive-image"
           }
         ),
-        /* @__PURE__ */ e.jsx("div", { children: T.product.name })
+        /* @__PURE__ */ e.jsx("div", { children: I.product.name })
       ]
     }
   ) }, E)) : null;
-  return /* @__PURE__ */ e.jsxs(K.Fragment, { children: [
+  return /* @__PURE__ */ e.jsxs(T.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 +790,7 @@ function Qr(y) {
         {
           placeholder: "Search templates",
           type: "text",
-          onChange: (T) => g(T.target.value),
+          onChange: (I) => m(I.target.value),
           className: "apc-mpc-widget-input",
           style: { border: `solid 3px ${o.primaryColor}`, height: "40px" }
         }
@@ -769,7 +799,7 @@ function Qr(y) {
         "button",
         {
           className: "apc-mpc-widget-btn",
-          onClick: () => I(),
+          onClick: () => A(),
           style: {
             backgroundColor: o.primaryColor,
             color: "#ffffff",
@@ -788,10 +818,10 @@ function Qr(y) {
     /* @__PURE__ */ e.jsx("br", {}),
     " ",
     /* @__PURE__ */ e.jsx("br", {}),
-    D()
+    P()
   ] });
 }
-const qr = {
+const sn = {
   fontFamily: "Arial",
   fontSize: "40px",
   // Assuming a default font size
@@ -801,7 +831,7 @@ const qr = {
   WebkitBackgroundClip: "text",
   backgroundClip: "text",
   cursor: "pointer"
-}, Zr = {
+}, on = {
   fontFamily: "comic sans ms",
   fontSize: "40px",
   color: "#000",
@@ -812,7 +842,7 @@ const qr = {
       -1px 1px 0 #ff0000,
       1px 1px 0 #ff0000`,
   cursor: "pointer"
-}, en = {
+}, cn = {
   fontFamily: "Arial",
   fontSize: "40px",
   // Adjust as needed
@@ -824,7 +854,7 @@ const qr = {
   // Apply skew transformations
   textAlign: "center",
   cursor: "pointer"
-}, tn = {
+}, an = {
   fontFamily: "Arial",
   fontSize: "40px",
   // Adjust as needed
@@ -834,7 +864,7 @@ const qr = {
   // Apply glowing effect
   textAlign: "center",
   cursor: "pointer"
-}, rn = {
+}, ln = {
   fontFamily: "Arial",
   fontSize: "40px",
   // Adjust the font size as needed
@@ -844,46 +874,46 @@ const qr = {
   // Background color of the text
   borderRadius: "5px",
   cursor: "pointer"
-}, nn = {
+}, dn = {
   color: "black",
   fontSize: "40px",
   opacity: "0.5",
   fontFamily: "Arial, sans-serif",
   cursor: "pointer"
 };
-function sn(y) {
-  const { apcCanvasInstance: t, isMobile: o, closeMobileModalSecondaryPanel: i } = y, a = (s, g) => {
-    const h = new _.Textbox("Stay Humble!", {
+function hn(g) {
+  const { apcCanvasInstance: t, isMobile: o, closeMobileModalSecondaryPanel: i } = g, l = (s, m) => {
+    const h = new B.Textbox("Stay Humble!", {
       width: 300,
       left: 200,
       top: 200,
       fontFamily: s,
-      fill: g,
+      fill: m,
       hasControls: !0
     });
     t.add(h), t.setActiveObject(h), o && i(!0);
-  }, u = ({ primaryTextLabel: s, primaryTextFontFamily: g, primaryTextColor: h, secondaryTextLabel: v, SecondaryTextFontFamily: n, secondaryTextColor: w }) => {
-    const R = new _.Textbox(s, {
-      fontFamily: g,
+  }, u = ({ primaryTextLabel: s, primaryTextFontFamily: m, primaryTextColor: h, secondaryTextLabel: j, SecondaryTextFontFamily: n, secondaryTextColor: w }) => {
+    const _ = new B.Textbox(s, {
+      fontFamily: m,
       width: 300,
       left: 200,
       top: 200,
       fill: h
-    }), I = new _.Textbox(v, {
+    }), A = new B.Textbox(j, {
       fontFamily: n,
       fill: w,
       fontSize: 12,
       width: 150
     });
-    I.top = R.top + R.height + 10, I.left = R.left, t.add(R), t.add(I), t.setActiveObject(R), o && i(!0);
-  }, f = (s, g) => {
-    const h = new _.Textbox("Adventure Awaits!", {
+    A.top = _.top + _.height + 10, A.left = _.left, t.add(_), t.add(A), t.setActiveObject(_), o && i(!0);
+  }, f = (s, m) => {
+    const h = new B.Textbox("Adventure Awaits!", {
       width: 300,
       left: 200,
       top: 200,
       fontFamily: s,
-      fill: g
-    }), v = {
+      fill: m
+    }), j = {
       color: "rgba(0,0,0,0.5)",
       // Shadow color
       blur: 10,
@@ -893,14 +923,14 @@ function sn(y) {
       offsetY: 5
       // Vertical offset of shadow
     };
-    h.shadow = v, t.add(h), t.setActiveObject(h), o && i(!0);
+    h.shadow = j, t.add(h), t.setActiveObject(h), o && i(!0);
   }, d = () => {
-    const s = new _.Textbox("Love More", {
+    const s = new B.Textbox("Love More", {
       left: 100,
       top: 100,
       width: 300,
       fontFamily: "Arial",
-      fill: new _.Gradient({
+      fill: new B.Gradient({
         type: "linear",
         gradientUnits: "pixels",
         // or 'percentage'
@@ -912,8 +942,8 @@ function sn(y) {
       })
     });
     t.add(s), t.setActiveObject(s), o && i(!0);
-  }, j = () => {
-    const s = new _.Textbox("Good Vibes Only", {
+  }, b = () => {
+    const s = new B.Textbox("Good Vibes Only", {
       left: 150,
       top: 150,
       fontFamily: "comic sans ms",
@@ -924,8 +954,8 @@ function sn(y) {
       strokeWidth: 2
     });
     t.add(s), t.setActiveObject(s), o && i(!0);
-  }, l = () => {
-    const s = new _.Textbox("Dream Big", {
+  }, a = () => {
+    const s = new B.Textbox("Dream Big", {
       left: 300,
       top: 300,
       width: 300,
@@ -935,8 +965,8 @@ function sn(y) {
       skewY: 10
     });
     t.add(s), t.setActiveObject(s), o && i(!0);
-  }, m = () => {
-    const s = new _.Textbox("Choose Joy", {
+  }, v = () => {
+    const s = new B.Textbox("Choose Joy", {
       left: 350,
       top: 350,
       fontFamily: "Arial",
@@ -945,7 +975,7 @@ function sn(y) {
     });
     t.add(s), t.setActiveObject(s), o && i(!0);
   }, p = () => {
-    const s = new _.Textbox("Find Your Fire", {
+    const s = new B.Textbox("Find Your Fire", {
       left: 550,
       top: 550,
       fontFamily: "Arial",
@@ -953,8 +983,8 @@ function sn(y) {
       shadow: "yellow 0 0 10px"
     });
     t.add(s), t.setActiveObject(s), o && i(!0);
-  }, b = () => {
-    const s = new _.Textbox("Be Kind", {
+  }, y = () => {
+    const s = new B.Textbox("Be Kind", {
       left: 650,
       top: 650,
       fontFamily: "Arial",
@@ -963,12 +993,12 @@ function sn(y) {
     });
     t.add(s), t.setActiveObject(s), o && i(!0);
   };
-  return /* @__PURE__ */ e.jsx(K.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
+  return /* @__PURE__ */ e.jsx(T.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
     /* @__PURE__ */ e.jsx(
       "div",
       {
         style: { fontSize: "20px", cursor: "pointer" },
-        onClick: () => a("Arial, sans-serif", "#6a45d2"),
+        onClick: () => l("Arial, sans-serif", "#6a45d2"),
         children: /* @__PURE__ */ e.jsx("span", { style: {
           color: "#6a45d2",
           fontFamily: "Arial, sans-serif",
@@ -1044,51 +1074,51 @@ function sn(y) {
         }, children: "Adventure Awaits " })
       }
     ),
-    /* @__PURE__ */ e.jsx("div", { onClick: () => d(), style: qr, children: "Love More" }),
-    /* @__PURE__ */ e.jsx("div", { onClick: () => j(), style: Zr, children: "Good Vibes Only" }),
-    /* @__PURE__ */ e.jsx("div", { onClick: () => l(), style: en, children: "Dream Big" }),
-    /* @__PURE__ */ e.jsx("div", { onClick: () => p(), style: tn, children: "Find Your Fire" }),
-    /* @__PURE__ */ e.jsx("div", { onClick: () => b(), style: rn, children: "Be Kind" }),
-    /* @__PURE__ */ e.jsx("div", { onClick: () => m(), style: nn, children: "Choose Joy" })
+    /* @__PURE__ */ e.jsx("div", { onClick: () => d(), style: sn, children: "Love More" }),
+    /* @__PURE__ */ e.jsx("div", { onClick: () => b(), style: on, children: "Good Vibes Only" }),
+    /* @__PURE__ */ e.jsx("div", { onClick: () => a(), style: cn, children: "Dream Big" }),
+    /* @__PURE__ */ e.jsx("div", { onClick: () => p(), style: an, children: "Find Your Fire" }),
+    /* @__PURE__ */ e.jsx("div", { onClick: () => y(), style: ln, children: "Be Kind" }),
+    /* @__PURE__ */ e.jsx("div", { onClick: () => v(), style: dn, children: "Choose Joy" })
   ] }) });
 }
-const _t = async (y) => {
+const Pt = async (g) => {
   try {
-    const o = await (await fetch(y)).blob();
-    return new Promise((i, a) => {
+    const o = await (await fetch(g)).blob();
+    return new Promise((i, l) => {
       const u = new FileReader();
-      u.onloadend = () => i(u.result), u.onerror = a, u.readAsDataURL(o);
+      u.onloadend = () => i(u.result), u.onerror = l, u.readAsDataURL(o);
     });
   } catch (t) {
     throw console.error("Error converting image to base64:", t), t;
   }
 };
-function on({ apcCanvasInstance: y, theme: t }) {
-  const [o, i] = S(!1), a = (l) => {
-    const m = l.target.files[0];
-    if (m) {
+function pn({ apcCanvasInstance: g, theme: t }) {
+  const [o, i] = M(!1), l = (a) => {
+    const v = a.target.files[0];
+    if (v) {
       const p = new FileReader();
-      p.onload = (b) => f(b.target.result), p.readAsDataURL(m);
+      p.onload = (y) => f(y.target.result), p.readAsDataURL(v);
     }
-  }, u = (l) => {
-    l.preventDefault(), i(!1);
-    const m = l.dataTransfer.files[0];
-    if (m) {
+  }, u = (a) => {
+    a.preventDefault(), i(!1);
+    const v = a.dataTransfer.files[0];
+    if (v) {
       const p = new FileReader();
-      p.onload = (b) => f(b.target.result), p.readAsDataURL(m);
+      p.onload = (y) => f(y.target.result), p.readAsDataURL(v);
     }
-  }, f = (l) => {
-    _.Image.fromURL(l, (m) => {
-      m.set({
+  }, f = (a) => {
+    B.Image.fromURL(a, (v) => {
+      v.set({
         left: 100,
         top: 100,
         scaleX: 0.5,
         scaleY: 0.5
-      }), y.add(m);
+      }), g.add(v);
     });
-  }, d = (l) => {
-    l.preventDefault(), i(!0);
-  }, j = () => {
+  }, d = (a) => {
+    a.preventDefault(), i(!0);
+  }, b = () => {
     i(!1);
   };
   return /* @__PURE__ */ e.jsxs(
@@ -1107,7 +1137,7 @@ function on({ apcCanvasInstance: y, theme: t }) {
         // For overlaying the icon
       },
       onDragOver: d,
-      onDragLeave: j,
+      onDragLeave: b,
       onDrop: u,
       onClick: () => document.getElementById("file-input").click(),
       children: [
@@ -1120,7 +1150,7 @@ function on({ apcCanvasInstance: y, theme: t }) {
               display: "none"
             },
             id: "file-input",
-            onChange: a
+            onChange: l
           }
         ),
         /* @__PURE__ */ e.jsxs(
@@ -1144,7 +1174,7 @@ function on({ apcCanvasInstance: y, theme: t }) {
                   width: "18",
                   viewBox: "0 0 512 512",
                   style: { fill: t.primaryColor },
-                  children: /* @__PURE__ */ e.jsx("path", { d: Rt })
+                  children: /* @__PURE__ */ e.jsx("path", { d: Dt })
                 }
               ),
               /* @__PURE__ */ e.jsx("br", {}),
@@ -1180,8 +1210,8 @@ function on({ apcCanvasInstance: y, theme: t }) {
     }
   );
 }
-function ct(y) {
-  const { featureText: t } = y;
+function ct(g) {
+  const { featureText: t } = g;
   return /* @__PURE__ */ e.jsxs("div", { style: { padding: "10px" }, children: [
     t ?? "This is a premium feature. Get API key here",
     "  ",
@@ -1189,7 +1219,7 @@ function ct(y) {
     /* @__PURE__ */ e.jsx("br", {})
   ] });
 }
-function lt() {
+function at() {
   return /* @__PURE__ */ e.jsxs("div", { className: "loading-container", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "spinner", children: [
       /* @__PURE__ */ e.jsx("div", { className: "spinner-circle" }),
@@ -1198,54 +1228,54 @@ function lt() {
     /* @__PURE__ */ e.jsx("p", { className: "loading-text", children: "Loading..." })
   ] });
 }
-function cn(y) {
-  const { apcCanvasInstance: t, theme: o, apiKey: i, apiEndpoint: a, isMobile: u, closeMobileModalSecondaryPanel: f } = y, [d, j] = S("flowers"), [l, m] = S(!1), [p, b] = S(), [s, g] = S(!1), [h, v] = S(!1), n = sessionStorage.getItem("apc_x_sub_status"), w = `${a}/api/v1/designer`;
-  re(() => {
-    I();
-  }, []), re(() => {
+function un(g) {
+  const { apcCanvasInstance: t, theme: o, apiKey: i, apiEndpoint: l, isMobile: u, closeMobileModalSecondaryPanel: f } = g, [d, b] = M("flowers"), [a, v] = M(!1), [p, y] = M(), [s, m] = M(!1), [h, j] = M(!1), n = sessionStorage.getItem("apc_x_sub_status"), w = `${l}/api/v1/designer`;
+  ie(() => {
+    A();
+  }, []), ie(() => {
     (async () => {
-      n === "active" ? (g(!0), v(!0)) : (m(!0), await R());
+      n === "active" ? (m(!0), j(!0)) : (v(!0), await _());
     })();
   }, []);
-  const R = () => {
-    m(!0);
+  const _ = () => {
+    v(!0);
     const E = `${w}/get-subscription-status/${i}`;
-    ye.get(E).then((H) => {
-      H.data.object && H.data.object === "active" && (sessionStorage.setItem("apc_x_sub_status", "active"), g(!0));
-    }).catch((H) => {
+    ye.get(E).then((V) => {
+      V.data.object && V.data.object === "active" && (sessionStorage.setItem("apc_x_sub_status", "active"), m(!0));
+    }).catch((V) => {
       sessionStorage.setItem("apc_x_sub_status", "");
     }).finally(() => {
-      m(!1), v(!0);
+      v(!1), j(!0);
     });
-  }, I = () => {
-    m(!0);
+  }, A = () => {
+    v(!0);
     const E = {
       "X-Api-Key": i
-    }, H = `${w}/get-images/${d}`;
-    ye.get(H, { headers: E }).then((Y) => {
-      var J;
-      m(!1), b((J = Y.data) == null ? void 0 : J.object);
-    }).catch((Y) => {
-      console.error("Error fetching data:", Y), m(!1);
+    }, V = `${w}/get-images/${d}`;
+    ye.get(V, { headers: E }).then((K) => {
+      var Y;
+      v(!1), y((Y = K.data) == null ? void 0 : Y.object);
+    }).catch((K) => {
+      console.error("Error fetching data:", K), v(!1);
     });
   }, L = async (E) => {
-    const H = await _t(E);
-    H && _.Image.fromURL(H, (Y) => {
-      Y.set({
+    const V = await Pt(E);
+    V && B.Image.fromURL(V, (K) => {
+      K.set({
         left: 0,
         top: 0,
         scaleX: 0.3,
         scaleY: 0.3
-      }), t.add(Y);
+      }), t.add(K);
     }), u && f(!0);
-  }, D = () => p ? /* @__PURE__ */ e.jsx("div", { children: p.map((E) => /* @__PURE__ */ e.jsx("div", { onClick: () => L(E.urls.regular), style: { cursor: "pointer" }, children: /* @__PURE__ */ e.jsx("img", { height: 300, width: 300, src: E.urls.regular, alt: E.description || "No description" }) }, E.id)) }) : null, T = () => !s && !l && h ? /* @__PURE__ */ e.jsx(ct, { featureText: "Get premium AI images with subscription  at " }) : s && !l && h ? /* @__PURE__ */ e.jsxs("div", { children: [
+  }, P = () => p ? /* @__PURE__ */ e.jsx("div", { children: p.map((E) => /* @__PURE__ */ e.jsx("div", { onClick: () => L(E.urls.regular), style: { cursor: "pointer" }, children: /* @__PURE__ */ e.jsx("img", { height: 300, width: 300, src: E.urls.regular, alt: E.description || "No description" }) }, E.id)) }) : null, I = () => !s && !a && h ? /* @__PURE__ */ e.jsx(ct, { featureText: "Get premium AI images with subscription  at " }) : s && !a && h ? /* @__PURE__ */ e.jsxs("div", { children: [
     /* @__PURE__ */ e.jsx("strong", { children: "- OR -" }),
     /* @__PURE__ */ e.jsxs("div", { children: [
       /* @__PURE__ */ e.jsx(
         "input",
         {
           type: "text",
-          onChange: (E) => j(E.target.value),
+          onChange: (E) => b(E.target.value),
           className: "apc-mpc-widget-input",
           style: { border: `solid 3px ${o.primaryColor}` }
         }
@@ -1257,31 +1287,31 @@ function cn(y) {
         "button",
         {
           className: "apc-mpc-widget-btn",
-          onClick: () => I(),
+          onClick: () => A(),
           style: {
             backgroundColor: o.primaryColor,
             color: "#ffffff"
           },
-          children: l ? "...Processing" : "Search"
+          children: a ? "...Processing" : "Search"
         }
       )
     ] }),
     /* @__PURE__ */ e.jsx("br", {}),
     /* @__PURE__ */ e.jsx("br", {}),
-    D()
-  ] }) : /* @__PURE__ */ e.jsx(lt, {});
-  return /* @__PURE__ */ e.jsxs(K.Fragment, { children: [
+    P()
+  ] }) : /* @__PURE__ */ e.jsx(at, {});
+  return /* @__PURE__ */ e.jsxs(T.Fragment, { children: [
     /* @__PURE__ */ e.jsx("br", {}),
     /* @__PURE__ */ e.jsx("br", {}),
-    /* @__PURE__ */ e.jsx(on, { apcCanvasInstance: t, theme: o }),
+    /* @__PURE__ */ e.jsx(pn, { apcCanvasInstance: t, theme: o }),
     /* @__PURE__ */ e.jsx("br", {}),
     /* @__PURE__ */ e.jsx("br", {}),
-    T()
+    I()
   ] });
 }
-function Mt(y) {
-  const { apcCanvasInstance: t, theme: o, isMobile: i, closeMobileModalSecondaryPanel: a } = y, u = (v) => {
-    const n = new _.Rect({
+function Rt(g) {
+  const { apcCanvasInstance: t, theme: o, isMobile: i, closeMobileModalSecondaryPanel: l } = g, u = (j) => {
+    const n = new B.Rect({
       width: 100,
       height: 60,
       left: 200,
@@ -1289,18 +1319,18 @@ function Mt(y) {
       fill: "",
       stroke: o.primaryColor
     });
-    t.add(n), t.setActiveObject(n), i && a(!0);
-  }, f = (v) => {
-    const n = new _.Circle({
+    t.add(n), t.setActiveObject(n), i && l(!0);
+  }, f = (j) => {
+    const n = new B.Circle({
       radius: 30,
       fill: "",
       stroke: o.primaryColor,
       left: 200,
       top: 200
     });
-    t.add(n), t.setActiveObject(n), i && a(!0);
-  }, d = (v) => {
-    const n = new _.Triangle({
+    t.add(n), t.setActiveObject(n), i && l(!0);
+  }, d = (j) => {
+    const n = new B.Triangle({
       width: 40,
       height: 50,
       fill: "",
@@ -1308,32 +1338,32 @@ function Mt(y) {
       left: 200,
       top: 200
     });
-    t.add(n), t.setActiveObject(n), i && a(!0);
-  }, j = (v) => {
-    const n = new _.Line([50, 10, 250, 10], {
+    t.add(n), t.setActiveObject(n), i && l(!0);
+  }, b = (j) => {
+    const n = new B.Line([50, 10, 250, 10], {
       fill: "",
       stroke: o.primaryColor,
       left: 200,
       top: 200
     });
-    t.add(n), t.setActiveObject(n), i && a(!0);
-  }, l = (v, n, w) => {
-    const R = n, I = n, L = Math.PI / v;
-    let D = [], T = 0;
-    for (let E = 0; E < v; E++) {
-      let H = R + Math.cos(T) * n, Y = I + Math.sin(T) * n;
-      D.push({ x: H, y: Y }), T += L, H = R + Math.cos(T) * w, Y = I + Math.sin(T) * w, D.push({ x: H, y: Y }), T += L;
+    t.add(n), t.setActiveObject(n), i && l(!0);
+  }, a = (j, n, w) => {
+    const _ = n, A = n, L = Math.PI / j;
+    let P = [], I = 0;
+    for (let E = 0; E < j; E++) {
+      let V = _ + Math.cos(I) * n, K = A + Math.sin(I) * n;
+      P.push({ x: V, y: K }), I += L, V = _ + Math.cos(I) * w, K = A + Math.sin(I) * w, P.push({ x: V, y: K }), I += L;
     }
-    return D;
-  }, m = (v, n) => {
-    const w = Math.PI * 2 / v, R = n, I = n, L = [];
-    for (let D = 0; D < v; D++) {
-      const T = R + n * Math.cos(D * w), E = I + n * Math.sin(D * w);
-      L.push({ x: T, y: E });
+    return P;
+  }, v = (j, n) => {
+    const w = Math.PI * 2 / j, _ = n, A = n, L = [];
+    for (let P = 0; P < j; P++) {
+      const I = _ + n * Math.cos(P * w), E = A + n * Math.sin(P * w);
+      L.push({ x: I, y: E });
     }
     return L;
-  }, p = (v) => {
-    const n = l(5, 60, 30), w = new _.Polygon(n, {
+  }, p = (j) => {
+    const n = a(5, 60, 30), w = new B.Polygon(n, {
       left: 200,
       top: 200,
       fill: "",
@@ -1341,9 +1371,9 @@ function Mt(y) {
       strokeWidth: 2,
       strokeLineJoin: "bevil"
     }, !1);
-    t.add(w), t.setActiveObject(w), i && a(!0);
-  }, b = (v) => {
-    const n = m(6, 30), w = new _.Polygon(n, {
+    t.add(w), t.setActiveObject(w), i && l(!0);
+  }, y = (j) => {
+    const n = v(6, 30), w = new B.Polygon(n, {
       left: 200,
       top: 200,
       fill: "",
@@ -1351,35 +1381,35 @@ function Mt(y) {
       strokeWidth: 2,
       strokeLineJoin: "bevil"
     }, !1);
-    t.add(w), t.setActiveObject(w), i && a(!0);
-  }, s = (v) => {
-    const n = new _.Path(bt, {
+    t.add(w), t.setActiveObject(w), i && l(!0);
+  }, s = (j) => {
+    const n = new B.Path(wt, {
       fill: "",
       stroke: o.primaryColor,
       left: 200,
       top: 200
     });
-    t.add(n), t.setActiveObject(n), i && a(!0);
-  }, g = (v) => {
-    const n = new _.Path(yt, {
+    t.add(n), t.setActiveObject(n), i && l(!0);
+  }, m = (j) => {
+    const n = new B.Path(Ct, {
       fill: "",
       stroke: o.primaryColor,
       left: 200,
       top: 200
     });
-    t.add(n), t.setActiveObject(n), i && a(!0);
-  }, h = (v) => {
-    const n = new _.Path(ht, {
+    t.add(n), t.setActiveObject(n), i && l(!0);
+  }, h = (j) => {
+    const n = new B.Path(ht, {
       fill: "",
       stroke: o.primaryColor,
       left: 200,
       top: 200
     });
-    t.add(n), t.setActiveObject(n), i && a(!0);
+    t.add(n), t.setActiveObject(n), i && l(!0);
   };
-  return t ? /* @__PURE__ */ e.jsxs(K.Fragment, { children: [
+  return t ? /* @__PURE__ */ e.jsxs(T.Fragment, { children: [
     /* @__PURE__ */ e.jsx("br", {}),
-    /* @__PURE__ */ e.jsx("div", { onClick: (v) => u(), style: { fontSize: "50px", cursor: "pointer" }, children: /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { onClick: (j) => u(), style: { fontSize: "50px", cursor: "pointer" }, children: /* @__PURE__ */ e.jsx(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -1395,7 +1425,7 @@ function Mt(y) {
     /* @__PURE__ */ e.jsx(
       "div",
       {
-        onClick: (v) => f(),
+        onClick: (j) => f(),
         style: { fontSize: "50px", cursor: "pointer" },
         children: /* @__PURE__ */ e.jsx(
           "svg",
@@ -1415,7 +1445,7 @@ function Mt(y) {
     /* @__PURE__ */ e.jsx(
       "div",
       {
-        onClick: (v) => d(),
+        onClick: (j) => d(),
         draggable: !0,
         style: { fontSize: "50px", cursor: "pointer" },
         children: /* @__PURE__ */ e.jsx(
@@ -1441,7 +1471,7 @@ function Mt(y) {
     /* @__PURE__ */ e.jsx(
       "div",
       {
-        onClick: (v) => p(),
+        onClick: (j) => p(),
         style: { fontSize: "50px", cursor: "pointer" },
         children: /* @__PURE__ */ e.jsx(
           "svg",
@@ -1466,7 +1496,7 @@ function Mt(y) {
     /* @__PURE__ */ e.jsx(
       "div",
       {
-        onClick: (v) => b(),
+        onClick: (j) => y(),
         style: { fontSize: "50px", cursor: "pointer" },
         children: /* @__PURE__ */ e.jsx(
           "svg",
@@ -1488,7 +1518,7 @@ function Mt(y) {
     /* @__PURE__ */ e.jsx(
       "div",
       {
-        onClick: (v) => j(),
+        onClick: (j) => b(),
         style: { fontSize: "50px", cursor: "pointer" },
         children: /* @__PURE__ */ e.jsx(
           "svg",
@@ -1509,7 +1539,7 @@ function Mt(y) {
     /* @__PURE__ */ e.jsx(
       "div",
       {
-        onClick: (v) => s(),
+        onClick: (j) => s(),
         style: { fontSize: "50px", cursor: "pointer" },
         children: /* @__PURE__ */ e.jsx(
           "svg",
@@ -1524,7 +1554,7 @@ function Mt(y) {
             children: /* @__PURE__ */ e.jsx(
               "path",
               {
-                d: bt
+                d: wt
               }
             )
           }
@@ -1534,7 +1564,7 @@ function Mt(y) {
     /* @__PURE__ */ e.jsx(
       "div",
       {
-        onClick: (v) => g(),
+        onClick: (j) => m(),
         style: { fontSize: "50px", cursor: "pointer" },
         children: /* @__PURE__ */ e.jsx(
           "svg",
@@ -1546,7 +1576,7 @@ function Mt(y) {
             fill: "none",
             strokeWidth: "4",
             stroke: o.primaryColor,
-            children: /* @__PURE__ */ e.jsx("path", { d: yt })
+            children: /* @__PURE__ */ e.jsx("path", { d: Ct })
           }
         )
       }
@@ -1554,7 +1584,7 @@ function Mt(y) {
     /* @__PURE__ */ e.jsx(
       "div",
       {
-        onClick: (v) => h(),
+        onClick: (j) => h(),
         style: { fontSize: "50px", cursor: "pointer" },
         children: /* @__PURE__ */ e.jsx(
           "svg",
@@ -1573,92 +1603,92 @@ function Mt(y) {
     )
   ] }) : null;
 }
-function ln(y) {
-  const { apcCanvasInstance: t, theme: o, isMobile: i, closeMobileModalSecondaryPanel: a } = y, u = (d) => {
-    const j = new _.Path(d, {
+function fn(g) {
+  const { apcCanvasInstance: t, theme: o, isMobile: i, closeMobileModalSecondaryPanel: l } = g, u = (d) => {
+    const b = new B.Path(d, {
       left: 200,
       top: 200,
       fill: o.primaryColor,
       scaleX: 0.1,
       scaleY: 0.1
     });
-    t.add(j), t.setActiveObject(j), i && a(!0);
+    t.add(b), t.setActiveObject(b), i && l(!0);
   }, f = (d) => {
     switch (d) {
       case "icon-phone":
-        u(mr);
+        u(Cr);
         break;
       case "icon-question":
-        u(gr);
+        u(wr);
         break;
       case "icon-clock":
-        u(vr);
+        u(Sr);
         break;
       case "icon-twitter":
-        u(jr);
+        u(kr);
         break;
       case "icon-check":
-        u(br);
+        u(Nr);
         break;
       case "icon-pointer":
-        u(yr);
+        u(Or);
         break;
       case "icon-mail":
-        u(wr);
+        u(Ar);
         break;
       case "icon-dollar":
-        u(Cr);
+        u(Ir);
         break;
       case "icon-graduation":
-        u(wt);
+        u(St);
         break;
       case "icon-business-suit":
-        u(Sr);
+        u(Er);
         break;
       case "icon-chat":
-        u(kr);
+        u(Tr);
         break;
       case "icon-thumbs-up":
-        u(Nr);
+        u(Mr);
         break;
       case "icon-wifi":
-        u(Or);
+        u(zr);
         break;
       case "icon-info":
-        u(kt);
+        u(Ot);
         break;
       case "icon-cart":
-        u(St);
+        u(Nt);
         break;
       case "icon-comment":
-        u(Ct);
+        u(kt);
         break;
       case "icon-location-map":
-        u(Nt);
+        u(At);
         break;
       case "icon-heart-1":
-        u(Ot);
+        u(It);
         break;
       case "icon-arrow-right-1":
         u(ht);
         break;
       case "icon-xmark":
-        u(At);
+        u(Et);
         break;
       case "icon-cloud":
-        u(It);
+        u(Tt);
         break;
       case "icon-smile":
-        u(Tt);
+        u(Mt);
         break;
       case "icon-like":
-        u(Et);
+        u(zt);
         break;
       default:
         console.log("no matching type");
     }
   };
-  return /* @__PURE__ */ e.jsx(K.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { style: { padding: "5px" }, className: i ? "apc-mpx-widget-secondary-icons-mobile" : "apc-mpx-widget-secondary-icons", children: [
+  return /* @__PURE__ */ e.jsx(T.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { style: { padding: "5px" }, className: i ? "apc-mpx-widget-secondary-icons-mobile" : "apc-mpx-widget-secondary-icons", children: [
     /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (d) => 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",
       {
@@ -1715,7 +1745,7 @@ function ln(y) {
         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: (d) => 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: o.primaryColor, d: wt }) }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (d) => 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: o.primaryColor, d: St }) }) }),
     /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (d) => 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",
       {
@@ -1744,28 +1774,28 @@ function ln(y) {
         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: (d) => 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: o.primaryColor, d: kt }) }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (d) => 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: o.primaryColor, d: St }) }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (d) => 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: o.primaryColor, d: Ct }) }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (d) => 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: o.primaryColor, d: Nt }) }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (d) => 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: o.primaryColor, d: Ot }) }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (d) => 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: o.primaryColor, d: Ar }) }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (d) => 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: o.primaryColor, d: At }) }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (d) => 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: o.primaryColor, d: It }) }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (d) => 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: o.primaryColor, d: Tt }) }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (d) => 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: o.primaryColor, d: Et }) }) })
+    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (d) => 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: o.primaryColor, d: Ot }) }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (d) => 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: o.primaryColor, d: Nt }) }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (d) => 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: o.primaryColor, d: kt }) }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (d) => 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: o.primaryColor, d: At }) }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (d) => 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: o.primaryColor, d: It }) }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (d) => 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: o.primaryColor, d: Rr }) }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (d) => 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: o.primaryColor, d: Et }) }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (d) => 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: o.primaryColor, d: Tt }) }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (d) => 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: o.primaryColor, d: Mt }) }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-secondary-icon", onClick: (d) => 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: o.primaryColor, d: zt }) }) })
   ] }) });
 }
-const Xe = ({ defaultValue: y, size: t, ariaLabel: o, onChange: i }) => {
-  const [a, u] = S(y), f = (d) => {
-    const j = d.target.value;
-    u(j), i(j);
+const Qe = ({ defaultValue: g, size: t, ariaLabel: o, onChange: i }) => {
+  const [l, u] = M(g), f = (d) => {
+    const b = d.target.value;
+    u(b), i(b);
   };
   return /* @__PURE__ */ e.jsx(
     "input",
     {
       type: "range",
-      value: a,
+      value: l,
       min: "0",
       max: "100",
       step: "1",
@@ -1775,64 +1805,64 @@ const Xe = ({ defaultValue: y, size: t, ariaLabel: o, onChange: i }) => {
     }
   );
 };
-function zt(y) {
-  const { apcCanvasInstance: t, theme: o } = y, [i, a] = K.useState(!1), u = K.useRef(null), f = () => {
-    a((s) => !s);
+function Lt(g) {
+  const { apcCanvasInstance: t, theme: o } = g, [i, l] = T.useState(!1), u = T.useRef(null), f = () => {
+    l((s) => !s);
   }, d = (s) => {
-    u.current && u.current.contains(s.target) || a(!1);
+    u.current && u.current.contains(s.target) || l(!1);
   };
-  re(() => (document.addEventListener("mousedown", d), () => {
+  ie(() => (document.addEventListener("mousedown", d), () => {
     document.removeEventListener("mousedown", d);
   }), []);
-  const j = (s, g) => {
+  const b = (s, m) => {
     if (t.getActiveObject()) {
-      if (g === "family" && t.getActiveObject().set({
+      if (m === "family" && t.getActiveObject().set({
         fontFamily: s
-      }), g === "bold" && t.getActiveObject().set({
+      }), m === "bold" && t.getActiveObject().set({
         fontWeight: s
-      }), g === "italic" && t.getActiveObject().set({
+      }), m === "italic" && t.getActiveObject().set({
         fontStyle: s
-      }), g === "underline" && t.getActiveObject().set({
+      }), m === "underline" && t.getActiveObject().set({
         underline: s
-      }), g === "line-through" && t.getActiveObject().set({
+      }), m === "line-through" && t.getActiveObject().set({
         linethrough: s
-      }), g === "overline" && t.getActiveObject().set({
+      }), m === "overline" && t.getActiveObject().set({
         overline: s
-      }), g === "color" && t.getActiveObject().set({
+      }), m === "color" && t.getActiveObject().set({
         fill: s
-      }), g === "shadow") {
+      }), m === "shadow") {
         const h = document.getElementById("apc-text-shadow-color").value;
-        let v = document.getElementById("apc-text-shadow-horiz").value, n = document.getElementById("apc-text-shadow-vert").value, w = document.getElementById("apc-text-shadow-blur").value;
-        v || (v = 5), n || (n = 5), w || (w = 5), t.getActiveObject().set({
-          shadow: h + " " + v + " " + n + " " + w
+        let j = document.getElementById("apc-text-shadow-horiz").value, n = document.getElementById("apc-text-shadow-vert").value, w = document.getElementById("apc-text-shadow-blur").value;
+        j || (j = 5), n || (n = 5), w || (w = 5), t.getActiveObject().set({
+          shadow: h + " " + j + " " + n + " " + w
         });
       }
-      if (g === "stroke") {
+      if (m === "stroke") {
         const h = document.getElementById("apc-text-stroke-color").value;
-        let v = document.getElementById("apc-text-stroke-width").value;
-        v || (v = 1), t.getActiveObject().set({
+        let j = document.getElementById("apc-text-stroke-width").value;
+        j || (j = 1), t.getActiveObject().set({
           stroke: h,
-          strokeWidth: v
+          strokeWidth: j
         });
       }
-      g === "bg-color" && t.getActiveObject().set({
+      m === "bg-color" && t.getActiveObject().set({
         textBackgroundColor: s
-      }), g === "font-size" && t.getActiveObject().set({
+      }), m === "font-size" && t.getActiveObject().set({
         fontSize: s
       }), t && t.renderAll();
     }
-  }, l = (s) => {
+  }, a = (s) => {
     if (t.getActiveObject()) {
-      const g = parseFloat(s / 100);
+      const m = parseFloat(s / 100);
       t.getActiveObject().set({
-        opacity: g.toFixed(1)
+        opacity: m.toFixed(1)
       }), t && t.renderAll();
     }
-  }, m = ({ color: s, x: g, y: h, blur: v }) => {
+  }, v = ({ color: s, x: m, y: h, blur: j }) => {
     if (t.getActiveObject()) {
       const n = t.getActiveObject().shadow;
-      s || (s = n ? n.color : "#6a45d2"), g || (g = n ? n.offsetX : 5), h || (h = n ? n.offsetY : 5), v || (v = n ? n.blur : 5), t.getActiveObject().set({
-        shadow: s + " " + g + " " + h + " " + v
+      s || (s = n ? n.color : "#6a45d2"), m || (m = n ? n.offsetX : 5), h || (h = n ? n.offsetY : 5), j || (j = n ? n.blur : 5), t.getActiveObject().set({
+        shadow: s + " " + m + " " + h + " " + j
       }), t && t.renderAll();
     }
   }, p = () => /* @__PURE__ */ e.jsxs("div", { className: "apc-mpx-widget-button-group-container", children: [
@@ -1854,7 +1884,7 @@ function zt(y) {
               "path",
               {
                 fill: o.primaryColor,
-                d: Vr
+                d: Yr
               }
             )
           }
@@ -1873,19 +1903,19 @@ function zt(y) {
               {
                 style: { height: "25px", width: "25px", border: "none" },
                 type: "color",
-                onChange: (s) => j(s.target.value, "bg-color")
+                onChange: (s) => b(s.target.value, "bg-color")
               }
             )
           ] }),
           /* @__PURE__ */ e.jsxs("div", { style: { marginLeft: "10px" }, children: [
             " Opacity",
             /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
-              Xe,
+              Qe,
               {
                 defaultValue: 100,
                 size: "small",
                 "aria-label": "Opacity",
-                onChange: (s) => l(s)
+                onChange: (s) => a(s)
               }
             ) })
           ] })
@@ -1899,7 +1929,7 @@ function zt(y) {
               {
                 type: "text",
                 style: { height: "22px", width: "20px" },
-                onChange: (s) => m({ blur: s.target.value })
+                onChange: (s) => v({ blur: s.target.value })
               }
             )
           ] }),
@@ -1910,31 +1940,31 @@ function zt(y) {
               {
                 style: { height: "25px", width: "25px", border: "none" },
                 type: "color",
-                onChange: (s) => m({ color: s.target.value })
+                onChange: (s) => v({ color: s.target.value })
               }
             )
           ] }),
           /* @__PURE__ */ e.jsxs("div", { style: { marginLeft: "10px" }, children: [
             " Offset X",
             /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
-              Xe,
+              Qe,
               {
                 defaultValue: 0,
                 size: "small",
                 "aria-label": "Opacity",
-                onChange: (s) => m({ x: s })
+                onChange: (s) => v({ x: s })
               }
             ) })
           ] }),
           /* @__PURE__ */ e.jsxs("div", { style: { marginLeft: "10px" }, children: [
             " Offset Y",
             /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
-              Xe,
+              Qe,
               {
                 defaultValue: 0,
                 size: "small",
                 "aria-label": "Opacity",
-                onChange: (s) => m({ y: s })
+                onChange: (s) => v({ y: s })
               }
             ) })
           ] })
@@ -1942,13 +1972,13 @@ function zt(y) {
       ] })
     ] })
   ] });
-  return /* @__PURE__ */ e.jsx(K.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", flexDirection: "row", color: "#ffffff" }, children: [
+  return /* @__PURE__ */ e.jsx(T.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",
       {
         style: { height: "20px", width: "30px", border: "solid 0px #ffffff" },
         type: "color",
-        onChange: (s) => j(s.target.value, "color")
+        onChange: (s) => b(s.target.value, "color")
       }
     ) }),
     " ",
@@ -1957,7 +1987,7 @@ function zt(y) {
       {
         style: { height: "20px", border: "solid 0px #ffffff" },
         id: "ffamily",
-        onChange: (s) => j(s.target.value, "family"),
+        onChange: (s) => b(s.target.value, "family"),
         children: [
           /* @__PURE__ */ e.jsx("option", { value: "comic sans ms", children: "Comic Sans MS" }),
           /* @__PURE__ */ e.jsx("option", { value: "frankruehl", children: "FrankRuehl" }),
@@ -2013,7 +2043,7 @@ function zt(y) {
         defaultValue: 40,
         style: { width: "50px", height: "20px", border: "solid 0px #ffffff" },
         type: "number",
-        onChange: (s) => j(s.target.value, "font-size")
+        onChange: (s) => b(s.target.value, "font-size")
       }
     ) }),
     /* @__PURE__ */ e.jsx(
@@ -2021,7 +2051,7 @@ function zt(y) {
       {
         style: { marginTop: "4px", marginLeft: "2px", cursor: "pointer" },
         role: "button",
-        onClick: (s) => t.getActiveObject().fontWeight === "normal" ? j("bold", "bold") : j("normal", "bold"),
+        onClick: (s) => t.getActiveObject().fontWeight === "normal" ? b("bold", "bold") : b("normal", "bold"),
         children: /* @__PURE__ */ e.jsx(
           "svg",
           {
@@ -2045,7 +2075,7 @@ function zt(y) {
       {
         style: { marginTop: "4px", marginLeft: "2px", cursor: "pointer" },
         role: "button",
-        onClick: (s) => t.getActiveObject().fontStyle === "normal" ? j("italic", "italic") : j("normal", "italic"),
+        onClick: (s) => t.getActiveObject().fontStyle === "normal" ? b("italic", "italic") : b("normal", "italic"),
         children: /* @__PURE__ */ e.jsx(
           "svg",
           {
@@ -2064,7 +2094,7 @@ function zt(y) {
         )
       }
     ),
-    /* @__PURE__ */ e.jsx("div", { style: { marginTop: "4px", marginLeft: "2px", cursor: "pointer" }, role: "button", onClick: (s) => t.getActiveObject().underline ? j(!1, "underline") : j(!0, "underline"), children: /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { style: { marginTop: "4px", marginLeft: "2px", cursor: "pointer" }, role: "button", onClick: (s) => t.getActiveObject().underline ? b(!1, "underline") : b(!0, "underline"), children: /* @__PURE__ */ e.jsx(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -2080,7 +2110,7 @@ function zt(y) {
         )
       }
     ) }),
-    /* @__PURE__ */ e.jsx("div", { style: { marginTop: "4px", marginLeft: "2px", cursor: "pointer" }, role: "button", "aria-label": "Italics", onClick: (s) => t.getActiveObject().linethrough ? j(!1, "line-through") : j(!0, "line-through"), children: /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { style: { marginTop: "4px", marginLeft: "2px", cursor: "pointer" }, role: "button", "aria-label": "Italics", onClick: (s) => t.getActiveObject().linethrough ? b(!1, "line-through") : b(!0, "line-through"), children: /* @__PURE__ */ e.jsx(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -2099,25 +2129,25 @@ function zt(y) {
     /* @__PURE__ */ e.jsx("div", { children: p() })
   ] }) });
 }
-function Ye(y) {
-  const { apcCanvasInstance: t, theme: o } = y, i = ot(null), [a, u] = S(!1), f = () => {
+function Ke(g) {
+  const { apcCanvasInstance: t, theme: o } = g, i = T.useRef(null), [l, u] = T.useState(!1), f = () => {
     u((p) => !p);
-  }, d = (p, b) => {
+  }, d = (p, y) => {
     if (t && t.getActiveObject()) {
       if (p === "bg-color" && t.getActiveObject().set({
-        fill: b
+        fill: y
       }), p === "border-color" && t.getActiveObject().set({
-        stroke: b
+        stroke: y
       }), p === "gradient-bg-color1" || p === "gradient-bg-color2") {
-        let s = document.getElementById("apc-object-bg-gradient-color1").value, g = document.getElementById("apc-object-bg-gradient-color2").value;
-        const h = new _.Gradient({
+        let s = document.getElementById("apc-object-bg-gradient-color1").value, m = document.getElementById("apc-object-bg-gradient-color2").value;
+        const h = new B.Gradient({
           type: "linear",
           gradientUnits: "pixels",
           // or 'percentage'
           coords: { x1: 0, y1: 0, x2: 0, y2: t.getActiveObject().height },
           colorStops: [
             { offset: 0, color: s || "#000" },
-            { offset: 1, color: g || "#fff" }
+            { offset: 1, color: m || "#fff" }
           ]
         });
         t.getActiveObject().set({
@@ -2126,22 +2156,22 @@ function Ye(y) {
       }
       t && t.renderAll();
     }
-  }, j = (p) => {
+  }, b = (p) => {
     if (t.getActiveObject()) {
-      const b = parseFloat(p / 100);
+      const y = parseFloat(p / 100);
       t.getActiveObject().set({
-        opacity: b.toFixed(1)
+        opacity: y.toFixed(1)
       }), t && t.renderAll();
     }
-  }, l = ({ color: p, x: b, y: s, blur: g }) => {
+  }, a = ({ color: p, x: y, y: s, blur: m }) => {
     if (t.getActiveObject()) {
       const h = t.getActiveObject().shadow;
-      p || (p = h ? h.color : "#6a45d2"), b || (b = h ? h.offsetX : 5), s || (s = h ? h.offsetY : 5), g || (g = h ? h.blur : 5), t.getActiveObject().set({
-        shadow: p + " " + b + " " + s + " " + g
+      p || (p = h ? h.color : "#6a45d2"), y || (y = h ? h.offsetX : 5), s || (s = h ? h.offsetY : 5), m || (m = h ? h.blur : 5), t.getActiveObject().set({
+        shadow: p + " " + y + " " + s + " " + m
       }), t && t.renderAll();
     }
   };
-  return /* @__PURE__ */ e.jsx(K.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: "apc-mpx-widget-button-group-container", children: [
+  return /* @__PURE__ */ e.jsx(T.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: "apc-mpx-widget-button-group-container", children: [
     /* @__PURE__ */ e.jsx(
       "button",
       {
@@ -2159,14 +2189,14 @@ function Ye(y) {
               "path",
               {
                 fill: o.primaryColor,
-                d: Ur
+                d: Kr
               }
             )
           }
         )
       }
     ),
-    a && /* @__PURE__ */ e.jsxs("div", { className: "apc-mpx-widget-popper-container", ref: i, style: { marginLeft: "20%" }, children: [
+    l && /* @__PURE__ */ e.jsxs("div", { className: "apc-mpx-widget-popper-container", ref: i, 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: [
@@ -2208,12 +2238,12 @@ function Ye(y) {
           /* @__PURE__ */ e.jsx("div", { style: { marginLeft: "10px" }, children: /* @__PURE__ */ e.jsxs("div", { children: [
             "Opacity:  ",
             /* @__PURE__ */ e.jsx(
-              Xe,
+              Qe,
               {
                 defaultValue: 100,
                 size: "small",
                 "aria-label": "Opacity",
-                onChange: (p) => j(p)
+                onChange: (p) => b(p)
               }
             )
           ] }) }),
@@ -2233,65 +2263,65 @@ function Ye(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) => l({ blur: p.target.value }) })
+            /* @__PURE__ */ e.jsx("input", { type: "text", style: { height: "22px", width: "25px" }, onChange: (p) => a({ blur: p.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) => l({ color: p.target.value }) })
+            /* @__PURE__ */ e.jsx("input", { style: { height: "25px", width: "25px", border: "none" }, type: "color", onChange: (p) => a({ color: p.target.value }) })
           ] }),
           /* @__PURE__ */ e.jsx("div", { style: { marginLeft: "10px" }, children: /* @__PURE__ */ e.jsxs("div", { children: [
             "Offset X: ",
-            /* @__PURE__ */ e.jsx(Xe, { defaultValue: 0, size: "small", "aria-label": "Opacity", onChange: (p) => l({ x: p }) })
+            /* @__PURE__ */ e.jsx(Qe, { defaultValue: 0, size: "small", "aria-label": "Opacity", onChange: (p) => a({ x: p }) })
           ] }) }),
           /* @__PURE__ */ e.jsx("div", { style: { marginLeft: "10px" }, children: /* @__PURE__ */ e.jsxs("div", { children: [
             "Offset Y: ",
-            /* @__PURE__ */ e.jsx(Xe, { defaultValue: 0, size: "small", "aria-label": "Opacity", onChange: (p) => l({ y: p }) })
+            /* @__PURE__ */ e.jsx(Qe, { defaultValue: 0, size: "small", "aria-label": "Opacity", onChange: (p) => a({ y: p }) })
           ] }) })
         ] }) })
       ] })
     ] })
   ] }) });
 }
-function an(y) {
-  const { apcCanvasInstance: t, apiEndpoint: o, apiKey: i } = y, [a, u] = S("art"), [f, d] = S(), [j, l] = S(!1), m = o + "/api/v1/designer";
-  re(() => {
+function xn(g) {
+  const { apcCanvasInstance: t, apiEndpoint: o, apiKey: i } = g, [l, u] = T.useState("art"), [f, d] = T.useState(), [b, a] = T.useState(!1), v = o + "/api/v1/designer";
+  T.useEffect(() => {
     p();
   }, []);
   const p = () => {
-    l(!0);
+    a(!0);
     const h = {
       "X-Api-Key": i
-    }, v = `${m}/get-quote/${a}`;
-    ye.get(v, { headers: h }).then((n) => {
+    }, j = `${v}/get-quote/${l}`;
+    ye.get(j, { headers: h }).then((n) => {
       var w;
-      l(!1), d((w = n.data) == null ? void 0 : w.object);
+      a(!1), d((w = n.data) == null ? void 0 : w.object);
     }).catch((n) => {
-      console.error("Error fetching data:", n), l(!1);
+      console.error("Error fetching data:", n), a(!1);
     });
-  }, b = (h, v, n) => {
-    const w = new _.Textbox(v, {
+  }, y = (h, j, n) => {
+    const w = new B.Textbox(j, {
       width: 500,
       left: 100,
       top: 200,
       fontSize: 16
-    }), R = new _.Textbox(n, {
+    }), _ = new B.Textbox(n, {
       fontSize: 14,
       width: 200,
       fontWeight: "bold"
     });
-    R.top = w.top + w.height + 10, R.left = w.left, t.add(w), t.add(R), t.setActiveObject(w);
+    _.top = w.top + w.height + 10, _.left = w.left, t.add(w), t.add(_), t.setActiveObject(w);
   }, s = (h) => {
-    l(!0), u(h), p();
-  }, g = () => f ? /* @__PURE__ */ e.jsx("div", { style: { display: "flex", flexDirection: "column", gap: 5 }, children: f.map((h, v) => /* @__PURE__ */ e.jsxs("div", { onClick: (n) => b(n, h.quote, h.author), style: { cursor: "pointer", padding: "3px", textAlign: "left", color: "#210080", fontFamily: "ui-monospace", border: "1px solid #dedcdc", borderRadius: "8px" }, children: [
+    a(!0), u(h), p();
+  }, m = () => f ? /* @__PURE__ */ e.jsx("div", { style: { display: "flex", flexDirection: "column", gap: 5 }, children: f.map((h, j) => /* @__PURE__ */ e.jsxs("div", { onClick: (n) => y(n, h.quote, h.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: h.quote }),
     /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx("strong", { children: /* @__PURE__ */ e.jsx("i", { children: h.author }) }) }),
     /* @__PURE__ */ e.jsx("br", {})
-  ] }, v)) }) : null;
-  return /* @__PURE__ */ e.jsxs(K.Fragment, { children: [
+  ] }, j)) }) : null;
+  return /* @__PURE__ */ e.jsxs(T.Fragment, { children: [
     /* @__PURE__ */ e.jsx("h3", { children: "Quotes" }),
     /* @__PURE__ */ e.jsx("br", {}),
     /* @__PURE__ */ e.jsx("br", {}),
-    /* @__PURE__ */ e.jsx("div", { children: g() }),
+    /* @__PURE__ */ e.jsx("div", { children: m() }),
     /* @__PURE__ */ e.jsx("br", {}),
     /* @__PURE__ */ e.jsx("br", {}),
     /* @__PURE__ */ e.jsx("br", {}),
@@ -2303,7 +2333,7 @@ function an(y) {
           className: "apc-mpx-widget-custom-chip",
           onClick: () => s("best"),
           children: [
-            a === "best" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
+            l === "best" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Best"
           ]
         }
@@ -2316,7 +2346,7 @@ function an(y) {
           className: "apc-mpx-widget-custom-chip",
           onClick: () => s("business"),
           children: [
-            a === "business" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
+            l === "business" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Business"
           ]
         }
@@ -2329,7 +2359,7 @@ function an(y) {
           className: "apc-mpx-widget-custom-chip",
           onClick: () => s("car"),
           children: [
-            a === "car" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
+            l === "car" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Car"
           ]
         }
@@ -2342,7 +2372,7 @@ function an(y) {
           className: "apc-mpx-widget-custom-chip",
           onClick: () => s("change"),
           children: [
-            a === "change" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
+            l === "change" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Change"
           ]
         }
@@ -2355,7 +2385,7 @@ function an(y) {
           className: "apc-mpx-widget-custom-chip",
           onClick: () => s("computers"),
           children: [
-            a === "computers" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
+            l === "computers" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Computers"
           ]
         }
@@ -2368,7 +2398,7 @@ function an(y) {
           className: "apc-mpx-widget-custom-chip",
           onClick: () => s("cool"),
           children: [
-            a === "cool" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
+            l === "cool" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Cool"
           ]
         }
@@ -2381,7 +2411,7 @@ function an(y) {
           className: "apc-mpx-widget-custom-chip",
           onClick: () => s("courage"),
           children: [
-            a === "courage" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
+            l === "courage" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Courage"
           ]
         }
@@ -2394,7 +2424,7 @@ function an(y) {
           className: "apc-mpx-widget-custom-chip",
           onClick: () => s("dad"),
           children: [
-            a === "dad" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
+            l === "dad" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Dad"
           ]
         }
@@ -2407,7 +2437,7 @@ function an(y) {
           className: "apc-mpx-widget-custom-chip",
           onClick: () => s("dating"),
           children: [
-            a === "dating" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
+            l === "dating" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Date"
           ]
         }
@@ -2420,7 +2450,7 @@ function an(y) {
           className: "apc-mpx-widget-custom-chip",
           onClick: () => s("death"),
           children: [
-            a === "death" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
+            l === "death" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Death"
           ]
         }
@@ -2433,7 +2463,7 @@ function an(y) {
           className: "apc-mpx-widget-custom-chip",
           onClick: () => s("design"),
           children: [
-            a === "design" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
+            l === "design" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Design"
           ]
         }
@@ -2446,7 +2476,7 @@ function an(y) {
           className: "apc-mpx-widget-custom-chip",
           onClick: () => s("dreams"),
           children: [
-            a === "dreams" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
+            l === "dreams" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Dreams"
           ]
         }
@@ -2459,7 +2489,7 @@ function an(y) {
           className: "apc-mpx-widget-custom-chip",
           onClick: () => s("education"),
           children: [
-            a === "education" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
+            l === "education" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Education"
           ]
         }
@@ -2472,7 +2502,7 @@ function an(y) {
           className: "apc-mpx-widget-custom-chip",
           onClick: () => s("inspirational"),
           children: [
-            a === "inspirational" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
+            l === "inspirational" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Inspirational"
           ]
         }
@@ -2485,7 +2515,7 @@ function an(y) {
           className: "apc-mpx-widget-custom-chip",
           onClick: () => s("happiness"),
           children: [
-            a === "happiness" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
+            l === "happiness" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Happiness"
           ]
         }
@@ -2498,7 +2528,7 @@ function an(y) {
           className: "apc-mpx-widget-custom-chip",
           onClick: () => s("health"),
           children: [
-            a === "health" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
+            l === "health" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Health"
           ]
         }
@@ -2511,7 +2541,7 @@ function an(y) {
           className: "apc-mpx-widget-custom-chip",
           onClick: () => s("humor"),
           children: [
-            a === "humor" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
+            l === "humor" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Humor"
           ]
         }
@@ -2524,7 +2554,7 @@ function an(y) {
           className: "apc-mpx-widget-custom-chip",
           onClick: () => s("marriage"),
           children: [
-            a === "marriage" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
+            l === "marriage" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Marriage"
           ]
         }
@@ -2537,7 +2567,7 @@ function an(y) {
           className: "apc-mpx-widget-custom-chip",
           onClick: () => s("money"),
           children: [
-            a === "money" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
+            l === "money" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Money"
           ]
         }
@@ -2550,7 +2580,7 @@ function an(y) {
           className: "apc-mpx-widget-custom-chip",
           onClick: () => s("graduation"),
           children: [
-            a === "graduation" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
+            l === "graduation" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Graduation"
           ]
         }
@@ -2563,7 +2593,7 @@ function an(y) {
           className: "apc-mpx-widget-custom-chip",
           onClick: () => s("hope"),
           children: [
-            a === "hope" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
+            l === "hope" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Hope"
           ]
         }
@@ -2576,7 +2606,7 @@ function an(y) {
           className: "apc-mpx-widget-custom-chip",
           onClick: () => s("love"),
           children: [
-            a === "love" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
+            l === "love" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Love"
           ]
         }
@@ -2589,7 +2619,7 @@ function an(y) {
           className: "apc-mpx-widget-custom-chip",
           onClick: () => s("god"),
           children: [
-            a === "god" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
+            l === "god" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "God"
           ]
         }
@@ -2602,7 +2632,7 @@ function an(y) {
           className: "apc-mpx-widget-custom-chip",
           onClick: () => s("equality"),
           children: [
-            a === "equality" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
+            l === "equality" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Equality"
           ]
         }
@@ -2615,7 +2645,7 @@ function an(y) {
           className: "apc-mpx-widget-custom-chip",
           onClick: () => s("failure"),
           children: [
-            a === "failure" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
+            l === "failure" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Failure"
           ]
         }
@@ -2628,7 +2658,7 @@ function an(y) {
           className: "apc-mpx-widget-custom-chip",
           onClick: () => s("fear"),
           children: [
-            a === "fear" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
+            l === "fear" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Fear"
           ]
         }
@@ -2641,7 +2671,7 @@ function an(y) {
           className: "apc-mpx-widget-custom-chip",
           onClick: () => s("legal"),
           children: [
-            a === "legal" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
+            l === "legal" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Legal"
           ]
         }
@@ -2654,7 +2684,7 @@ function an(y) {
           className: "apc-mpx-widget-custom-chip",
           onClick: () => s("attitude"),
           children: [
-            a === "attitude" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
+            l === "attitude" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Attitude"
           ]
         }
@@ -2667,7 +2697,7 @@ function an(y) {
           className: "apc-mpx-widget-custom-chip",
           onClick: () => s("beauty"),
           children: [
-            a === "beauty" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
+            l === "beauty" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Beauty"
           ]
         }
@@ -2680,7 +2710,7 @@ function an(y) {
           className: "apc-mpx-widget-custom-chip",
           onClick: () => s("age"),
           children: [
-            a === "age" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
+            l === "age" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Age"
           ]
         }
@@ -2693,7 +2723,7 @@ function an(y) {
           className: "apc-mpx-widget-custom-chip",
           onClick: () => s("art"),
           children: [
-            a === "art" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
+            l === "art" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Art"
           ]
         }
@@ -2706,7 +2736,7 @@ function an(y) {
           className: "apc-mpx-widget-custom-chip",
           onClick: () => s("birthday"),
           children: [
-            a === "birthday" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
+            l === "birthday" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Birthday"
           ]
         }
@@ -2715,13 +2745,13 @@ function an(y) {
     ] })
   ] });
 }
-function dn(y) {
-  const { apcCanvasInstance: t, theme: o, apiKey: i, apiEndpoint: a, updateActiveSection: u, reloadTabs: f, currentTabNo: d, isMobile: j, closeMobileModalSecondaryPanel: l } = y, [m, p] = S("background"), [b, s] = S(!1), [g, h] = S(), v = a + "/api/v1/designer";
-  re(() => {
+function gn(g) {
+  const { apcCanvasInstance: t, theme: o, apiKey: i, apiEndpoint: l, updateActiveSection: u, reloadTabs: f, currentTabNo: d, isMobile: b, closeMobileModalSecondaryPanel: a } = g, [v, p] = T.useState("background"), [y, s] = T.useState(!1), [m, h] = T.useState(), j = l + "/api/v1/designer";
+  T.useEffect(() => {
     w();
   }, []);
   const n = (L) => {
-    const D = document.getElementById("img-default-id"), T = new _.Image(D, (E) => {
+    const P = document.getElementById("img-default-id"), I = new B.Image(P, (E) => {
       E.set({
         left: 100,
         top: 200,
@@ -2730,28 +2760,28 @@ function dn(y) {
         imageSmoothing: !0
       });
     });
-    t.add(T), j && l(!0);
+    t.add(I), b && a(!0);
   }, w = () => {
     s(!0);
     const L = {
       "X-Api-Key": i
-    }, D = `${v}/get-images/${m}`;
-    ye.get(D, { headers: L }).then((T) => {
+    }, P = `${j}/get-images/${v}`;
+    ye.get(P, { headers: L }).then((I) => {
       var E;
-      s(!1), h((E = T.data) == null ? void 0 : E.object);
-    }).catch((T) => {
-      console.error("Error fetching data:", T), s(!1);
+      s(!1), h((E = I.data) == null ? void 0 : E.object);
+    }).catch((I) => {
+      console.error("Error fetching data:", I), s(!1);
     });
-  }, R = (L) => {
-    _.Image.fromURL(L, function(D) {
-      D.width = t.width, D.height = t.height, D.scaleToWidth(t.width), D.scaleToHeight(t.height), t.setBackgroundImage(D);
-      const T = localStorage.getItem("apc_x_activeTab"), E = JSON.stringify(t);
-      De(T, "general", E, null).then((H) => {
+  }, _ = (L) => {
+    B.Image.fromURL(L, function(P) {
+      P.width = t.width, P.height = t.height, P.scaleToWidth(t.width), P.scaleToHeight(t.height), t.setBackgroundImage(P);
+      const I = localStorage.getItem("apc_x_activeTab"), E = JSON.stringify(t);
+      De(I, "general", E, null).then((V) => {
         f(d + 1), t && t.renderAll();
       });
     }, { crossOrigin: "anonymous" });
-  }, I = () => g ? /* @__PURE__ */ e.jsx("div", { children: g.map((L) => /* @__PURE__ */ e.jsx("div", { onClick: () => R(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(K.Fragment, { children: [
+  }, A = () => m ? /* @__PURE__ */ e.jsx("div", { children: m.map((L) => /* @__PURE__ */ e.jsx("div", { onClick: () => _(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(T.Fragment, { children: [
     /* @__PURE__ */ e.jsx("br", {}),
     /* @__PURE__ */ e.jsx("br", {}),
     /* @__PURE__ */ e.jsxs("div", { style: { cursor: "pointer" }, onClick: () => n(), children: [
@@ -2785,39 +2815,39 @@ function dn(y) {
             backgroundColor: o.primaryColor,
             color: "#ffffff"
           },
-          children: b ? "...Processing" : "Search"
+          children: y ? "...Processing" : "Search"
         }
       )
     ] }),
     /* @__PURE__ */ e.jsx("br", {}),
     /* @__PURE__ */ e.jsx("br", {}),
-    I()
+    A()
   ] });
 }
-function hn(y) {
-  const [t, o] = S(""), [i, a] = S(""), [u, f] = S(!1), [d, j] = S(!1), [l, m] = S(!1), { apcCanvasInstance: p, theme: b, isMobile: s, closeMobileModalSecondaryPanel: g, apiKey: h, apiEndpoint: v } = y, n = `${v}/api/v1/designer`, w = sessionStorage.getItem("apc_x_sub_status");
-  re(() => {
+function mn(g) {
+  const [t, o] = T.useState(""), [i, l] = T.useState(""), [u, f] = T.useState(!1), [d, b] = T.useState(!1), [a, v] = T.useState(!1), { apcCanvasInstance: p, theme: y, isMobile: s, closeMobileModalSecondaryPanel: m, apiKey: h, apiEndpoint: j } = g, n = `${j}/api/v1/designer`, w = sessionStorage.getItem("apc_x_sub_status");
+  T.useEffect(() => {
     (async () => {
-      w === "active" ? (j(!0), m(!0)) : (f(!0), await R());
+      w === "active" ? (b(!0), v(!0)) : (f(!0), await _());
     })();
   }, []);
-  const R = () => {
+  const _ = () => {
     f(!0);
-    const D = `${n}/get-subscription-status/${h}`;
-    ye.get(D).then((T) => {
-      T.data.object && T.data.object === "active" && (sessionStorage.setItem("apc_x_sub_status", "active"), j(!0));
-    }).catch((T) => {
+    const P = `${n}/get-subscription-status/${h}`;
+    ye.get(P).then((I) => {
+      I.data.object && I.data.object === "active" && (sessionStorage.setItem("apc_x_sub_status", "active"), b(!0));
+    }).catch((I) => {
       sessionStorage.setItem("apc_x_sub_status", "");
     }).finally(() => {
-      f(!1), m(!0);
+      f(!1), v(!0);
     });
-  }, I = () => {
-    Jt.toDataURL(t, { width: 300 }, (D, T) => {
-      D && console.error(D), a(T);
+  }, A = () => {
+    Xt.toDataURL(t, { width: 300 }, (P, I) => {
+      P && console.error(P), l(I);
     });
-  }, L = (D) => {
-    const T = document.getElementById("apc-qr-code-img"), E = new _.Image(T, (H) => {
-      H.set({
+  }, L = (P) => {
+    const I = document.getElementById("apc-qr-code-img"), E = new B.Image(I, (V) => {
+      V.set({
         left: 200,
         top: 200,
         scaleX: 0.5,
@@ -2825,9 +2855,9 @@ function hn(y) {
         imageSmoothing: !0
       });
     });
-    p.add(E), p.setActiveObject(E), s && g(!0);
+    p.add(E), p.setActiveObject(E), s && m(!0);
   };
-  return !d && !u && l ? /* @__PURE__ */ e.jsx(ct, {}) : d && !u && l ? /* @__PURE__ */ e.jsxs(K.Fragment, { children: [
+  return !d && !u && a ? /* @__PURE__ */ e.jsx(ct, {}) : d && !u && a ? /* @__PURE__ */ e.jsxs(T.Fragment, { children: [
     /* @__PURE__ */ e.jsx("br", {}),
     /* @__PURE__ */ e.jsx("br", {}),
     "Enter data such as url",
@@ -2836,9 +2866,9 @@ function hn(y) {
       "input",
       {
         className: "apc-mpc-widget-input",
-        style: { border: `solid 3px ${b.primaryColor}` },
+        style: { border: `solid 3px ${y.primaryColor}` },
         type: "text",
-        onChange: (D) => o(D.target.value)
+        onChange: (P) => o(P.target.value)
       }
     ),
     /* @__PURE__ */ e.jsx("br", {}),
@@ -2847,9 +2877,9 @@ function hn(y) {
       "button",
       {
         className: "apc-mpc-widget-btn",
-        style: { backgroundColor: b.primaryColor, color: "#ffffff" },
+        style: { backgroundColor: y.primaryColor, color: "#ffffff" },
         disabled: !t,
-        onClick: I,
+        onClick: A,
         children: "Generate QR code"
       }
     ),
@@ -2867,29 +2897,29 @@ function hn(y) {
         ]
       }
     )
-  ] }) : /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(lt, {}) });
+  ] }) : /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(at, {}) });
 }
-function pn(y) {
-  const { apcCanvasInstance: t, theme: o, isMobile: i, closeMobileModalSecondaryPanel: a, apiKey: u, apiEndpoint: f } = y, [d, j] = S(""), [l, m] = S(null), [p, b] = S("CODE128"), s = ot(null), [g, h] = S(""), [v, n] = S(!1), [w, R] = S(!1), [I, L] = S(!1), D = sessionStorage.getItem("apc_x_sub_status"), T = `${f}/api/v1/designer`;
-  re(() => {
+function vn(g) {
+  const { apcCanvasInstance: t, theme: o, isMobile: i, closeMobileModalSecondaryPanel: l, apiKey: u, apiEndpoint: f } = g, [d, b] = T.useState(""), [a, v] = T.useState(null), [p, y] = T.useState("CODE128"), s = T.useRef(null), [m, h] = T.useState(""), [j, n] = T.useState(!1), [w, _] = T.useState(!1), [A, L] = M(!1), P = sessionStorage.getItem("apc_x_sub_status"), I = `${f}/api/v1/designer`;
+  T.useEffect(() => {
     (async () => {
-      D === "active" ? (R(!0), L(!0)) : (n(!0), await E());
+      P === "active" ? (_(!0), L(!0)) : (n(!0), await E());
     })();
   }, []);
   const E = () => {
     n(!0);
-    const J = `${T}/get-subscription-status/${u}`;
-    ye.get(J).then((ce) => {
-      ce.data.object && ce.data.object === "active" && (sessionStorage.setItem("apc_x_sub_status", "active"), R(!0));
+    const Y = `${I}/get-subscription-status/${u}`;
+    ye.get(Y).then((ce) => {
+      ce.data.object && ce.data.object === "active" && (sessionStorage.setItem("apc_x_sub_status", "active"), _(!0));
     }).catch((ce) => {
       sessionStorage.setItem("apc_x_sub_status", "");
     }).finally(() => {
       n(!1), L(!0);
     });
-  }, H = () => {
-    m(
+  }, V = () => {
+    v(
       /* @__PURE__ */ e.jsx(
-        Yt,
+        Qt,
         {
           value: d,
           format: p,
@@ -2897,23 +2927,23 @@ function pn(y) {
         }
       )
     );
-    const J = document.getElementById("barcode-element");
-    J && h(J.innerHTML);
-  }, Y = (J) => {
+    const Y = document.getElementById("barcode-element");
+    Y && h(Y.innerHTML);
+  }, K = (Y) => {
     if (s.current.innerHTML) {
       const ce = s.current.innerHTML;
-      let se = new Image();
-      se.src = "data:image/svg+xml," + encodeURIComponent(ce), se.onload = function() {
-        const oe = new _.Image(se, {
+      let ne = new Image();
+      ne.src = "data:image/svg+xml," + encodeURIComponent(ce), ne.onload = function() {
+        const se = new B.Image(ne, {
           left: 200,
           top: 200
         });
-        t.add(oe), t.setActiveObject(oe);
+        t.add(se), t.setActiveObject(se);
       };
     }
-    i && a(!0);
+    i && l(!0);
   };
-  return !w && !v && I ? /* @__PURE__ */ e.jsx(ct, {}) : w && !v && I ? /* @__PURE__ */ e.jsxs(K.Fragment, { children: [
+  return !w && !j && A ? /* @__PURE__ */ e.jsx(ct, {}) : w && !j && A ? /* @__PURE__ */ e.jsxs(T.Fragment, { children: [
     /* @__PURE__ */ e.jsx("br", {}),
     /* @__PURE__ */ e.jsx("br", {}),
     "Enter number",
@@ -2921,7 +2951,7 @@ function pn(y) {
       "input",
       {
         type: "text",
-        onChange: (J) => j(J.target.value),
+        onChange: (Y) => b(Y.target.value),
         className: "apc-mpc-widget-input",
         style: { border: `solid 3px ${o.primaryColor}` }
       }
@@ -2933,7 +2963,7 @@ function pn(y) {
       "select",
       {
         value: p,
-        onChange: (J) => b(J.target.value),
+        onChange: (Y) => y(Y.target.value),
         className: "apc-mpc-widget-input",
         style: { border: `solid 3px ${o.primaryColor}` },
         children: [
@@ -2954,7 +2984,7 @@ function pn(y) {
       {
         className: "apc-mpc-widget-btn",
         disabled: !d,
-        onClick: () => H(),
+        onClick: () => V(),
         style: { backgroundColor: o.primaryColor, color: "#ffffff" },
         children: "Generate Barcode"
       }
@@ -2964,41 +2994,41 @@ function pn(y) {
     " ",
     /* @__PURE__ */ e.jsx("br", {}),
     /* @__PURE__ */ e.jsx("br", {}),
-    /* @__PURE__ */ e.jsx("div", { children: l && /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { children: a && /* @__PURE__ */ e.jsx(
       "div",
       {
         ref: s,
-        onClick: (J) => Y(),
+        onClick: (Y) => K(),
         style: { cursor: "pointer" },
-        children: l
+        children: a
       }
     ) })
   ] }) : /* @__PURE__ */ e.jsxs("div", { children: [
     " ",
-    /* @__PURE__ */ e.jsx(lt, {})
+    /* @__PURE__ */ e.jsx(at, {})
   ] });
 }
-function un(y) {
-  const { apcCanvasInstance: t, theme: o } = y, [i, a] = S(), [u, f] = S(), [d, j] = S(""), l = (b, s) => {
+function jn(g) {
+  const { apcCanvasInstance: t, theme: o } = g, [i, l] = T.useState(), [u, f] = T.useState(), [d, b] = T.useState(""), a = (y, s) => {
     if (t) {
-      if (b === "bg-color" && s.target.value && t.set({
+      if (y === "bg-color" && s.target.value && t.set({
         backgroundColor: s.target.value
-      }), b === "image" && s.target.value) {
-        const g = s.target.files[0], h = new FileReader();
-        h.onload = function(v) {
-          const n = v.target.result;
-          _.Image.fromURL(n, function(w) {
+      }), y === "image" && s.target.value) {
+        const m = s.target.files[0], h = new FileReader();
+        h.onload = function(j) {
+          const n = j.target.result;
+          B.Image.fromURL(n, function(w) {
             t.setBackgroundImage(w, t.renderAll.bind(t), {
               //scaleX: apcCanvasInstance,
               //scaleY: apcCanvasInstance.height
             });
           });
-        }, h.readAsDataURL(g);
+        }, h.readAsDataURL(m);
       }
-      b === "height" && s.target.value && (a(s.target.value), t.setHeight(s.target.value)), b === "width" && s.target.value && (f(s.target.value), t.setWidth(s.target.value)), t && t.renderAll();
+      y === "height" && s.target.value && (l(s.target.value), t.setHeight(s.target.value)), y === "width" && s.target.value && (f(s.target.value), t.setWidth(s.target.value)), t && t.renderAll();
     }
-  }, m = (b, s, g) => {
-    f(s), a(b), t.setWidth(s), t.setHeight(b), j(g);
+  }, v = (y, s, m) => {
+    f(s), l(y), t.setWidth(s), t.setHeight(y), b(m);
   }, p = () => /* @__PURE__ */ e.jsxs("div", { children: [
     /* @__PURE__ */ e.jsx("br", {}),
     /* @__PURE__ */ e.jsx("br", {}),
@@ -3009,7 +3039,7 @@ function un(y) {
         {
           type: "number",
           value: t.height,
-          onChange: (b) => l("height", b),
+          onChange: (y) => a("height", y),
           className: "apc-mpc-widget-input",
           style: { border: `solid 3px ${o.primaryColor}` }
         }
@@ -3024,7 +3054,7 @@ function un(y) {
           color: "info",
           type: "number",
           value: t.width,
-          onChange: (b) => l("width", b),
+          onChange: (y) => a("width", y),
           className: "apc-mpc-widget-input",
           style: { border: `solid 3px ${o.primaryColor}` }
         }
@@ -3042,7 +3072,7 @@ function un(y) {
         {
           style: { backgroundColor: "#e0e0e0" },
           className: "apc-mpx-widget-custom-chip",
-          onClick: () => m(1440, 2560, "YOUC"),
+          onClick: () => v(1440, 2560, "YOUC"),
           children: [
             d === "YOUC" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             " Youtube Channel : 2560 x 1440 px"
@@ -3055,7 +3085,7 @@ function un(y) {
         {
           style: { backgroundColor: "#e0e0e0" },
           className: "apc-mpx-widget-custom-chip",
-          onClick: () => m(1080, 1920, "FULLHD"),
+          onClick: () => v(1080, 1920, "FULLHD"),
           children: [
             d === "FULLHD" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Full HD : 1920 x 1080 px"
@@ -3068,7 +3098,7 @@ function un(y) {
         {
           style: { backgroundColor: "#e0e0e0" },
           className: "apc-mpx-widget-custom-chip",
-          onClick: () => m(1080, 1080, "INSTAP"),
+          onClick: () => v(1080, 1080, "INSTAP"),
           children: [
             d === "INSTAP" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Instagram Post:1080 x 1080 px"
@@ -3081,7 +3111,7 @@ function un(y) {
         {
           style: { backgroundColor: "#e0e0e0" },
           className: "apc-mpx-widget-custom-chip",
-          onClick: () => m(1920, 1080, "INSTAS"),
+          onClick: () => v(1920, 1080, "INSTAS"),
           children: [
             d === "INSTAS" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Instagram Story: 1080 x 1920 px"
@@ -3094,7 +3124,7 @@ function un(y) {
         {
           style: { backgroundColor: "#e0e0e0" },
           className: "apc-mpx-widget-custom-chip",
-          onClick: () => m(1080, 1080, "INSTAA"),
+          onClick: () => v(1080, 1080, "INSTAA"),
           children: [
             d === "INSTAA" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Instagram Ad: 1080 x 1080 px"
@@ -3107,7 +3137,7 @@ function un(y) {
         {
           style: { backgroundColor: "#e0e0e0" },
           className: "apc-mpx-widget-custom-chip",
-          onClick: () => m(788, 940, "FACEP"),
+          onClick: () => v(788, 940, "FACEP"),
           children: [
             d === "FACEP" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Facebook Post: 940 x 788 px"
@@ -3120,7 +3150,7 @@ function un(y) {
         {
           style: { backgroundColor: "#e0e0e0" },
           className: "apc-mpx-widget-custom-chip",
-          onClick: () => m(315, 851, "FACEC"),
+          onClick: () => v(315, 851, "FACEC"),
           children: [
             d === "FACEC" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Facebook Cover: 851 x 315 px"
@@ -3133,7 +3163,7 @@ function un(y) {
         {
           style: { backgroundColor: "#e0e0e0" },
           className: "apc-mpx-widget-custom-chip",
-          onClick: () => m(628, 1200, "FACEA"),
+          onClick: () => v(628, 1200, "FACEA"),
           children: [
             d === "FACEA" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Facebook Ad: 1200 x 628 px"
@@ -3146,7 +3176,7 @@ function un(y) {
         {
           style: { backgroundColor: "#e0e0e0" },
           className: "apc-mpx-widget-custom-chip",
-          onClick: () => m(720, 1280, "YOUT"),
+          onClick: () => v(720, 1280, "YOUT"),
           children: [
             d === "YOUT" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Youtube Thumbnail: 1280 x 720 px"
@@ -3159,7 +3189,7 @@ function un(y) {
         {
           style: { backgroundColor: "#e0e0e0" },
           className: "apc-mpx-widget-custom-chip",
-          onClick: () => m(534, 534, "INVITE"),
+          onClick: () => v(534, 534, "INVITE"),
           children: [
             d === "INVITE" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Invitation : 14 x 14 cm"
@@ -3172,7 +3202,7 @@ function un(y) {
         {
           style: { backgroundColor: "#e0e0e0" },
           className: "apc-mpx-widget-custom-chip",
-          onClick: () => m(1112, 788, "A4"),
+          onClick: () => v(1112, 788, "A4"),
           children: [
             d === "A4" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "A4 : 788 x 1112 px"
@@ -3185,7 +3215,7 @@ function un(y) {
         {
           style: { backgroundColor: "#e0e0e0" },
           className: "apc-mpx-widget-custom-chip",
-          onClick: () => m(192, 336, "BUSINESSCARD"),
+          onClick: () => v(192, 336, "BUSINESSCARD"),
           children: [
             d === "BUSINESSCARD" ? /* @__PURE__ */ e.jsx("span", { style: { color: "green" }, children: "✓" }) : null,
             "Business card 3.5 x 2 in"
@@ -3196,92 +3226,92 @@ function un(y) {
   ] });
   return /* @__PURE__ */ e.jsx("div", { children: p() });
 }
-const xe = (y, t, o, i = "png", a) => new Promise((u, f) => {
-  const d = document.createElement("canvas"), j = JSON.parse(y), l = crypto.randomUUID();
+const xe = (g, t, o, i = "png", l) => new Promise((u, f) => {
+  const d = document.createElement("canvas"), b = JSON.parse(g), a = crypto.randomUUID();
   d.width = o, d.height = t;
-  const m = new _.StaticCanvas(d, {
+  const v = new B.StaticCanvas(d, {
     selection: !1,
-    height: j.height,
-    width: j.width
+    height: b.height,
+    width: b.width
   });
-  m.loadFromJSON(j, function() {
-    m.renderAll();
-    const p = (b, s) => {
-      const g = URL.createObjectURL(b), h = document.createElement("a");
-      h.href = g, h.download = s, document.body.appendChild(h), h.click(), document.body.removeChild(h), URL.revokeObjectURL(g);
+  v.loadFromJSON(b, function() {
+    v.renderAll();
+    const p = (y, s) => {
+      const m = URL.createObjectURL(y), h = document.createElement("a");
+      h.href = m, h.download = s, document.body.appendChild(h), h.click(), document.body.removeChild(h), URL.revokeObjectURL(m);
     };
     if (i.toLowerCase() === "svg") {
-      const b = m.toSVG(), s = new Blob([b], { type: "image/svg+xml" });
-      a && p(s, "mypixia.svg"), u(new File([s], `${l}.svg`, { type: "image/svg+xml" }));
+      const y = v.toSVG(), s = new Blob([y], { type: "image/svg+xml" });
+      l && p(s, "mypixia.svg"), u(new File([s], `${a}.svg`, { type: "image/svg+xml" }));
     } else if (i.toLowerCase() === "pdf") {
-      const b = m.toDataURL("image/jpeg", 1);
+      const y = v.toDataURL("image/jpeg", 1);
       import("jspdf").then((s) => {
-        const g = new s.jsPDF({
+        const m = new s.jsPDF({
           orientation: "landscape",
           unit: "px",
           format: [d.width, d.height]
         });
-        g.addImage(b, "JPEG", 0, 0, d.width, d.height);
-        const v = g.output("datauristring").split(",")[1], n = fn(v, "application/pdf"), w = new File([n], `${l}.pdf`, { type: "application/pdf" }), R = `${l}.pdf`;
-        a && p(w, R), u(w);
+        m.addImage(y, "JPEG", 0, 0, d.width, d.height);
+        const j = m.output("datauristring").split(",")[1], n = bn(j, "application/pdf"), w = new File([n], `${a}.pdf`, { type: "application/pdf" }), _ = `${a}.pdf`;
+        l && p(w, _), u(w);
       }).catch((s) => {
         console.error("Error loading jsPDF: ", s), f(s);
       });
     } else {
-      let b, s = "image/png", g = "png";
+      let y, s = "image/png", m = "png";
       switch (i.toLowerCase()) {
         case "jpeg":
-          b = m.toDataURL("image/jpeg", 1), s = "image/jpeg", g = "jpg";
+          y = v.toDataURL("image/jpeg", 1), s = "image/jpeg", m = "jpg";
           break;
         case "webp":
-          b = m.toDataURL("image/webp", 1), s = "image/webp", g = "webp";
+          y = v.toDataURL("image/webp", 1), s = "image/webp", m = "webp";
           break;
         default:
-          b = m.toDataURL("image/png", 1);
+          y = v.toDataURL("image/png", 1);
           break;
       }
-      const h = atob(b.split(",")[1]), v = new Array(h.length);
-      for (let I = 0; I < h.length; I++)
-        v[I] = h.charCodeAt(I);
-      const n = new Uint8Array(v), w = new File([n], `${l}.${g}`, { type: s }), R = `${l}.${g}`;
-      a && p(w, R), u(w);
+      const h = atob(y.split(",")[1]), j = new Array(h.length);
+      for (let A = 0; A < h.length; A++)
+        j[A] = h.charCodeAt(A);
+      const n = new Uint8Array(j), w = new File([n], `${a}.${m}`, { type: s }), _ = `${a}.${m}`;
+      l && p(w, _), u(w);
     }
   });
 });
-function fn(y, t) {
-  const o = atob(y), i = new Array(o.length);
+function bn(g, t) {
+  const o = atob(g), i = new Array(o.length);
   for (let u = 0; u < o.length; u++)
     i[u] = o.charCodeAt(u);
-  const a = new Uint8Array(i);
-  return new Blob([a], { type: t });
+  const l = new Uint8Array(i);
+  return new Blob([l], { type: t });
 }
-const xn = ({ children: y }) => hr.createPortal(y, document.getElementById("apc-mpx-editor-modal-root"));
-function at(y) {
-  const { isOpen: t, onClose: o, children: i } = y;
-  return t ? /* @__PURE__ */ e.jsx(xn, { children: /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-modal-overlay", children: /* @__PURE__ */ e.jsxs("div", { className: "apc-mpx-widget-modal", children: [
+const yn = ({ children: g }) => _t.createPortal(g, document.getElementById("apc-mpx-editor-modal-root"));
+function lt(g) {
+  const { isOpen: t, onClose: o, children: i } = g;
+  return t ? /* @__PURE__ */ e.jsx(yn, { 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: o, children: "Close" }),
     /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-modal-content", children: i })
   ] }) }) }) : null;
 }
-const ge = (y, t) => {
-  y = y.startsWith("#") ? y : `#${y}`;
-  let o = parseInt(y.slice(1, 3), 16), i = parseInt(y.slice(3, 5), 16), a = parseInt(y.slice(5, 7), 16);
-  return o = parseInt(o * (100 - t) / 100), i = parseInt(i * (100 - t) / 100), a = parseInt(a * (100 - t) / 100), o = o.toString(16).padStart(2, "0"), i = i.toString(16).padStart(2, "0"), a = a.toString(16).padStart(2, "0"), `#${o}${i}${a}`;
+const ge = (g, t) => {
+  g = g.startsWith("#") ? g : `#${g}`;
+  let o = parseInt(g.slice(1, 3), 16), i = parseInt(g.slice(3, 5), 16), l = parseInt(g.slice(5, 7), 16);
+  return o = parseInt(o * (100 - t) / 100), i = parseInt(i * (100 - t) / 100), l = parseInt(l * (100 - t) / 100), o = o.toString(16).padStart(2, "0"), i = i.toString(16).padStart(2, "0"), l = l.toString(16).padStart(2, "0"), `#${o}${i}${l}`;
 };
-function Bt(y) {
-  const [t, o] = S(""), { apcCanvasJSON: i, height: a, width: u } = y;
-  return re(() => {
+function Ft(g) {
+  const [t, o] = M(""), { apcCanvasJSON: i, height: l, width: u } = g;
+  return ie(() => {
     const f = document.createElement("canvas"), d = JSON.parse(i);
-    f.width = u, f.height = a;
-    const j = new _.StaticCanvas(f, {
+    f.width = u, f.height = l;
+    const b = new B.StaticCanvas(f, {
       selection: !1,
       height: d.height,
       width: d.width
     });
-    j.loadFromJSON(d, function() {
-      j.renderAll();
-      const l = j.toDataURL("image/png", 1);
-      o(l);
+    b.loadFromJSON(d, function() {
+      b.renderAll();
+      const a = b.toDataURL("image/png", 1);
+      o(a);
     });
   }, []), t ? /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
     "div",
@@ -3292,62 +3322,62 @@ function Bt(y) {
     }
   ) }) : "...processing";
 }
-function gn(y) {
-  const { theme: t, apcCanvasInstance: o } = y, [i, a] = S(!1), [u, f] = S(), d = () => {
-    a(!0);
-  }, j = () => {
-    a(!1);
-  }, l = () => {
+function wn(g) {
+  const { theme: t, apcCanvasInstance: o } = g, [i, l] = M(!1), [u, f] = M(), d = () => {
+    l(!0);
+  }, b = () => {
+    l(!1);
+  }, a = () => {
     if (!o)
       return null;
-    const m = JSON.stringify(o);
-    return /* @__PURE__ */ e.jsxs(at, { isOpen: i, onClose: j, children: [
+    const v = JSON.stringify(o);
+    return /* @__PURE__ */ e.jsxs(lt, { isOpen: i, onClose: b, children: [
       /* @__PURE__ */ e.jsx(
-        Bt,
+        Ft,
         {
-          apcCanvasJSON: m,
+          apcCanvasJSON: v,
           height: o.height,
           width: o.width
         }
       ),
       /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", flexDirection: "row", gap: 5 }, children: [
-        /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(Kt, { url: u, children: /* @__PURE__ */ e.jsx(Xt, { size: 32, round: !0 }) }) }),
-        /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(Qt, { url: u, title: "Hello", children: /* @__PURE__ */ e.jsx(qt, { size: 32, round: !0 }) }) }),
+        /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(qt, { url: u, children: /* @__PURE__ */ e.jsx(Zt, { size: 32, round: !0 }) }) }),
+        /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(er, { url: u, title: "Hello", children: /* @__PURE__ */ e.jsx(tr, { size: 32, round: !0 }) }) }),
         /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
-          Zt,
+          rr,
           {
             url: u,
             title: "Hello",
-            children: /* @__PURE__ */ e.jsx(er, { size: 32, round: !0 })
+            children: /* @__PURE__ */ e.jsx(nr, { size: 32, round: !0 })
           }
         ) }),
         /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
-          tr,
+          sr,
           {
             url: u,
             title: "Hello",
             separator: ":: ",
-            children: /* @__PURE__ */ e.jsx(rr, { size: 32, round: !0 })
+            children: /* @__PURE__ */ e.jsx(or, { size: 32, round: !0 })
           }
         ) }),
-        /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(nr, { url: u, children: /* @__PURE__ */ e.jsx(sr, { size: 32, round: !0 }) }) }),
-        /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(or, { url: "https://static.mypixia.com", media: u, children: /* @__PURE__ */ e.jsx(ir, { size: 32, round: !0 }) }) }),
+        /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(ir, { url: u, children: /* @__PURE__ */ e.jsx(cr, { size: 32, round: !0 }) }) }),
+        /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(ar, { url: "https://static.mypixia.com", media: u, children: /* @__PURE__ */ e.jsx(lr, { size: 32, round: !0 }) }) }),
         /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
-          cr,
+          dr,
           {
             url: u,
             title: "Hello",
             windowWidth: 660,
             windowHeight: 460,
-            children: /* @__PURE__ */ e.jsx(lr, { size: 32, round: !0 })
+            children: /* @__PURE__ */ e.jsx(hr, { size: 32, round: !0 })
           }
         ) }),
         /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
-          ar,
+          pr,
           {
             url: u,
             title: "Hello",
-            children: /* @__PURE__ */ e.jsx(dr, { size: 32, round: !0 })
+            children: /* @__PURE__ */ e.jsx(ur, { size: 32, round: !0 })
           }
         ) })
       ] }) }),
@@ -3359,14 +3389,14 @@ function gn(y) {
           autoFocus: !0,
           type: "button",
           className: "apc-mpc-widget-btn",
-          onClick: () => j(),
+          onClick: () => b(),
           style: { backgroundColor: "red", color: "#ffffff", float: "right" },
           children: "Close"
         }
       )
     ] });
   };
-  return /* @__PURE__ */ e.jsxs(K.Fragment, { children: [
+  return /* @__PURE__ */ e.jsxs(T.Fragment, { children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
@@ -3379,51 +3409,51 @@ function gn(y) {
           float: "right"
         },
         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: "#ffffff", d: Pr }) }),
+          /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 512 512", children: /* @__PURE__ */ e.jsx("path", { fill: "#ffffff", d: Gr }) }),
           "  Share"
         ]
       }
     ),
-    l()
+    a()
   ] });
 }
-function mn(y) {
-  const { theme: t, apiKey: o, apcCanvasInstance: i, updateSelectedSections: a, updateActiveSection: u, accesories: f, getDesignFormats: d } = y, [j, l] = S(!1), [m, p] = S(), b = () => {
-    l(!0);
+function Cn(g) {
+  const { theme: t, apiKey: o, apcCanvasInstance: i, updateSelectedSections: l, updateActiveSection: u, accesories: f, getDesignFormats: d } = g, [b, a] = M(!1), [v, p] = M(), y = () => {
+    a(!0);
   }, s = () => {
-    l(!1);
-  }, g = () => ({
+    a(!1);
+  }, m = () => ({
     getPDF: () => {
-      const v = JSON.stringify(i);
-      return xe(v, i.height, i.width, "pdf", !0).then((n) => n);
+      const j = JSON.stringify(i);
+      return xe(j, i.height, i.width, "pdf", !0).then((n) => n);
     },
     getPNG: () => {
-      const v = JSON.stringify(i);
-      return xe(v, i.height, i.width, "png", !0).then((n) => n);
+      const j = JSON.stringify(i);
+      return xe(j, i.height, i.width, "png", !0).then((n) => n);
     },
     getSVG: () => {
-      const v = JSON.stringify(i);
-      return xe(v, i.height, i.width, "svg", !0).then((n) => n);
+      const j = JSON.stringify(i);
+      return xe(j, i.height, i.width, "svg", !0).then((n) => n);
     },
     getJPEG: () => {
-      const v = JSON.stringify(i);
-      return xe(v, i.height, i.width, "jpeg", !0).then((n) => n);
+      const j = JSON.stringify(i);
+      return xe(j, i.height, i.width, "jpeg", !0).then((n) => n);
     },
     getWEBP: () => {
-      const v = JSON.stringify(i);
-      return xe(v, i.height, i.width, "webp", !0).then((n) => n);
+      const j = JSON.stringify(i);
+      return xe(j, i.height, i.width, "webp", !0).then((n) => n);
     }
   }), h = () => {
     if (!i)
       return null;
-    const v = JSON.stringify(i);
-    return /* @__PURE__ */ e.jsxs(at, { isOpen: j, onClose: s, children: [
+    const j = JSON.stringify(i);
+    return /* @__PURE__ */ e.jsxs(lt, { isOpen: b, onClose: s, 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(
-          Bt,
+          Ft,
           {
-            apcCanvasJSON: v,
+            apcCanvasJSON: j,
             height: i.height,
             width: i.width
           }
@@ -3434,31 +3464,31 @@ function mn(y) {
             fontWeight: "bold",
             textDecoration: "underline",
             cursor: "pointer"
-          }, onClick: () => g().getPDF(), children: "PDF" }),
+          }, onClick: () => m().getPDF(), children: "PDF" }),
           /* @__PURE__ */ e.jsx("div", { style: {
             color: ge(t.primaryColor, 50),
             fontWeight: "bold",
             textDecoration: "underline",
             cursor: "pointer"
-          }, onClick: () => g().getSVG(), children: "SVG" }),
+          }, onClick: () => m().getSVG(), children: "SVG" }),
           /* @__PURE__ */ e.jsx("div", { style: {
             color: ge(t.primaryColor, 50),
             fontWeight: "bold",
             textDecoration: "underline",
             cursor: "pointer"
-          }, onClick: () => g().getPNG(), children: "PNG" }),
+          }, onClick: () => m().getPNG(), children: "PNG" }),
           /* @__PURE__ */ e.jsx("div", { style: {
             color: ge(t.primaryColor, 50),
             fontWeight: "bold",
             textDecoration: "underline",
             cursor: "pointer"
-          }, onClick: () => g().getJPEG(), children: "JPEG" }),
+          }, onClick: () => m().getJPEG(), children: "JPEG" }),
           /* @__PURE__ */ e.jsx("div", { style: {
             color: ge(t.primaryColor, 50),
             fontWeight: "bold",
             textDecoration: "underline",
             cursor: "pointer"
-          }, onClick: () => g().getWEBP(), children: "WEBP" })
+          }, onClick: () => m().getWEBP(), children: "WEBP" })
         ] })
       ] }),
       /* @__PURE__ */ e.jsx("br", {}),
@@ -3478,12 +3508,12 @@ function mn(y) {
       )
     ] });
   };
-  return /* @__PURE__ */ e.jsxs(K.Fragment, { children: [
+  return /* @__PURE__ */ e.jsxs(T.Fragment, { children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
         className: "apc-mpc-widget-btn",
-        onClick: () => b(),
+        onClick: () => y(),
         role: "dialog",
         style: {
           backgroundColor: ge(t.primaryColor, 40),
@@ -3491,7 +3521,7 @@ function mn(y) {
           float: "right"
         },
         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: "#ffffff", d: Hr }) }),
+          /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1em", viewBox: "0 0 512 512", children: /* @__PURE__ */ e.jsx("path", { fill: "#ffffff", d: Jr }) }),
           "  Download"
         ]
       }
@@ -3499,142 +3529,142 @@ function mn(y) {
     h()
   ] });
 }
-function vn(y) {
+function Sn(g) {
   var Ie;
   const {
     theme: t,
     activeSection: o,
     selectedObjectType: i,
-    renderQuickActions: a,
+    renderQuickActions: l,
     renderActionItems: u,
     canvasEl: f,
     zoomIn: d,
-    zoomOut: j,
-    apcCanvasInstance: l,
-    setActiveSection: m,
+    zoomOut: b,
+    apcCanvasInstance: a,
+    setActiveSection: v,
     saveActiveDesign: p,
-    reloadTabs: b,
+    reloadTabs: y,
     initProductName: s,
-    historyRef: g,
+    historyRef: m,
     currentState: h,
-    setCurrentState: v,
+    setCurrentState: j,
     setHistory: n,
     activeTabName: w,
-    isPlainColor: R,
-    selectedProduct: I,
+    isPlainColor: _,
+    selectedProduct: A,
     isMobile: L,
-    supportedProductColors: D
-  } = y, [T, E] = S(), [H, Y] = S([]), [J, ce] = S(0), [se, oe] = K.useState(!1), pe = K.useRef(null), [Ee, we] = S(!1), [Qe, Me] = S(null), [te, Fe] = S(), [Pe, He] = S(), [ze, Ve] = S(), [Ce, me] = S(!0), [G, Le] = S(), Oe = () => {
-    we(!0), oe(!1);
+    supportedProductColors: P
+  } = g, [I, E] = M(), [V, K] = M([]), [Y, ce] = M(0), [ne, se] = T.useState(!1), pe = T.useRef(null), [Te, we] = M(!1), [qe, Me] = M(null), [te, Pe] = M(), [Fe, He] = M(), [ze, Ve] = M(), [Ce, me] = M(!0), [G, Re] = M(), Oe = () => {
+    we(!0), se(!1);
   }, q = () => {
     we(!1);
   }, Ue = () => {
-    oe((k) => !k);
+    se((S) => !S);
   };
-  re(() => {
-    const k = (O) => {
-      pe.current && pe.current.contains(O.target) || oe(!1);
+  ie(() => {
+    const S = (N) => {
+      pe.current && pe.current.contains(N.target) || se(!1);
     };
-    return document.addEventListener("mousedown", k), () => {
-      document.removeEventListener("mousedown", k);
+    return document.addEventListener("mousedown", S), () => {
+      document.removeEventListener("mousedown", S);
     };
-  }, []), re(() => {
+  }, []), ie(() => {
     (async () => {
-      var O, $;
-      if (T)
+      var N, J;
+      if (I)
         try {
-          const B = await Ke(T);
-          Ve(B), (O = B == null ? void 0 : B.misc) != null && O.colorSettings && Fe(B.misc.colorSettings), (($ = B == null ? void 0 : B.misc) == null ? void 0 : $.type) !== "subsection" && Le(B);
-        } catch (B) {
-          console.error("Error fetching tab data: ", B);
+          const D = await Xe(I);
+          Ve(D), (N = D == null ? void 0 : D.misc) != null && N.colorSettings && Pe(D.misc.colorSettings), ((J = D == null ? void 0 : D.misc) == null ? void 0 : J.type) !== "subsection" && Re(D);
+        } catch (D) {
+          console.error("Error fetching tab data: ", D);
         }
     })();
-  }, [T, b]), re(() => {
+  }, [I, y]), ie(() => {
     (async () => {
-      const O = await Te();
-      let $ = O ? O.filter((B) => {
+      const N = await Ee();
+      let J = N ? N.filter((D) => {
         var Z;
-        return B.classification !== "cart" && ((Z = B.misc) == null ? void 0 : Z.type) !== "subsection";
-      }).map((B) => B.id) : [];
-      $.length === 0 && $.push("design"), J === 0 && E($[0]), Y($);
+        return D.classification !== "cart" && ((Z = D.misc) == null ? void 0 : Z.type) !== "subsection";
+      }).map((D) => D.id) : [];
+      J.length === 0 && J.push("design"), Y === 0 && E(J[0]), K(J);
     })();
-  }, [J, b]);
+  }, [Y, y]);
   const de = () => {
-    l && (l.clear(), l.renderAll());
-  }, ue = (k) => {
-    if (!l)
+    a && (a.clear(), a.renderAll());
+  }, ue = (S) => {
+    if (!a)
       return;
-    l.backgroundColor = "transparent", l && l.requestRenderAll();
-    let O = l.backgroundImage;
-    O && (O.filters = [], O.filters.push(
-      new _.Image.filters.BlendColor({
-        color: k
+    a.backgroundColor = "transparent", a && a.requestRenderAll();
+    let N = a.backgroundImage;
+    N && (N.filters = [], N.filters.push(
+      new B.Image.filters.BlendColor({
+        color: S
       })
-    ), O.applyFilters(), l && l.requestRenderAll(), He(k), p(l, ze));
+    ), N.applyFilters(), a && a.requestRenderAll(), He(S), p(a, ze));
   }, Se = () => {
     if (!(!te || (te == null ? void 0 : te.length) <= 1))
-      return te.map((k, O) => /* @__PURE__ */ e.jsxs(K.Fragment, { children: [
+      return te.map((S, N) => /* @__PURE__ */ e.jsxs(T.Fragment, { children: [
         /* @__PURE__ */ e.jsx(
           "div",
           {
             role: "button",
             className: "apc-mpx-widget-circle",
             style: {
-              backgroundColor: k,
+              backgroundColor: S,
               cursor: "pointer",
               border: "solid 1px #ffffff"
             },
-            onClick: () => ue(k)
+            onClick: () => ue(S)
           }
         ),
         " "
-      ] }, O));
-  }, ve = async (k, O) => {
+      ] }, N));
+  }, ve = async (S, N) => {
     var fe, je;
-    const $ = (je = (fe = l == null ? void 0 : l.backgroundImage) == null ? void 0 : fe.filters[0]) == null ? void 0 : je.color, B = await Ke(k);
-    if (!B)
+    const J = (je = (fe = a == null ? void 0 : a.backgroundImage) == null ? void 0 : fe.filters[0]) == null ? void 0 : je.color, D = await Xe(S);
+    if (!D)
       return;
-    const Z = B != null && B.content ? JSON.parse(B.content) : null;
-    Z && l ? (l.clear(), l.setBackgroundImage(null), l.loadFromJSON(Z, () => {
-      var ne;
-      l.renderAll(), m(B), ((ne = B == null ? void 0 : B.misc) == null ? void 0 : ne.type) !== "subsection" ? (localStorage.setItem("apc_x_activeTab", k), me(!0)) : (me(!1), $ && ue($)), E(k);
-    })) : console.error("Failed to load JSON content for section:", k);
-  }, We = () => H.map((k) => /* @__PURE__ */ e.jsx("button", { className: `tablinks ${T === k ? "active" : null}`, onClick: () => ve(k), children: k }, k)), ke = () => {
-    Te().then((k) => {
-      if (k && k.length > 0) {
-        const O = k[0], $ = JSON.parse(O.content);
-        l.loadFromJSON($, function() {
-          l.off("object:modified"), l.on({
-            "object:modified": (B) => {
-              p(l, O);
+    const Z = D != null && D.content ? JSON.parse(D.content) : null;
+    Z && a ? (a.clear(), a.setBackgroundImage(null), a.loadFromJSON(Z, () => {
+      var re;
+      a.renderAll(), v(D), ((re = D == null ? void 0 : D.misc) == null ? void 0 : re.type) !== "subsection" ? (localStorage.setItem("apc_x_activeTab", S), me(!0)) : (me(!1), J && ue(J)), E(S);
+    })) : console.error("Failed to load JSON content for section:", S);
+  }, We = () => V.map((S) => /* @__PURE__ */ e.jsx("button", { className: `tablinks ${I === S ? "active" : null}`, onClick: () => ve(S), children: S }, S)), ke = () => {
+    Ee().then((S) => {
+      if (S && S.length > 0) {
+        const N = S[0], J = JSON.parse(N.content);
+        a.loadFromJSON(J, function() {
+          a.off("object:modified"), a.on({
+            "object:modified": (D) => {
+              p(a, N);
             }
-          }), E(O.id), localStorage.setItem("apc_x_activeTab", O.id), m(O), ce(J + 1), l && l.renderAll();
+          }), E(N.id), localStorage.setItem("apc_x_activeTab", N.id), v(N), ce(Y + 1), a && a.renderAll();
         });
       } else {
-        let O = "design";
-        const $ = JSON.stringify(l);
-        De(O, "general", $, null).then((B) => {
-          Ke(O).then((Z) => {
+        let N = "design";
+        const J = JSON.stringify(a);
+        De(N, "general", J, null).then((D) => {
+          Xe(N).then((Z) => {
             const fe = JSON.parse(Z.content);
-            l.loadFromJSON(fe, function() {
-              l.off("object:modified"), l.on({
+            a.loadFromJSON(fe, function() {
+              a.off("object:modified"), a.on({
                 "object:modified": (je) => {
-                  p(l, Z);
+                  p(a, Z);
                 }
-              }), E(O), localStorage.setItem("apc_x_activeTab", O), m(Z), ce(J + 1), l && l.renderAll();
+              }), E(N), localStorage.setItem("apc_x_activeTab", N), v(Z), ce(Y + 1), a && a.renderAll();
             });
           });
         });
       }
     });
   }, Ae = () => {
-    Xr(T).then((k) => {
+    rn(I).then((S) => {
       q(), ke();
     });
-  }, Ge = () => l ? /* @__PURE__ */ e.jsxs(at, { isOpen: Ee, onClose: q, children: [
+  }, $e = () => a ? /* @__PURE__ */ e.jsxs(lt, { isOpen: Te, onClose: q, 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: T }),
+      /* @__PURE__ */ e.jsx("u", { children: I }),
       " ?"
     ] }) }),
     /* @__PURE__ */ e.jsx("br", {}),
@@ -3665,9 +3695,9 @@ function vn(y) {
         }
       ) })
     ] })
-  ] }) : null, qe = () => /* @__PURE__ */ e.jsxs("div", { className: "apc-mpx-widget-button-group-container", children: [
-    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-generic-icon", onClick: Ue, 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: Br }) }) }),
-    se && /* @__PURE__ */ e.jsxs("div", { className: "apc-mpx-widget-popper-container", ref: pe, children: [
+  ] }) : null, Ze = () => /* @__PURE__ */ e.jsxs("div", { className: "apc-mpx-widget-button-group-container", children: [
+    /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-generic-icon", onClick: Ue, 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: Ur }) }) }),
+    ne && /* @__PURE__ */ e.jsxs("div", { className: "apc-mpx-widget-popper-container", ref: pe, children: [
       /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-widget-popper-arrow-up" }),
       /* @__PURE__ */ e.jsxs("ul", { autoFocus: !0, style: {
         paddingInlineStart: "2px",
@@ -3694,7 +3724,7 @@ function vn(y) {
                   height: "16",
                   width: "14",
                   viewBox: "0 0 448 512",
-                  children: /* @__PURE__ */ e.jsx("path", { d: Lt, fill: ge(t.primaryColor, 80) })
+                  children: /* @__PURE__ */ e.jsx("path", { d: Bt, fill: ge(t.primaryColor, 80) })
                 }
               ),
               "  Delete"
@@ -3717,7 +3747,7 @@ function vn(y) {
                   className: "apc-mpx-hover-div",
                   width: "14",
                   viewBox: "0 0 576 512",
-                  children: /* @__PURE__ */ e.jsx("path", { d: Dr, fill: ge(t.primaryColor, 80) })
+                  children: /* @__PURE__ */ e.jsx("path", { d: Wr, fill: ge(t.primaryColor, 80) })
                 }
               ),
               "  Clear"
@@ -3726,70 +3756,70 @@ function vn(y) {
         )
       ] })
     ] })
-  ] }), Re = (k) => {
-    var je, ne, $e, _e;
-    const O = l.width * 5, $ = l.height * 5, B = JSON.parse(G.content), Z = (ne = (je = B == null ? void 0 : B.backgroundImage) == null ? void 0 : je.filters[0]) == null ? void 0 : ne.color, fe = (_e = ($e = l == null ? void 0 : l.backgroundImage) == null ? void 0 : $e.filters[0]) == null ? void 0 : _e.color;
-    Ke(k.sectionName).then(async (be) => {
+  ] }), Le = (S) => {
+    var je, re, Ge, _e;
+    const N = a.width * 5, J = a.height * 5, D = JSON.parse(G.content), Z = (re = (je = D == null ? void 0 : D.backgroundImage) == null ? void 0 : je.filters[0]) == null ? void 0 : re.color, fe = (_e = (Ge = a == null ? void 0 : a.backgroundImage) == null ? void 0 : Ge.filters[0]) == null ? void 0 : _e.color;
+    Xe(S.sectionName).then(async (be) => {
       if (be) {
         const c = be != null && be.content ? JSON.parse(be.content) : null;
-        c && l ? (await l.loadFromJSON(c, () => {
-          l.renderAll(), m(be), E(k.sectionName);
-          const A = JSON.stringify(l), M = {};
-          M.id = k.sectionName, M.classification = I == null ? void 0 : I.name, M.json = A, M.misc = {
-            sectionName: k.sectionName,
-            sectionImage: k.sectionImage,
-            type: k.type
-          }, l.off("object:modified"), l.on({
-            "object:modified": (N) => {
-              p(l, M);
+        c && a ? (await a.loadFromJSON(c, () => {
+          a.renderAll(), v(be), E(S.sectionName);
+          const O = JSON.stringify(a), z = {};
+          z.id = S.sectionName, z.classification = A == null ? void 0 : A.name, z.json = O, z.misc = {
+            sectionName: S.sectionName,
+            sectionImage: S.sectionImage,
+            type: S.type
+          }, a.off("object:modified"), a.on({
+            "object:modified": (k) => {
+              p(a, z);
             }
           });
-        }), ue(fe), Ce || me(!0)) : console.error("Failed to load JSON content for section:", k.sectionName);
+        }), ue(fe), Ce || me(!0)) : console.error("Failed to load JSON content for section:", S.sectionName);
       } else
-        l && l.clear(), k.type = "subsection", _.Image.fromURL(k.sectionImage, function(c) {
-          c.width = O, c.height = $, c.scaleToWidth(O), c.scaleToHeight($), l.setBackgroundImage(c), (Pe || Z) && (c.filters = [], c.filters.push(
-            new _.Image.filters.BlendColor({
-              color: Pe || Z
+        a && a.clear(), S.type = "subsection", B.Image.fromURL(S.sectionImage, function(c) {
+          c.width = N, c.height = J, c.scaleToWidth(N), c.scaleToHeight(J), a.setBackgroundImage(c), (Fe || Z) && (c.filters = [], c.filters.push(
+            new B.Image.filters.BlendColor({
+              color: Fe || Z
             })
           ), c.applyFilters());
-          const A = JSON.stringify(l), M = {};
-          M.id = k.sectionName, M.classification = G.id, M.json = A, M.misc = {
-            sectionName: k.sectionName,
-            sectionImage: k.sectionImage,
-            type: k.type
-          }, l.off("object:modified"), l.on({
-            "object:modified": (N) => {
-              p(l, M);
+          const O = JSON.stringify(a), z = {};
+          z.id = S.sectionName, z.classification = G.id, z.json = O, z.misc = {
+            sectionName: S.sectionName,
+            sectionImage: S.sectionImage,
+            type: S.type
+          }, a.off("object:modified"), a.on({
+            "object:modified": (k) => {
+              p(a, z);
             }
-          }), De(k.sectionName, T, A, { ...k }).then((N) => {
-            l && (l.renderAll(), Ce && me(!1), E(k.sectionName), ce(J + 1));
+          }), De(S.sectionName, I, O, { ...S }).then((k) => {
+            a && (a.renderAll(), Ce && me(!1), E(S.sectionName), ce(Y + 1));
           });
         }, { crossOrigin: "anonymous" });
     });
-  }, Ze = () => {
+  }, et = () => {
     if (!ze)
       return null;
-    let k = [];
-    if (I) {
-      const O = I.sections.map(($) => ({
-        ...$,
+    let S = [];
+    if (A) {
+      const N = A.sections.map((J) => ({
+        ...J,
         type: "subsection"
       }));
-      k.push(...O), k.push({
-        sectionName: I == null ? void 0 : I.name,
-        sectionImage: I == null ? void 0 : I.mainImage,
+      S.push(...N), S.push({
+        sectionName: A == null ? void 0 : A.name,
+        sectionImage: A == null ? void 0 : A.mainImage,
         type: "main"
       });
     }
-    return k = k == null ? void 0 : k.map((O) => ({
-      ...O,
-      active: O.sectionName === T
-    })), (k == null ? void 0 : k.length) < 1 ? null : k == null ? void 0 : k.map((O, $) => {
-      var B, Z;
+    return S = S == null ? void 0 : S.map((N) => ({
+      ...N,
+      active: N.sectionName === I
+    })), (S == null ? void 0 : S.length) < 1 ? null : S == null ? void 0 : S.map((N, J) => {
+      var D, Z;
       return /* @__PURE__ */ e.jsxs(
         "div",
         {
-          onClick: () => Re(O),
+          onClick: () => Le(N),
           style: {
             position: "relative",
             // For placing the checkmark
@@ -3802,7 +3832,7 @@ function vn(y) {
             // Centering content within the container
           },
           children: [
-            O.active && /* @__PURE__ */ e.jsx(
+            N.active && /* @__PURE__ */ e.jsx(
               "div",
               {
                 style: {
@@ -3842,10 +3872,10 @@ function vn(y) {
                 children: /* @__PURE__ */ e.jsx(
                   "img",
                   {
-                    src: O == null ? void 0 : O.sectionImage,
+                    src: N == null ? void 0 : N.sectionImage,
                     width: 50,
                     height: 50,
-                    alt: (O == null ? void 0 : O.sectionName) || "section image",
+                    alt: (N == null ? void 0 : N.sectionName) || "section image",
                     style: {
                       borderRadius: "6px"
                     }
@@ -3862,23 +3892,23 @@ function vn(y) {
                   color: "#333"
                   // Adjusted color for better readability
                 },
-                children: ((B = O == null ? void 0 : O.sectionName) == null ? void 0 : B.length) > 5 ? `${(Z = O == null ? void 0 : O.sectionName) == null ? void 0 : Z.substring(0, 5)}...` : (O == null ? void 0 : O.sectionName) || "view"
+                children: ((D = N == null ? void 0 : N.sectionName) == null ? void 0 : D.length) > 5 ? `${(Z = N == null ? void 0 : N.sectionName) == null ? void 0 : Z.substring(0, 5)}...` : (N == null ? void 0 : N.sectionName) || "view"
               }
             )
           ]
         },
-        $
+        J
       );
     });
-  }, et = () => {
-    if (g.current.length > 0) {
-      const k = g.current.pop();
-      l.loadFromJSON(k, () => {
-        l.renderAll(), v(k);
+  }, tt = () => {
+    if (m.current.length > 0) {
+      const S = m.current.pop();
+      a.loadFromJSON(S, () => {
+        a.renderAll(), j(S);
       });
     }
   };
-  return /* @__PURE__ */ e.jsxs(K.Fragment, { children: [
+  return /* @__PURE__ */ e.jsxs(T.Fragment, { children: [
     /* @__PURE__ */ e.jsx("div", { className: "tab", children: We() }),
     /* @__PURE__ */ e.jsxs("div", { style: {
       display: "flex",
@@ -3900,7 +3930,7 @@ function vn(y) {
               cursor: "pointer",
               height: "12px"
             },
-            onClick: () => et(),
+            onClick: () => tt(),
             title: "UNDO",
             children: /* @__PURE__ */ e.jsx(
               "svg",
@@ -3910,22 +3940,22 @@ function vn(y) {
                 className: "apc-mpx-hover-div",
                 width: "25",
                 viewBox: "0 0 16 16",
-                children: /* @__PURE__ */ e.jsx("path", { d: Fr, fill: "#ffffff" })
+                children: /* @__PURE__ */ e.jsx("path", { d: $r, fill: "#ffffff" })
               }
             )
           }
         ),
         " "
       ] }) }) }),
-      /* @__PURE__ */ e.jsx("div", { style: { flexBasis: "20%" }, children: i ? a() : null }),
+      /* @__PURE__ */ e.jsx("div", { style: { flexBasis: "20%" }, children: i ? l() : null }),
       /* @__PURE__ */ e.jsx("div", { style: { flexBasis: "40%", marginTop: "8px" }, children: i ? u() : null }),
-      qe()
+      Ze()
     ] }),
     /* @__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: ((Ie = I == null ? void 0 : I.sections) == null ? void 0 : Ie.length) > 0 ? Ze() : null }) }),
+        /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx("div", { style: { zIndex: 1e3, overflow: "hidden", position: "absolute", marginLeft: "1%", display: "flex", flexDirection: "row" }, children: ((Ie = A == null ? void 0 : A.sections) == null ? void 0 : Ie.length) > 0 ? et() : null }) }),
         /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx("canvas", { id: "apc-mpx-editor-canvas", ref: f, height: 1e3 }) }),
-        te && (R || (o == null ? void 0 : o.plainColor) === "Y") && Ce && (te == null ? void 0 : te.length) > 1 ? /* @__PURE__ */ e.jsxs("div", { style: { zIndex: 1e3, overflow: "hidden", position: "absolute", marginLeft: "90%" }, children: [
+        te && (_ || (o == null ? void 0 : o.plainColor) === "Y") && Ce && (te == null ? void 0 : te.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",
@@ -3951,74 +3981,74 @@ function vn(y) {
           {
             style: { height: "35px", width: "65px", cursor: "pointer" },
             "aria-label": "zoom out",
-            onClick: () => j(),
+            onClick: () => b(),
             children: "-"
           }
         )
       ] })
     ] }),
-    Ge()
+    $e()
   ] });
 }
-function jn({ data: y, theme: t, apcCanvasInstance: o, closeMobileModalSecondaryPanel: i, isMobile: a }) {
-  const [u, f] = S({}), d = (p) => {
-    f((b) => ({
-      ...b,
-      [p]: !b[p]
+function kn({ data: g, theme: t, apcCanvasInstance: o, closeMobileModalSecondaryPanel: i, isMobile: l }) {
+  const [u, f] = M({}), d = (p) => {
+    f((y) => ({
+      ...y,
+      [p]: !y[p]
     }));
-  }, j = async (p) => {
-    const b = await _t(p);
-    b && _.Image.fromURL(b, (s) => {
+  }, b = async (p) => {
+    const y = await Pt(p);
+    y && B.Image.fromURL(y, (s) => {
       s.set({
         left: 100,
         top: 100,
         scaleX: 0.3,
         scaleY: 0.3
-      }), o.add(s), o.renderAll(), a && i(!0);
+      }), o.add(s), o.renderAll(), l && i(!0);
     });
-  }, l = (p, b = "", s = 0) => /* @__PURE__ */ e.jsx("ul", { style: { listStyleType: "none", paddingLeft: `${s * 20}px`, margin: "0" }, children: Object.keys(p).map((g) => {
-    const h = `${b}/${g}`, v = u[h];
-    return p[g].type === "image" ? /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("div", { onClick: () => j(p[g].url), style: { cursor: "pointer" }, children: /* @__PURE__ */ e.jsx("img", { src: p[g].url, alt: g, style: { width: "100px", height: "auto" } }) }) }, h) : /* @__PURE__ */ e.jsxs("li", { children: [
+  }, a = (p, y = "", s = 0) => /* @__PURE__ */ e.jsx("ul", { style: { listStyleType: "none", paddingLeft: `${s * 20}px`, margin: "0" }, children: Object.keys(p).map((m) => {
+    const h = `${y}/${m}`, j = u[h];
+    return p[m].type === "image" ? /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("div", { onClick: () => b(p[m].url), style: { cursor: "pointer" }, children: /* @__PURE__ */ e.jsx("img", { src: p[m].url, alt: m, style: { width: "100px", height: "auto" } }) }) }, h) : /* @__PURE__ */ e.jsxs("li", { children: [
       /* @__PURE__ */ e.jsxs("div", { onClick: () => d(h), style: { cursor: "pointer", display: "flex", alignItems: "center", fontWeight: "bold", color: t.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: Gr, fill: t.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: $r, fill: t.primaryColorLight }) }) }),
-        g
+        /* @__PURE__ */ e.jsx("div", { style: { marginRight: "5px" }, children: j ? /* @__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: Qr, fill: t.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: qr, fill: t.primaryColorLight }) }) }),
+        m
       ] }),
-      v && l(p[g], h, s + 1)
+      j && a(p[m], h, s + 1)
     ] }, h);
-  }) }), m = bn(y);
-  return /* @__PURE__ */ e.jsx("div", { children: l(m) });
+  }) }), v = Nn(g);
+  return /* @__PURE__ */ e.jsx("div", { children: a(v) });
 }
-function bn(y) {
+function Nn(g) {
   const t = {};
-  return y.forEach((o) => {
+  return g.forEach((o) => {
     const i = o.name.split("/");
-    let a = t;
+    let l = t;
     i.forEach((u, f) => {
-      a[u] || (a[u] = f === i.length - 1 ? o : {}), a = a[u];
+      l[u] || (l[u] = f === i.length - 1 ? o : {}), l = l[u];
     });
   }), t;
 }
-function yn(y) {
-  const { apcCanvasInstance: t, theme: o, apiEndpoint: i, isMobile: a, closeMobileModalSecondaryPanel: u, apiKey: f } = y, d = `${i}/api/v1/designer`, [j, l] = S([]), [m, p] = S(!1), [b, s] = S(!1), [g, h] = S(!1), v = sessionStorage.getItem("apc_x_sub_status"), n = sessionStorage.getItem("apc_x_stickers");
-  re(() => {
+function On(g) {
+  const { apcCanvasInstance: t, theme: o, apiEndpoint: i, isMobile: l, closeMobileModalSecondaryPanel: u, apiKey: f } = g, d = `${i}/api/v1/designer`, [b, a] = M([]), [v, p] = M(!1), [y, s] = M(!1), [m, h] = M(!1), j = sessionStorage.getItem("apc_x_sub_status"), n = sessionStorage.getItem("apc_x_stickers");
+  ie(() => {
     p(!0), (async () => {
-      v === "active" ? s(!0) : await R(), n ? (l(JSON.parse(n)), p(!1)) : await w();
+      j === "active" ? s(!0) : await _(), n ? (a(JSON.parse(n)), p(!1)) : await w();
     })();
   }, []);
   const w = () => {
     p(!0);
-    const I = `${d}/get-stickers`;
-    ye.get(I).then((L) => {
-      L.data.object && (l(L.data.object.contents), sessionStorage.setItem("apc_x_stickers", JSON.stringify(L.data.object.contents)));
+    const A = `${d}/get-stickers`;
+    ye.get(A).then((L) => {
+      L.data.object && (a(L.data.object.contents), sessionStorage.setItem("apc_x_stickers", JSON.stringify(L.data.object.contents)));
     }).catch((L) => {
       console.error("Error fetching data:", L);
     }).finally(() => {
       p(!1);
     });
-  }, R = () => {
+  }, _ = () => {
     p(!0);
-    const I = `${d}/get-subscription-status/${f}`;
-    ye.get(I).then((L) => {
+    const A = `${d}/get-subscription-status/${f}`;
+    ye.get(A).then((L) => {
       L.data.object && L.data.object === "active" && (sessionStorage.setItem("apc_x_sub_status", "active"), s(!0));
     }).catch((L) => {
       sessionStorage.setItem("apc_x_sub_status", "");
@@ -4026,23 +4056,23 @@ function yn(y) {
       p(!1), h(!0);
     });
   };
-  return !b && !m && g ? /* @__PURE__ */ e.jsx(ct, {}) : b && j.length > 0 && !m ? /* @__PURE__ */ e.jsx(K.Fragment, { children: /* @__PURE__ */ e.jsx("div", { style: { padding: "10px" }, children: /* @__PURE__ */ e.jsx(
-    jn,
+  return !y && !v && m ? /* @__PURE__ */ e.jsx(ct, {}) : y && b.length > 0 && !v ? /* @__PURE__ */ e.jsx(T.Fragment, { children: /* @__PURE__ */ e.jsx("div", { style: { padding: "10px" }, children: /* @__PURE__ */ e.jsx(
+    kn,
     {
-      data: j,
+      data: b,
       theme: o,
       apcCanvasInstance: t,
-      isMobile: a,
+      isMobile: l,
       closeMobileModalSecondaryPanel: u
     }
-  ) }) }) : /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(lt, {}) });
+  ) }) }) : /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(at, {}) });
 }
-function In(y) {
+function An(g) {
   const {
-    theme: t = xr,
+    theme: t = yr,
     readOnly: o = !1,
     apiKey: i = null,
-    handleSaveClick: a,
+    handleSaveClick: l,
     handleCartClick: u,
     apiEndpoint: f,
     enabledModules: d = [
@@ -4056,18 +4086,18 @@ function In(y) {
       "QRCODE",
       "BARCODE"
     ],
-    actionButtons: j = {
+    actionButtons: b = {
       share: !0,
       download: !0,
       submit: !0,
       addToCart: !0
     },
-    initInstance: l = null,
-    initCategory: m = null,
+    initInstance: a = null,
+    initCategory: v = null,
     additionalActionButton: p = null,
-    initProductName: b,
+    initProductName: y,
     isPlainColor: s,
-    product: g = {
+    product: m = {
       name: "Premium Crew Neck T-Shirt",
       category: "Tshirts",
       description: "Men's crew neck t-shirts",
@@ -4085,41 +4115,41 @@ function In(y) {
         }
       ]
     }
-  } = y, [h, v] = S(d[0]), [n, w] = S(), R = ot(null), [I, L] = S(), [D, T] = S(!1), [E, H] = S(1), Y = 0.1, [J, ce] = S(1), [se, oe] = S([]), [pe, Ee] = S(null), [we, Qe] = S(null), [Me, te] = S(0), [Fe, Pe] = S(), [He, ze] = S(null), Ve = ot([]), [Ce, me] = S(null), [G, Le] = S(!1), [Oe, q] = S(!1);
-  re(() => {
-    const c = () => Le(window.innerWidth < 600);
+  } = g, [h, j] = M(d[0]), [n, w] = M(), _ = mt(null), [A, L] = M(), [P, I] = M(!1), [E, V] = M(1), K = 0.1, [Y, ce] = M(1), [ne, se] = M([]), [pe, Te] = M(null), [we, qe] = M(null), [Me, te] = M(0), [Pe, Fe] = M(), [He, ze] = M(null), Ve = mt([]), [Ce, me] = M(null), [G, Re] = M(!1), [Oe, q] = M(!1);
+  ie(() => {
+    const c = () => Re(window.innerWidth < 600);
     return c(), window.addEventListener("resize", c), () => window.removeEventListener("resize", c);
-  }, []), re(() => {
-    const c = document.getElementById("apc-mpx-editor-canvas-container"), A = document.getElementById("apc-mpx-editor-canvas-container");
-    if (!R.current || !c || !A) {
+  }, []), ie(() => {
+    const c = document.getElementById("apc-mpx-editor-canvas-container"), O = document.getElementById("apc-mpx-editor-canvas-container");
+    if (!_.current || !c || !O) {
       console.error("Canvas element is not mounted yet!");
       return;
     }
-    const M = {
+    const z = {
       isDrawingMode: !1,
       selection: !0,
       selectionBorderColor: "#008000",
-      height: A.offsetHeight,
+      height: O.offsetHeight,
       width: c.offsetWidth,
       enableRetinaScaling: !0
     };
-    let N, ae;
+    let k, le;
     if (o)
-      N = new _.StaticCanvas(R.current, M);
-    else if (N = new _.Canvas(R.current, M), we)
-      ae = JSON.parse(we), N.loadFromJSON(ae, function() {
+      k = new B.StaticCanvas(_.current, z);
+    else if (k = new B.Canvas(_.current, z), we)
+      le = JSON.parse(we), k.loadFromJSON(le, function() {
       });
-    else if (l) {
-      let V;
+    else if (a) {
+      let U;
       try {
-        V = JSON.parse(l);
+        U = JSON.parse(a);
       } catch (X) {
         console.error("Failed to parse initInstance", X);
       }
-      N && V ? N.loadFromJSON(V, function() {
+      k && U ? k.loadFromJSON(U, function() {
       }) : console.error("Canvas or InitInstance is not properly initialized");
     } else {
-      const V = new _.Textbox("Something cool!", {
+      const U = new B.Textbox("Something cool!", {
         width: 300,
         left: 250,
         top: 300,
@@ -4127,7 +4157,7 @@ function In(y) {
         fill: "#6a45d2",
         rotate: 20
       });
-      V.shadow = {
+      U.shadow = {
         color: "rgba(0,0,0,0.5)",
         // Shadow color
         blur: 10,
@@ -4136,93 +4166,93 @@ function In(y) {
         // Horizontal offset of shadow
         offsetY: 5
         // Vertical offset of shadow
-      }, N.add(V), g != null && g.mainImage && _.Image.fromURL(g.mainImage, function(X) {
-        X.height = A.offsetHeight, X.width = c.offsetWidth, X.scaleToWidth(A.offsetHeight), X.scaleToHeight(c.offsetWidth), N.setBackgroundImage(X), N.setActiveObject(V), ue(V), N.renderAll(), k(N);
+      }, k.add(U), m != null && m.mainImage && B.Image.fromURL(m.mainImage, function(X) {
+        X.height = O.offsetHeight, X.width = c.offsetWidth, X.scaleToWidth(O.offsetHeight), X.scaleToHeight(c.offsetWidth), k.setBackgroundImage(X), k.setActiveObject(U), ue(U), k.renderAll(), S(k);
       }, { crossOrigin: "anonymous" });
     }
-    return N.on({
-      "selection:updated": (V) => {
-        const X = N.getActiveObject();
+    return k.on({
+      "selection:updated": (U) => {
+        const X = k.getActiveObject();
         ue(X);
       },
-      "selection:created": (V) => {
-        const X = N.getActiveObject();
+      "selection:created": (U) => {
+        const X = k.getActiveObject();
         ue(X);
       },
-      "selection:cleared": (V) => {
+      "selection:cleared": (U) => {
         Se();
       },
-      "object:modified": (V) => {
-        k(N), de(N);
+      "object:modified": (U) => {
+        S(k), de(k);
       },
-      "object:added": (V) => {
-        de(N);
+      "object:added": (U) => {
+        de(k);
       },
-      "object:removed": (V) => {
-        de(N);
+      "object:removed": (U) => {
+        de(k);
       },
-      "object:created": (V) => {
-        de(N);
+      "object:created": (U) => {
+        de(k);
       }
-    }), w(N), ce(c.offsetWidth), () => {
-      w(null), N.off({
-        "selection:updated": (V) => {
-          const X = N.getActiveObject();
+    }), w(k), ce(c.offsetWidth), () => {
+      w(null), k.off({
+        "selection:updated": (U) => {
+          const X = k.getActiveObject();
           ue(X);
         },
-        "selection:created": (V) => {
-          const X = N.getActiveObject();
+        "selection:created": (U) => {
+          const X = k.getActiveObject();
           ue(X);
         },
-        "selection:cleared": (V) => {
+        "selection:cleared": (U) => {
           Se();
         },
-        "object:modified": (V) => {
-          k(N), de(N);
+        "object:modified": (U) => {
+          S(k), de(k);
         },
-        "object:added": (V) => {
-          de(N);
+        "object:added": (U) => {
+          de(k);
         },
-        "object:removed": (V) => {
-          de(N);
+        "object:removed": (U) => {
+          de(k);
         },
-        "object:created": (V) => {
-          de(N);
+        "object:created": (U) => {
+          de(k);
         }
-      }), N.dispose();
+      }), k.dispose();
     };
-  }, [we]), re(() => (Ue(), document.addEventListener("keydown", (c) => Ie(c)), () => {
+  }, [we]), ie(() => (Ue(), document.addEventListener("keydown", (c) => Ie(c)), () => {
     document.removeEventListener("keydown", (c) => Ie(c));
-  }), [n]), re(() => {
+  }), [n]), ie(() => {
     if (n) {
-      const c = document.getElementById("apc-mpx-editor-canvas-container"), A = () => {
-        const M = c.offsetWidth / J;
-        n.setZoom(M);
+      const c = document.getElementById("apc-mpx-editor-canvas-container"), O = () => {
+        const z = c.offsetWidth / Y;
+        n.setZoom(z);
       };
-      return window.addEventListener("resize", A), () => {
-        window.removeEventListener("resize", A);
+      return window.addEventListener("resize", O), () => {
+        window.removeEventListener("resize", O);
       };
     }
-  }, [n, E]), re(() => {
+  }, [n, E]), ie(() => {
     const c = () => {
-      if (n && R.current) {
-        const A = n.getWidth(), M = n.getHeight(), N = window.innerWidth, ae = window.innerHeight, V = N / A, X = ae / M, tt = Math.min(V, X);
-        n.setZoom(tt / 1.4), n.renderAll();
+      if (n && _.current) {
+        const O = n.getWidth(), z = n.getHeight(), k = window.innerWidth, le = window.innerHeight, U = k / O, X = le / z, rt = Math.min(U, X);
+        n.setZoom(rt / 1.4), n.renderAll();
       }
     };
     return G && (c(), window.addEventListener("resize", c)), () => window.removeEventListener("resize", c);
   }, [n, G]);
   const Ue = () => {
-    Te().then((c) => {
+    Ee().then((c) => {
       if (c && c.length > 0) {
-        const A = c[0].content;
-        b === c[0].id && Qe(A);
+        const O = c[0].content;
+        y === c[0].id && qe(O);
       }
     });
   }, de = (c) => {
     if (c) {
-      const A = c.toJSON();
-      ze((M) => (Ve.current.push(M), A));
+      const O = c.toJSON();
+      ze((z) => (Ve.current.push(z), O));
     }
   }, ue = (c) => {
     L(c.type);
@@ -4231,18 +4261,18 @@ function In(y) {
   }, ve = () => {
     n.getActiveObject() && n.remove(n.getActiveObject());
   }, We = () => {
-    const c = n.getActiveObject(), A = _.util.object.clone(c);
-    A.set({
+    const c = n.getActiveObject(), O = B.util.object.clone(c);
+    O.set({
       left: c.left + 20,
       // Change the position as needed
       top: c.top + 20
-    }), n.add(A);
+    }), n.add(O);
   }, ke = (c) => {
-    Ee(c);
+    Te(c);
   }, Ae = (c) => {
-    let A = se;
-    A.push(c), oe(A);
-  }, Ge = (c) => {
+    let O = ne;
+    O.push(c), se(O);
+  }, $e = (c) => {
     c === "lock" ? n.getActiveObject().set({
       lockMovementX: !0,
       lockMovementY: !0
@@ -4250,111 +4280,111 @@ function In(y) {
       lockMovementX: !1,
       lockMovementY: !1
     });
-  }, qe = () => {
+  }, Ze = () => {
     n && (n.getActiveObject().bringForward(), n.renderAll());
-  }, Re = () => {
+  }, Le = () => {
     n && (n.getActiveObject().sendBackwards(), n.renderAll());
-  }, Ze = () => {
-    const c = E + Y;
-    H(c), n.setZoom(c);
   }, et = () => {
-    const c = Math.max(E - Y, Y);
-    H(c), n.setZoom(c);
+    const c = E + K;
+    V(c), n.setZoom(c);
+  }, tt = () => {
+    const c = Math.max(E - K, K);
+    V(c), n.setZoom(c);
   }, Ie = (c) => {
     n && n.getActiveObject() && n.getActiveObject().type !== "textbox" && c.keyCode === 8 && ve();
-  }, k = (c) => {
-    const A = localStorage.getItem("apc_x_activeTab");
-    if (A)
-      Ke(A).then((M) => {
-        if (M) {
-          const N = JSON.stringify(c);
-          De(M.id, M.classification, N, M.misc).then((ae) => {
+  }, S = (c) => {
+    const O = localStorage.getItem("apc_x_activeTab");
+    if (O)
+      Xe(O).then((z) => {
+        if (z) {
+          const k = JSON.stringify(c);
+          De(z.id, z.classification, k, z.misc).then((le) => {
           });
         } else {
-          const N = JSON.stringify(c);
-          De(g.name ?? "design", "general", N, g).then((ae) => {
+          const k = JSON.stringify(c);
+          De(m.name ?? "design", "general", k, m).then((le) => {
           });
         }
       });
     else {
-      const M = JSON.stringify(c);
-      De(g.name ?? "design", "general", M, g).then((N) => {
+      const z = JSON.stringify(c);
+      De(m.name ?? "design", "general", z, m).then((k) => {
       });
     }
-  }, O = (c, A) => {
-    const M = JSON.stringify(c);
-    De(A.id, A.classification, M, A.misc).then((N) => {
+  }, N = (c, O) => {
+    const z = JSON.stringify(c);
+    De(O.id, O.classification, z, O.misc).then((k) => {
     });
-  }, $ = () => ({
-    getPDF: () => Te().then((c) => {
-      let A = [];
-      for (let M in c)
-        xe(c[M].content, n.height, n.width, "pdf").then((N) => {
-          A.push(N);
+  }, J = () => ({
+    getPDF: () => Ee().then((c) => {
+      let O = [];
+      for (let z in c)
+        xe(c[z].content, n.height, n.width, "pdf").then((k) => {
+          O.push(k);
         });
-      return A;
+      return O;
     }),
-    getPNG: () => Te().then((c) => {
-      let A = [];
-      for (let M in c)
-        xe(c[M].content, n.height, n.width, "png").then((N) => {
-          A.push(N);
+    getPNG: () => Ee().then((c) => {
+      let O = [];
+      for (let z in c)
+        xe(c[z].content, n.height, n.width, "png").then((k) => {
+          O.push(k);
         });
-      return A;
+      return O;
     }),
-    getSVG: () => Te().then((c) => {
-      let A = [];
-      for (let M in c)
-        xe(c[M].content, n.height, n.width, "svg").then((N) => {
-          A.push(N);
+    getSVG: () => Ee().then((c) => {
+      let O = [];
+      for (let z in c)
+        xe(c[z].content, n.height, n.width, "svg").then((k) => {
+          O.push(k);
         });
-      return A;
+      return O;
     }),
-    getJPEG: () => Te().then((c) => {
-      let A = [];
-      for (let M in c)
-        xe(c[M].content, n.height, n.width, "jpeg").then((N) => {
-          A.push(N);
+    getJPEG: () => Ee().then((c) => {
+      let O = [];
+      for (let z in c)
+        xe(c[z].content, n.height, n.width, "jpeg").then((k) => {
+          O.push(k);
         });
-      return A;
+      return O;
     }),
-    getWEBP: () => Te().then((c) => {
-      let A = [];
-      for (let M in c)
-        xe(c[M].content, n.height, n.width, "webp").then((N) => {
-          A.push(N);
+    getWEBP: () => Ee().then((c) => {
+      let O = [];
+      for (let z in c)
+        xe(c[z].content, n.height, n.width, "webp").then((k) => {
+          O.push(k);
         });
-      return A;
+      return O;
     }),
     getImageActiveTab: () => {
       const c = localStorage.getItem("apc_x_activeTab");
-      return Ke(c).then((A) => xe(A.content, n.height, n.width, "png").then((M) => {
-        let N = {};
-        return N.file = M, N.height = n.height, N.width = n.width, N;
+      return Xe(c).then((O) => xe(O.content, n.height, n.width, "png").then((z) => {
+        let k = {};
+        return k.file = z, k.height = n.height, k.width = n.width, k;
       }));
     }
-  }), B = () => /* @__PURE__ */ e.jsxs("div", { style: { marginTop: "6px", fontWeight: "bold" }, children: [
+  }), D = () => /* @__PURE__ */ e.jsxs("div", { style: { marginTop: "6px", fontWeight: "bold" }, children: [
     "Replace Image: ",
     /* @__PURE__ */ e.jsx("input", { type: "file", accept: "image/*", onChange: (c) => Z(c) }),
     /* @__PURE__ */ e.jsx("br", {})
-  ] }), Z = (c, A) => {
+  ] }), Z = (c, O) => {
     {
-      const M = n.getActiveObject(), N = c.target.files[0], ae = new FileReader();
-      ae.onload = function(V) {
-        const X = V.target.result;
-        M.setSrc(X, function(tt) {
-          tt.set({
+      const z = n.getActiveObject(), k = c.target.files[0], le = new FileReader();
+      le.onload = function(U) {
+        const X = U.target.result;
+        z.setSrc(X, function(rt) {
+          rt.set({
             angle: 30
           }), n && n.renderAll();
         });
-      }, ae.readAsDataURL(N);
+      }, le.readAsDataURL(k);
     }
     n && n.renderAll();
   }, fe = () => {
     switch (h) {
       case "ICONS":
         return /* @__PURE__ */ e.jsx(
-          ln,
+          fn,
           {
             apcCanvasInstance: n,
             theme: t,
@@ -4365,7 +4395,7 @@ function In(y) {
         );
       case "TEMPLATES":
         return /* @__PURE__ */ e.jsx(
-          Qr,
+          nn,
           {
             apcCanvasInstance: n,
             theme: t,
@@ -4373,9 +4403,9 @@ function In(y) {
             apiEndpoint: f,
             reloadTabs: (c) => te(c),
             updateActiveSection: (c) => ke(c),
-            initCategory: m,
+            initCategory: v,
             currentTabNo: Me,
-            initInstance: l,
+            initInstance: a,
             setActiveTab: (c) => me(c),
             isMobile: G,
             closeMobileModalSecondaryPanel: (c) => q(!c)
@@ -4383,7 +4413,7 @@ function In(y) {
         );
       case "TXT":
         return /* @__PURE__ */ e.jsx(
-          sn,
+          hn,
           {
             apcCanvasInstance: n,
             theme: t,
@@ -4394,7 +4424,7 @@ function In(y) {
         );
       case "IMAGE":
         return /* @__PURE__ */ e.jsx(
-          cn,
+          un,
           {
             apcCanvasInstance: n,
             theme: t,
@@ -4406,7 +4436,7 @@ function In(y) {
         );
       case "STICKERS":
         return /* @__PURE__ */ e.jsx(
-          yn,
+          On,
           {
             apcCanvasInstance: n,
             theme: t,
@@ -4418,7 +4448,7 @@ function In(y) {
         );
       case "SHAPES":
         return /* @__PURE__ */ e.jsx(
-          Mt,
+          Rt,
           {
             apcCanvasInstance: n,
             theme: t,
@@ -4429,7 +4459,7 @@ function In(y) {
         );
       case "QUOTE":
         return /* @__PURE__ */ e.jsx(
-          an,
+          xn,
           {
             apcCanvasInstance: n,
             theme: t,
@@ -4441,7 +4471,7 @@ function In(y) {
         );
       case "BACKGROUND":
         return /* @__PURE__ */ e.jsx(
-          dn,
+          gn,
           {
             apcCanvasInstance: n,
             theme: t,
@@ -4456,7 +4486,7 @@ function In(y) {
         );
       case "QRCODE":
         return /* @__PURE__ */ e.jsx(
-          hn,
+          mn,
           {
             apcCanvasInstance: n,
             theme: t,
@@ -4468,7 +4498,7 @@ function In(y) {
         );
       case "BARCODE":
         return /* @__PURE__ */ e.jsx(
-          pn,
+          vn,
           {
             apcCanvasInstance: n,
             theme: t,
@@ -4480,7 +4510,7 @@ function In(y) {
         );
       case "SIZE":
         return /* @__PURE__ */ e.jsx(
-          un,
+          jn,
           {
             apcCanvasInstance: n,
             theme: t,
@@ -4491,7 +4521,7 @@ function In(y) {
         );
       default:
         return /* @__PURE__ */ e.jsx(
-          Mt,
+          Rt,
           {
             apcCanvasInstance: n,
             theme: t,
@@ -4502,33 +4532,33 @@ function In(y) {
         );
     }
   }, je = () => {
-    if (!I)
+    if (!A)
       return null;
-    switch (I) {
+    switch (A) {
       case "text":
-        return /* @__PURE__ */ e.jsx(zt, { apcCanvasInstance: n, theme: t, apiKey: i });
+        return /* @__PURE__ */ e.jsx(Lt, { apcCanvasInstance: n, theme: t, apiKey: i });
       case "textbox":
-        return /* @__PURE__ */ e.jsx(zt, { apcCanvasInstance: n, theme: t, apiKey: i });
+        return /* @__PURE__ */ e.jsx(Lt, { apcCanvasInstance: n, theme: t, apiKey: i });
       case "rect":
-        return /* @__PURE__ */ e.jsx(Ye, { apcCanvasInstance: n, theme: t, apiKey: i });
+        return /* @__PURE__ */ e.jsx(Ke, { apcCanvasInstance: n, theme: t, apiKey: i });
       case "circle":
-        return /* @__PURE__ */ e.jsx(Ye, { apcCanvasInstance: n, theme: t, apiKey: i });
+        return /* @__PURE__ */ e.jsx(Ke, { apcCanvasInstance: n, theme: t, apiKey: i });
       case "triangle":
-        return /* @__PURE__ */ e.jsx(Ye, { apcCanvasInstance: n, theme: t, apiKey: i });
+        return /* @__PURE__ */ e.jsx(Ke, { apcCanvasInstance: n, theme: t, apiKey: i });
       case "line":
-        return /* @__PURE__ */ e.jsx(Ye, { apcCanvasInstance: n, theme: t, apiKey: i });
+        return /* @__PURE__ */ e.jsx(Ke, { apcCanvasInstance: n, theme: t, apiKey: i });
       case "path":
-        return /* @__PURE__ */ e.jsx(Ye, { apcCanvasInstance: n, theme: t, apiKey: i });
+        return /* @__PURE__ */ e.jsx(Ke, { apcCanvasInstance: n, theme: t, apiKey: i });
       case "polygon":
-        return /* @__PURE__ */ e.jsx(Ye, { apcCanvasInstance: n, theme: t, apiKey: i });
+        return /* @__PURE__ */ e.jsx(Ke, { apcCanvasInstance: n, theme: t, apiKey: i });
       case "image":
-        return B();
+        return D();
       default:
         return null;
     }
-  }, ne = (c) => {
-    v(c), G && q(!0);
-  }, $e = () => /* @__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: [
+  }, re = (c) => {
+    j(c), G && q(!0);
+  }, Ge = () => /* @__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",
       {
@@ -4545,7 +4575,7 @@ function In(y) {
               height: "16",
               width: "14",
               viewBox: "0 0 448 512",
-              children: /* @__PURE__ */ e.jsx("path", { d: Lt, fill: "#d8d4d4" })
+              children: /* @__PURE__ */ e.jsx("path", { d: Bt, fill: "#d8d4d4" })
             }
           ),
           /* @__PURE__ */ e.jsx("div", { className: "apc-mpx-tooltip-text", children: "Delete" })
@@ -4557,7 +4587,7 @@ function In(y) {
       {
         className: "apc-mpx-tooltip-container",
         role: "button",
-        onClick: () => Re(),
+        onClick: () => Le(),
         style: { cursor: "pointer" },
         children: [
           /* @__PURE__ */ e.jsxs(
@@ -4589,7 +4619,7 @@ function In(y) {
       {
         className: "apc-mpx-tooltip-container",
         role: "button",
-        onClick: () => qe(),
+        onClick: () => Ze(),
         style: { cursor: "pointer" },
         children: [
           /* @__PURE__ */ e.jsxs(
@@ -4620,7 +4650,7 @@ function In(y) {
       "div",
       {
         className: "apc-mpx-tooltip-container",
-        onClick: () => Ge("lock"),
+        onClick: () => $e("lock"),
         style: { cursor: "pointer" },
         children: [
           /* @__PURE__ */ e.jsx(
@@ -4648,7 +4678,7 @@ function In(y) {
       "div",
       {
         className: "apc-mpx-tooltip-container",
-        onClick: () => Ge("unlock"),
+        onClick: () => $e("unlock"),
         style: { cursor: "pointer" },
         children: [
           /* @__PURE__ */ e.jsx(
@@ -4700,7 +4730,7 @@ function In(y) {
         ]
       }
     )
-  ] }) }), _e = () => n ? /* @__PURE__ */ e.jsx("div", { style: { height: "10vh", overflow: "auto" }, children: /* @__PURE__ */ e.jsx(at, { isOpen: Oe, onClose: () => q(!1), children: fe() }) }) : null, be = () => n ? G ? _e() : fe() : null;
+  ] }) }), _e = () => n ? /* @__PURE__ */ e.jsx("div", { style: { height: "10vh", overflow: "auto" }, children: /* @__PURE__ */ e.jsx(lt, { isOpen: Oe, onClose: () => q(!1), children: fe() }) }) : null, be = () => n ? G ? _e() : fe() : null;
   return /* @__PURE__ */ e.jsxs("div", { className: "apc-mpc-widget-wrapper", children: [
     /* @__PURE__ */ e.jsxs("div", { style: {
       display: "flex",
@@ -4724,22 +4754,22 @@ function In(y) {
             fontWeight: "bold"
           },
           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: Jr }) }),
+            /* @__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: Zr }) }),
             " Back"
           ]
         }
       ) }) }),
       /* @__PURE__ */ e.jsx("div", { style: { flexBasis: "20%" } }),
       /* @__PURE__ */ e.jsx("div", { style: { flexBasis: "40%" }, children: /* @__PURE__ */ e.jsx("div", { style: { display: "flex", flexDirection: "row", gap: 10 }, children: /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", flexDirection: "row", gap: 5 }, children: [
-        /* @__PURE__ */ e.jsx("div", { children: n && j.share ? /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
-          gn,
+        /* @__PURE__ */ e.jsx("div", { children: n && b.share ? /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
+          wn,
           {
             apcCanvasInstance: n,
             theme: t
           }
         ) }) : null }),
-        /* @__PURE__ */ e.jsx("div", { children: n && j.download ? /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
-          mn,
+        /* @__PURE__ */ e.jsx("div", { children: n && b.download ? /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
+          Cn,
           {
             apcCanvasInstance: n,
             theme: t,
@@ -4747,14 +4777,14 @@ function In(y) {
             updateSelectedSections: (c) => Ae(c),
             updateActiveSection: (c) => ke(c),
             accesories,
-            getDesignFormats: $()
+            getDesignFormats: J()
           }
         ) }) : null }),
         /* @__PURE__ */ e.jsx("div", { children: n && p ? /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
           "button",
           {
             className: "apc-mpc-widget-btn",
-            onClick: () => a($()),
+            onClick: () => l(J()),
             style: {
               backgroundColor: p.btnColor ?? t.primaryColorLight,
               color: "#ffffff",
@@ -4767,7 +4797,7 @@ function In(y) {
     ] }),
     /* @__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: [
-        d.indexOf("TXT") > -1 ? /* @__PURE__ */ e.jsxs("div", { tabIndex: "0", role: "button", onClick: () => ne("TXT"), style: {
+        d.indexOf("TXT") > -1 ? /* @__PURE__ */ e.jsxs("div", { tabIndex: "0", role: "button", onClick: () => re("TXT"), style: {
           padding: "10px",
           backgroundColor: h === "TXT" ? t.primaryColorLight : "inherit",
           color: h === "TXT" ? "#ffffff" : "inherit"
@@ -4781,12 +4811,12 @@ function In(y) {
               viewBox: "0 0 448 512",
               style: { fill: h === "TXT" ? "#ffffff" : t.primaryColor },
               className: "apc-mypixia-widget-primary-nav-svg",
-              children: /* @__PURE__ */ e.jsx("path", { d: Er })
+              children: /* @__PURE__ */ e.jsx("path", { d: Br })
             }
           ),
           /* @__PURE__ */ e.jsx("div", { children: "Text" })
         ] }) : null,
-        d.indexOf("STICKERS") > -1 ? /* @__PURE__ */ e.jsxs("div", { tabIndex: "0", role: "button", onClick: () => ne("STICKERS"), style: {
+        d.indexOf("STICKERS") > -1 ? /* @__PURE__ */ e.jsxs("div", { tabIndex: "0", role: "button", onClick: () => re("STICKERS"), style: {
           padding: "10px",
           backgroundColor: h === "STICKERS" ? t.primaryColorLight : "inherit",
           color: h === "STICKERS" ? "#ffffff" : "inherit"
@@ -4800,12 +4830,12 @@ function In(y) {
               viewBox: "0 0 640 512",
               style: { fill: h === "STICKERS" ? "#ffffff" : t.primaryColor },
               className: "apc-mypixia-widget-primary-nav-svg",
-              children: /* @__PURE__ */ e.jsx("path", { d: Wr })
+              children: /* @__PURE__ */ e.jsx("path", { d: Xr })
             }
           ),
           /* @__PURE__ */ e.jsx("div", { children: "Stickers" })
         ] }) : null,
-        d.indexOf("SHAPES") > -1 ? /* @__PURE__ */ e.jsxs("div", { tabIndex: "0", role: "button", onClick: () => ne("SHAPES"), style: {
+        d.indexOf("SHAPES") > -1 ? /* @__PURE__ */ e.jsxs("div", { tabIndex: "0", role: "button", onClick: () => re("SHAPES"), style: {
           padding: "10px",
           backgroundColor: h === "SHAPES" ? t.primaryColorLight : "inherit",
           color: h === "SHAPES" ? "#ffffff" : "inherit"
@@ -4819,12 +4849,12 @@ function In(y) {
               viewBox: "0 0 512 512",
               style: { fill: h === "SHAPES" ? "#ffffff" : t.primaryColor },
               className: "apc-mypixia-widget-primary-nav-svg",
-              children: /* @__PURE__ */ e.jsx("path", { d: Ir })
+              children: /* @__PURE__ */ e.jsx("path", { d: Lr })
             }
           ),
           /* @__PURE__ */ e.jsx("div", { children: "Shapes" })
         ] }) : null,
-        d.indexOf("ICONS") > -1 ? /* @__PURE__ */ e.jsxs("div", { tabIndex: "0", role: "button", onClick: () => ne("ICONS"), style: {
+        d.indexOf("ICONS") > -1 ? /* @__PURE__ */ e.jsxs("div", { tabIndex: "0", role: "button", onClick: () => re("ICONS"), style: {
           padding: "10px",
           backgroundColor: h === "ICONS" ? t.primaryColorLight : "inherit",
           color: h === "ICONS" ? "#ffffff" : "inherit"
@@ -4838,12 +4868,12 @@ function In(y) {
               viewBox: "0 0 512 512",
               style: { fill: h === "ICONS" ? "#ffffff" : t.primaryColor },
               className: "apc-mypixia-widget-primary-nav-svg",
-              children: /* @__PURE__ */ e.jsx("path", { d: Tr })
+              children: /* @__PURE__ */ e.jsx("path", { d: _r })
             }
           ),
           /* @__PURE__ */ e.jsx("div", { children: "Icons" })
         ] }) : null,
-        d.indexOf("IMAGE") > -1 ? /* @__PURE__ */ e.jsxs("div", { tabIndex: "0", role: "button", onClick: () => ne("IMAGE"), style: {
+        d.indexOf("IMAGE") > -1 ? /* @__PURE__ */ e.jsxs("div", { tabIndex: "0", role: "button", onClick: () => re("IMAGE"), style: {
           padding: "10px",
           backgroundColor: h === "IMAGE" ? t.primaryColorLight : "inherit",
           color: h === "IMAGE" ? "#ffffff" : "inherit"
@@ -4857,12 +4887,12 @@ function In(y) {
               viewBox: "0 0 512 512",
               style: { fill: h === "IMAGE" ? "#ffffff" : t.primaryColor },
               className: "apc-mypixia-widget-primary-nav-svg",
-              children: /* @__PURE__ */ e.jsx("path", { d: Rt })
+              children: /* @__PURE__ */ e.jsx("path", { d: Dt })
             }
           ),
           /* @__PURE__ */ e.jsx("div", { children: "Upload" })
         ] }) : null,
-        d.indexOf("QUOTE") > -1 ? /* @__PURE__ */ e.jsxs("div", { tabIndex: "0", role: "button", onClick: () => ne("QUOTE"), style: {
+        d.indexOf("QUOTE") > -1 ? /* @__PURE__ */ e.jsxs("div", { tabIndex: "0", role: "button", onClick: () => re("QUOTE"), style: {
           padding: "10px",
           backgroundColor: h === "QUOTE" ? t.primaryColorLight : "inherit",
           color: h === "QUOTE" ? "#ffffff" : "inherit"
@@ -4876,12 +4906,12 @@ function In(y) {
               viewBox: "0 0 512 512",
               style: { fill: h === "QUOTE" ? "#ffffff" : t.primaryColor },
               className: "apc-mypixia-widget-primary-nav-svg",
-              children: /* @__PURE__ */ e.jsx("path", { d: Mr })
+              children: /* @__PURE__ */ e.jsx("path", { d: Dr })
             }
           ),
           /* @__PURE__ */ e.jsx("div", { children: "Quote" })
         ] }) : null,
-        d.indexOf("BACKGROUND") > -1 ? /* @__PURE__ */ e.jsxs("div", { tabIndex: "0", role: "button", onClick: () => ne("BACKGROUND"), style: {
+        d.indexOf("BACKGROUND") > -1 ? /* @__PURE__ */ e.jsxs("div", { tabIndex: "0", role: "button", onClick: () => re("BACKGROUND"), style: {
           padding: "10px",
           backgroundColor: h === "BACKGROUND" ? t.primaryColorLight : "inherit",
           color: h === "BACKGROUND" ? "#ffffff" : "inherit"
@@ -4895,12 +4925,12 @@ function In(y) {
               viewBox: "0 0 640 512",
               style: { fill: h === "BACKGROUND" ? "#ffffff" : t.primaryColor },
               className: "apc-mypixia-widget-primary-nav-svg",
-              children: /* @__PURE__ */ e.jsx("path", { d: zr })
+              children: /* @__PURE__ */ e.jsx("path", { d: Pr })
             }
           ),
           /* @__PURE__ */ e.jsx("div", { children: "Background" })
         ] }) : null,
-        d.indexOf("QRCODE") > -1 ? /* @__PURE__ */ e.jsxs("div", { tabIndex: "0", role: "button", onClick: () => ne("QRCODE"), style: {
+        d.indexOf("QRCODE") > -1 ? /* @__PURE__ */ e.jsxs("div", { tabIndex: "0", role: "button", onClick: () => re("QRCODE"), style: {
           padding: "10px",
           backgroundColor: h === "QRCODE" ? t.primaryColorLight : "inherit",
           color: h === "QRCODE" ? "#ffffff" : "inherit"
@@ -4914,12 +4944,12 @@ function In(y) {
               viewBox: "0 0 640 512",
               style: { fill: h === "QRCODE" ? "#ffffff" : t.primaryColor },
               className: "apc-mypixia-widget-primary-nav-svg",
-              children: /* @__PURE__ */ e.jsx("path", { d: Lr })
+              children: /* @__PURE__ */ e.jsx("path", { d: Fr })
             }
           ),
           /* @__PURE__ */ e.jsx("div", { children: "QR Code" })
         ] }) : null,
-        d.indexOf("BARCODE") > -1 ? /* @__PURE__ */ e.jsxs("div", { tabIndex: "0", role: "button", onClick: () => ne("BARCODE"), style: {
+        d.indexOf("BARCODE") > -1 ? /* @__PURE__ */ e.jsxs("div", { tabIndex: "0", role: "button", onClick: () => re("BARCODE"), style: {
           padding: "10px",
           backgroundColor: h === "BARCODE" ? t.primaryColorLight : "inherit",
           color: h === "BARCODE" ? "#ffffff" : "inherit"
@@ -4933,12 +4963,12 @@ function In(y) {
               viewBox: "0 0 512 512",
               style: { fill: h === "BARCODE" ? "#ffffff" : t.primaryColor },
               className: "apc-mypixia-widget-primary-nav-svg",
-              children: /* @__PURE__ */ e.jsx("path", { d: Rr })
+              children: /* @__PURE__ */ e.jsx("path", { d: Hr })
             }
           ),
           /* @__PURE__ */ e.jsx("div", { children: "Barcode" })
         ] }) : null,
-        d.indexOf("SIZE") > -1 ? /* @__PURE__ */ e.jsxs("div", { tabIndex: "0", role: "button", onClick: () => ne("SIZE"), style: {
+        d.indexOf("SIZE") > -1 ? /* @__PURE__ */ e.jsxs("div", { tabIndex: "0", role: "button", onClick: () => re("SIZE"), style: {
           padding: "10px",
           backgroundColor: h === "SIZE" ? t.primaryColorLight : "inherit",
           color: h === "SIZE" ? "#ffffff" : "inherit"
@@ -4952,7 +4982,7 @@ function In(y) {
               viewBox: "0 0 448 512",
               style: { fill: h === "SIZE" ? "#ffffff" : t.primaryColor },
               className: "apc-mypixia-widget-primary-nav-svg",
-              children: /* @__PURE__ */ e.jsx("path", { d: _r })
+              children: /* @__PURE__ */ e.jsx("path", { d: Vr })
             }
           ),
           /* @__PURE__ */ e.jsx("div", { children: "Size" })
@@ -4960,29 +4990,29 @@ function In(y) {
       ] }) }),
       /* @__PURE__ */ e.jsx("div", { className: "apc-mpc-widget-colum-features-container", children: be() }),
       /* @__PURE__ */ e.jsx("div", { className: "apc-mpc-widget-colum-editor-container", children: /* @__PURE__ */ e.jsx(
-        vn,
+        Sn,
         {
           theme: t,
           activeSection: pe,
-          selectedObjectType: I,
-          renderQuickActions: $e,
+          selectedObjectType: A,
+          renderQuickActions: Ge,
           renderActionItems: je,
-          canvasEl: R,
-          zoomIn: () => Ze(),
-          zoomOut: () => et(),
+          canvasEl: _,
+          zoomIn: () => et(),
+          zoomOut: () => tt(),
           apcCanvasInstance: n,
-          setActiveSection: (c) => Ee(c),
+          setActiveSection: (c) => Te(c),
           updateActiveDesignSection: (c) => ke(c),
-          saveActiveDesign: (c, A) => O(c, A),
+          saveActiveDesign: (c, O) => N(c, O),
           reloadTabs: Me,
           activeTabName: Ce,
-          supportedColors: Fe,
-          initProductName: b,
+          supportedColors: Pe,
+          initProductName: y,
           historyRef: Ve,
           currentState: He,
           setCurrentState: (c) => ze(c),
           isPlainColor: s,
-          selectedProduct: g,
+          selectedProduct: m,
           isMobile: G
         }
       ) })
@@ -4991,6 +5021,10 @@ function In(y) {
     G ? _e() : null
   ] });
 }
+function _n(g, t = {}) {
+  br.createRoot(g).render(/* @__PURE__ */ e.jsx(An, { ...t }));
+}
 export {
-  In as default
+  An as Mypixia,
+  _n as render
 };