@billgangcom/theme-lib 1.0.5 → 1.1.0

package/dist/index-SOBckDON.js

@@ -0,0 +1,1911 @@
+import T from "react";
+function Bt(r) {
+  return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
+}
+var je = { exports: {} }, ee = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Qe;
+function At() {
+  if (Qe) return ee;
+  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 };
+  }
+  return ee.Fragment = n, ee.jsx = l, ee.jsxs = l, ee;
+}
+var te = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var et;
+function Nt() {
+  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) {
+      if (e === null || typeof e != "object")
+        return null;
+      var a = S && e[S] || e[h];
+      return typeof a == "function" ? a : null;
+    }
+    var w = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function g(e) {
+      {
+        for (var a = arguments.length, c = new Array(a > 1 ? a - 1 : 0), p = 1; p < a; p++)
+          c[p - 1] = arguments[p];
+        I("error", e, c);
+      }
+    }
+    function I(e, a, c) {
+      {
+        var p = w.ReactDebugCurrentFrame, k = p.getStackAddendum();
+        k !== "" && (a += "%s", c = c.concat([k]));
+        var x = c.map(function(_) {
+          return String(_);
+        });
+        x.unshift("Warning: " + a), Function.prototype.apply.call(console[e], console, x);
+      }
+    }
+    var q = !1, K = !1, G = !1, ve = !1, ne = !1, se;
+    se = 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
+      // 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));
+    }
+    function D(e, a, c) {
+      var p = e.displayName;
+      if (p)
+        return p;
+      var k = a.displayName || a.name || "";
+      return k !== "" ? c + "(" + k + ")" : c;
+    }
+    function me(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")
+        return e.displayName || e.name || null;
+      if (typeof e == "string")
+        return e;
+      switch (e) {
+        case s:
+          return "Fragment";
+        case n:
+          return "Portal";
+        case o:
+          return "Profiler";
+        case i:
+          return "StrictMode";
+        case v:
+          return "Suspense";
+        case d:
+          return "SuspenseList";
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case f:
+            var a = e;
+            return me(a) + ".Consumer";
+          case l:
+            var c = e;
+            return me(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;
+            try {
+              return M(_(x));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var U = Object.assign, X = 0, Te, Ie, Be, Ae, Ne, 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;
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            value: De,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: e,
+            log: e,
+            warn: e,
+            error: e,
+            group: e,
+            groupCollapsed: e,
+            groupEnd: e
+          });
+        }
+        X++;
+      }
+    }
+    function it() {
+      {
+        if (X--, X === 0) {
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: U({}, e, {
+              value: Te
+            }),
+            info: U({}, e, {
+              value: Ie
+            }),
+            warn: U({}, e, {
+              value: Be
+            }),
+            error: U({}, e, {
+              value: Ae
+            }),
+            group: U({}, e, {
+              value: Ne
+            }),
+            groupCollapsed: U({}, e, {
+              value: Fe
+            }),
+            groupEnd: U({}, e, {
+              value: $e
+            })
+          });
+        }
+        X < 0 && g("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var ge = w.ReactCurrentDispatcher, he;
+    function oe(e, a, c) {
+      {
+        if (he === void 0)
+          try {
+            throw Error();
+          } catch (k) {
+            var p = k.stack.trim().match(/\n( *(at )?)/);
+            he = p && p[1] || "";
+          }
+        return `
+` + he + e;
+      }
+    }
+    var be = !1, ae;
+    {
+      var ct = typeof WeakMap == "function" ? WeakMap : Map;
+      ae = new ct();
+    }
+    function Me(e, a) {
+      if (!e || be)
+        return "";
+      {
+        var c = ae.get(e);
+        if (c !== void 0)
+          return c;
+      }
+      var p;
+      be = !0;
+      var k = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var x;
+      x = ge.current, ge.current = null, at();
+      try {
+        if (a) {
+          var _ = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(_.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(_, []);
+            } catch (A) {
+              p = A;
+            }
+            Reflect.construct(e, [], _);
+          } else {
+            try {
+              _.call();
+            } catch (A) {
+              p = A;
+            }
+            e.call(_.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (A) {
+            p = A;
+          }
+          e();
+        }
+      } catch (A) {
+        if (A && p && typeof A.stack == "string") {
+          for (var b = A.stack.split(`
+`), B = p.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--)
+            if (b[C] !== B[j]) {
+              if (C !== 1 || j !== 1)
+                do
+                  if (C--, j--, j < 0 || b[C] !== B[j]) {
+                    var N = `
+` + 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;
+                  }
+                while (C >= 1 && j >= 0);
+              break;
+            }
+        }
+      } finally {
+        be = !1, ge.current = x, it(), Error.prepareStackTrace = k;
+      }
+      var H = e ? e.displayName || e.name : "", W = H ? oe(H) : "";
+      return typeof e == "function" && ae.set(e, W), W;
+    }
+    function lt(e, a, c) {
+      return Me(e, !1);
+    }
+    function ut(e) {
+      var a = e.prototype;
+      return !!(a && a.isReactComponent);
+    }
+    function ie(e, a, c) {
+      if (e == null)
+        return "";
+      if (typeof e == "function")
+        return Me(e, ut(e));
+      if (typeof e == "string")
+        return oe(e);
+      switch (e) {
+        case v:
+          return oe("Suspense");
+        case d:
+          return oe("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;
+            try {
+              return ie(x(k), a, c);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var Z = Object.prototype.hasOwnProperty, qe = {}, Le = w.ReactDebugCurrentFrame;
+    function ce(e) {
+      if (e) {
+        var a = e._owner, c = ie(e.type, e._source, a ? a.type : null);
+        Le.setExtraStackFrame(c);
+      } else
+        Le.setExtraStackFrame(null);
+    }
+    function dt(e, a, c, p, k) {
+      {
+        var x = Function.call.bind(Z);
+        for (var _ in e)
+          if (x(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`.");
+                throw B.name = "Invariant Violation", B;
+              }
+              b = e[_](a, _, p, 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));
+          }
+      }
+    }
+    var ft = Array.isArray;
+    function _e(e) {
+      return ft(e);
+    }
+    function pt(e) {
+      {
+        var a = typeof Symbol == "function" && Symbol.toStringTag, c = a && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return c;
+      }
+    }
+    function vt(e) {
+      try {
+        return Ve(e), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function Ve(e) {
+      return "" + e;
+    }
+    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);
+    }
+    var Q = w.ReactCurrentOwner, mt = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, We, ze, ye;
+    ye = {};
+    function gt(e) {
+      if (Z.call(e, "ref")) {
+        var a = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (a && a.isReactWarning)
+          return !1;
+      }
+      return e.ref !== void 0;
+    }
+    function ht(e) {
+      if (Z.call(e, "key")) {
+        var a = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (a && a.isReactWarning)
+          return !1;
+      }
+      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);
+      }
+    }
+    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));
+        };
+        c.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: c,
+          configurable: !0
+        });
+      }
+    }
+    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));
+        };
+        c.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: c,
+          configurable: !0
+        });
+      }
+    }
+    var wt = function(e, a, c, p, k, x, _) {
+      var b = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: t,
+        // Built-in properties that belong on the element
+        type: e,
+        key: a,
+        ref: c,
+        props: _,
+        // Record the component responsible for creating this element.
+        _owner: x
+      };
+      return b._store = {}, Object.defineProperty(b._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(b, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: p
+      }), Object.defineProperty(b, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: k
+      }), Object.freeze && (Object.freeze(b.props), Object.freeze(b)), b;
+    };
+    function kt(e, a, c, p, k) {
+      {
+        var x, _ = {}, 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]);
+        if (e && e.defaultProps) {
+          var C = e.defaultProps;
+          for (x in C)
+            _[x] === void 0 && (_[x] = C[x]);
+        }
+        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, _);
+      }
+    }
+    var we = w.ReactCurrentOwner, Ye = w.ReactDebugCurrentFrame;
+    function Y(e) {
+      if (e) {
+        var a = e._owner, c = ie(e.type, e._source, a ? a.type : null);
+        Ye.setExtraStackFrame(c);
+      } else
+        Ye.setExtraStackFrame(null);
+    }
+    var ke;
+    ke = !1;
+    function Se(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === t;
+    }
+    function He() {
+      {
+        if (we.current) {
+          var e = M(we.current.type);
+          if (e)
+            return `
+
+Check the render method of \`` + e + "`.";
+        }
+        return "";
+      }
+    }
+    function St(e) {
+      return "";
+    }
+    var Je = {};
+    function xt(e) {
+      {
+        var a = He();
+        if (!a) {
+          var c = typeof e == "string" ? e : e.displayName || e.name;
+          c && (a = `
+
+Check the top-level render call using <` + c + ">.");
+        }
+        return a;
+      }
+    }
+    function Ke(e, a) {
+      {
+        if (!e._store || e._store.validated || e.key != null)
+          return;
+        e._store.validated = !0;
+        var c = xt(a);
+        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);
+      }
+    }
+    function Ge(e, a) {
+      {
+        if (typeof e != "object")
+          return;
+        if (_e(e))
+          for (var c = 0; c < e.length; c++) {
+            var p = e[c];
+            Se(p) && Ke(p, a);
+          }
+        else if (Se(e))
+          e._store && (e._store.validated = !0);
+        else if (e) {
+          var k = O(e);
+          if (typeof k == "function" && k !== e.entries)
+            for (var x = k.call(e), _; !(_ = x.next()).done; )
+              Se(_.value) && Ke(_.value, a);
+        }
+      }
+    }
+    function Et(e) {
+      {
+        var a = e.type;
+        if (a == null || typeof a == "string")
+          return;
+        var c;
+        if (typeof a == "function")
+          c = a.propTypes;
+        else if (typeof a == "object" && (a.$$typeof === u || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        a.$$typeof === y))
+          c = a.propTypes;
+        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 k = M(a);
+          g("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.");
+      }
+    }
+    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);
+            break;
+          }
+        }
+        e.ref !== null && (Y(e), g("Invalid attribute `ref` supplied to `React.Fragment`."), Y(null));
+      }
+    }
+    var Xe = {};
+    function Ze(e, a, c, p, k, x) {
+      {
+        var _ = $(e);
+        if (!_) {
+          var b = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (b += " 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 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);
+        }
+        var j = kt(e, a, c, k, x);
+        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);
+              } 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.");
+            else
+              Ge(N, e);
+        }
+        if (Z.call(a, "key")) {
+          var W = M(e), A = 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:
+  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;
+          }
+        }
+        return e === s ? Rt(j) : Et(j), j;
+      }
+    }
+    function Ct(e, a, c) {
+      return Ze(e, a, c, !0);
+    }
+    function jt(e, a, c) {
+      return Ze(e, a, c, !1);
+    }
+    var Pt = jt, Ot = Ct;
+    te.Fragment = s, te.jsx = Pt, te.jsxs = Ot;
+  }()), te;
+}
+process.env.NODE_ENV === "production" ? je.exports = At() : je.exports = Nt();
+var m = je.exports;
+const tt = (r) => {
+  let t;
+  const n = /* @__PURE__ */ new Set(), s = (v, d) => {
+    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));
+    }
+  }, 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;
+}, Ft = (r) => r ? tt(r) : tt, $t = (r) => r;
+function Dt(r, t = $t) {
+  const n = T.useSyncExternalStore(
+    r.subscribe,
+    () => t(r.getState()),
+    () => t(r.getInitialState())
+  );
+  return T.useDebugValue(n), n;
+}
+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) => ({
+  blocks: {},
+  setBlocks: (t) => r(() => ({ blocks: t })),
+  activeBlock: null,
+  setActiveBlock: (t) => r(() => ({ activeBlock: t })),
+  sourceBlocks: {},
+  setSourceBlocks: (t) => r(() => ({ sourceBlocks: t }))
+})), en = F((r) => ({
+  currentDevice: "desktop",
+  setCurrentDevice: (t) => r(() => ({ currentDevice: t }))
+}));
+F((r) => ({
+  pageData: null,
+  setPageData: (t) => r(() => ({ pageData: t }))
+}));
+const Mt = [
+  {
+    icon: "layers",
+    name: "Layers"
+  },
+  {
+    icon: "plus",
+    name: "Add"
+  },
+  {
+    icon: "palette",
+    name: "Theme"
+  },
+  {
+    icon: "settings",
+    name: "Settings"
+  }
+], tn = Array.from({ length: 122 / 2 + 1 }, (r, t) => String(6 + t * 2)), rn = [
+  "100",
+  "200",
+  "300",
+  "400",
+  "500",
+  "600",
+  "700",
+  "800",
+  "900"
+], nn = [
+  "home",
+  "reviews",
+  "faqs",
+  "contact",
+  "product",
+  "ticket",
+  "login"
+], qt = {
+  home: {
+    path: "/",
+    name: "home",
+    icon: "house",
+    seo: {
+      description: "",
+      title: ""
+    },
+    visibility: "public"
+  },
+  product: {
+    path: "/product",
+    name: "product",
+    icon: "squares",
+    seo: {
+      description: "",
+      title: ""
+    },
+    visibility: "public"
+  },
+  faqs: {
+    path: "/faqs",
+    name: "faqs",
+    icon: "faqs",
+    seo: {
+      description: "",
+      title: ""
+    },
+    visibility: "public"
+  },
+  reviews: {
+    path: "/reviews",
+    name: "reviews",
+    icon: "star",
+    seo: {
+      description: "",
+      title: ""
+    },
+    visibility: "public"
+  },
+  contact: {
+    path: "/contact",
+    name: "contact",
+    icon: "chat",
+    seo: {
+      description: "",
+      title: ""
+    },
+    visibility: "public"
+  },
+  ticket: {
+    path: "/ticket",
+    name: "ticket",
+    icon: "ticket",
+    seo: {
+      description: "",
+      title: ""
+    },
+    visibility: "public"
+  },
+  login: {
+    path: "/login",
+    name: "login",
+    icon: "user-circle-gear",
+    seo: {
+      description: "",
+      title: ""
+    },
+    visibility: "public"
+  }
+}, sn = F((r) => ({
+  activeBlock: Mt[0],
+  setActiveBlock: (t) => r(() => ({ activeBlock: t }))
+}));
+function Lt(r, t) {
+  let n;
+  try {
+    n = 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);
+    },
+    setItem: (i, o) => n.setItem(
+      i,
+      JSON.stringify(o, void 0)
+    ),
+    removeItem: (i) => n.removeItem(i)
+  };
+}
+const Pe = (r) => (t) => {
+  try {
+    const n = r(t);
+    return n instanceof Promise ? n : {
+      then(s) {
+        return Pe(s)(n);
+      },
+      catch(s) {
+        return this;
+      }
+    };
+  } catch (n) {
+    return {
+      then(s) {
+        return this;
+      },
+      catch(s) {
+        return Pe(s)(n);
+      }
+    };
+  }
+}, Vt = (r, t) => (n, s, i) => {
+  let o = {
+    storage: Lt(() => localStorage),
+    partialize: (h) => h,
+    version: 0,
+    merge: (h, O) => ({
+      ...O,
+      ...h
+    }),
+    ...t
+  }, l = !1;
+  const f = /* @__PURE__ */ new Set(), u = /* @__PURE__ */ new Set();
+  let v = o.storage;
+  if (!v)
+    return r(
+      (...h) => {
+        console.warn(
+          `[zustand persist middleware] Unable to update item '${o.name}', the given storage is currently unavailable.`
+        ), n(...h);
+      },
+      s,
+      i
+    );
+  const d = () => {
+    const h = o.partialize({ ...s() });
+    return v.setItem(o.name, {
+      state: h,
+      version: o.version
+    });
+  }, y = i.setState;
+  i.setState = (h, O) => {
+    y(h, O), d();
+  };
+  const R = r(
+    (...h) => {
+      n(...h), d();
+    },
+    s,
+    i
+  );
+  i.getInitialState = () => R;
+  let E;
+  const S = () => {
+    var h, O;
+    if (!v) return;
+    l = !1, f.forEach((g) => {
+      var I;
+      return g((I = s()) != null ? I : R);
+    });
+    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) {
+          if (o.migrate)
+            return [
+              !0,
+              o.migrate(
+                g.state,
+                g.version
+              )
+            ];
+          console.error(
+            "State loaded from storage couldn't be migrated since no migrate function was provided"
+          );
+        } else
+          return [!1, g.state];
+      return [!1, void 0];
+    }).then((g) => {
+      var I;
+      const [q, K] = g;
+      if (E = o.merge(
+        K,
+        (I = s()) != null ? I : R
+      ), n(E, !0), q)
+        return d();
+    }).then(() => {
+      w == null || w(E, void 0), E = s(), l = !0, u.forEach((g) => g(E));
+    }).catch((g) => {
+      w == null || w(void 0, g);
+    });
+  };
+  return i.persist = {
+    setOptions: (h) => {
+      o = {
+        ...o,
+        ...h
+      }, h.storage && (v = h.storage);
+    },
+    clearStorage: () => {
+      v == null || v.removeItem(o.name);
+    },
+    getOptions: () => o,
+    rehydrate: () => S(),
+    hasHydrated: () => l,
+    onHydrate: (h) => (f.add(h), () => {
+      f.delete(h);
+    }),
+    onFinishHydration: (h) => (u.add(h), () => {
+      u.delete(h);
+    })
+  }, o.skipHydration || S(), E || R;
+}, pe = Vt, on = F(
+  pe(
+    (r) => ({
+      onPreview: !1,
+      setOnPreview: (t) => r(() => ({ onPreview: t })),
+      activeBlock: null,
+      setActiveBlock: (t) => r(() => ({ activeBlock: t }))
+    }),
+    {
+      name: "preview-storage",
+      partialize: (r) => {
+        const { onPreview: t } = r;
+        return { onPreview: t };
+      }
+    }
+  )
+);
+var P = [];
+for (var Ee = 0; Ee < 256; ++Ee)
+  P.push((Ee + 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();
+}
+var le, Wt = new Uint8Array(16);
+function zt() {
+  if (!le && (le = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !le))
+    throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+  return le(Wt);
+}
+var Yt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+const nt = {
+  randomUUID: Yt
+};
+function Oe(r, t, n) {
+  if (nt.randomUUID && !t && !r)
+    return nt.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);
+}
+const an = F(
+  pe(
+    (r, t) => ({
+      blocks: {
+        home: {},
+        contact: {},
+        product: {},
+        faqs: {},
+        reviews: {},
+        ticket: {},
+        login: {}
+      },
+      currentBlock: null,
+      positionBlock: null,
+      createPage: (n) => {
+        const s = t().blocks;
+        s[n] = {}, r({ blocks: s });
+      },
+      deletePage: (n) => {
+        const s = t().blocks;
+        delete s[n], r({ blocks: s });
+      },
+      updatePage: (n, s) => {
+        const i = t().blocks;
+        if (i[s]) return;
+        const o = i[n];
+        delete i[n], i[s] = o, r({ blocks: i });
+      },
+      setCurrentBlock: (n) => {
+        r({ currentBlock: n });
+      },
+      setPositionBlock: (n) => {
+        r({ positionBlock: n });
+      },
+      addBlock: (n, s) => {
+        const i = t().blocks, o = i[n] || {}, l = t().positionBlock, f = Oe(), u = Object.keys(o);
+        if (l === null || l >= u.length)
+          o[f] = {
+            name: s.name,
+            value: { ...s.value }
+          }, r({
+            blocks: {
+              ...i,
+              [n]: 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), {})
+          };
+          r({
+            blocks: {
+              ...i,
+              [n]: R
+            }
+          });
+        }
+      },
+      editBlock: (n, s, i) => {
+        const o = t().blocks, l = o[n] || {};
+        l[s] = {
+          name: i.name,
+          value: { ...i.value }
+        }, r({
+          blocks: {
+            ...o,
+            [n]: l
+          }
+        });
+      },
+      removeBlock: (n, s) => {
+        const i = t().blocks, o = i[n] || {};
+        delete o[s], r({
+          blocks: {
+            ...i,
+            [n]: 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),
+          {}
+        );
+        return {
+          blocks: {
+            ...o.blocks,
+            [n]: v
+          }
+        };
+      }),
+      duplicateBlock: (n, s) => {
+        const { blocks: i } = t(), o = i[n], l = o[s], f = 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), {})
+        };
+        r({
+          blocks: {
+            ...i,
+            [n]: E
+          }
+        });
+      }
+    }),
+    {
+      name: "layers-storage",
+      partialize: (r) => {
+        const { blocks: t } = r;
+        return { blocks: t };
+      }
+    }
+  )
+), Ht = F((r, t) => ({
+  isModalVisible: !1,
+  hoverBlockId: null,
+  isMouseOverModal: !1,
+  hideTimeout: null,
+  showModal: (n) => {
+    t().hideTimeout && clearTimeout(t().hideTimeout), r({ isModalVisible: !0, hoverBlockId: n });
+  },
+  hideModal: () => {
+    r({ isModalVisible: !1, hoverBlockId: null });
+  },
+  startHideTimeout: () => {
+    if (!t().isMouseOverModal) {
+      const n = setTimeout(() => {
+        r({ isModalVisible: !1, hoverBlockId: null });
+      }, 500);
+      r({ hideTimeout: n });
+    }
+  },
+  clearHideTimeout: () => {
+    t().hideTimeout && (clearTimeout(t().hideTimeout), r({ hideTimeout: null }));
+  },
+  setMouseOverModal: (n) => {
+    r({ isMouseOverModal: n });
+  },
+  isPreviewVisible: !1,
+  // Изначально превью скрыто
+  showPreview: (n) => {
+    r({ isPreviewVisible: !0, hoverBlockId: n });
+  },
+  hidePreview: () => {
+    r({ isPreviewVisible: !1, hoverBlockId: null });
+  }
+})), cn = F((r) => ({
+  activeBlock: null,
+  setActiveBlock: (t) => r(() => ({ activeBlock: t })),
+  activeFont: null,
+  setActiveFont: (t) => r(() => ({ activeFont: t })),
+  themeSettings: {
+    colors: {
+      brand: {
+        primary: "#fefefe",
+        secondary: "#fefefe",
+        toner: "#ffffff"
+      },
+      background: {
+        primary: "#fefefe",
+        secondary: "#000000"
+      },
+      text_icons: {
+        primary: "#000000",
+        secondary: "#fefefe",
+        tertiary: "#fefefe",
+        disabled: "#ffffff"
+      },
+      lines: {
+        divider: "#000000",
+        border: "#fefefe"
+      },
+      others: {
+        link: "#000000"
+      }
+    },
+    fonts: {
+      heading: {
+        h1: {
+          font: "Archivo",
+          weight: "900",
+          size: 48
+        },
+        h2: {
+          font: "Archivo",
+          weight: "700",
+          size: 32
+        },
+        h3: {
+          font: "Archivo",
+          weight: "600",
+          size: 24
+        },
+        h4: {
+          font: "Archivo",
+          weight: "500",
+          size: 16
+        },
+        h5: {
+          font: "Archivo",
+          weight: "400",
+          size: 16
+        },
+        h6: {
+          font: "Archivo",
+          weight: "400",
+          size: 16
+        }
+      },
+      paragraph: {
+        text: {
+          font: "Archivo",
+          size: 48,
+          weight: "400"
+        }
+      }
+    },
+    borders: {
+      radius: 52,
+      thickness: 52
+    },
+    buttons: {
+      size: 26,
+      alignment: "left",
+      radius: 32,
+      height: 40
+    },
+    inputs: {
+      general: {
+        height: 48,
+        name: "Style Name",
+        size: 48,
+        color: "black"
+      },
+      field: {
+        active: !0,
+        color: "black",
+        opacity: 40
+      },
+      border: {
+        active: !0,
+        style: "solid",
+        radius: 0,
+        thickness: 0,
+        color: "black"
+      },
+      label: {
+        height: 48,
+        size: 48,
+        color: "black",
+        alignment: "left"
+      }
+    }
+  },
+  updateColor: (t, n, s) => r((i) => {
+    const o = {
+      ...i.themeSettings.colors,
+      [t]: {
+        ...i.themeSettings.colors[t],
+        [n]: s
+      }
+    };
+    return { themeSettings: { ...i.themeSettings, colors: o } };
+  }),
+  updateFont: (t, n, s, i) => r((o) => {
+    const l = {
+      ...o.themeSettings.fonts,
+      [t]: {
+        ...o.themeSettings.fonts[t],
+        [n]: {
+          ...o.themeSettings.fonts[t][n],
+          [s]: i
+        }
+      }
+    };
+    return { themeSettings: { ...o.themeSettings, fonts: l } };
+  }),
+  updateBorder: (t, n) => r((s) => {
+    const i = {
+      ...s.themeSettings.borders,
+      [t]: n
+    };
+    return { themeSettings: { ...s.themeSettings, borders: i } };
+  }),
+  updateButton: (t, n) => r((s) => {
+    const i = {
+      ...s.themeSettings.buttons,
+      [t]: n
+    };
+    return { themeSettings: { ...s.themeSettings, buttons: i } };
+  }),
+  updateInput: (t, n, s) => r((i) => ({
+    themeSettings: {
+      ...i.themeSettings,
+      inputs: {
+        ...i.themeSettings.inputs,
+        [t]: {
+          ...i.themeSettings.inputs[t],
+          [s]: n
+        }
+      }
+    }
+  }))
+})), ln = F(
+  pe(
+    (r) => ({
+      fonts: [],
+      setFonts: (t) => r(() => ({ fonts: t }))
+    }),
+    {
+      name: "fonts-storage"
+    }
+  )
+), un = F((r) => ({
+  settings: null,
+  setSettings: (t) => r(() => ({ settings: t }))
+})), Jt = F()((r) => ({
+  color: "default",
+  initialColor: "",
+  setInitialColor: (t) => r(() => ({ initialColor: t })),
+  colorChange: () => {
+  },
+  update: () => {
+  },
+  activeLabel: null,
+  modalPosition: {
+    left: 0,
+    top: 0
+  },
+  showModal: !1,
+  dragging: !1,
+  hue: 0,
+  saturation: 100,
+  brightness: 100,
+  setModalPosition: (t) => r(() => ({ modalPosition: t })),
+  setHue: (t) => r(() => ({ hue: t })),
+  setSaturation: (t) => r(() => ({ saturation: t })),
+  setBrightness: (t) => r(() => ({ brightness: t })),
+  setShowModal: (t) => r(() => ({ showModal: t })),
+  setDragging: (t) => r(() => ({ dragging: t })),
+  setActiveLabel: (t) => r(() => ({ activeLabel: t })),
+  setColor: (t) => r(() => ({ color: t })),
+  setUpdate: (t) => r(() => ({ update: t })),
+  setColorChange: (t) => r(() => ({ colorChange: t }))
+})), dn = F(
+  pe(
+    (r, t) => ({
+      pages: qt,
+      currentPage: "home",
+      pageContext: {
+        listings: void 0,
+        products: void 0,
+        reviews: void 0,
+        categories: void 0,
+        faqs: void 0,
+        general: void 0
+      },
+      isOpenModal: !1,
+      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 });
+      },
+      updatePage: (n, s) => {
+        const i = t().pages;
+        i[n] = {
+          ...s
+        }, r({ pages: i });
+      },
+      deletePage: (n) => {
+        const s = t().pages;
+        delete s[n], r({ pages: s });
+      }
+    }),
+    {
+      name: "pages-storage",
+      partialize: (r) => {
+        const { pages: t } = r;
+        return { pages: t };
+      }
+    }
+  )
+), Kt = (r, t, n) => {
+  const s = r[t];
+  return s ? typeof s == "function" ? s() : Promise.resolve(s) : 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." : "")
+        )
+      )
+    );
+  });
+}, Gt = "_icon_21b8w_1", Xt = "_hoverable_21b8w_5", st = {
+  icon: Gt,
+  hoverable: Xt
+};
+var ot = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(r) {
+  (function() {
+    var t = {}.hasOwnProperty;
+    function n() {
+      for (var o = "", l = 0; l < arguments.length; l++) {
+        var f = arguments[l];
+        f && (o = i(o, s(f)));
+      }
+      return o;
+    }
+    function s(o) {
+      if (typeof o == "string" || typeof o == "number")
+        return o;
+      if (typeof o != "object")
+        return "";
+      if (Array.isArray(o))
+        return n.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));
+      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;
+  })();
+})(ot);
+var Zt = ot.exports;
+const V = /* @__PURE__ */ Bt(Zt), fe = (r) => {
+  const {
+    name: t,
+    fill: n = "currentColor",
+    hoverable: s = !1,
+    onClick: i,
+    className: o,
+    width: l,
+    height: f
+  } = 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);
+        v(() => y);
+      } catch {
+        console.error(`Icon "${t}" not found in assets.`), v(null);
+      }
+    })();
+  }, [t]), u ? /* @__PURE__ */ m.jsx(
+    u,
+    {
+      fill: n,
+      style: {
+        "--icon-fill": n
+      },
+      className: V(st.icon, o, {
+        [st.hoverable]: s
+      }),
+      onClick: i,
+      width: l || "24",
+      height: f || "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(
+    "button",
+    {
+      className: V(er.button, i),
+      onClick: n,
+      style: {
+        ...s,
+        fontSize: l === "m" ? 14 : 16
+      },
+      disabled: o,
+      children: t
+    }
+  );
+}, tr = "_wrapper_x5ap4_1", rr = "_label_x5ap4_9", nr = "_input_x5ap4_17", sr = "_required_x5ap4_36", ue = {
+  wrapper: tr,
+  label: rr,
+  input: nr,
+  required: sr
+}, pn = (r) => {
+  const {
+    onChange: t,
+    label: n,
+    value: s,
+    type: i,
+    min: o,
+    placeholder: l,
+    disabled: f = !1,
+    required: u = !1,
+    regex: v
+  } = r, [d, y] = T.useState(!1);
+  function R(S) {
+    return Number(S) < 0 ? "0" : S;
+  }
+  function E(S) {
+    return !u || !v ? !0 : new RegExp(v).test(S);
+  }
+  return /* @__PURE__ */ m.jsxs("div", { className: ue.wrapper, children: [
+    n && /* @__PURE__ */ m.jsx(
+      "label",
+      {
+        className: ue.label,
+        htmlFor: n,
+        children: n
+      }
+    ),
+    /* @__PURE__ */ m.jsx(
+      "input",
+      {
+        id: n,
+        type: i || "text",
+        defaultValue: s,
+        onChange: (S) => {
+          if (i === "text") t(S.target.value);
+          else {
+            const h = R(S.target.value);
+            t(h);
+          }
+        },
+        autoComplete: "off",
+        placeholder: l,
+        className: V(ue.input, {
+          [ue.required]: d && u && !E(s)
+        }),
+        min: i === "number" ? o : void 0,
+        disabled: f,
+        onFocus: () => y(!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);
+  }
+  return T.useEffect(() => {
+    const d = () => {
+      u(!1);
+    };
+    return d(), document.body.addEventListener("click", d), () => {
+      document.body.removeEventListener("click", d);
+    };
+  }, []), /* @__PURE__ */ m.jsxs(
+    "div",
+    {
+      className: L.wrapper,
+      style: { ...l },
+      children: [
+        s && /* @__PURE__ */ m.jsx(
+          "label",
+          {
+            className: L.label,
+            htmlFor: s,
+            children: s
+          }
+        ),
+        /* @__PURE__ */ m.jsxs(
+          "div",
+          {
+            className: L.content,
+            onClick: (d) => d.stopPropagation(),
+            children: [
+              /* @__PURE__ */ m.jsxs(
+                "div",
+                {
+                  className: L.select,
+                  onClick: () => u((d) => !d),
+                  children: [
+                    t,
+                    /* @__PURE__ */ m.jsx("span", { children: i }),
+                    /* @__PURE__ */ m.jsx(
+                      fe,
+                      {
+                        name: "arrow-down",
+                        className: V(L.icon, {
+                          [L.rotate]: f
+                        })
+                      }
+                    )
+                  ]
+                }
+              ),
+              f && /* @__PURE__ */ m.jsx(
+                "div",
+                {
+                  className: L.options,
+                  onClick: () => u(!1),
+                  children: o.filter((d) => d !== i).map((d) => /* @__PURE__ */ m.jsx(
+                    "div",
+                    {
+                      className: L.option,
+                      onClick: () => v(d),
+                      children: d
+                    },
+                    d
+                  ))
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}, 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);
+  };
+  return /* @__PURE__ */ m.jsx(
+    "div",
+    {
+      className: V(Re.switch, {
+        [Re.active]: s
+      }),
+      onClick: o,
+      style: t,
+      children: /* @__PURE__ */ m.jsx("div", { className: Re.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(
+    "div",
+    {
+      className: gr.wrapper,
+      onMouseEnter: () => {
+        s(), i(!0);
+      },
+      onMouseLeave: () => {
+        i(!1), n();
+      },
+      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(
+    "div",
+    {
+      className: V(Ce.block, { [Ce.active]: n === o }),
+      onClick: () => s(o),
+      children: /* @__PURE__ */ m.jsx(
+        fe,
+        {
+          name: i(o),
+          fill: n === 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,
+    setModalPosition: u,
+    setInitialColor: v,
+    setShowModal: d,
+    setUpdate: y,
+    setColor: R,
+    setColorChange: E,
+    colorChange: S
+  } = Jt();
+  T.useEffect(() => {
+    const O = () => {
+      d(!1), f(null), v(t), y(() => {
+      }), R(t), E(() => {
+      });
+    };
+    return document.body.addEventListener("click", O), () => {
+      document.body.removeEventListener("click", O);
+    };
+  }, []);
+  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;
+    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({
+      top: $,
+      left: D
+    });
+  };
+  return /* @__PURE__ */ m.jsxs("div", { className: J.content, children: [
+    /* @__PURE__ */ m.jsx(
+      "span",
+      {
+        className: V(J.name, {
+          [J.secondary]: i === "secondary"
+        }),
+        children: s
+      }
+    ),
+    /* @__PURE__ */ m.jsxs(
+      "label",
+      {
+        htmlFor: "color",
+        className: J.label,
+        children: [
+          /* @__PURE__ */ m.jsx(
+            "div",
+            {
+              className: J.colorValue,
+              style: {
+                background: o
+              },
+              onClick: h
+            }
+          ),
+          /* @__PURE__ */ m.jsx(
+            "input",
+            {
+              type: "text",
+              defaultValue: o,
+              value: o,
+              onChange: (O) => {
+                const w = O.target.value;
+                n(w), R(w), l(w), S(w);
+              },
+              className: J.input
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}, Ar = "_modal_1t5at_1", Nr = {
+  modal: Ar
+}, _n = (r) => {
+  const { close: t, children: n } = r;
+  return T.useEffect(() => {
+    const s = () => {
+      t(!1);
+    };
+    return document.body.addEventListener("click", s), () => {
+      document.body.removeEventListener("click", s);
+    };
+  }, []), /* @__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(
+      "label",
+      {
+        className: de.label,
+        htmlFor: n,
+        children: n
+      }
+    ),
+    /* @__PURE__ */ m.jsx(
+      "textarea",
+      {
+        id: n,
+        defaultValue: s,
+        onChange: (u) => {
+          f(u.target.value.length), t(u.target.value);
+        },
+        placeholder: o,
+        className: de.textarea,
+        maxLength: i
+      }
+    ),
+    i && /* @__PURE__ */ m.jsxs("div", { className: de.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) => {
+    const v = u.target.value;
+    l(v), s(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(
+      "label",
+      {
+        className: z.radioLabel,
+        children: [
+          /* @__PURE__ */ m.jsx(
+            "input",
+            {
+              type: "radio",
+              value: u.value,
+              checked: o === u.value,
+              onChange: f,
+              className: z.radio
+            }
+          ),
+          /* @__PURE__ */ m.jsx("span", { className: z.custom }),
+          /* @__PURE__ */ m.jsx("span", { className: z.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(
+    "div",
+    {
+      className: V(re.tip, {
+        [re.warning]: t === "warning",
+        [re.error]: t === "error",
+        [re.hide]: i
+      }),
+      style: s,
+      children: [
+        /* @__PURE__ */ m.jsx("div", { children: /* @__PURE__ */ m.jsx(
+          fe,
+          {
+            name: "info-circle",
+            fill: t === "warning" ? "#C1972A" : "#FF3F19",
+            width: 20,
+            height: 20
+          }
+        ) }),
+        /* @__PURE__ */ m.jsx("div", { className: re.text, children: n }),
+        /* @__PURE__ */ m.jsx("div", { children: /* @__PURE__ */ m.jsx(
+          fe,
+          {
+            name: "x",
+            fill: t === "warning" ? "#C1972A" : "#FF3F19",
+            width: 20,
+            height: 20,
+            hoverable: !0,
+            onClick: () => o(!0)
+          }
+        ) })
+      ]
+    }
+  );
+};
+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,
+  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
+};