@billgangcom/theme-lib 1.2.0 → 1.4.0

package/dist/{index-SOBckDON.js → index-ohEJxZVF.js}

@@ -2,7 +2,7 @@ import T from "react";
 function Bt(r) {
   return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
-var je = { exports: {} }, ee = {};
+var je = { exports: {} }, te = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -13,20 +13,20 @@ var je = { exports: {} }, ee = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Qe;
-function At() {
-  if (Qe) return ee;
+function Nt() {
+  if (Qe) return te;
   Qe = 1;
-  var r = T, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, i = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function l(f, u, v) {
-    var d, y = {}, R = null, E = null;
-    v !== void 0 && (R = "" + v), u.key !== void 0 && (R = "" + u.key), u.ref !== void 0 && (E = u.ref);
-    for (d in u) s.call(u, d) && !o.hasOwnProperty(d) && (y[d] = u[d]);
-    if (f && f.defaultProps) for (d in u = f.defaultProps, u) y[d] === void 0 && (y[d] = u[d]);
-    return { $$typeof: t, type: f, key: R, ref: E, props: y, _owner: i.current };
+  var r = T, t = Symbol.for("react.element"), s = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, i = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function l(d, u, v) {
+    var f, y = {}, E = null, x = null;
+    v !== void 0 && (E = "" + v), u.key !== void 0 && (E = "" + u.key), u.ref !== void 0 && (x = u.ref);
+    for (f in u) n.call(u, f) && !o.hasOwnProperty(f) && (y[f] = u[f]);
+    if (d && d.defaultProps) for (f in u = d.defaultProps, u) y[f] === void 0 && (y[f] = u[f]);
+    return { $$typeof: t, type: d, key: E, ref: x, props: y, _owner: i.current };
   }
-  return ee.Fragment = n, ee.jsx = l, ee.jsxs = l, ee;
+  return te.Fragment = s, te.jsx = l, te.jsxs = l, te;
 }
-var te = {};
+var re = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -37,63 +37,63 @@ var te = {};
  * LICENSE file in the root directory of this source tree.
  */
 var et;
-function Nt() {
+function At() {
   return et || (et = 1, process.env.NODE_ENV !== "production" && function() {
-    var r = T, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), f = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), v = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), R = Symbol.for("react.lazy"), E = Symbol.for("react.offscreen"), S = Symbol.iterator, h = "@@iterator";
-    function O(e) {
+    var r = T, t = Symbol.for("react.element"), s = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), d = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), v = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), x = Symbol.for("react.offscreen"), R = Symbol.iterator, g = "@@iterator";
+    function P(e) {
       if (e === null || typeof e != "object")
         return null;
-      var a = S && e[S] || e[h];
+      var a = R && e[R] || e[g];
       return typeof a == "function" ? a : null;
     }
     var w = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function g(e) {
+    function h(e) {
       {
-        for (var a = arguments.length, c = new Array(a > 1 ? a - 1 : 0), p = 1; p < a; p++)
-          c[p - 1] = arguments[p];
+        for (var a = arguments.length, c = new Array(a > 1 ? a - 1 : 0), m = 1; m < a; m++)
+          c[m - 1] = arguments[m];
         I("error", e, c);
       }
     }
     function I(e, a, c) {
       {
-        var p = w.ReactDebugCurrentFrame, k = p.getStackAddendum();
+        var m = w.ReactDebugCurrentFrame, k = m.getStackAddendum();
         k !== "" && (a += "%s", c = c.concat([k]));
-        var x = c.map(function(_) {
+        var S = c.map(function(_) {
           return String(_);
         });
-        x.unshift("Warning: " + a), Function.prototype.apply.call(console[e], console, x);
+        S.unshift("Warning: " + a), Function.prototype.apply.call(console[e], console, S);
       }
     }
-    var q = !1, K = !1, G = !1, ve = !1, ne = !1, se;
-    se = Symbol.for("react.module.reference");
+    var V = !1, G = !1, X = !1, me = !1, oe = !1, ae;
+    ae = Symbol.for("react.module.reference");
     function $(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === s || e === o || ne || e === i || e === v || e === d || ve || e === E || q || K || G || typeof e == "object" && e !== null && (e.$$typeof === R || e.$$typeof === y || e.$$typeof === l || e.$$typeof === f || e.$$typeof === u || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === n || e === o || oe || e === i || e === v || e === f || me || e === x || V || G || X || typeof e == "object" && e !== null && (e.$$typeof === E || e.$$typeof === y || e.$$typeof === l || e.$$typeof === d || e.$$typeof === u || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      e.$$typeof === se || e.getModuleId !== void 0));
+      e.$$typeof === ae || e.getModuleId !== void 0));
     }
     function D(e, a, c) {
-      var p = e.displayName;
-      if (p)
-        return p;
+      var m = e.displayName;
+      if (m)
+        return m;
       var k = a.displayName || a.name || "";
       return k !== "" ? c + "(" + k + ")" : c;
     }
-    function me(e) {
+    function ge(e) {
       return e.displayName || "Context";
     }
     function M(e) {
       if (e == null)
         return null;
-      if (typeof e.tag == "number" && g("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+      if (typeof e.tag == "number" && h("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
         return e.displayName || e.name || null;
       if (typeof e == "string")
         return e;
       switch (e) {
-        case s:
-          return "Fragment";
         case n:
+          return "Fragment";
+        case s:
           return "Portal";
         case o:
           return "Profiler";
@@ -101,26 +101,26 @@ function Nt() {
           return "StrictMode";
         case v:
           return "Suspense";
-        case d:
+        case f:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case f:
+          case d:
             var a = e;
-            return me(a) + ".Consumer";
+            return ge(a) + ".Consumer";
           case l:
             var c = e;
-            return me(c._context) + ".Provider";
+            return ge(c._context) + ".Provider";
           case u:
             return D(e, e.render, "ForwardRef");
           case y:
-            var p = e.displayName || null;
-            return p !== null ? p : M(e.type) || "Memo";
-          case R: {
-            var k = e, x = k._payload, _ = k._init;
+            var m = e.displayName || null;
+            return m !== null ? m : M(e.type) || "Memo";
+          case E: {
+            var k = e, S = k._payload, _ = k._init;
             try {
-              return M(_(x));
+              return M(_(S));
             } catch {
               return null;
             }
@@ -128,14 +128,14 @@ function Nt() {
         }
       return null;
     }
-    var U = Object.assign, X = 0, Te, Ie, Be, Ae, Ne, Fe, $e;
+    var W = Object.assign, Z = 0, Te, Ie, Be, Ne, Ae, Fe, $e;
     function De() {
     }
     De.__reactDisabledLog = !0;
     function at() {
       {
-        if (X === 0) {
-          Te = console.log, Ie = console.info, Be = console.warn, Ae = console.error, Ne = console.group, Fe = console.groupCollapsed, $e = console.groupEnd;
+        if (Z === 0) {
+          Te = console.log, Ie = console.info, Be = console.warn, Ne = console.error, Ae = console.group, Fe = console.groupCollapsed, $e = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
@@ -152,77 +152,77 @@ function Nt() {
             groupEnd: e
           });
         }
-        X++;
+        Z++;
       }
     }
     function it() {
       {
-        if (X--, X === 0) {
+        if (Z--, Z === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: U({}, e, {
+            log: W({}, e, {
               value: Te
             }),
-            info: U({}, e, {
+            info: W({}, e, {
               value: Ie
             }),
-            warn: U({}, e, {
+            warn: W({}, e, {
               value: Be
             }),
-            error: U({}, e, {
-              value: Ae
-            }),
-            group: U({}, e, {
+            error: W({}, e, {
               value: Ne
             }),
-            groupCollapsed: U({}, e, {
+            group: W({}, e, {
+              value: Ae
+            }),
+            groupCollapsed: W({}, e, {
               value: Fe
             }),
-            groupEnd: U({}, e, {
+            groupEnd: W({}, e, {
               value: $e
             })
           });
         }
-        X < 0 && g("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        Z < 0 && h("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var ge = w.ReactCurrentDispatcher, he;
-    function oe(e, a, c) {
+    var he = w.ReactCurrentDispatcher, be;
+    function ie(e, a, c) {
       {
-        if (he === void 0)
+        if (be === void 0)
           try {
             throw Error();
           } catch (k) {
-            var p = k.stack.trim().match(/\n( *(at )?)/);
-            he = p && p[1] || "";
+            var m = k.stack.trim().match(/\n( *(at )?)/);
+            be = m && m[1] || "";
           }
         return `
-` + he + e;
+` + be + e;
       }
     }
-    var be = !1, ae;
+    var _e = !1, ce;
     {
       var ct = typeof WeakMap == "function" ? WeakMap : Map;
-      ae = new ct();
+      ce = new ct();
     }
     function Me(e, a) {
-      if (!e || be)
+      if (!e || _e)
         return "";
       {
-        var c = ae.get(e);
+        var c = ce.get(e);
         if (c !== void 0)
           return c;
       }
-      var p;
-      be = !0;
+      var m;
+      _e = !0;
       var k = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var x;
-      x = ge.current, ge.current = null, at();
+      var S;
+      S = he.current, he.current = null, at();
       try {
         if (a) {
           var _ = function() {
@@ -235,30 +235,30 @@ function Nt() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(_, []);
-            } catch (A) {
-              p = A;
+            } catch (N) {
+              m = N;
             }
             Reflect.construct(e, [], _);
           } else {
             try {
               _.call();
-            } catch (A) {
-              p = A;
+            } catch (N) {
+              m = N;
             }
             e.call(_.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (A) {
-            p = A;
+          } catch (N) {
+            m = N;
           }
           e();
         }
-      } catch (A) {
-        if (A && p && typeof A.stack == "string") {
-          for (var b = A.stack.split(`
-`), B = p.stack.split(`
+      } catch (N) {
+        if (N && m && typeof N.stack == "string") {
+          for (var b = N.stack.split(`
+`), B = m.stack.split(`
 `), C = b.length - 1, j = B.length - 1; C >= 1 && j >= 0 && b[C] !== B[j]; )
             j--;
           for (; C >= 1 && j >= 0; C--, j--)
@@ -266,19 +266,19 @@ function Nt() {
               if (C !== 1 || j !== 1)
                 do
                   if (C--, j--, j < 0 || b[C] !== B[j]) {
-                    var N = `
+                    var A = `
 ` + b[C].replace(" at new ", " at ");
-                    return e.displayName && N.includes("<anonymous>") && (N = N.replace("<anonymous>", e.displayName)), typeof e == "function" && ae.set(e, N), N;
+                    return e.displayName && A.includes("<anonymous>") && (A = A.replace("<anonymous>", e.displayName)), typeof e == "function" && ce.set(e, A), A;
                   }
                 while (C >= 1 && j >= 0);
               break;
             }
         }
       } finally {
-        be = !1, ge.current = x, it(), Error.prepareStackTrace = k;
+        _e = !1, he.current = S, it(), Error.prepareStackTrace = k;
       }
-      var H = e ? e.displayName || e.name : "", W = H ? oe(H) : "";
-      return typeof e == "function" && ae.set(e, W), W;
+      var J = e ? e.displayName || e.name : "", z = J ? ie(J) : "";
+      return typeof e == "function" && ce.set(e, z), z;
     }
     function lt(e, a, c) {
       return Me(e, !1);
@@ -287,64 +287,64 @@ function Nt() {
       var a = e.prototype;
       return !!(a && a.isReactComponent);
     }
-    function ie(e, a, c) {
+    function le(e, a, c) {
       if (e == null)
         return "";
       if (typeof e == "function")
         return Me(e, ut(e));
       if (typeof e == "string")
-        return oe(e);
+        return ie(e);
       switch (e) {
         case v:
-          return oe("Suspense");
-        case d:
-          return oe("SuspenseList");
+          return ie("Suspense");
+        case f:
+          return ie("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case u:
             return lt(e.render);
           case y:
-            return ie(e.type, a, c);
-          case R: {
-            var p = e, k = p._payload, x = p._init;
+            return le(e.type, a, c);
+          case E: {
+            var m = e, k = m._payload, S = m._init;
             try {
-              return ie(x(k), a, c);
+              return le(S(k), a, c);
             } catch {
             }
           }
         }
       return "";
     }
-    var Z = Object.prototype.hasOwnProperty, qe = {}, Le = w.ReactDebugCurrentFrame;
-    function ce(e) {
+    var Q = Object.prototype.hasOwnProperty, qe = {}, Le = w.ReactDebugCurrentFrame;
+    function ue(e) {
       if (e) {
-        var a = e._owner, c = ie(e.type, e._source, a ? a.type : null);
+        var a = e._owner, c = le(e.type, e._source, a ? a.type : null);
         Le.setExtraStackFrame(c);
       } else
         Le.setExtraStackFrame(null);
     }
-    function dt(e, a, c, p, k) {
+    function dt(e, a, c, m, k) {
       {
-        var x = Function.call.bind(Z);
+        var S = Function.call.bind(Q);
         for (var _ in e)
-          if (x(e, _)) {
+          if (S(e, _)) {
             var b = void 0;
             try {
               if (typeof e[_] != "function") {
-                var B = Error((p || "React class") + ": " + c + " type `" + _ + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[_] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var B = Error((m || "React class") + ": " + c + " type `" + _ + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[_] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw B.name = "Invariant Violation", B;
               }
-              b = e[_](a, _, p, c, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              b = e[_](a, _, m, c, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (C) {
               b = C;
             }
-            b && !(b instanceof Error) && (ce(k), g("%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).", p || "React class", c, _, typeof b), ce(null)), b instanceof Error && !(b.message in qe) && (qe[b.message] = !0, ce(k), g("Failed %s type: %s", c, b.message), ce(null));
+            b && !(b instanceof Error) && (ue(k), h("%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).", m || "React class", c, _, typeof b), ue(null)), b instanceof Error && !(b.message in qe) && (qe[b.message] = !0, ue(k), h("Failed %s type: %s", c, b.message), ue(null));
           }
       }
     }
     var ft = Array.isArray;
-    function _e(e) {
+    function ye(e) {
       return ft(e);
     }
     function pt(e) {
@@ -365,17 +365,17 @@ function Nt() {
     }
     function Ue(e) {
       if (vt(e))
-        return g("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", pt(e)), Ve(e);
+        return h("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", pt(e)), Ve(e);
     }
-    var Q = w.ReactCurrentOwner, mt = {
+    var ee = w.ReactCurrentOwner, mt = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, We, ze, ye;
-    ye = {};
+    }, We, ze, we;
+    we = {};
     function gt(e) {
-      if (Z.call(e, "ref")) {
+      if (Q.call(e, "ref")) {
         var a = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (a && a.isReactWarning)
           return !1;
@@ -383,7 +383,7 @@ function Nt() {
       return e.ref !== void 0;
     }
     function ht(e) {
-      if (Z.call(e, "key")) {
+      if (Q.call(e, "key")) {
         var a = Object.getOwnPropertyDescriptor(e, "key").get;
         if (a && a.isReactWarning)
           return !1;
@@ -391,15 +391,15 @@ function Nt() {
       return e.key !== void 0;
     }
     function bt(e, a) {
-      if (typeof e.ref == "string" && Q.current && a && Q.current.stateNode !== a) {
-        var c = M(Q.current.type);
-        ye[c] || (g('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', M(Q.current.type), e.ref), ye[c] = !0);
+      if (typeof e.ref == "string" && ee.current && a && ee.current.stateNode !== a) {
+        var c = M(ee.current.type);
+        we[c] || (h('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', M(ee.current.type), e.ref), we[c] = !0);
       }
     }
     function _t(e, a) {
       {
         var c = function() {
-          We || (We = !0, g("%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)", a));
+          We || (We = !0, h("%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)", a));
         };
         c.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: c,
@@ -410,7 +410,7 @@ function Nt() {
     function yt(e, a) {
       {
         var c = function() {
-          ze || (ze = !0, g("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", a));
+          ze || (ze = !0, h("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", a));
         };
         c.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: c,
@@ -418,7 +418,7 @@ function Nt() {
         });
       }
     }
-    var wt = function(e, a, c, p, k, x, _) {
+    var wt = function(e, a, c, m, k, S, _) {
       var b = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
@@ -428,7 +428,7 @@ function Nt() {
         ref: c,
         props: _,
         // Record the component responsible for creating this element.
-        _owner: x
+        _owner: S
       };
       return b._store = {}, Object.defineProperty(b._store, "validated", {
         configurable: !1,
@@ -439,7 +439,7 @@ function Nt() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: p
+        value: m
       }), Object.defineProperty(b, "_source", {
         configurable: !1,
         enumerable: !1,
@@ -447,41 +447,41 @@ function Nt() {
         value: k
       }), Object.freeze && (Object.freeze(b.props), Object.freeze(b)), b;
     };
-    function kt(e, a, c, p, k) {
+    function kt(e, a, c, m, k) {
       {
-        var x, _ = {}, b = null, B = null;
+        var S, _ = {}, b = null, B = null;
         c !== void 0 && (Ue(c), b = "" + c), ht(a) && (Ue(a.key), b = "" + a.key), gt(a) && (B = a.ref, bt(a, k));
-        for (x in a)
-          Z.call(a, x) && !mt.hasOwnProperty(x) && (_[x] = a[x]);
+        for (S in a)
+          Q.call(a, S) && !mt.hasOwnProperty(S) && (_[S] = a[S]);
         if (e && e.defaultProps) {
           var C = e.defaultProps;
-          for (x in C)
-            _[x] === void 0 && (_[x] = C[x]);
+          for (S in C)
+            _[S] === void 0 && (_[S] = C[S]);
         }
         if (b || B) {
           var j = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
           b && _t(_, j), B && yt(_, j);
         }
-        return wt(e, b, B, k, p, Q.current, _);
+        return wt(e, b, B, k, m, ee.current, _);
       }
     }
-    var we = w.ReactCurrentOwner, Ye = w.ReactDebugCurrentFrame;
-    function Y(e) {
+    var ke = w.ReactCurrentOwner, Ye = w.ReactDebugCurrentFrame;
+    function H(e) {
       if (e) {
-        var a = e._owner, c = ie(e.type, e._source, a ? a.type : null);
+        var a = e._owner, c = le(e.type, e._source, a ? a.type : null);
         Ye.setExtraStackFrame(c);
       } else
         Ye.setExtraStackFrame(null);
     }
-    var ke;
-    ke = !1;
-    function Se(e) {
+    var Se;
+    Se = !1;
+    function xe(e) {
       return typeof e == "object" && e !== null && e.$$typeof === t;
     }
     function He() {
       {
-        if (we.current) {
-          var e = M(we.current.type);
+        if (ke.current) {
+          var e = M(ke.current.type);
           if (e)
             return `
 
@@ -515,26 +515,26 @@ Check the top-level render call using <` + c + ">.");
         if (Je[c])
           return;
         Je[c] = !0;
-        var p = "";
-        e && e._owner && e._owner !== we.current && (p = " It was passed a child from " + M(e._owner.type) + "."), Y(e), g('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', c, p), Y(null);
+        var m = "";
+        e && e._owner && e._owner !== ke.current && (m = " It was passed a child from " + M(e._owner.type) + "."), H(e), h('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', c, m), H(null);
       }
     }
     function Ge(e, a) {
       {
         if (typeof e != "object")
           return;
-        if (_e(e))
+        if (ye(e))
           for (var c = 0; c < e.length; c++) {
-            var p = e[c];
-            Se(p) && Ke(p, a);
+            var m = e[c];
+            xe(m) && Ke(m, a);
           }
-        else if (Se(e))
+        else if (xe(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var k = O(e);
+          var k = P(e);
           if (typeof k == "function" && k !== e.entries)
-            for (var x = k.call(e), _; !(_ = x.next()).done; )
-              Se(_.value) && Ke(_.value, a);
+            for (var S = k.call(e), _; !(_ = S.next()).done; )
+              xe(_.value) && Ke(_.value, a);
         }
       }
     }
@@ -553,30 +553,30 @@ Check the top-level render call using <` + c + ">.");
         else
           return;
         if (c) {
-          var p = M(a);
-          dt(c, e.props, "prop", p, e);
-        } else if (a.PropTypes !== void 0 && !ke) {
-          ke = !0;
+          var m = M(a);
+          dt(c, e.props, "prop", m, e);
+        } else if (a.PropTypes !== void 0 && !Se) {
+          Se = !0;
           var k = M(a);
-          g("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", k || "Unknown");
+          h("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", k || "Unknown");
         }
-        typeof a.getDefaultProps == "function" && !a.getDefaultProps.isReactClassApproved && g("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof a.getDefaultProps == "function" && !a.getDefaultProps.isReactClassApproved && h("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function Rt(e) {
       {
         for (var a = Object.keys(e.props), c = 0; c < a.length; c++) {
-          var p = a[c];
-          if (p !== "children" && p !== "key") {
-            Y(e), g("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", p), Y(null);
+          var m = a[c];
+          if (m !== "children" && m !== "key") {
+            H(e), h("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", m), H(null);
             break;
           }
         }
-        e.ref !== null && (Y(e), g("Invalid attribute `ref` supplied to `React.Fragment`."), Y(null));
+        e.ref !== null && (H(e), h("Invalid attribute `ref` supplied to `React.Fragment`."), H(null));
       }
     }
     var Xe = {};
-    function Ze(e, a, c, p, k, x) {
+    function Ze(e, a, c, m, k, S) {
       {
         var _ = $(e);
         if (!_) {
@@ -585,39 +585,39 @@ Check the top-level render call using <` + c + ">.");
           var B = St();
           B ? b += B : b += He();
           var C;
-          e === null ? C = "null" : _e(e) ? C = "array" : e !== void 0 && e.$$typeof === t ? (C = "<" + (M(e.type) || "Unknown") + " />", b = " Did you accidentally export a JSX literal instead of a component?") : C = typeof e, g("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", C, b);
+          e === null ? C = "null" : ye(e) ? C = "array" : e !== void 0 && e.$$typeof === t ? (C = "<" + (M(e.type) || "Unknown") + " />", b = " Did you accidentally export a JSX literal instead of a component?") : C = typeof e, h("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", C, b);
         }
-        var j = kt(e, a, c, k, x);
+        var j = kt(e, a, c, k, S);
         if (j == null)
           return j;
         if (_) {
-          var N = a.children;
-          if (N !== void 0)
-            if (p)
-              if (_e(N)) {
-                for (var H = 0; H < N.length; H++)
-                  Ge(N[H], e);
-                Object.freeze && Object.freeze(N);
+          var A = a.children;
+          if (A !== void 0)
+            if (m)
+              if (ye(A)) {
+                for (var J = 0; J < A.length; J++)
+                  Ge(A[J], e);
+                Object.freeze && Object.freeze(A);
               } else
-                g("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                h("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              Ge(N, e);
+              Ge(A, e);
         }
-        if (Z.call(a, "key")) {
-          var W = M(e), A = Object.keys(a).filter(function(It) {
+        if (Q.call(a, "key")) {
+          var z = M(e), N = Object.keys(a).filter(function(It) {
             return It !== "key";
-          }), xe = A.length > 0 ? "{key: someKey, " + A.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Xe[W + xe]) {
-            var Tt = A.length > 0 ? "{" + A.join(": ..., ") + ": ...}" : "{}";
-            g(`A props object containing a "key" prop is being spread into JSX:
+          }), Ee = N.length > 0 ? "{key: someKey, " + N.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Xe[z + Ee]) {
+            var Tt = N.length > 0 ? "{" + N.join(": ..., ") + ": ...}" : "{}";
+            h(`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} />`, xe, W, Tt, W), Xe[W + xe] = !0;
+  <%s key={someKey} {...props} />`, Ee, z, Tt, z), Xe[z + Ee] = !0;
           }
         }
-        return e === s ? Rt(j) : Et(j), j;
+        return e === n ? Rt(j) : Et(j), j;
       }
     }
     function Ct(e, a, c) {
@@ -627,41 +627,41 @@ React keys must be passed directly to JSX without using spread:
       return Ze(e, a, c, !1);
     }
     var Pt = jt, Ot = Ct;
-    te.Fragment = s, te.jsx = Pt, te.jsxs = Ot;
-  }()), te;
+    re.Fragment = n, re.jsx = Pt, re.jsxs = Ot;
+  }()), re;
 }
-process.env.NODE_ENV === "production" ? je.exports = At() : je.exports = Nt();
-var m = je.exports;
+process.env.NODE_ENV === "production" ? je.exports = Nt() : je.exports = At();
+var p = je.exports;
 const tt = (r) => {
   let t;
-  const n = /* @__PURE__ */ new Set(), s = (v, d) => {
+  const s = /* @__PURE__ */ new Set(), n = (v, f) => {
     const y = typeof v == "function" ? v(t) : v;
     if (!Object.is(y, t)) {
-      const R = t;
-      t = d ?? (typeof y != "object" || y === null) ? y : Object.assign({}, t, y), n.forEach((E) => E(t, R));
+      const E = t;
+      t = f ?? (typeof y != "object" || y === null) ? y : Object.assign({}, t, y), s.forEach((x) => x(t, E));
     }
-  }, i = () => t, f = { setState: s, getState: i, getInitialState: () => u, subscribe: (v) => (n.add(v), () => n.delete(v)) }, u = t = r(s, i, f);
-  return f;
+  }, i = () => t, d = { setState: n, getState: i, getInitialState: () => u, subscribe: (v) => (s.add(v), () => s.delete(v)) }, u = t = r(n, i, d);
+  return d;
 }, Ft = (r) => r ? tt(r) : tt, $t = (r) => r;
 function Dt(r, t = $t) {
-  const n = T.useSyncExternalStore(
+  const s = T.useSyncExternalStore(
     r.subscribe,
     () => t(r.getState()),
     () => t(r.getInitialState())
   );
-  return T.useDebugValue(n), n;
+  return T.useDebugValue(s), s;
 }
 const rt = (r) => {
-  const t = Ft(r), n = (s) => Dt(t, s);
-  return Object.assign(n, t), n;
-}, F = (r) => r ? rt(r) : rt, Qr = F((r) => ({
+  const t = Ft(r), s = (n) => Dt(t, n);
+  return Object.assign(s, t), s;
+}, F = (r) => r ? rt(r) : rt, ss = F((r) => ({
   blocks: {},
   setBlocks: (t) => r(() => ({ blocks: t })),
   activeBlock: null,
   setActiveBlock: (t) => r(() => ({ activeBlock: t })),
   sourceBlocks: {},
   setSourceBlocks: (t) => r(() => ({ sourceBlocks: t }))
-})), en = F((r) => ({
+})), ns = F((r) => ({
   currentDevice: "desktop",
   setCurrentDevice: (t) => r(() => ({ currentDevice: t }))
 }));
@@ -686,7 +686,7 @@ const Mt = [
     icon: "settings",
     name: "Settings"
   }
-], tn = Array.from({ length: 122 / 2 + 1 }, (r, t) => String(6 + t * 2)), rn = [
+], os = Array.from({ length: 122 / 2 + 1 }, (r, t) => String(6 + t * 2)), as = [
   "100",
   "200",
   "300",
@@ -696,7 +696,7 @@ const Mt = [
   "700",
   "800",
   "900"
-], nn = [
+], is = [
   "home",
   "reviews",
   "faqs",
@@ -775,154 +775,154 @@ const Mt = [
     },
     visibility: "public"
   }
-}, sn = F((r) => ({
+}, cs = F((r) => ({
   activeBlock: Mt[0],
   setActiveBlock: (t) => r(() => ({ activeBlock: t }))
 }));
 function Lt(r, t) {
-  let n;
+  let s;
   try {
-    n = r();
+    s = r();
   } catch {
     return;
   }
   return {
     getItem: (i) => {
       var o;
-      const l = (u) => u === null ? null : JSON.parse(u, void 0), f = (o = n.getItem(i)) != null ? o : null;
-      return f instanceof Promise ? f.then(l) : l(f);
+      const l = (u) => u === null ? null : JSON.parse(u, void 0), d = (o = s.getItem(i)) != null ? o : null;
+      return d instanceof Promise ? d.then(l) : l(d);
     },
-    setItem: (i, o) => n.setItem(
+    setItem: (i, o) => s.setItem(
       i,
       JSON.stringify(o, void 0)
     ),
-    removeItem: (i) => n.removeItem(i)
+    removeItem: (i) => s.removeItem(i)
   };
 }
 const Pe = (r) => (t) => {
   try {
-    const n = r(t);
-    return n instanceof Promise ? n : {
-      then(s) {
-        return Pe(s)(n);
+    const s = r(t);
+    return s instanceof Promise ? s : {
+      then(n) {
+        return Pe(n)(s);
       },
-      catch(s) {
+      catch(n) {
         return this;
       }
     };
-  } catch (n) {
+  } catch (s) {
     return {
-      then(s) {
+      then(n) {
         return this;
       },
-      catch(s) {
-        return Pe(s)(n);
+      catch(n) {
+        return Pe(n)(s);
       }
     };
   }
-}, Vt = (r, t) => (n, s, i) => {
+}, Vt = (r, t) => (s, n, i) => {
   let o = {
     storage: Lt(() => localStorage),
-    partialize: (h) => h,
+    partialize: (g) => g,
     version: 0,
-    merge: (h, O) => ({
-      ...O,
-      ...h
+    merge: (g, P) => ({
+      ...P,
+      ...g
     }),
     ...t
   }, l = !1;
-  const f = /* @__PURE__ */ new Set(), u = /* @__PURE__ */ new Set();
+  const d = /* @__PURE__ */ new Set(), u = /* @__PURE__ */ new Set();
   let v = o.storage;
   if (!v)
     return r(
-      (...h) => {
+      (...g) => {
         console.warn(
           `[zustand persist middleware] Unable to update item '${o.name}', the given storage is currently unavailable.`
-        ), n(...h);
+        ), s(...g);
       },
-      s,
+      n,
       i
     );
-  const d = () => {
-    const h = o.partialize({ ...s() });
+  const f = () => {
+    const g = o.partialize({ ...n() });
     return v.setItem(o.name, {
-      state: h,
+      state: g,
       version: o.version
     });
   }, y = i.setState;
-  i.setState = (h, O) => {
-    y(h, O), d();
+  i.setState = (g, P) => {
+    y(g, P), f();
   };
-  const R = r(
-    (...h) => {
-      n(...h), d();
+  const E = r(
+    (...g) => {
+      s(...g), f();
     },
-    s,
+    n,
     i
   );
-  i.getInitialState = () => R;
-  let E;
-  const S = () => {
-    var h, O;
+  i.getInitialState = () => E;
+  let x;
+  const R = () => {
+    var g, P;
     if (!v) return;
-    l = !1, f.forEach((g) => {
+    l = !1, d.forEach((h) => {
       var I;
-      return g((I = s()) != null ? I : R);
+      return h((I = n()) != null ? I : E);
     });
-    const w = ((O = o.onRehydrateStorage) == null ? void 0 : O.call(o, (h = s()) != null ? h : R)) || void 0;
-    return Pe(v.getItem.bind(v))(o.name).then((g) => {
-      if (g)
-        if (typeof g.version == "number" && g.version !== o.version) {
+    const w = ((P = o.onRehydrateStorage) == null ? void 0 : P.call(o, (g = n()) != null ? g : E)) || void 0;
+    return Pe(v.getItem.bind(v))(o.name).then((h) => {
+      if (h)
+        if (typeof h.version == "number" && h.version !== o.version) {
           if (o.migrate)
             return [
               !0,
               o.migrate(
-                g.state,
-                g.version
+                h.state,
+                h.version
               )
             ];
           console.error(
             "State loaded from storage couldn't be migrated since no migrate function was provided"
           );
         } else
-          return [!1, g.state];
+          return [!1, h.state];
       return [!1, void 0];
-    }).then((g) => {
+    }).then((h) => {
       var I;
-      const [q, K] = g;
-      if (E = o.merge(
-        K,
-        (I = s()) != null ? I : R
-      ), n(E, !0), q)
-        return d();
+      const [V, G] = h;
+      if (x = o.merge(
+        G,
+        (I = n()) != null ? I : E
+      ), s(x, !0), V)
+        return f();
     }).then(() => {
-      w == null || w(E, void 0), E = s(), l = !0, u.forEach((g) => g(E));
-    }).catch((g) => {
-      w == null || w(void 0, g);
+      w == null || w(x, void 0), x = n(), l = !0, u.forEach((h) => h(x));
+    }).catch((h) => {
+      w == null || w(void 0, h);
     });
   };
   return i.persist = {
-    setOptions: (h) => {
+    setOptions: (g) => {
       o = {
         ...o,
-        ...h
-      }, h.storage && (v = h.storage);
+        ...g
+      }, g.storage && (v = g.storage);
     },
     clearStorage: () => {
       v == null || v.removeItem(o.name);
     },
     getOptions: () => o,
-    rehydrate: () => S(),
+    rehydrate: () => R(),
     hasHydrated: () => l,
-    onHydrate: (h) => (f.add(h), () => {
-      f.delete(h);
+    onHydrate: (g) => (d.add(g), () => {
+      d.delete(g);
     }),
-    onFinishHydration: (h) => (u.add(h), () => {
-      u.delete(h);
+    onFinishHydration: (g) => (u.add(g), () => {
+      u.delete(g);
     })
-  }, o.skipHydration || S(), E || R;
-}, pe = Vt, on = F(
-  pe(
+  }, o.skipHydration || R(), x || E;
+}, ve = Vt, ls = F(
+  ve(
     (r) => ({
       onPreview: !1,
       setOnPreview: (t) => r(() => ({ onPreview: t })),
@@ -938,31 +938,31 @@ const Pe = (r) => (t) => {
     }
   )
 );
-var P = [];
-for (var Ee = 0; Ee < 256; ++Ee)
-  P.push((Ee + 256).toString(16).slice(1));
+var O = [];
+for (var Re = 0; Re < 256; ++Re)
+  O.push((Re + 256).toString(16).slice(1));
 function Ut(r, t = 0) {
-  return (P[r[t + 0]] + P[r[t + 1]] + P[r[t + 2]] + P[r[t + 3]] + "-" + P[r[t + 4]] + P[r[t + 5]] + "-" + P[r[t + 6]] + P[r[t + 7]] + "-" + P[r[t + 8]] + P[r[t + 9]] + "-" + P[r[t + 10]] + P[r[t + 11]] + P[r[t + 12]] + P[r[t + 13]] + P[r[t + 14]] + P[r[t + 15]]).toLowerCase();
+  return (O[r[t + 0]] + O[r[t + 1]] + O[r[t + 2]] + O[r[t + 3]] + "-" + O[r[t + 4]] + O[r[t + 5]] + "-" + O[r[t + 6]] + O[r[t + 7]] + "-" + O[r[t + 8]] + O[r[t + 9]] + "-" + O[r[t + 10]] + O[r[t + 11]] + O[r[t + 12]] + O[r[t + 13]] + O[r[t + 14]] + O[r[t + 15]]).toLowerCase();
 }
-var le, Wt = new Uint8Array(16);
+var de, Wt = new Uint8Array(16);
 function zt() {
-  if (!le && (le = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !le))
+  if (!de && (de = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !de))
     throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return le(Wt);
+  return de(Wt);
 }
 var Yt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-const nt = {
+const st = {
   randomUUID: Yt
 };
-function Oe(r, t, n) {
-  if (nt.randomUUID && !t && !r)
-    return nt.randomUUID();
+function Oe(r, t, s) {
+  if (st.randomUUID && !t && !r)
+    return st.randomUUID();
   r = r || {};
-  var s = r.random || (r.rng || zt)();
-  return s[6] = s[6] & 15 | 64, s[8] = s[8] & 63 | 128, Ut(s);
+  var n = r.random || (r.rng || zt)();
+  return n[6] = n[6] & 15 | 64, n[8] = n[8] & 63 | 128, Ut(n);
 }
-const an = F(
-  pe(
+const us = F(
+  ve(
     (r, t) => ({
       blocks: {
         home: {},
@@ -975,103 +975,103 @@ const an = F(
       },
       currentBlock: null,
       positionBlock: null,
-      createPage: (n) => {
-        const s = t().blocks;
-        s[n] = {}, r({ blocks: s });
+      createPage: (s) => {
+        const n = t().blocks;
+        n[s] = {}, r({ blocks: n });
       },
-      deletePage: (n) => {
-        const s = t().blocks;
-        delete s[n], r({ blocks: s });
+      deletePage: (s) => {
+        const n = t().blocks;
+        delete n[s], r({ blocks: n });
       },
-      updatePage: (n, s) => {
+      updatePage: (s, n) => {
         const i = t().blocks;
-        if (i[s]) return;
-        const o = i[n];
-        delete i[n], i[s] = o, r({ blocks: i });
+        if (i[n]) return;
+        const o = i[s];
+        delete i[s], i[n] = o, r({ blocks: i });
       },
-      setCurrentBlock: (n) => {
-        r({ currentBlock: n });
+      setCurrentBlock: (s) => {
+        r({ currentBlock: s });
       },
-      setPositionBlock: (n) => {
-        r({ positionBlock: n });
+      setPositionBlock: (s) => {
+        r({ positionBlock: s });
       },
-      addBlock: (n, s) => {
-        const i = t().blocks, o = i[n] || {}, l = t().positionBlock, f = Oe(), u = Object.keys(o);
+      addBlock: (s, n) => {
+        const i = t().blocks, o = i[s] || {}, l = t().positionBlock, d = Oe(), u = Object.keys(o);
         if (l === null || l >= u.length)
-          o[f] = {
-            name: s.name,
-            value: { ...s.value }
+          o[d] = {
+            name: n.name,
+            value: { ...n.value }
           }, r({
             blocks: {
               ...i,
-              [n]: o
+              [s]: o
             }
           });
         else {
           const v = {
-            name: s.name,
-            value: { ...s.value }
-          }, d = u.slice(0, l), y = u.slice(l), R = {
-            ...d.reduce((E, S) => (E[S] = o[S], E), {}),
-            [f]: v,
-            ...y.reduce((E, S) => (E[S] = o[S], E), {})
+            name: n.name,
+            value: { ...n.value }
+          }, f = u.slice(0, l), y = u.slice(l), E = {
+            ...f.reduce((x, R) => (x[R] = o[R], x), {}),
+            [d]: v,
+            ...y.reduce((x, R) => (x[R] = o[R], x), {})
           };
           r({
             blocks: {
               ...i,
-              [n]: R
+              [s]: E
             }
           });
         }
       },
-      editBlock: (n, s, i) => {
-        const o = t().blocks, l = o[n] || {};
-        l[s] = {
+      editBlock: (s, n, i) => {
+        const o = t().blocks, l = o[s] || {};
+        l[n] = {
           name: i.name,
           value: { ...i.value }
         }, r({
           blocks: {
             ...o,
-            [n]: l
+            [s]: l
           }
         });
       },
-      removeBlock: (n, s) => {
-        const i = t().blocks, o = i[n] || {};
-        delete o[s], r({
+      removeBlock: (s, n) => {
+        const i = t().blocks, o = i[s] || {};
+        delete o[n], r({
           blocks: {
             ...i,
-            [n]: o
+            [s]: o
           }
         });
       },
-      moveBlock: (n, s, i) => r((o) => {
-        const l = { ...o.blocks[n] }, f = Object.keys(l), [u] = f.splice(s, 1);
-        f.splice(i, 0, u);
-        const v = f.reduce(
-          (d, y) => (d[y] = l[y], d),
+      moveBlock: (s, n, i) => r((o) => {
+        const l = { ...o.blocks[s] }, d = Object.keys(l), [u] = d.splice(n, 1);
+        d.splice(i, 0, u);
+        const v = d.reduce(
+          (f, y) => (f[y] = l[y], f),
           {}
         );
         return {
           blocks: {
             ...o.blocks,
-            [n]: v
+            [s]: v
           }
         };
       }),
-      duplicateBlock: (n, s) => {
-        const { blocks: i } = t(), o = i[n], l = o[s], f = Oe(), u = {
+      duplicateBlock: (s, n) => {
+        const { blocks: i } = t(), o = i[s], l = o[n], d = Oe(), u = {
           name: l.name,
           value: { ...l.value }
-        }, v = Object.keys(o), d = v.indexOf(s), y = v.slice(0, d + 1), R = v.slice(d + 1), E = {
-          ...y.reduce((S, h) => (S[h] = o[h], S), {}),
-          [f]: u,
-          ...R.reduce((S, h) => (S[h] = o[h], S), {})
+        }, v = Object.keys(o), f = v.indexOf(n), y = v.slice(0, f + 1), E = v.slice(f + 1), x = {
+          ...y.reduce((R, g) => (R[g] = o[g], R), {}),
+          [d]: u,
+          ...E.reduce((R, g) => (R[g] = o[g], R), {})
         };
         r({
           blocks: {
             ...i,
-            [n]: E
+            [s]: x
           }
         });
       }
@@ -1089,35 +1089,35 @@ const an = F(
   hoverBlockId: null,
   isMouseOverModal: !1,
   hideTimeout: null,
-  showModal: (n) => {
-    t().hideTimeout && clearTimeout(t().hideTimeout), r({ isModalVisible: !0, hoverBlockId: n });
+  showModal: (s) => {
+    t().hideTimeout && clearTimeout(t().hideTimeout), r({ isModalVisible: !0, hoverBlockId: s });
   },
   hideModal: () => {
     r({ isModalVisible: !1, hoverBlockId: null });
   },
   startHideTimeout: () => {
     if (!t().isMouseOverModal) {
-      const n = setTimeout(() => {
+      const s = setTimeout(() => {
         r({ isModalVisible: !1, hoverBlockId: null });
       }, 500);
-      r({ hideTimeout: n });
+      r({ hideTimeout: s });
     }
   },
   clearHideTimeout: () => {
     t().hideTimeout && (clearTimeout(t().hideTimeout), r({ hideTimeout: null }));
   },
-  setMouseOverModal: (n) => {
-    r({ isMouseOverModal: n });
+  setMouseOverModal: (s) => {
+    r({ isMouseOverModal: s });
   },
   isPreviewVisible: !1,
   // Изначально превью скрыто
-  showPreview: (n) => {
-    r({ isPreviewVisible: !0, hoverBlockId: n });
+  showPreview: (s) => {
+    r({ isPreviewVisible: !0, hoverBlockId: s });
   },
   hidePreview: () => {
     r({ isPreviewVisible: !1, hoverBlockId: null });
   }
-})), cn = F((r) => ({
+})), ds = F((r) => ({
   activeBlock: null,
   setActiveBlock: (t) => r(() => ({ activeBlock: t })),
   activeFont: null,
@@ -1225,57 +1225,57 @@ const an = F(
       }
     }
   },
-  updateColor: (t, n, s) => r((i) => {
+  updateColor: (t, s, n) => r((i) => {
     const o = {
       ...i.themeSettings.colors,
       [t]: {
         ...i.themeSettings.colors[t],
-        [n]: s
+        [s]: n
       }
     };
     return { themeSettings: { ...i.themeSettings, colors: o } };
   }),
-  updateFont: (t, n, s, i) => r((o) => {
+  updateFont: (t, s, n, i) => r((o) => {
     const l = {
       ...o.themeSettings.fonts,
       [t]: {
         ...o.themeSettings.fonts[t],
-        [n]: {
-          ...o.themeSettings.fonts[t][n],
-          [s]: i
+        [s]: {
+          ...o.themeSettings.fonts[t][s],
+          [n]: i
         }
       }
     };
     return { themeSettings: { ...o.themeSettings, fonts: l } };
   }),
-  updateBorder: (t, n) => r((s) => {
+  updateBorder: (t, s) => r((n) => {
     const i = {
-      ...s.themeSettings.borders,
-      [t]: n
+      ...n.themeSettings.borders,
+      [t]: s
     };
-    return { themeSettings: { ...s.themeSettings, borders: i } };
+    return { themeSettings: { ...n.themeSettings, borders: i } };
   }),
-  updateButton: (t, n) => r((s) => {
+  updateButton: (t, s) => r((n) => {
     const i = {
-      ...s.themeSettings.buttons,
-      [t]: n
+      ...n.themeSettings.buttons,
+      [t]: s
     };
-    return { themeSettings: { ...s.themeSettings, buttons: i } };
+    return { themeSettings: { ...n.themeSettings, buttons: i } };
   }),
-  updateInput: (t, n, s) => r((i) => ({
+  updateInput: (t, s, n) => r((i) => ({
     themeSettings: {
       ...i.themeSettings,
       inputs: {
         ...i.themeSettings.inputs,
         [t]: {
           ...i.themeSettings.inputs[t],
-          [s]: n
+          [n]: s
         }
       }
     }
   }))
-})), ln = F(
-  pe(
+})), fs = F(
+  ve(
     (r) => ({
       fonts: [],
       setFonts: (t) => r(() => ({ fonts: t }))
@@ -1284,7 +1284,7 @@ const an = F(
       name: "fonts-storage"
     }
   )
-), un = F((r) => ({
+), ps = F((r) => ({
   settings: null,
   setSettings: (t) => r(() => ({ settings: t }))
 })), Jt = F()((r) => ({
@@ -1315,8 +1315,8 @@ const an = F(
   setColor: (t) => r(() => ({ color: t })),
   setUpdate: (t) => r(() => ({ update: t })),
   setColorChange: (t) => r(() => ({ colorChange: t }))
-})), dn = F(
-  pe(
+})), vs = F(
+  ve(
     (r, t) => ({
       pages: qt,
       currentPage: "home",
@@ -1332,25 +1332,25 @@ const an = F(
       isOpenSelectModal: !1,
       isEdit: !1,
       editedPage: null,
-      setEditedPage: (n) => r(() => ({ editedPage: n })),
-      setCurrentPage: (n) => r(() => ({ currentPage: n })),
-      setPageContext: (n) => r(() => ({ pageContext: n })),
-      setIsOpenModal: (n) => r(() => ({ isOpenModal: n })),
-      setIsOpenSelectModal: (n) => r(() => ({ isOpenSelectModal: n })),
-      setIsEdit: (n) => r(() => ({ isEdit: n })),
-      createPage: (n) => {
-        const s = t().pages, i = Oe();
-        s[i] = n, r({ pages: s });
+      setEditedPage: (s) => r(() => ({ editedPage: s })),
+      setCurrentPage: (s) => r(() => ({ currentPage: s })),
+      setPageContext: (s) => r(() => ({ pageContext: s })),
+      setIsOpenModal: (s) => r(() => ({ isOpenModal: s })),
+      setIsOpenSelectModal: (s) => r(() => ({ isOpenSelectModal: s })),
+      setIsEdit: (s) => r(() => ({ isEdit: s })),
+      createPage: (s) => {
+        const n = t().pages, i = Oe();
+        n[i] = s, r({ pages: n });
       },
-      updatePage: (n, s) => {
+      updatePage: (s, n) => {
         const i = t().pages;
-        i[n] = {
-          ...s
+        i[s] = {
+          ...n
         }, r({ pages: i });
       },
-      deletePage: (n) => {
-        const s = t().pages;
-        delete s[n], r({ pages: s });
+      deletePage: (s) => {
+        const n = t().pages;
+        delete n[s], r({ pages: n });
       }
     }),
     {
@@ -1361,19 +1361,19 @@ const an = F(
       }
     }
   )
-), Kt = (r, t, n) => {
-  const s = r[t];
-  return s ? typeof s == "function" ? s() : Promise.resolve(s) : new Promise((i, o) => {
+), Kt = (r, t, s) => {
+  const n = r[t];
+  return n ? typeof n == "function" ? n() : Promise.resolve(n) : new Promise((i, o) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
       o.bind(
         null,
         new Error(
-          "Unknown variable dynamic import: " + t + (t.split("/").length !== n ? ". Note that variables only represent file names one level deep." : "")
+          "Unknown variable dynamic import: " + t + (t.split("/").length !== s ? ". Note that variables only represent file names one level deep." : "")
         )
       )
     );
   });
-}, Gt = "_icon_21b8w_1", Xt = "_hoverable_21b8w_5", st = {
+}, Gt = "_icon_21b8w_1", Xt = "_hoverable_21b8w_5", nt = {
   icon: Gt,
   hoverable: Xt
 };
@@ -1386,215 +1386,218 @@ var ot = { exports: {} };
 (function(r) {
   (function() {
     var t = {}.hasOwnProperty;
-    function n() {
+    function s() {
       for (var o = "", l = 0; l < arguments.length; l++) {
-        var f = arguments[l];
-        f && (o = i(o, s(f)));
+        var d = arguments[l];
+        d && (o = i(o, n(d)));
       }
       return o;
     }
-    function s(o) {
+    function n(o) {
       if (typeof o == "string" || typeof o == "number")
         return o;
       if (typeof o != "object")
         return "";
       if (Array.isArray(o))
-        return n.apply(null, o);
+        return s.apply(null, o);
       if (o.toString !== Object.prototype.toString && !o.toString.toString().includes("[native code]"))
         return o.toString();
       var l = "";
-      for (var f in o)
-        t.call(o, f) && o[f] && (l = i(l, f));
+      for (var d in o)
+        t.call(o, d) && o[d] && (l = i(l, d));
       return l;
     }
     function i(o, l) {
       return l ? o ? o + " " + l : o + l : o;
     }
-    r.exports ? (n.default = n, r.exports = n) : window.classNames = n;
+    r.exports ? (s.default = s, r.exports = s) : window.classNames = s;
   })();
 })(ot);
 var Zt = ot.exports;
-const V = /* @__PURE__ */ Bt(Zt), fe = (r) => {
+const L = /* @__PURE__ */ Bt(Zt), pe = (r) => {
   const {
     name: t,
-    fill: n = "currentColor",
-    hoverable: s = !1,
+    fill: s = "currentColor",
+    hoverable: n = !1,
     onClick: i,
     className: o,
     width: l,
-    height: f
+    height: d
   } = r, [u, v] = T.useState(null);
   return T.useEffect(() => {
     (async () => {
       try {
-        const { default: y } = await Kt(/* @__PURE__ */ Object.assign({ "../../../assets/icons/align-center.svg": () => import("./align-center-BO84DuTM.js"), "../../../assets/icons/align-left.svg": () => import("./align-left-M0ZgFryb.js"), "../../../assets/icons/align-right.svg": () => import("./align-right-Cgz7UcnI.js"), "../../../assets/icons/arrow-down.svg": () => import("./arrow-down-Be8fhLDw.js"), "../../../assets/icons/arrow-left.svg": () => import("./arrow-left-74wdITOH.js"), "../../../assets/icons/arrow-preview-down.svg": () => import("./arrow-preview-down-DM61uZ0R.js"), "../../../assets/icons/arrow-preview-up.svg": () => import("./arrow-preview-up-tl-dLBGP.js"), "../../../assets/icons/arrow-right.svg": () => import("./arrow-right-Cr3U4dHJ.js"), "../../../assets/icons/arrow-square.svg": () => import("./arrow-square-CYM9usfL.js"), "../../../assets/icons/arrow-up-right.svg": () => import("./arrow-up-right-DjQHCzy_.js"), "../../../assets/icons/border-dashed.svg": () => import("./border-dashed-B0Vn5Ams.js"), "../../../assets/icons/border-solid.svg": () => import("./border-solid-BjJ2NMUc.js"), "../../../assets/icons/cards.svg": () => import("./cards-D_Fs7yzJ.js"), "../../../assets/icons/chat.svg": () => import("./chat-BAur-Hs7.js"), "../../../assets/icons/check.svg": () => import("./check-Dw7aX1Gq.js"), "../../../assets/icons/copy.svg": () => import("./copy-B-BFBPCj.js"), "../../../assets/icons/corners-out.svg": () => import("./corners-out-DoBj8RP9.js"), "../../../assets/icons/desktop.svg": () => import("./desktop-BtX370Ww.js"), "../../../assets/icons/faqs.svg": () => import("./faqs-23Fq6osg.js"), "../../../assets/icons/file.svg": () => import("./file-DyR17xsF.js"), "../../../assets/icons/font.svg": () => import("./font-7p9R-iSH.js"), "../../../assets/icons/globe.svg": () => import("./globe--VWAXBWp.js"), "../../../assets/icons/heading.svg": () => import("./heading-CBG3k-8U.js"), "../../../assets/icons/house.svg": () => import("./house-WXuqDQYP.js"), "../../../assets/icons/info-circle.svg": () => import("./info-circle-eJbOZlg5.js"), "../../../assets/icons/layers.svg": () => import("./layers-Cjkf4Ywz.js"), "../../../assets/icons/lock.svg": () => import("./lock-CjdyZZ0l.js"), "../../../assets/icons/mobile.svg": () => import("./mobile-CmqAt_Mz.js"), "../../../assets/icons/paint.svg": () => import("./paint-BZpZzEUU.js"), "../../../assets/icons/palette.svg": () => import("./palette-C8JiqbcX.js"), "../../../assets/icons/paragraph.svg": () => import("./paragraph-LWVXCR4R.js"), "../../../assets/icons/plus.svg": () => import("./plus-BJbR8W_G.js"), "../../../assets/icons/radius.svg": () => import("./radius-CxeWfnVG.js"), "../../../assets/icons/redo.svg": () => import("./redo-CGWptNGF.js"), "../../../assets/icons/search.svg": () => import("./search-DyJEj9C0.js"), "../../../assets/icons/settings.svg": () => import("./settings-B3DU_KZp.js"), "../../../assets/icons/sign-out.svg": () => import("./sign-out-C7IDLqPn.js"), "../../../assets/icons/squares.svg": () => import("./squares-D_Q5KrSa.js"), "../../../assets/icons/star.svg": () => import("./star-DmVJ8LCU.js"), "../../../assets/icons/tablet.svg": () => import("./tablet-DjgFAzpj.js"), "../../../assets/icons/textbox.svg": () => import("./textbox-VoZOnoQo.js"), "../../../assets/icons/thickness.svg": () => import("./thickness-8ZhgPpus.js"), "../../../assets/icons/ticket.svg": () => import("./ticket-Cp2gw7LG.js"), "../../../assets/icons/trash.svg": () => import("./trash-C46P9ylt.js"), "../../../assets/icons/undo.svg": () => import("./undo-DQ4HRzFE.js"), "../../../assets/icons/user-circle-gear.svg": () => import("./user-circle-gear-GplwFHx0.js"), "../../../assets/icons/x.svg": () => import("./x-Dwea3dAc.js"), "../../../assets/icons/zoom-minus.svg": () => import("./zoom-minus-DlvFV6xy.js") }), `../../../assets/icons/${t}.svg`, 6);
+        const { default: y } = await Kt(/* @__PURE__ */ Object.assign({ "../../../assets/icons/align-bottom.svg": () => import("./align-bottom-B6qXcF_P.js"), "../../../assets/icons/align-center.svg": () => import("./align-center-BO84DuTM.js"), "../../../assets/icons/align-left.svg": () => import("./align-left-M0ZgFryb.js"), "../../../assets/icons/align-right.svg": () => import("./align-right-Cgz7UcnI.js"), "../../../assets/icons/align-top.svg": () => import("./align-top-CMearyFH.js"), "../../../assets/icons/arrow-down.svg": () => import("./arrow-down-Be8fhLDw.js"), "../../../assets/icons/arrow-left.svg": () => import("./arrow-left-74wdITOH.js"), "../../../assets/icons/arrow-preview-down.svg": () => import("./arrow-preview-down-DM61uZ0R.js"), "../../../assets/icons/arrow-preview-up.svg": () => import("./arrow-preview-up-tl-dLBGP.js"), "../../../assets/icons/arrow-right.svg": () => import("./arrow-right-Cr3U4dHJ.js"), "../../../assets/icons/arrow-square.svg": () => import("./arrow-square-CYM9usfL.js"), "../../../assets/icons/arrow-up-right.svg": () => import("./arrow-up-right-DjQHCzy_.js"), "../../../assets/icons/border-dashed.svg": () => import("./border-dashed-B0Vn5Ams.js"), "../../../assets/icons/border-solid.svg": () => import("./border-solid-BjJ2NMUc.js"), "../../../assets/icons/cards.svg": () => import("./cards-D_Fs7yzJ.js"), "../../../assets/icons/chat.svg": () => import("./chat-BAur-Hs7.js"), "../../../assets/icons/check.svg": () => import("./check-Dw7aX1Gq.js"), "../../../assets/icons/copy.svg": () => import("./copy-B-BFBPCj.js"), "../../../assets/icons/corners-out.svg": () => import("./corners-out-DoBj8RP9.js"), "../../../assets/icons/desktop.svg": () => import("./desktop-BtX370Ww.js"), "../../../assets/icons/faqs.svg": () => import("./faqs-23Fq6osg.js"), "../../../assets/icons/file.svg": () => import("./file-DyR17xsF.js"), "../../../assets/icons/font.svg": () => import("./font-7p9R-iSH.js"), "../../../assets/icons/globe.svg": () => import("./globe--VWAXBWp.js"), "../../../assets/icons/heading.svg": () => import("./heading-CBG3k-8U.js"), "../../../assets/icons/house.svg": () => import("./house-WXuqDQYP.js"), "../../../assets/icons/image.svg": () => import("./image-CASDWdgb.js"), "../../../assets/icons/info-circle.svg": () => import("./info-circle-eJbOZlg5.js"), "../../../assets/icons/layers.svg": () => import("./layers-Cjkf4Ywz.js"), "../../../assets/icons/lock.svg": () => import("./lock-CjdyZZ0l.js"), "../../../assets/icons/mobile.svg": () => import("./mobile-CmqAt_Mz.js"), "../../../assets/icons/paint.svg": () => import("./paint-BZpZzEUU.js"), "../../../assets/icons/palette.svg": () => import("./palette-C8JiqbcX.js"), "../../../assets/icons/paragraph.svg": () => import("./paragraph-LWVXCR4R.js"), "../../../assets/icons/plus.svg": () => import("./plus-BJbR8W_G.js"), "../../../assets/icons/radius.svg": () => import("./radius-CxeWfnVG.js"), "../../../assets/icons/redo.svg": () => import("./redo-CGWptNGF.js"), "../../../assets/icons/search.svg": () => import("./search-DyJEj9C0.js"), "../../../assets/icons/settings.svg": () => import("./settings-B3DU_KZp.js"), "../../../assets/icons/sign-out.svg": () => import("./sign-out-C7IDLqPn.js"), "../../../assets/icons/sliders.svg": () => import("./sliders-BOds2ujo.js"), "../../../assets/icons/squares.svg": () => import("./squares-D_Q5KrSa.js"), "../../../assets/icons/star.svg": () => import("./star-DmVJ8LCU.js"), "../../../assets/icons/tablet.svg": () => import("./tablet-DjgFAzpj.js"), "../../../assets/icons/text-align-left.svg": () => import("./text-align-left-BBdqQ7N2.js"), "../../../assets/icons/text-bold.svg": () => import("./text-bold-CkfsPLSD.js"), "../../../assets/icons/text-code.svg": () => import("./text-code-Omig8KTZ.js"), "../../../assets/icons/text-italic.svg": () => import("./text-italic-B6DlWITY.js"), "../../../assets/icons/text-strike-through.svg": () => import("./text-strike-through-BPd9vRCE.js"), "../../../assets/icons/text-underline.svg": () => import("./text-underline-BMJdubuO.js"), "../../../assets/icons/textbox.svg": () => import("./textbox-VoZOnoQo.js"), "../../../assets/icons/thickness.svg": () => import("./thickness-8ZhgPpus.js"), "../../../assets/icons/ticket.svg": () => import("./ticket-Cp2gw7LG.js"), "../../../assets/icons/trash.svg": () => import("./trash-C46P9ylt.js"), "../../../assets/icons/undo.svg": () => import("./undo-DQ4HRzFE.js"), "../../../assets/icons/user-circle-gear.svg": () => import("./user-circle-gear-GplwFHx0.js"), "../../../assets/icons/x.svg": () => import("./x-Dwea3dAc.js"), "../../../assets/icons/zoom-minus.svg": () => import("./zoom-minus-DlvFV6xy.js") }), `../../../assets/icons/${t}.svg`, 6);
         v(() => y);
       } catch {
         console.error(`Icon "${t}" not found in assets.`), v(null);
       }
     })();
-  }, [t]), u ? /* @__PURE__ */ m.jsx(
+  }, [t]), u ? /* @__PURE__ */ p.jsx(
     u,
     {
-      fill: n,
+      fill: s,
       style: {
-        "--icon-fill": n
+        "--icon-fill": s
       },
-      className: V(st.icon, o, {
-        [st.hoverable]: s
+      className: L(nt.icon, o, {
+        [nt.hoverable]: n
       }),
       onClick: i,
       width: l || "24",
-      height: f || "24"
+      height: d || "24"
     }
   ) : null;
 }, Qt = "_button_rcjso_1", er = {
   button: Qt
-}, fn = (r) => {
-  const { children: t, onClick: n, style: s, className: i, disabled: o = !1, size: l = "m" } = r;
-  return /* @__PURE__ */ m.jsx(
+}, ms = (r) => {
+  const { children: t, onClick: s, style: n, className: i, disabled: o = !1, size: l = "m" } = r;
+  return /* @__PURE__ */ p.jsx(
     "button",
     {
-      className: V(er.button, i),
-      onClick: n,
+      className: L(er.button, i),
+      onClick: s,
       style: {
-        ...s,
-        fontSize: l === "m" ? 14 : 16
+        ...n,
+        fontSize: l === "m" ? 14 : l === "s" ? 12 : 16
       },
       disabled: o,
       children: t
     }
   );
-}, tr = "_wrapper_x5ap4_1", rr = "_label_x5ap4_9", nr = "_input_x5ap4_17", sr = "_required_x5ap4_36", ue = {
+}, tr = "_wrapper_1y283_1", rr = "_label_1y283_9", sr = "_input_1y283_17", nr = "_required_1y283_36", or = "_paddingless_1y283_40", se = {
   wrapper: tr,
   label: rr,
-  input: nr,
-  required: sr
-}, pn = (r) => {
+  input: sr,
+  required: nr,
+  paddingless: or
+}, gs = (r) => {
   const {
     onChange: t,
-    label: n,
-    value: s,
+    label: s,
+    value: n,
     type: i,
     min: o,
     placeholder: l,
-    disabled: f = !1,
+    disabled: d = !1,
     required: u = !1,
-    regex: v
-  } = r, [d, y] = T.useState(!1);
-  function R(S) {
-    return Number(S) < 0 ? "0" : S;
+    regex: v,
+    paddingless: f = !1
+  } = r, [y, E] = T.useState(!1);
+  function x(g) {
+    return Number(g) < 0 ? "0" : g;
   }
-  function E(S) {
-    return !u || !v ? !0 : new RegExp(v).test(S);
+  function R(g) {
+    return !u || !v ? !0 : new RegExp(v).test(g);
   }
-  return /* @__PURE__ */ m.jsxs("div", { className: ue.wrapper, children: [
-    n && /* @__PURE__ */ m.jsx(
+  return /* @__PURE__ */ p.jsxs("div", { className: se.wrapper, children: [
+    s && /* @__PURE__ */ p.jsx(
       "label",
       {
-        className: ue.label,
-        htmlFor: n,
-        children: n
+        className: se.label,
+        htmlFor: s,
+        children: s
       }
     ),
-    /* @__PURE__ */ m.jsx(
+    /* @__PURE__ */ p.jsx(
       "input",
       {
-        id: n,
+        id: s,
         type: i || "text",
-        defaultValue: s,
-        onChange: (S) => {
-          if (i === "text") t(S.target.value);
+        onChange: (g) => {
+          if (i === "text") t(g.target.value);
           else {
-            const h = R(S.target.value);
-            t(h);
+            const P = x(g.target.value);
+            t(P);
           }
         },
+        value: n,
         autoComplete: "off",
         placeholder: l,
-        className: V(ue.input, {
-          [ue.required]: d && u && !E(s)
+        className: L(se.input, {
+          [se.required]: y && u && !R(n),
+          [se.paddingless]: f
         }),
         min: i === "number" ? o : void 0,
-        disabled: f,
-        onFocus: () => y(!0)
+        disabled: d,
+        onFocus: () => E(!0)
       }
     )
   ] });
-}, or = "_wrapper_dmzhr_1", ar = "_label_dmzhr_9", ir = "_select_dmzhr_17", cr = "_icon_dmzhr_30", lr = "_rotate_dmzhr_34", ur = "_content_dmzhr_38", dr = "_options_dmzhr_42", fr = "_option_dmzhr_42", L = {
-  wrapper: or,
-  label: ar,
-  select: ir,
-  icon: cr,
-  rotate: lr,
-  content: ur,
-  options: dr,
-  option: fr
-}, vn = (r) => {
-  const { leftAddon: t, onChange: n, label: s, value: i, options: o, style: l } = r, [f, u] = T.useState(!1);
-  function v(d) {
-    n(d), u(!1);
+}, ar = "_wrapper_dmzhr_1", ir = "_label_dmzhr_9", cr = "_select_dmzhr_17", lr = "_icon_dmzhr_30", ur = "_rotate_dmzhr_34", dr = "_content_dmzhr_38", fr = "_options_dmzhr_42", pr = "_option_dmzhr_42", U = {
+  wrapper: ar,
+  label: ir,
+  select: cr,
+  icon: lr,
+  rotate: ur,
+  content: dr,
+  options: fr,
+  option: pr
+}, hs = (r) => {
+  const { leftAddon: t, onChange: s, label: n, value: i, options: o, style: l } = r, [d, u] = T.useState(!1);
+  function v(f) {
+    s(f), u(!1);
   }
   return T.useEffect(() => {
-    const d = () => {
+    const f = () => {
       u(!1);
     };
-    return d(), document.body.addEventListener("click", d), () => {
-      document.body.removeEventListener("click", d);
+    return f(), document.body.addEventListener("click", f), () => {
+      document.body.removeEventListener("click", f);
     };
-  }, []), /* @__PURE__ */ m.jsxs(
+  }, []), /* @__PURE__ */ p.jsxs(
     "div",
     {
-      className: L.wrapper,
+      className: U.wrapper,
       style: { ...l },
       children: [
-        s && /* @__PURE__ */ m.jsx(
+        n && /* @__PURE__ */ p.jsx(
           "label",
           {
-            className: L.label,
-            htmlFor: s,
-            children: s
+            className: U.label,
+            htmlFor: n,
+            children: n
           }
         ),
-        /* @__PURE__ */ m.jsxs(
+        /* @__PURE__ */ p.jsxs(
           "div",
           {
-            className: L.content,
-            onClick: (d) => d.stopPropagation(),
+            className: U.content,
+            onClick: (f) => f.stopPropagation(),
             children: [
-              /* @__PURE__ */ m.jsxs(
+              /* @__PURE__ */ p.jsxs(
                 "div",
                 {
-                  className: L.select,
-                  onClick: () => u((d) => !d),
+                  className: U.select,
+                  onClick: () => u((f) => !f),
                   children: [
                     t,
-                    /* @__PURE__ */ m.jsx("span", { children: i }),
-                    /* @__PURE__ */ m.jsx(
-                      fe,
+                    /* @__PURE__ */ p.jsx("span", { children: i }),
+                    /* @__PURE__ */ p.jsx(
+                      pe,
                       {
                         name: "arrow-down",
-                        className: V(L.icon, {
-                          [L.rotate]: f
+                        className: L(U.icon, {
+                          [U.rotate]: d
                         })
                       }
                     )
                   ]
                 }
               ),
-              f && /* @__PURE__ */ m.jsx(
+              d && /* @__PURE__ */ p.jsx(
                 "div",
                 {
-                  className: L.options,
+                  className: U.options,
                   onClick: () => u(!1),
-                  children: o.filter((d) => d !== i).map((d) => /* @__PURE__ */ m.jsx(
+                  children: o.filter((f) => f !== i).map((f) => /* @__PURE__ */ p.jsx(
                     "div",
                     {
-                      className: L.option,
-                      onClick: () => v(d),
-                      children: d
+                      className: U.option,
+                      onClick: () => v(f),
+                      children: f
                     },
-                    d
+                    f
                   ))
                 }
               )
@@ -1604,255 +1607,280 @@ const V = /* @__PURE__ */ Bt(Zt), fe = (r) => {
       ]
     }
   );
-}, pr = "_active_1gvxu_12", vr = "_toggle_1gvxu_15", Re = {
-  switch: "_switch_1gvxu_1",
-  active: pr,
-  toggle: vr
-}, mn = ({ onChange: r, style: t, current: n }) => {
-  const [s, i] = T.useState(n), o = () => {
-    i((l) => !l), r == null || r(!s);
+}, vr = "_wrapper_3w2ni_1", mr = "_active_3w2ni_24", gr = "_toggle_3w2ni_27", hr = "_background_3w2ni_39", br = "_padding_3w2ni_43", q = {
+  wrapper: vr,
+  switch: "_switch_3w2ni_13",
+  active: mr,
+  toggle: gr,
+  background: hr,
+  padding: br
+}, bs = (r) => {
+  const { onChange: t, style: s, current: n, label: i, hasBackground: o = !1, paddingless: l = !0 } = r, [d, u] = T.useState(n), v = () => {
+    u((f) => !f), t == null || t(!d);
   };
-  return /* @__PURE__ */ m.jsx(
+  return /* @__PURE__ */ p.jsx(p.Fragment, { children: i ? /* @__PURE__ */ p.jsxs(
+    "div",
+    {
+      className: L(q.wrapper, {
+        [q.background]: o,
+        [q.padding]: !l
+      }),
+      children: [
+        /* @__PURE__ */ p.jsx(
+          "div",
+          {
+            className: L(q.switch, {
+              [q.active]: d
+            }),
+            onClick: v,
+            style: s,
+            children: /* @__PURE__ */ p.jsx("div", { className: q.toggle })
+          }
+        ),
+        /* @__PURE__ */ p.jsx("span", { className: q.value, children: i })
+      ]
+    }
+  ) : /* @__PURE__ */ p.jsx(
     "div",
     {
-      className: V(Re.switch, {
-        [Re.active]: s
+      className: L(q.switch, {
+        [q.active]: d
       }),
-      onClick: o,
-      style: t,
-      children: /* @__PURE__ */ m.jsx("div", { className: Re.toggle })
+      onClick: v,
+      style: s,
+      children: /* @__PURE__ */ p.jsx("div", { className: q.toggle })
     }
-  );
-}, mr = "_wrapper_1inu5_1", gr = {
-  wrapper: mr
-}, gn = ({ children: r }) => {
-  const { hoverBlockId: t, startHideTimeout: n, clearHideTimeout: s, setMouseOverModal: i } = Ht();
-  return t ? /* @__PURE__ */ m.jsx(
+  ) });
+}, _r = "_wrapper_1inu5_1", yr = {
+  wrapper: _r
+}, _s = ({ children: r }) => {
+  const { hoverBlockId: t, startHideTimeout: s, clearHideTimeout: n, setMouseOverModal: i } = Ht();
+  return t ? /* @__PURE__ */ p.jsx(
     "div",
     {
-      className: gr.wrapper,
+      className: yr.wrapper,
       onMouseEnter: () => {
-        s(), i(!0);
+        n(), i(!0);
       },
       onMouseLeave: () => {
-        i(!1), n();
+        i(!1), s();
       },
       children: r
     }
   ) : null;
-}, hr = "_blocks_1op3c_1", br = "_block_1op3c_1", _r = "_active_1op3c_18", Ce = {
-  blocks: hr,
-  block: br,
-  active: _r
-}, hn = (r) => {
-  const { items: t, selectedItem: n, onSelect: s, getIconName: i } = r;
-  return /* @__PURE__ */ m.jsx("div", { className: Ce.blocks, children: t.map((o) => /* @__PURE__ */ m.jsx(
+}, wr = "_blocks_1op3c_1", kr = "_block_1op3c_1", Sr = "_active_1op3c_18", Ce = {
+  blocks: wr,
+  block: kr,
+  active: Sr
+}, ys = (r) => {
+  const { items: t, selectedItem: s, onSelect: n, getIconName: i } = r;
+  return /* @__PURE__ */ p.jsx("div", { className: Ce.blocks, children: t.map((o) => /* @__PURE__ */ p.jsx(
     "div",
     {
-      className: V(Ce.block, { [Ce.active]: n === o }),
-      onClick: () => s(o),
-      children: /* @__PURE__ */ m.jsx(
-        fe,
+      className: L(Ce.block, { [Ce.active]: s === o }),
+      onClick: () => n(o),
+      children: /* @__PURE__ */ p.jsx(
+        pe,
         {
           name: i(o),
-          fill: n === o ? "#252525" : "#757575"
+          fill: s === o ? "#252525" : "#757575"
         }
       )
     },
     String(o)
   )) });
-}, yr = "_applyButton_1cqw4_2", wr = "_cancelButton_1cqw4_7", kr = "_content_1cqw4_12", Sr = "_label_1cqw4_18", xr = "_colorValue_1cqw4_30", Er = "_modal_1cqw4_37", Rr = "_colorMap_1cqw4_56", Cr = "_indicator_1cqw4_64", jr = "_hueSlider_1cqw4_73", Pr = "_slider_1cqw4_102", Or = "_buttons_1cqw4_107", Tr = "_name_1cqw4_113", Ir = "_secondary_1cqw4_118", Br = "_input_1cqw4_126", J = {
-  applyButton: yr,
-  cancelButton: wr,
-  content: kr,
-  label: Sr,
-  colorValue: xr,
-  modal: Er,
-  colorMap: Rr,
-  indicator: Cr,
-  hueSlider: jr,
-  slider: Pr,
-  buttons: Or,
-  name: Tr,
-  secondary: Ir,
-  input: Br
-}, bn = (r) => {
-  const { initialColor: t, onChange: n, title: s, labelStyle: i = "primary" } = r, [o, l] = T.useState(t), {
-    setActiveLabel: f,
+}, xr = "_applyButton_1cqw4_2", Er = "_cancelButton_1cqw4_7", Rr = "_content_1cqw4_12", Cr = "_label_1cqw4_18", jr = "_colorValue_1cqw4_30", Pr = "_modal_1cqw4_37", Or = "_colorMap_1cqw4_56", Tr = "_indicator_1cqw4_64", Ir = "_hueSlider_1cqw4_73", Br = "_slider_1cqw4_102", Nr = "_buttons_1cqw4_107", Ar = "_name_1cqw4_113", Fr = "_secondary_1cqw4_118", $r = "_input_1cqw4_126", K = {
+  applyButton: xr,
+  cancelButton: Er,
+  content: Rr,
+  label: Cr,
+  colorValue: jr,
+  modal: Pr,
+  colorMap: Or,
+  indicator: Tr,
+  hueSlider: Ir,
+  slider: Br,
+  buttons: Nr,
+  name: Ar,
+  secondary: Fr,
+  input: $r
+}, ws = (r) => {
+  const { initialColor: t, onChange: s, title: n, labelStyle: i = "primary" } = r, [o, l] = T.useState(t), {
+    setActiveLabel: d,
     setModalPosition: u,
     setInitialColor: v,
-    setShowModal: d,
+    setShowModal: f,
     setUpdate: y,
-    setColor: R,
-    setColorChange: E,
-    colorChange: S
+    setColor: E,
+    setColorChange: x,
+    colorChange: R
   } = Jt();
   T.useEffect(() => {
-    const O = () => {
-      d(!1), f(null), v(t), y(() => {
-      }), R(t), E(() => {
+    const P = () => {
+      f(!1), d(null), v(t), y(() => {
+      }), E(t), x(() => {
       });
     };
-    return document.body.addEventListener("click", O), () => {
-      document.body.removeEventListener("click", O);
+    return document.body.addEventListener("click", P), () => {
+      document.body.removeEventListener("click", P);
     };
   }, []);
-  const h = (O) => {
-    O.stopPropagation(), d(!0), E(l), y(n), v(t), R(o);
-    const w = O.currentTarget.getBoundingClientRect(), g = 400, I = 288, q = 10, K = 20, G = window.innerHeight - w.bottom, ve = w.top, ne = window.innerWidth - w.right, se = w.left;
+  const g = (P) => {
+    P.stopPropagation(), f(!0), x(l), y(s), v(t), E(o);
+    const w = P.currentTarget.getBoundingClientRect(), h = 400, I = 288, V = 10, G = 20, X = window.innerHeight - w.bottom, me = w.top, oe = window.innerWidth - w.right, ae = w.left;
     let $, D;
-    $ = w.bottom + q + window.scrollY, D = w.left, (G < g || G < K) && (ve >= g ? $ = w.top - g - q + window.scrollY : $ = window.scrollY + (window.innerHeight - g) / 2), ne < I && (se >= I ? D = w.right - I : D = (window.innerWidth - I) / 2), D < w.right && D + I > w.left && $ < w.bottom && $ + g > w.top && (ne >= I ? D = w.right + q + 100 : G >= g ? $ = w.bottom + q + window.scrollY : ($ = window.scrollY + (window.innerHeight - g) / 2, D = (window.innerWidth - I) / 2)), u({
+    $ = w.bottom + V + window.scrollY, D = w.left, (X < h || X < G) && (me >= h ? $ = w.top - h - V + window.scrollY : $ = window.scrollY + (window.innerHeight - h) / 2), oe < I && (ae >= I ? D = w.right - I : D = (window.innerWidth - I) / 2), D < w.right && D + I > w.left && $ < w.bottom && $ + h > w.top && (oe >= I ? D = w.right + V + 100 : X >= h ? $ = w.bottom + V + window.scrollY : ($ = window.scrollY + (window.innerHeight - h) / 2, D = (window.innerWidth - I) / 2)), u({
       top: $,
       left: D
     });
   };
-  return /* @__PURE__ */ m.jsxs("div", { className: J.content, children: [
-    /* @__PURE__ */ m.jsx(
+  return /* @__PURE__ */ p.jsxs("div", { className: K.content, children: [
+    /* @__PURE__ */ p.jsx(
       "span",
       {
-        className: V(J.name, {
-          [J.secondary]: i === "secondary"
+        className: L(K.name, {
+          [K.secondary]: i === "secondary"
         }),
-        children: s
+        children: n
       }
     ),
-    /* @__PURE__ */ m.jsxs(
+    /* @__PURE__ */ p.jsxs(
       "label",
       {
         htmlFor: "color",
-        className: J.label,
+        className: K.label,
         children: [
-          /* @__PURE__ */ m.jsx(
+          /* @__PURE__ */ p.jsx(
             "div",
             {
-              className: J.colorValue,
+              className: K.colorValue,
               style: {
                 background: o
               },
-              onClick: h
+              onClick: g
             }
           ),
-          /* @__PURE__ */ m.jsx(
+          /* @__PURE__ */ p.jsx(
             "input",
             {
               type: "text",
               defaultValue: o,
               value: o,
-              onChange: (O) => {
-                const w = O.target.value;
-                n(w), R(w), l(w), S(w);
+              onChange: (P) => {
+                const w = P.target.value;
+                s(w), E(w), l(w), R(w);
               },
-              className: J.input
+              className: K.input
             }
           )
         ]
       }
     )
   ] });
-}, Ar = "_modal_1t5at_1", Nr = {
-  modal: Ar
-}, _n = (r) => {
-  const { close: t, children: n } = r;
+}, Dr = "_modal_1t5at_1", Mr = {
+  modal: Dr
+}, ks = (r) => {
+  const { close: t, children: s } = r;
   return T.useEffect(() => {
-    const s = () => {
+    const n = () => {
       t(!1);
     };
-    return document.body.addEventListener("click", s), () => {
-      document.body.removeEventListener("click", s);
+    return document.body.addEventListener("click", n), () => {
+      document.body.removeEventListener("click", n);
     };
-  }, []), /* @__PURE__ */ m.jsx("div", { className: Nr.modal, children: n });
-}, Fr = "_wrapper_1qvfi_1", $r = "_label_1qvfi_10", Dr = "_textarea_1qvfi_18", Mr = "_length_1qvfi_33", de = {
-  wrapper: Fr,
-  label: $r,
-  textarea: Dr,
-  length: Mr
-}, yn = (r) => {
-  const { onChange: t, label: n, value: s, maxLength: i, placeholder: o } = r, [l, f] = T.useState(0);
-  return /* @__PURE__ */ m.jsxs("div", { className: de.wrapper, children: [
-    n && /* @__PURE__ */ m.jsx(
+  }, []), /* @__PURE__ */ p.jsx("div", { className: Mr.modal, children: s });
+}, qr = "_wrapper_1qvfi_1", Lr = "_label_1qvfi_10", Vr = "_textarea_1qvfi_18", Ur = "_length_1qvfi_33", fe = {
+  wrapper: qr,
+  label: Lr,
+  textarea: Vr,
+  length: Ur
+}, Ss = (r) => {
+  const { onChange: t, label: s, value: n, maxLength: i, placeholder: o } = r, [l, d] = T.useState(n.length);
+  return /* @__PURE__ */ p.jsxs("div", { className: fe.wrapper, children: [
+    s && /* @__PURE__ */ p.jsx(
       "label",
       {
-        className: de.label,
-        htmlFor: n,
-        children: n
+        className: fe.label,
+        htmlFor: s,
+        children: s
       }
     ),
-    /* @__PURE__ */ m.jsx(
+    /* @__PURE__ */ p.jsx(
       "textarea",
       {
-        id: n,
-        defaultValue: s,
+        id: s,
+        defaultValue: n,
         onChange: (u) => {
-          f(u.target.value.length), t(u.target.value);
+          d(u.target.value.length), t(u.target.value);
         },
         placeholder: o,
-        className: de.textarea,
+        className: fe.textarea,
         maxLength: i
       }
     ),
-    i && /* @__PURE__ */ m.jsxs("div", { className: de.length, children: [
+    i && /* @__PURE__ */ p.jsxs("div", { className: fe.length, children: [
       l,
       "/",
       i
     ] })
   ] });
-}, qr = "_wrapper_1fcne_2", Lr = "_label_1fcne_10", Vr = "_options_1fcne_18", Ur = "_radioLabel_1fcne_23", Wr = "_radio_1fcne_23", zr = "_custom_1fcne_36", Yr = "_option_1fcne_18", z = {
-  wrapper: qr,
-  label: Lr,
-  options: Vr,
-  radioLabel: Ur,
-  radio: Wr,
-  custom: zr,
-  option: Yr
-}, wn = (r) => {
-  const { defaultValue: t, options: n, onChange: s, label: i } = r, [o, l] = T.useState(t), f = (u) => {
+}, Wr = "_wrapper_1fcne_2", zr = "_label_1fcne_10", Yr = "_options_1fcne_18", Hr = "_radioLabel_1fcne_23", Jr = "_radio_1fcne_23", Kr = "_custom_1fcne_36", Gr = "_option_1fcne_18", Y = {
+  wrapper: Wr,
+  label: zr,
+  options: Yr,
+  radioLabel: Hr,
+  radio: Jr,
+  custom: Kr,
+  option: Gr
+}, xs = (r) => {
+  const { defaultValue: t, options: s, onChange: n, label: i } = r, [o, l] = T.useState(t), d = (u) => {
     const v = u.target.value;
-    l(v), s(v);
+    l(v), n(v);
   };
-  return /* @__PURE__ */ m.jsxs("div", { className: z.wrapper, children: [
-    /* @__PURE__ */ m.jsx("span", { className: z.label, children: i }),
-    /* @__PURE__ */ m.jsx("div", { className: z.options, children: n.map((u) => /* @__PURE__ */ m.jsxs(
+  return /* @__PURE__ */ p.jsxs("div", { className: Y.wrapper, children: [
+    /* @__PURE__ */ p.jsx("span", { className: Y.label, children: i }),
+    /* @__PURE__ */ p.jsx("div", { className: Y.options, children: s.map((u) => /* @__PURE__ */ p.jsxs(
       "label",
       {
-        className: z.radioLabel,
+        className: Y.radioLabel,
         children: [
-          /* @__PURE__ */ m.jsx(
+          /* @__PURE__ */ p.jsx(
             "input",
             {
               type: "radio",
               value: u.value,
               checked: o === u.value,
-              onChange: f,
-              className: z.radio
+              onChange: d,
+              className: Y.radio
             }
           ),
-          /* @__PURE__ */ m.jsx("span", { className: z.custom }),
-          /* @__PURE__ */ m.jsx("span", { className: z.option, children: u.label })
+          /* @__PURE__ */ p.jsx("span", { className: Y.custom }),
+          /* @__PURE__ */ p.jsx("span", { className: Y.option, children: u.label })
         ]
       },
       u.value
     )) })
   ] });
-}, Hr = "_tip_pl6k0_1", Jr = "_text_pl6k0_9", Kr = "_warning_pl6k0_15", Gr = "_error_pl6k0_20", Xr = "_hide_pl6k0_25", re = {
-  tip: Hr,
-  text: Jr,
-  warning: Kr,
-  error: Gr,
-  hide: Xr
-}, kn = (r) => {
-  const { type: t, message: n, style: s } = r, [i, o] = T.useState(!1);
-  return /* @__PURE__ */ m.jsxs(
+}, Xr = "_tip_pl6k0_1", Zr = "_text_pl6k0_9", Qr = "_warning_pl6k0_15", es = "_error_pl6k0_20", ts = "_hide_pl6k0_25", ne = {
+  tip: Xr,
+  text: Zr,
+  warning: Qr,
+  error: es,
+  hide: ts
+}, Es = (r) => {
+  const { type: t, message: s, style: n } = r, [i, o] = T.useState(!1);
+  return /* @__PURE__ */ p.jsxs(
     "div",
     {
-      className: V(re.tip, {
-        [re.warning]: t === "warning",
-        [re.error]: t === "error",
-        [re.hide]: i
+      className: L(ne.tip, {
+        [ne.warning]: t === "warning",
+        [ne.error]: t === "error",
+        [ne.hide]: i
       }),
-      style: s,
+      style: n,
       children: [
-        /* @__PURE__ */ m.jsx("div", { children: /* @__PURE__ */ m.jsx(
-          fe,
+        /* @__PURE__ */ p.jsx("div", { children: /* @__PURE__ */ p.jsx(
+          pe,
           {
             name: "info-circle",
             fill: t === "warning" ? "#C1972A" : "#FF3F19",
@@ -1860,9 +1888,9 @@ const V = /* @__PURE__ */ Bt(Zt), fe = (r) => {
             height: 20
           }
         ) }),
-        /* @__PURE__ */ m.jsx("div", { className: re.text, children: n }),
-        /* @__PURE__ */ m.jsx("div", { children: /* @__PURE__ */ m.jsx(
-          fe,
+        /* @__PURE__ */ p.jsx("div", { className: ne.text, children: s }),
+        /* @__PURE__ */ p.jsx("div", { children: /* @__PURE__ */ p.jsx(
+          pe,
           {
             name: "x",
             fill: t === "warning" ? "#C1972A" : "#FF3F19",
@@ -1877,35 +1905,36 @@ const V = /* @__PURE__ */ Bt(Zt), fe = (r) => {
   );
 };
 export {
-  fn as B,
-  bn as C,
-  fe as I,
-  _n as M,
-  hn as P,
-  wn as R,
-  vn as S,
-  yn as T,
-  pn as a,
-  mn as b,
-  gn as c,
-  kn as d,
-  V as e,
-  on as f,
-  dn as g,
-  an as h,
-  nn as i,
-  m as j,
-  cn as k,
-  un as l,
-  sn as m,
-  Qr as n,
+  ms as B,
+  ws as C,
+  pe as I,
+  ks as M,
+  ys as P,
+  xs as R,
+  bs as S,
+  Ss as T,
+  gs as a,
+  hs as b,
+  L as c,
+  _s as d,
+  Es as e,
+  ls as f,
+  vs as g,
+  us as h,
+  is as i,
+  p as j,
+  ds as k,
+  ps as l,
+  cs as m,
+  ss as n,
   Mt as o,
   Ht as p,
   Jt as q,
   Bt as r,
-  J as s,
-  tn as t,
-  en as u,
-  ln as v,
-  rn as w
+  K as s,
+  os as t,
+  ns as u,
+  Oe as v,
+  fs as w,
+  as as x
 };