npm - @billgangcom/theme-lib - Versions diffs - 1.32.0 → 1.33.0 - Mend

@billgangcom/theme-lib 1.32.0 → 1.33.0

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

Files changed (12) hide show

package/dist/builder/constants/theme-settings.d.ts +15 -1
package/dist/builder/store/useColorPickerStore.d.ts +19 -0
package/dist/builder/store/useThemeSettingsStore.d.ts +1 -1
package/dist/builder/ui/ColorPicker/index.d.ts +1 -0
package/dist/builder.cjs.js +31 -11
package/dist/builder.es.js +1996 -1595
package/dist/{index-8_Sn0J5j.cjs → index-CZcNDk0w.cjs} +18 -18
package/dist/{index-CC_0JpL1.js → index-DSREXVyt.js} +862 -760
package/dist/ui/ButtonsSettings/index.d.ts +2 -0
package/dist/ui.cjs.js +1 -1
package/dist/ui.es.js +926 -905
package/package.json +1 -1

package/dist/ui.es.js CHANGED Viewed

@@ -1,20 +1,20 @@
-import { j as t, I as f, a as W, c as H, S as K, T as wt, C as ht, b as tt, D as vt, H as jt, B as it, v as ct, u as yt, d as kt, e as gt, f as $t, M as Ct, g as St, h as At } from "./index-CC_0JpL1.js";
-import { i as Wo, L as Xo } from "./index-CC_0JpL1.js";
-import _ from "react";
+import { j as t, I as f, a as W, c as V, S as K, T as Ct, C as ht, b as tt, D as jt, H as yt, B as ot, v as lt, u as kt, d as $t, e as qt, f as gt, g as wt, h as St, M as Tt, i as Pt, k as Dt } from "./index-DSREXVyt.js";
+import { l as Zo, L as ta } from "./index-DSREXVyt.js";
+import h from "react";
 import "@phosphor-icons/react";
-const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5j_15", Et = "_subtitle_9rr5j_22", Lt = "_alignmentContent_9rr5j_29", Rt = "_alignments_9rr5j_37", Mt = "_alignment_9rr5j_8", Ht = "_circle_9rr5j_58", Ft = "_paddings_9rr5j_65", Vt = "_padding_9rr5j_65", Ut = "_input_9rr5j_84", J = {
-  wrapper: Ot,
-  alignmentBlock: qt,
-  title: Dt,
-  subtitle: Et,
-  alignmentContent: Lt,
-  alignments: Rt,
-  alignment: Mt,
-  circle: Ht,
-  paddings: Ft,
-  padding: Vt,
-  input: Ut
-}, zt = [
+const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5j_15", Mt = "_subtitle_9rr5j_22", Ht = "_alignmentContent_9rr5j_29", Ft = "_alignments_9rr5j_37", Vt = "_alignment_9rr5j_8", Ut = "_circle_9rr5j_58", zt = "_paddings_9rr5j_65", Yt = "_padding_9rr5j_65", Gt = "_input_9rr5j_84", J = {
+  wrapper: Et,
+  alignmentBlock: Lt,
+  title: Rt,
+  subtitle: Mt,
+  alignmentContent: Ht,
+  alignments: Ft,
+  alignment: Vt,
+  circle: Ut,
+  paddings: zt,
+  padding: Yt,
+  input: Gt
+}, Wt = [
   "topLeft",
   "top",
   "topRight",
@@ -24,7 +24,7 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
   "bottomLeft",
   "bottom",
   "bottomRight"
-], Yt = ["left", "top", "right", "bottom"], qo = (u) => {
+], Xt = ["left", "top", "right", "bottom"], Mo = (u) => {
   const { alignment: o, padding: e, setPadding: n, setAlignment: i } = u;
   function a() {
     switch (o) {
@@ -61,7 +61,7 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
     /* @__PURE__ */ t.jsxs("div", { className: J.alignmentBlock, children: [
       /* @__PURE__ */ t.jsx("h5", { className: J.subtitle, children: "Alignment" }),
       /* @__PURE__ */ t.jsxs("div", { className: J.alignmentContent, children: [
-        /* @__PURE__ */ t.jsx("div", { className: J.alignments, children: zt.map((s) => /* @__PURE__ */ t.jsxs(
+        /* @__PURE__ */ t.jsx("div", { className: J.alignments, children: Wt.map((s) => /* @__PURE__ */ t.jsxs(
           "div",
           {
             onClick: () => {
@@ -83,7 +83,7 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
           },
           s
         )) }),
-        /* @__PURE__ */ t.jsx("div", { className: J.paddings, children: Yt.map((s) => /* @__PURE__ */ t.jsxs(
+        /* @__PURE__ */ t.jsx("div", { className: J.paddings, children: Xt.map((s) => /* @__PURE__ */ t.jsxs(
           "label",
           {
             className: J.padding,
@@ -116,18 +116,18 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
       ] })
     ] })
   ] });
-}, Gt = "_title_18dz7_1", Wt = "_subtitle_18dz7_5", Xt = "_header_18dz7_12", Jt = "_text_18dz7_13", Qt = "_top_18dz7_21", Kt = "_itemsBlock_18dz7_30", rt = {
-  title: Gt,
-  subtitle: Wt,
-  header: Xt,
-  text: Jt,
-  top: Qt,
-  itemsBlock: Kt
-}, Zt = "_typeTexts_rcw8p_1", te = "_block_rcw8p_8", ee = "_active_rcw8p_21", ft = {
-  typeTexts: Zt,
-  block: te,
-  active: ee
-}, se = ["bold", "italic", "underline", "strike-through", "code"], Tt = (u) => {
+}, Jt = "_title_18dz7_1", Qt = "_subtitle_18dz7_5", Kt = "_header_18dz7_12", Zt = "_text_18dz7_13", te = "_top_18dz7_21", ee = "_itemsBlock_18dz7_30", dt = {
+  title: Jt,
+  subtitle: Qt,
+  header: Kt,
+  text: Zt,
+  top: te,
+  itemsBlock: ee
+}, se = "_typeTexts_rcw8p_1", ne = "_block_rcw8p_8", ie = "_active_rcw8p_21", xt = {
+  typeTexts: se,
+  block: ne,
+  active: ie
+}, oe = ["bold", "italic", "underline", "strike-through", "code"], Bt = (u) => {
   const { typesText: o, setTypesText: e } = u;
   function n(i) {
     switch (i) {
@@ -143,11 +143,11 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
         return "TextUnderline";
     }
   }
-  return /* @__PURE__ */ t.jsx("div", { className: ft.typeTexts, children: se.map((i) => /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ t.jsx("div", { className: xt.typeTexts, children: oe.map((i) => /* @__PURE__ */ t.jsx(
     "div",
     {
-      className: H(ft.block, {
-        [ft.active]: o.includes(i)
+      className: V(xt.block, {
+        [xt.active]: o.includes(i)
       }),
       onClick: () => {
         const a = [...o];
@@ -169,7 +169,7 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
     },
     String(i)
   )) });
-}, Bt = (u) => {
+}, At = (u) => {
   const {
     typesText: o,
     isActiveText: e,
@@ -180,9 +180,9 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
     title: s,
     subtitle: l = "Items"
   } = u;
-  return /* @__PURE__ */ t.jsxs("div", { className: rt.text, children: [
-    (s || e !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: rt.top, children: [
-      s && /* @__PURE__ */ t.jsx("h3", { className: rt.title, children: s }),
+  return /* @__PURE__ */ t.jsxs("div", { className: dt.text, children: [
+    (s || e !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: dt.top, children: [
+      s && /* @__PURE__ */ t.jsx("h3", { className: dt.title, children: s }),
       e !== void 0 && n && /* @__PURE__ */ t.jsx(
         K,
         {
@@ -191,10 +191,10 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
         }
       )
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: rt.itemsBlock, children: [
-      /* @__PURE__ */ t.jsx("h5", { className: rt.subtitle, children: l }),
+    /* @__PURE__ */ t.jsxs("div", { className: dt.itemsBlock, children: [
+      /* @__PURE__ */ t.jsx("h5", { className: dt.subtitle, children: l }),
       /* @__PURE__ */ t.jsx(
-        wt,
+        Ct,
         {
           onChange: (d) => a(d),
           value: i,
@@ -202,7 +202,7 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
         }
       ),
       /* @__PURE__ */ t.jsx(
-        Tt,
+        Bt,
         {
           typesText: o,
           setTypesText: c
@@ -210,36 +210,36 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
       )
     ] })
   ] });
-}, ne = "_title_fyopx_1", ie = "_subtitle_fyopx_5", oe = "_header_fyopx_12", ae = "_text_fyopx_13", ce = "_productsBlock_fyopx_14", le = "_top_fyopx_26", re = "_itemsBlock_fyopx_35", de = "_typeTexts_fyopx_41", ue = "_block_fyopx_48", pe = "_active_fyopx_61", me = "_products_fyopx_14", he = "_product_fyopx_14", _e = "_button_fyopx_80", ge = "_disabled_fyopx_91", xe = "_image_fyopx_95", fe = "_info_fyopx_102", be = "_name_fyopx_114", ve = "_buttons_fyopx_118", je = "_modal_fyopx_125", ye = "_link_fyopx_145", ke = "_modalOptions_fyopx_151", V = {
-  title: ne,
-  subtitle: ie,
-  header: oe,
-  text: ae,
-  productsBlock: ce,
-  top: le,
-  itemsBlock: re,
-  typeTexts: de,
-  block: ue,
-  active: pe,
-  products: me,
-  product: he,
-  button: _e,
-  disabled: ge,
-  image: xe,
-  info: fe,
-  name: be,
-  buttons: ve,
-  modal: je,
-  link: ye,
-  modalOptions: ke
-}, $e = _.forwardRef(
+}, ae = "_title_fyopx_1", ce = "_subtitle_fyopx_5", le = "_header_fyopx_12", re = "_text_fyopx_13", de = "_productsBlock_fyopx_14", ue = "_top_fyopx_26", pe = "_itemsBlock_fyopx_35", me = "_typeTexts_fyopx_41", he = "_block_fyopx_48", _e = "_active_fyopx_61", ge = "_products_fyopx_14", fe = "_product_fyopx_14", xe = "_button_fyopx_80", be = "_disabled_fyopx_91", ve = "_image_fyopx_95", je = "_info_fyopx_102", ye = "_name_fyopx_114", ke = "_buttons_fyopx_118", $e = "_modal_fyopx_125", we = "_link_fyopx_145", Ne = "_modalOptions_fyopx_151", F = {
+  title: ae,
+  subtitle: ce,
+  header: le,
+  text: re,
+  productsBlock: de,
+  top: ue,
+  itemsBlock: pe,
+  typeTexts: me,
+  block: he,
+  active: _e,
+  products: ge,
+  product: fe,
+  button: xe,
+  disabled: be,
+  image: ve,
+  info: je,
+  name: ye,
+  buttons: ke,
+  modal: $e,
+  link: we,
+  modalOptions: Ne
+}, Ie = h.forwardRef(
   (u, o) => {
     const { activeItem: e, setActiveItem: n, popupPosition: i, modalOptions: a, setIsOpenModal: c } = u;
     return /* @__PURE__ */ t.jsxs(
       "div",
       {
         ref: o,
-        className: V.modal,
+        className: F.modal,
         onClick: (s) => {
           s.stopPropagation();
         },
@@ -248,8 +248,8 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
           left: `${i.left}px`
         },
         children: [
-          /* @__PURE__ */ t.jsxs("div", { className: V.top, children: [
-            /* @__PURE__ */ t.jsx("h3", { className: V.title, children: e.name }),
+          /* @__PURE__ */ t.jsxs("div", { className: F.top, children: [
+            /* @__PURE__ */ t.jsx("h3", { className: F.title, children: e.name }),
             /* @__PURE__ */ t.jsx(
               f,
               {
@@ -263,7 +263,7 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
               }
             )
           ] }),
-          /* @__PURE__ */ t.jsx("div", { className: V.modalOptions, children: a.map((s) => {
+          /* @__PURE__ */ t.jsx("div", { className: F.modalOptions, children: a.map((s) => {
             if (s.type === "image")
               return /* @__PURE__ */ t.jsx(
                 ht,
@@ -282,7 +282,7 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
               );
             if (s.type === "text")
               return /* @__PURE__ */ t.jsx(
-                Bt,
+                At,
                 {
                   typesText: e[s.field.type],
                   setTypesText: (l) => {
@@ -320,7 +320,7 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
                 }
               );
             if (s.type === "inputSwitch")
-              return /* @__PURE__ */ t.jsxs("div", { className: V.link, children: [
+              return /* @__PURE__ */ t.jsxs("div", { className: F.link, children: [
                 /* @__PURE__ */ t.jsx(
                   W,
                   {
@@ -353,7 +353,7 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
               ] });
             if (s.type === "list")
               return /* @__PURE__ */ t.jsx(
-                Se,
+                Be,
                 {
                   items: e[s.field] || [],
                   setItems: (l) => {
@@ -393,11 +393,11 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
       }
     );
   }
-), Ne = "_other_g74jx_1", Ie = "_subtitle_g74jx_7", we = "_items_g74jx_14", bt = {
-  other: Ne,
-  subtitle: Ie,
-  items: we
-}, xt = (u) => {
+), Ce = "_other_g74jx_1", Se = "_subtitle_g74jx_7", Te = "_items_g74jx_14", bt = {
+  other: Ce,
+  subtitle: Se,
+  items: Te
+}, ft = (u) => {
   const { items: o, title: e = "Other" } = u;
   return /* @__PURE__ */ t.jsxs("div", { className: bt.other, children: [
     /* @__PURE__ */ t.jsx("h5", { className: bt.subtitle, children: e }),
@@ -413,13 +413,13 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
       i
     )) })
   ] });
-}, Ce = (u) => {
-  const { index: o, moveProduct: e, children: n } = u, [, i] = yt({
+}, Pe = (u) => {
+  const { index: o, moveProduct: e, children: n } = u, [, i] = kt({
     accept: "product",
     hover(s) {
       s.index !== o && (e(s.index, o), s.index = o);
     }
-  }), [{ isDragging: a }, c] = kt({
+  }), [{ isDragging: a }, c] = $t({
     type: "product",
     item: { index: o },
     collect: (s) => ({
@@ -430,11 +430,11 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
     "div",
     {
       ref: (s) => c(i(s)),
-      className: `${V.product} ${a ? V.dragging : ""}`,
+      className: `${F.product} ${a ? F.dragging : ""}`,
       children: n
     }
   );
-}, Se = (u) => {
+}, Be = (u) => {
   const {
     isActiveItems: o,
     setIsActiveItems: e,
@@ -445,57 +445,57 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
     subtitle: s,
     editable: l = !0,
     draggable: d = !1,
-    withImage: k = !1,
+    withImage: $ = !1,
     deletable: r = !0,
     addable: B = !0,
-    itemsType: h,
-    itemsPlaceholder: g = "",
+    itemsType: x,
+    itemsPlaceholder: _ = "",
     itemsOptions: m,
     hasRangeSelector: O = !1,
-    rangeSelectorOptions: R,
-    modalOptions: P,
-    addableOptions: q = {},
+    rangeSelectorOptions: q,
+    modalOptions: b,
+    addableOptions: D = {},
     limit: C,
     autoScrollInterval: S
-  } = u, [x, v] = _.useState(null), [M, y] = _.useState({
+  } = u, [g, j] = h.useState(null), [M, k] = h.useState({
     top: 0,
     left: 0
-  }), [j, I] = _.useState(null), D = _.useRef(null), [E, U] = _.useState(!1), et = (p, T) => {
-    const $ = [...n], [X] = $.splice(p, 1);
-    $.splice(T, 0, X), i($);
+  }), [y, N] = h.useState(null), E = h.useRef(null), [L, U] = h.useState(!1), et = (p, T) => {
+    const w = [...n], [X] = w.splice(p, 1);
+    w.splice(T, 0, X), i(w);
   };
-  _.useEffect(() => {
+  h.useEffect(() => {
     const p = () => {
-      v(null), U(!1);
+      j(null), U(!1);
     };
-    return document.body.addEventListener("click", p), v(null), U(!1), () => {
-      v(null), U(!1), document.body.removeEventListener("click", p);
+    return document.body.addEventListener("click", p), j(null), U(!1), () => {
+      j(null), U(!1), document.body.removeEventListener("click", p);
     };
-  }, []), _.useEffect(() => {
-    if (x) {
-      const p = [...n].map((T) => T.id === x.id ? x : T);
+  }, []), h.useEffect(() => {
+    if (g) {
+      const p = [...n].map((T) => T.id === g.id ? g : T);
       i(p);
     }
-  }, [x]), _.useEffect(() => {
-    if (D.current && j) {
-      const p = D.current.getBoundingClientRect().height, T = window.innerHeight;
-      let $ = j.top;
-      $ + p > T + window.scrollY && ($ = T + window.scrollY - p - 200), $ < 0 && ($ = 10), y({
-        top: $,
-        left: j.left
+  }, [g]), h.useEffect(() => {
+    if (E.current && y) {
+      const p = E.current.getBoundingClientRect().height, T = window.innerHeight;
+      let w = y.top;
+      w + p > T + window.scrollY && (w = T + window.scrollY - p - 200), w < 0 && (w = 10), k({
+        top: w,
+        left: y.left
       });
     }
-  }, [D.current, j]);
-  const ot = (p, T) => {
+  }, [E.current, y]);
+  const at = (p, T) => {
     p.stopPropagation();
-    const $ = p.target.getBoundingClientRect();
-    I({
-      top: $.top + window.scrollY,
-      left: $.left - 30
-    }), v(T), U(!0);
+    const w = p.target.getBoundingClientRect();
+    N({
+      top: w.top + window.scrollY,
+      left: w.left - 30
+    }), j(T), U(!0);
   };
-  function b(p) {
-    if (k)
+  function v(p) {
+    if ($)
       return p ? /* @__PURE__ */ t.jsx(
         "img",
         {
@@ -516,7 +516,7 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
   }
   const A = (p, T) => {
     var X;
-    const $ = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    const w = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       d && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         f,
         {
@@ -526,52 +526,52 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
           height: 20
         }
       ) }),
-      h === "select" && /* @__PURE__ */ t.jsx(
+      x === "select" && /* @__PURE__ */ t.jsx(
         tt,
         {
-          onChange: (L) => {
-            const lt = [...n].map((st) => st.id === p.id ? {
+          onChange: (R) => {
+            const rt = [...n].map((st) => st.id === p.id ? {
               ...p,
-              name: L
+              name: R
             } : st);
-            v({
+            j({
               ...p,
-              name: L
-            }), i([...lt]);
+              name: R
+            }), i([...rt]);
           },
           value: p.name,
-          options: m.filter((L) => !n.find((Y) => Y.name === L.name)).map((L) => L.name),
-          leftAddon: b(p.images)
+          options: m.filter((R) => !n.find((Y) => Y.name === R.name)).map((R) => R.name),
+          leftAddon: v(p.images)
         }
       ),
-      h === "input" && /* @__PURE__ */ t.jsx(
+      x === "input" && /* @__PURE__ */ t.jsx(
         W,
         {
-          onChange: (L) => {
-            const lt = [...n].map((st) => st.id === p.id ? {
+          onChange: (R) => {
+            const rt = [...n].map((st) => st.id === p.id ? {
               ...p,
-              name: L
+              name: R
             } : st);
-            i([...lt]);
+            i([...rt]);
           },
           value: p.name,
-          placeholder: g
+          placeholder: _
         }
       ),
-      h === "image" && /* @__PURE__ */ t.jsx(
+      x === "image" && /* @__PURE__ */ t.jsx(
         ht,
         {
-          onChange: (L) => {
-            const lt = [...n].map((st) => st.id === p.id ? {
+          onChange: (R) => {
+            const rt = [...n].map((st) => st.id === p.id ? {
               ...p,
-              images: L
+              images: R
             } : st);
-            i([...lt]);
+            i([...rt]);
           },
-          activeImage: (X = n.find((L) => L.id === p.id)) == null ? void 0 : X.images[0]
+          activeImage: (X = n.find((R) => R.id === p.id)) == null ? void 0 : X.images[0]
         }
       ),
-      /* @__PURE__ */ t.jsxs("div", { className: V.buttons, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: F.buttons, children: [
         l && /* @__PURE__ */ t.jsx(
           f,
           {
@@ -579,7 +579,7 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (L) => ot(L, p)
+            onClick: (R) => at(R, p)
           }
         ),
         r && /* @__PURE__ */ t.jsx(
@@ -590,32 +590,32 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => i(n.filter((L) => L.id !== p.id))
+            onClick: () => i(n.filter((R) => R.id !== p.id))
           }
         )
       ] })
     ] });
     return d ? /* @__PURE__ */ t.jsx(
-      Ce,
+      Pe,
       {
         product: p,
         index: T,
         moveProduct: et,
-        children: $
+        children: w
       },
       p.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: V.product,
-        children: $
+        className: F.product,
+        children: w
       },
       p.id
     );
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: V.productsBlock, children: [
-    (c || o !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: V.top, children: [
-      c && /* @__PURE__ */ t.jsx("h3", { className: V.title, children: c }),
+  return /* @__PURE__ */ t.jsxs("div", { className: F.productsBlock, children: [
+    (c || o !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: F.top, children: [
+      c && /* @__PURE__ */ t.jsx("h3", { className: F.title, children: c }),
       o !== void 0 && /* @__PURE__ */ t.jsx(
         K,
         {
@@ -624,27 +624,27 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
         }
       )
     ] }),
-    x && l && P && E && /* @__PURE__ */ t.jsx(
-      $e,
+    g && l && b && L && /* @__PURE__ */ t.jsx(
+      Ie,
       {
-        ref: D,
-        activeItem: x,
-        setActiveItem: v,
+        ref: E,
+        activeItem: g,
+        setActiveItem: j,
         popupPosition: M,
-        modalOptions: P,
+        modalOptions: b,
         setIsOpenModal: U
       }
     ),
-    O && R && /* @__PURE__ */ t.jsx(Nt, { ...R }),
-    /* @__PURE__ */ t.jsxs("div", { className: V.products, children: [
-      s && /* @__PURE__ */ t.jsx("h5", { className: V.subtitle, children: s }),
-      d ? /* @__PURE__ */ t.jsx(vt, { backend: jt, children: n.map((p, T) => A(p, T)) }) : n.map((p, T) => A(p, T)),
+    O && q && /* @__PURE__ */ t.jsx(Nt, { ...q }),
+    /* @__PURE__ */ t.jsxs("div", { className: F.products, children: [
+      s && /* @__PURE__ */ t.jsx("h5", { className: F.subtitle, children: s }),
+      d ? /* @__PURE__ */ t.jsx(jt, { backend: yt, children: n.map((p, T) => A(p, T)) }) : n.map((p, T) => A(p, T)),
       B && /* @__PURE__ */ t.jsxs(
-        it,
+        ot,
         {
           withoutHover: !0,
-          className: H(V.button, {
-            [V.disabled]: !!(C && C <= n.length || n.length === (m == null ? void 0 : m.length))
+          className: V(F.button, {
+            [F.disabled]: !!(C && C <= n.length || n.length === (m == null ? void 0 : m.length))
           }),
           size: "s",
           disabled: !!(C && C <= n.length || n.length === (m == null ? void 0 : m.length)),
@@ -652,24 +652,24 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
             const p = [...n];
             let T = null;
             if (m) {
-              for (let $ = 0; $ < m.length; $++)
-                if (!n.find((X) => X.id === m[$].id)) {
-                  T = m[$];
+              for (let w = 0; w < m.length; w++)
+                if (!n.find((X) => X.id === m[w].id)) {
+                  T = m[w];
                   break;
                 }
             }
-            h === "select" ? p.push({
+            x === "select" ? p.push({
               name: T ? T.name : m[0].name,
               id: (T == null ? void 0 : T.id) || m[0].id,
-              ...q
-            }) : h === "input" ? p.push({
+              ...D
+            }) : x === "input" ? p.push({
               name: "",
-              id: ct(),
-              ...q
+              id: lt(),
+              ...D
             }) : p.push({
               name: `Image ${n.length + 1}`,
-              id: ct(),
-              ...q
+              id: lt(),
+              ...D
             }), i(p);
           },
           children: [
@@ -686,7 +686,7 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
         }
       )
     ] }),
-    a !== void 0 && /* @__PURE__ */ t.jsx(xt, { items: a }),
+    a !== void 0 && /* @__PURE__ */ t.jsx(ft, { items: a }),
     S !== void 0 && /* @__PURE__ */ t.jsx(
       W,
       {
@@ -703,29 +703,29 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
       }
     )
   ] });
-}, Te = "_title_fyopx_1", Be = "_subtitle_fyopx_5", Pe = "_header_fyopx_12", Ae = "_text_fyopx_13", Oe = "_productsBlock_fyopx_14", qe = "_top_fyopx_26", De = "_itemsBlock_fyopx_35", Ee = "_typeTexts_fyopx_41", Le = "_block_fyopx_48", Re = "_active_fyopx_61", Me = "_products_fyopx_14", He = "_product_fyopx_14", Fe = "_button_fyopx_80", Ve = "_disabled_fyopx_91", Ue = "_image_fyopx_95", ze = "_info_fyopx_102", Ye = "_name_fyopx_114", Ge = "_buttons_fyopx_118", We = "_modal_fyopx_125", Xe = "_link_fyopx_145", Je = "_modalOptions_fyopx_151", Z = {
-  title: Te,
-  subtitle: Be,
-  header: Pe,
-  text: Ae,
-  productsBlock: Oe,
-  top: qe,
-  itemsBlock: De,
-  typeTexts: Ee,
-  block: Le,
-  active: Re,
-  products: Me,
-  product: He,
-  button: Fe,
-  disabled: Ve,
-  image: Ue,
-  info: ze,
-  name: Ye,
-  buttons: Ge,
-  modal: We,
-  link: Xe,
-  modalOptions: Je
-}, Do = (u) => {
+}, Ae = "_title_fyopx_1", Oe = "_subtitle_fyopx_5", qe = "_header_fyopx_12", De = "_text_fyopx_13", Ee = "_productsBlock_fyopx_14", Le = "_top_fyopx_26", Re = "_itemsBlock_fyopx_35", Me = "_typeTexts_fyopx_41", He = "_block_fyopx_48", Fe = "_active_fyopx_61", Ve = "_products_fyopx_14", Ue = "_product_fyopx_14", ze = "_button_fyopx_80", Ye = "_disabled_fyopx_91", Ge = "_image_fyopx_95", We = "_info_fyopx_102", Xe = "_name_fyopx_114", Je = "_buttons_fyopx_118", Qe = "_modal_fyopx_125", Ke = "_link_fyopx_145", Ze = "_modalOptions_fyopx_151", Z = {
+  title: Ae,
+  subtitle: Oe,
+  header: qe,
+  text: De,
+  productsBlock: Ee,
+  top: Le,
+  itemsBlock: Re,
+  typeTexts: Me,
+  block: He,
+  active: Fe,
+  products: Ve,
+  product: Ue,
+  button: ze,
+  disabled: Ye,
+  image: Ge,
+  info: We,
+  name: Xe,
+  buttons: Je,
+  modal: Qe,
+  link: Ke,
+  modalOptions: Ze
+}, Ho = (u) => {
   const {
     isActiveItems: o,
     setIsActiveItems: e,
@@ -736,19 +736,19 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
     subtitle: s,
     draggable: l = !1,
     withImage: d = !1,
-    addable: k = !0,
+    addable: $ = !0,
     itemsOptions: r,
     hasRangeSelector: B = !1,
-    rangeSelectorOptions: h,
-    limit: g,
+    rangeSelectorOptions: x,
+    limit: _,
     autoScrollInterval: m
   } = u;
-  function O(P) {
+  function O(b) {
     if (d)
-      return P ? /* @__PURE__ */ t.jsx(
+      return b ? /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: `https://imagedelivery.net/${P[0]}/w=1000`,
+          src: `https://imagedelivery.net/${b[0]}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
@@ -763,9 +763,9 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
         }
       );
   }
-  const R = (P) => {
-    const q = r.find((S) => S.id === P);
-    if (!q) return;
+  const q = (b) => {
+    const D = r.find((S) => S.id === b);
+    if (!D) return;
     const C = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       l && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         f,
@@ -780,14 +780,14 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
         tt,
         {
           onChange: (S) => {
-            const x = [...n], v = r.find((j) => j.name === S);
-            if (!v) return;
-            const M = v.id, y = x.map((j) => j === P ? M : j);
-            i([...y]);
+            const g = [...n], j = r.find((y) => y.name === S);
+            if (!j) return;
+            const M = j.id, k = g.map((y) => y === b ? M : y);
+            i([...k]);
           },
-          value: q.name,
-          options: r.filter((S) => !n.find((x) => x === S.id)).map((S) => S.name),
-          leftAddon: O(q.images)
+          value: D.name,
+          options: r.filter((S) => !n.find((g) => g === S.id)).map((S) => S.name),
+          leftAddon: O(D.images)
         }
       ),
       /* @__PURE__ */ t.jsx("div", { className: Z.buttons, children: /* @__PURE__ */ t.jsx(
@@ -798,7 +798,7 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
           width: 20,
           height: 20,
           fill: "#C12A2A",
-          onClick: () => i(n.filter((S) => S !== P))
+          onClick: () => i(n.filter((S) => S !== b))
         }
       ) })
     ] });
@@ -808,7 +808,7 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
         className: Z.product,
         children: C
       },
-      P
+      b
     );
   };
   return /* @__PURE__ */ t.jsxs("div", { className: Z.productsBlock, children: [
@@ -818,34 +818,34 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
         K,
         {
           current: o,
-          onChange: (P) => e == null ? void 0 : e(P)
+          onChange: (b) => e == null ? void 0 : e(b)
         }
       )
     ] }),
-    B && h && /* @__PURE__ */ t.jsx(Nt, { ...h }),
+    B && x && /* @__PURE__ */ t.jsx(Nt, { ...x }),
     /* @__PURE__ */ t.jsxs("div", { className: Z.products, children: [
       s && /* @__PURE__ */ t.jsx("h5", { className: Z.subtitle, children: s }),
-      n.map((P) => R(P)),
-      k && /* @__PURE__ */ t.jsxs(
-        it,
+      n.map((b) => q(b)),
+      $ && /* @__PURE__ */ t.jsxs(
+        ot,
         {
           withoutHover: !0,
-          className: H(Z.button, {
-            [Z.disabled]: !!(g && g <= n.length || n.length === r.length)
+          className: V(Z.button, {
+            [Z.disabled]: !!(_ && _ <= n.length || n.length === r.length)
           }),
           size: "s",
-          disabled: !!(g && g <= n.length || n.length === r.length),
+          disabled: !!(_ && _ <= n.length || n.length === r.length),
           onClick: () => {
-            const P = [...n];
-            let q = null;
+            const b = [...n];
+            let D = null;
             if (r) {
               for (let C = 0; C < r.length; C++)
                 if (!n.find((S) => S === r[C].id)) {
-                  q = r[C];
+                  D = r[C];
                   break;
                 }
             }
-            P.push((q == null ? void 0 : q.id) || r[0].id), i(P);
+            b.push((D == null ? void 0 : D.id) || r[0].id), i(b);
           },
           children: [
             /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
@@ -861,14 +861,14 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
         }
       )
     ] }),
-    a !== void 0 && /* @__PURE__ */ t.jsx(xt, { items: a }),
+    a !== void 0 && /* @__PURE__ */ t.jsx(ft, { items: a }),
     m !== void 0 && /* @__PURE__ */ t.jsx(
       W,
       {
         label: "Auto scroll interval",
         type: "number",
         value: String(m.scrollInterval),
-        onChange: (P) => m.setScrollInterval(Number(P)),
+        onChange: (b) => m.setScrollInterval(Number(b)),
         min: 0.1,
         max: 100,
         style: {
@@ -878,29 +878,29 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
       }
     )
   ] });
-}, Qe = "_title_fyopx_1", Ke = "_subtitle_fyopx_5", Ze = "_header_fyopx_12", ts = "_text_fyopx_13", es = "_productsBlock_fyopx_14", ss = "_top_fyopx_26", ns = "_itemsBlock_fyopx_35", is = "_typeTexts_fyopx_41", os = "_block_fyopx_48", as = "_active_fyopx_61", cs = "_products_fyopx_14", ls = "_product_fyopx_14", rs = "_button_fyopx_80", ds = "_disabled_fyopx_91", us = "_image_fyopx_95", ps = "_info_fyopx_102", ms = "_name_fyopx_114", hs = "_buttons_fyopx_118", _s = "_modal_fyopx_125", gs = "_link_fyopx_145", xs = "_modalOptions_fyopx_151", z = {
-  title: Qe,
-  subtitle: Ke,
-  header: Ze,
-  text: ts,
-  productsBlock: es,
-  top: ss,
-  itemsBlock: ns,
-  typeTexts: is,
-  block: os,
-  active: as,
-  products: cs,
-  product: ls,
-  button: rs,
-  disabled: ds,
-  image: us,
-  info: ps,
-  name: ms,
-  buttons: hs,
-  modal: _s,
-  link: gs,
-  modalOptions: xs
-}, fs = _.forwardRef(
+}, ts = "_title_fyopx_1", es = "_subtitle_fyopx_5", ss = "_header_fyopx_12", ns = "_text_fyopx_13", is = "_productsBlock_fyopx_14", os = "_top_fyopx_26", as = "_itemsBlock_fyopx_35", cs = "_typeTexts_fyopx_41", ls = "_block_fyopx_48", rs = "_active_fyopx_61", ds = "_products_fyopx_14", us = "_product_fyopx_14", ps = "_button_fyopx_80", ms = "_disabled_fyopx_91", hs = "_image_fyopx_95", _s = "_info_fyopx_102", gs = "_name_fyopx_114", fs = "_buttons_fyopx_118", xs = "_modal_fyopx_125", bs = "_link_fyopx_145", vs = "_modalOptions_fyopx_151", z = {
+  title: ts,
+  subtitle: es,
+  header: ss,
+  text: ns,
+  productsBlock: is,
+  top: os,
+  itemsBlock: as,
+  typeTexts: cs,
+  block: ls,
+  active: rs,
+  products: ds,
+  product: us,
+  button: ps,
+  disabled: ms,
+  image: hs,
+  info: _s,
+  name: gs,
+  buttons: fs,
+  modal: xs,
+  link: bs,
+  modalOptions: vs
+}, js = h.forwardRef(
   (u, o) => {
     const { activeItem: e, setActiveItem: n, popupPosition: i, modalOptions: a, setIsOpenModal: c } = u;
     return /* @__PURE__ */ t.jsxs(
@@ -950,7 +950,7 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
               );
             if (s.type === "text")
               return /* @__PURE__ */ t.jsx(
-                Bt,
+                At,
                 {
                   typesText: e[s.field.type],
                   setTypesText: (l) => {
@@ -1041,13 +1041,13 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
       }
     );
   }
-), bs = (u) => {
-  const { index: o, moveProduct: e, children: n } = u, [, i] = yt({
+), ys = (u) => {
+  const { index: o, moveProduct: e, children: n } = u, [, i] = kt({
     accept: "product",
     hover(s) {
       s.index !== o && (e(s.index, o), s.index = o);
     }
-  }), [{ isDragging: a }, c] = kt({
+  }), [{ isDragging: a }, c] = $t({
     type: "product",
     item: { index: o },
     collect: (s) => ({
@@ -1062,7 +1062,7 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
       children: n
     }
   );
-}, Eo = (u) => {
+}, Fo = (u) => {
   const {
     isActiveItems: o,
     setIsActiveItems: e,
@@ -1073,59 +1073,59 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
     subtitle: s,
     editable: l = !0,
     draggable: d = !1,
-    withImage: k = !1,
+    withImage: $ = !1,
     deletable: r = !0,
     addable: B = !0,
-    itemsType: h,
-    itemsPlaceholder: g = "",
+    itemsType: x,
+    itemsPlaceholder: _ = "",
     itemsOptions: m,
     hasRangeSelector: O = !1,
-    rangeSelectorOptions: R,
-    modalOptions: P,
-    addableOptions: q = {}
-  } = u, [C, S] = _.useState(null), [x, v] = _.useState({
+    rangeSelectorOptions: q,
+    modalOptions: b,
+    addableOptions: D = {}
+  } = u, [C, S] = h.useState(null), [g, j] = h.useState({
     top: 0,
     left: 0
-  }), [M, y] = _.useState(null), j = _.useRef(null), [I, D] = _.useState(!1), E = (b, A) => {
-    const p = [...n], [T] = p.splice(b, 1);
+  }), [M, k] = h.useState(null), y = h.useRef(null), [N, E] = h.useState(!1), L = (v, A) => {
+    const p = [...n], [T] = p.splice(v, 1);
     p.splice(A, 0, T), i(p);
   };
-  _.useEffect(() => {
-    const b = () => {
-      S(null), D(!1);
+  h.useEffect(() => {
+    const v = () => {
+      S(null), E(!1);
     };
-    return document.body.addEventListener("click", b), S(null), D(!1), () => {
-      S(null), D(!1), document.body.removeEventListener("click", b);
+    return document.body.addEventListener("click", v), S(null), E(!1), () => {
+      S(null), E(!1), document.body.removeEventListener("click", v);
     };
-  }, []), _.useEffect(() => {
+  }, []), h.useEffect(() => {
     if (C) {
-      const b = [...n].map((A) => A.id === C.id ? C : A);
-      i(b);
+      const v = [...n].map((A) => A.id === C.id ? C : A);
+      i(v);
     }
-  }, [C]), _.useEffect(() => {
-    if (j.current && M) {
-      const b = j.current.getBoundingClientRect().height, A = window.innerHeight;
+  }, [C]), h.useEffect(() => {
+    if (y.current && M) {
+      const v = y.current.getBoundingClientRect().height, A = window.innerHeight;
       let p = M.top;
-      p + b > A + window.scrollY && (p = A + window.scrollY - b - 200), p < 0 && (p = 10), v({
+      p + v > A + window.scrollY && (p = A + window.scrollY - v - 200), p < 0 && (p = 10), j({
         top: p,
         left: M.left
       });
     }
-  }, [j.current, M]);
-  const U = (b, A) => {
-    b.stopPropagation();
-    const p = b.target.getBoundingClientRect();
-    y({
+  }, [y.current, M]);
+  const U = (v, A) => {
+    v.stopPropagation();
+    const p = v.target.getBoundingClientRect();
+    k({
       top: p.top + window.scrollY,
       left: p.left - 30
-    }), S(A), D(!0);
+    }), S(A), E(!0);
   };
-  function et(b) {
-    if (k)
-      return b ? /* @__PURE__ */ t.jsx(
+  function et(v) {
+    if ($)
+      return v ? /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: `https://imagedelivery.net/${b[0]}/w=1000`,
+          src: `https://imagedelivery.net/${v[0]}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
@@ -1140,7 +1140,7 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
         }
       );
   }
-  const ot = (b, A) => {
+  const at = (v, A) => {
     var T;
     const p = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       d && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
@@ -1152,49 +1152,49 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
           height: 20
         }
       ) }),
-      h === "select" && /* @__PURE__ */ t.jsx(
+      x === "select" && /* @__PURE__ */ t.jsx(
         tt,
         {
-          onChange: ($) => {
-            const L = [...n].map((Y) => Y.id === b.id ? {
-              ...b,
-              name: $
+          onChange: (w) => {
+            const R = [...n].map((Y) => Y.id === v.id ? {
+              ...v,
+              name: w
             } : Y);
             S({
-              ...b,
-              name: $
-            }), i([...L]);
+              ...v,
+              name: w
+            }), i([...R]);
           },
-          value: b.name,
-          options: m.filter(($) => !n.find((X) => X.name === $)),
-          leftAddon: et(b.images)
+          value: v.name,
+          options: m.filter((w) => !n.find((X) => X.name === w)),
+          leftAddon: et(v.images)
         }
       ),
-      h === "input" && /* @__PURE__ */ t.jsx(
+      x === "input" && /* @__PURE__ */ t.jsx(
         W,
         {
-          onChange: ($) => {
-            const L = [...n].map((Y) => Y.id === b.id ? {
-              ...b,
-              name: $
+          onChange: (w) => {
+            const R = [...n].map((Y) => Y.id === v.id ? {
+              ...v,
+              name: w
             } : Y);
-            i([...L]);
+            i([...R]);
           },
-          value: b.name,
-          placeholder: g
+          value: v.name,
+          placeholder: _
         }
       ),
-      h === "image" && /* @__PURE__ */ t.jsx(
+      x === "image" && /* @__PURE__ */ t.jsx(
         ht,
         {
-          onChange: ($) => {
-            const L = [...n].map((Y) => Y.id === b.id ? {
-              ...b,
-              images: $
+          onChange: (w) => {
+            const R = [...n].map((Y) => Y.id === v.id ? {
+              ...v,
+              images: w
             } : Y);
-            i([...L]);
+            i([...R]);
           },
-          activeImage: (T = n.find(($) => $.id === b.id)) == null ? void 0 : T.images[0]
+          activeImage: (T = n.find((w) => w.id === v.id)) == null ? void 0 : T.images[0]
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: z.buttons, children: [
@@ -1205,7 +1205,7 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: ($) => U($, b)
+            onClick: (w) => U(w, v)
           }
         ),
         r && /* @__PURE__ */ t.jsx(
@@ -1216,27 +1216,27 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => i(n.filter(($) => $.id !== b.id))
+            onClick: () => i(n.filter((w) => w.id !== v.id))
           }
         )
       ] })
     ] });
     return d ? /* @__PURE__ */ t.jsx(
-      bs,
+      ys,
       {
-        product: b,
+        product: v,
         index: A,
-        moveProduct: E,
+        moveProduct: L,
         children: p
       },
-      b.id
+      v.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: z.product,
         children: p
       },
-      b.id
+      v.id
     );
   };
   return /* @__PURE__ */ t.jsxs("div", { className: z.productsBlock, children: [
@@ -1246,33 +1246,33 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
         K,
         {
           current: o,
-          onChange: (b) => e == null ? void 0 : e(b)
+          onChange: (v) => e == null ? void 0 : e(v)
         }
       )
     ] }),
-    C && l && P && I && /* @__PURE__ */ t.jsx(
-      fs,
+    C && l && b && N && /* @__PURE__ */ t.jsx(
+      js,
       {
-        ref: j,
+        ref: y,
         activeItem: C,
         setActiveItem: S,
-        popupPosition: x,
-        modalOptions: P,
-        setIsOpenModal: D
+        popupPosition: g,
+        modalOptions: b,
+        setIsOpenModal: E
       }
     ),
-    O && R && /* @__PURE__ */ t.jsx(Nt, { ...R }),
+    O && q && /* @__PURE__ */ t.jsx(Nt, { ...q }),
     /* @__PURE__ */ t.jsxs("div", { className: z.products, children: [
       s && /* @__PURE__ */ t.jsx("h5", { className: z.subtitle, children: s }),
-      d ? /* @__PURE__ */ t.jsx(vt, { backend: jt, children: n.map((b, A) => ot(b, A)) }) : n.map((b, A) => ot(b, A)),
+      d ? /* @__PURE__ */ t.jsx(jt, { backend: yt, children: n.map((v, A) => at(v, A)) }) : n.map((v, A) => at(v, A)),
       B && /* @__PURE__ */ t.jsxs(
-        it,
+        ot,
         {
           withoutHover: !0,
           className: z.button,
           size: "s",
           onClick: () => {
-            const b = [...n];
+            const v = [...n];
             let A = null;
             if (m) {
               for (let p = 0; p < m.length; p++)
@@ -1281,19 +1281,19 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
                   break;
                 }
             }
-            h === "select" ? b.push({
+            x === "select" ? v.push({
               name: A || m[0],
-              id: ct(),
-              ...q
-            }) : h === "input" ? b.push({
+              id: lt(),
+              ...D
+            }) : x === "input" ? v.push({
               name: "",
-              id: ct(),
-              ...q
-            }) : b.push({
+              id: lt(),
+              ...D
+            }) : v.push({
               name: `Image ${n.length + 1}`,
-              id: ct(),
-              ...q
-            }), i(b);
+              id: lt(),
+              ...D
+            }), i(v);
           },
           children: [
             /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
@@ -1309,48 +1309,50 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
         }
       )
     ] }),
-    a !== void 0 && /* @__PURE__ */ t.jsx(xt, { items: a })
+    a !== void 0 && /* @__PURE__ */ t.jsx(ft, { items: a })
   ] });
-}, vs = "_title_dkxs6_1", js = "_subtitle_dkxs6_5", ys = "_header_dkxs6_12", ks = "_text_dkxs6_13", $s = "_productsBlock_dkxs6_14", Ns = "_buttonsBlock_dkxs6_15", Is = "_top_dkxs6_26", ws = "_itemsBlock_dkxs6_35", Cs = "_typeTexts_dkxs6_41", Ss = "_block_dkxs6_48", Ts = "_active_dkxs6_60", Bs = "_products_dkxs6_14", Ps = "_product_dkxs6_14", As = "_button_dkxs6_15", Os = "_image_dkxs6_90", qs = "_info_dkxs6_97", Ds = "_name_dkxs6_109", Es = "_buttons_dkxs6_15", Ls = "_modal_dkxs6_120", Rs = "_other_dkxs6_140", Ms = "_options_dkxs6_146", at = {
-  title: vs,
-  subtitle: js,
-  header: ys,
-  text: ks,
-  productsBlock: $s,
-  buttonsBlock: Ns,
-  top: Is,
-  itemsBlock: ws,
-  typeTexts: Cs,
-  block: Ss,
-  active: Ts,
-  products: Bs,
-  product: Ps,
-  button: As,
-  image: Os,
-  info: qs,
-  name: Ds,
-  buttons: Es,
-  modal: Ls,
-  other: Rs,
-  options: Ms
-}, Hs = _.forwardRef((u, o) => {
-  const { activeButton: e, setActiveButton: n, popupPosition: i } = u, [a, c] = _.useState(e.typesText), [s, l] = _.useState(e.destination), [d, k] = _.useState(e.link || ""), [r, B] = _.useState(e.text || "");
-  return _.useEffect(() => {
+}, ks = "_title_dkxs6_1", $s = "_subtitle_dkxs6_5", ws = "_header_dkxs6_12", Ns = "_text_dkxs6_13", Is = "_productsBlock_dkxs6_14", Cs = "_buttonsBlock_dkxs6_15", Ss = "_top_dkxs6_26", Ts = "_itemsBlock_dkxs6_35", Ps = "_typeTexts_dkxs6_41", Bs = "_block_dkxs6_48", As = "_active_dkxs6_60", Os = "_products_dkxs6_14", qs = "_product_dkxs6_14", Ds = "_button_dkxs6_15", Es = "_image_dkxs6_90", Ls = "_info_dkxs6_97", Rs = "_name_dkxs6_109", Ms = "_buttons_dkxs6_15", Hs = "_modal_dkxs6_120", Fs = "_other_dkxs6_140", Vs = "_options_dkxs6_146", ct = {
+  title: ks,
+  subtitle: $s,
+  header: ws,
+  text: Ns,
+  productsBlock: Is,
+  buttonsBlock: Cs,
+  top: Ss,
+  itemsBlock: Ts,
+  typeTexts: Ps,
+  block: Bs,
+  active: As,
+  products: Os,
+  product: qs,
+  button: Ds,
+  image: Es,
+  info: Ls,
+  name: Rs,
+  buttons: Ms,
+  modal: Hs,
+  other: Fs,
+  options: Vs
+}, Us = h.forwardRef((u, o) => {
+  const { activeButton: e, setActiveButton: n, popupPosition: i } = u, [a, c] = h.useState(e.typesText), [s, l] = h.useState(e.destination), [d, $] = h.useState(e.page), [r, B] = h.useState(e.link || ""), [x, _] = h.useState(e.text || ""), [m, O] = h.useState(e.openInNewTab), { pages: q } = qt();
+  return h.useEffect(() => {
     n({
       ...e,
       ...{
-        text: r,
-        link: d,
+        text: x,
+        link: r,
         destination: s,
-        typesText: a
+        typesText: a,
+        page: d,
+        openInNewTab: m
       }
     });
-  }, [a, s, d, r]), /* @__PURE__ */ t.jsxs(
+  }, [a, s, r, x, d, m]), /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: at.modal,
-      onClick: (h) => {
-        h.stopPropagation();
+      className: ct.modal,
+      onClick: (b) => {
+        b.stopPropagation();
       },
       style: {
         top: `${i.top}px`,
@@ -1358,8 +1360,8 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
       },
       ref: o,
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: at.top, children: [
-          /* @__PURE__ */ t.jsx("h3", { className: at.title, children: e.type }),
+        /* @__PURE__ */ t.jsxs("div", { className: ct.top, children: [
+          /* @__PURE__ */ t.jsx("h3", { className: ct.title, children: e.type }),
           /* @__PURE__ */ t.jsx(
             f,
             {
@@ -1371,13 +1373,13 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
             }
           )
         ] }),
-        /* @__PURE__ */ t.jsxs("div", { className: at.options, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: ct.options, children: [
           /* @__PURE__ */ t.jsx(
             tt,
             {
               label: "Destination",
-              onChange: (h) => l(h),
-              options: ["Go to Page", "Open Link"],
+              onChange: (b) => l(b),
+              options: ["Go to Page", "Open Link"].filter((b) => b !== s),
               value: s
             }
           ),
@@ -1385,16 +1387,15 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
             tt,
             {
               label: "Go to",
-              onChange: () => {
-              },
-              options: [],
-              value: "Homepage"
+              onChange: (b) => $(b),
+              options: q ? Object.values(q).filter((b) => b.name !== d).map((b) => b.name) : [],
+              value: d
             }
           ) : /* @__PURE__ */ t.jsx(
             W,
             {
-              onChange: (h) => k(h),
-              value: d,
+              onChange: (b) => B(b),
+              value: r,
               placeholder: "https://",
               label: "Link"
             }
@@ -1402,21 +1403,22 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
           /* @__PURE__ */ t.jsx(
             K,
             {
-              current: !1,
-              label: "Open in new tab"
+              current: e.openInNewTab,
+              label: "Open in new tab",
+              onChange: (b) => O(b)
             }
           ),
           /* @__PURE__ */ t.jsx(
-            wt,
+            Ct,
             {
-              onChange: (h) => B(h),
-              value: r,
+              onChange: (b) => _(b),
+              value: x,
               label: "Text",
               maxLength: 150
             }
           ),
           /* @__PURE__ */ t.jsx(
-            Tt,
+            Bt,
             {
               typesText: a,
               setTypesText: c
@@ -1426,84 +1428,84 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
       ]
     }
   );
-}), Fs = "_subtitle_m8qel_1", Vs = "_header_m8qel_8", Us = "_text_m8qel_9", zs = "_productsBlock_m8qel_10", Ys = "_buttonsBlock_m8qel_11", Gs = "_top_m8qel_23", Ws = "_itemsBlock_m8qel_32", Xs = "_typeTexts_m8qel_38", Js = "_block_m8qel_45", Qs = "_active_m8qel_58", Ks = "_products_m8qel_10", Zs = "_product_m8qel_10", tn = "_button_m8qel_11", en = "_image_m8qel_88", sn = "_info_m8qel_95", nn = "_name_m8qel_107", on = "_buttons_m8qel_11", an = "_modal_m8qel_118", cn = "_other_m8qel_137", ln = "_options_m8qel_143", dt = {
-  subtitle: Fs,
-  header: Vs,
-  text: Us,
-  productsBlock: zs,
-  buttonsBlock: Ys,
-  top: Gs,
-  itemsBlock: Ws,
-  typeTexts: Xs,
-  block: Js,
-  active: Qs,
-  products: Ks,
-  product: Zs,
-  button: tn,
-  image: en,
-  info: sn,
-  name: nn,
-  buttons: on,
-  modal: an,
-  other: cn,
-  options: ln
-}, rn = (u) => {
-  const { buttons: o, setButtons: e, deletable: n = !0, addable: i = !0 } = u, [a, c] = _.useState(null), [s, l] = _.useState({
+}), zs = "_subtitle_m8qel_1", Ys = "_header_m8qel_8", Gs = "_text_m8qel_9", Ws = "_productsBlock_m8qel_10", Xs = "_buttonsBlock_m8qel_11", Js = "_top_m8qel_23", Qs = "_itemsBlock_m8qel_32", Ks = "_typeTexts_m8qel_38", Zs = "_block_m8qel_45", tn = "_active_m8qel_58", en = "_products_m8qel_10", sn = "_product_m8qel_10", nn = "_button_m8qel_11", on = "_image_m8qel_88", an = "_info_m8qel_95", cn = "_name_m8qel_107", ln = "_buttons_m8qel_11", rn = "_modal_m8qel_118", dn = "_other_m8qel_137", un = "_options_m8qel_143", ut = {
+  subtitle: zs,
+  header: Ys,
+  text: Gs,
+  productsBlock: Ws,
+  buttonsBlock: Xs,
+  top: Js,
+  itemsBlock: Qs,
+  typeTexts: Ks,
+  block: Zs,
+  active: tn,
+  products: en,
+  product: sn,
+  button: nn,
+  image: on,
+  info: an,
+  name: cn,
+  buttons: ln,
+  modal: rn,
+  other: dn,
+  options: un
+}, pn = (u) => {
+  const { buttons: o, setButtons: e, deletable: n = !0, addable: i = !0 } = u, [a, c] = h.useState(null), [s, l] = h.useState({
     top: 0,
     left: 0
-  }), [d, k] = _.useState(null), r = _.useRef(null);
-  _.useEffect(() => {
-    const h = () => {
+  }), [d, $] = h.useState(null), r = h.useRef(null);
+  h.useEffect(() => {
+    const x = () => {
       c(null);
     };
-    return document.body.addEventListener("click", h), c(null), () => {
-      c(null), document.body.removeEventListener("click", h);
+    return document.body.addEventListener("click", x), c(null), () => {
+      c(null), document.body.removeEventListener("click", x);
     };
-  }, []), _.useEffect(() => {
+  }, []), h.useEffect(() => {
     if (a) {
-      const h = [...o].map((g) => g.id === a.id ? a : g);
-      e(h);
+      const x = [...o].map((_) => _.id === a.id ? a : _);
+      e(x);
     }
-  }, [a]), _.useEffect(() => {
+  }, [a]), h.useEffect(() => {
     if (r.current && d) {
-      const h = r.current.getBoundingClientRect().height, g = window.innerHeight;
+      const x = r.current.getBoundingClientRect().height, _ = window.innerHeight;
       let m = d.top;
-      m + h > g + window.scrollY && (m = g + window.scrollY - h - 200), m < 0 && (m = 10), l({
+      m + x > _ + window.scrollY && (m = _ + window.scrollY - x - 200), m < 0 && (m = 10), l({
         top: m,
         left: d.left
       });
     }
   }, [r.current, d]);
-  const B = (h, g) => {
-    h.stopPropagation();
-    const m = h.target.getBoundingClientRect();
-    k({
+  const B = (x, _) => {
+    x.stopPropagation();
+    const m = x.target.getBoundingClientRect();
+    $({
       top: m.top + window.scrollY,
       left: m.left - 30
-    }), c(g);
+    }), c(_);
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: dt.products, children: [
-    /* @__PURE__ */ t.jsx("h5", { className: dt.subtitle, children: "Button Type" }),
-    o.map((h) => /* @__PURE__ */ t.jsxs(
+  return /* @__PURE__ */ t.jsxs("div", { className: ut.products, children: [
+    /* @__PURE__ */ t.jsx("h5", { className: ut.subtitle, children: "Button Type" }),
+    o.map((x) => /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: dt.product,
+        className: ut.product,
         children: [
           /* @__PURE__ */ t.jsx(
             tt,
             {
-              onChange: (g) => {
-                const O = [...o].map((R) => R.id === h.id ? {
-                  ...h,
-                  type: g
-                } : R);
+              onChange: (_) => {
+                const O = [...o].map((q) => q.id === x.id ? {
+                  ...x,
+                  type: _
+                } : q);
                 e(O);
               },
-              value: h.type,
+              value: x.type,
               options: ["Primary", "Secondary", "Tertiary"]
             }
           ),
-          /* @__PURE__ */ t.jsxs("div", { className: dt.buttons, children: [
+          /* @__PURE__ */ t.jsxs("div", { className: ut.buttons, children: [
             /* @__PURE__ */ t.jsx(
               f,
               {
@@ -1511,8 +1513,8 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
                 hoverable: !0,
                 width: 20,
                 height: 20,
-                onClick: (g) => {
-                  B(g, h);
+                onClick: (_) => {
+                  B(_, x);
                 }
               }
             ),
@@ -1522,8 +1524,8 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
                 name: "Trash",
                 hoverable: !0,
                 onClick: () => {
-                  const g = o.filter((m) => m.id !== h.id);
-                  e(g);
+                  const _ = o.filter((m) => m.id !== x.id);
+                  e(_);
                 },
                 width: 20,
                 height: 20,
@@ -1533,10 +1535,10 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
           ] })
         ]
       },
-      h.id
+      x.id
     )),
     a && /* @__PURE__ */ t.jsx(
-      Hs,
+      Us,
       {
         ref: r,
         activeButton: a,
@@ -1545,20 +1547,22 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
       }
     ),
     i && /* @__PURE__ */ t.jsxs(
-      it,
+      ot,
       {
         withoutHover: !0,
-        className: dt.button,
+        className: ut.button,
         size: "s",
         onClick: () => {
-          const h = [...o];
-          h.push({
+          const x = [...o];
+          x.push({
             type: "Primary",
-            id: ct(),
+            id: lt(),
             typesText: [],
             destination: "Go to Page",
-            text: "Button Name"
-          }), e(h);
+            text: "Button Name",
+            page: "home",
+            openInNewTab: !0
+          }), e(x);
         },
         children: [
           /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
@@ -1574,11 +1578,11 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
       }
     )
   ] });
-}, Lo = (u) => {
+}, Vo = (u) => {
   const { isActiveButtons: o, setIsActiveButtons: e, buttons: n, setButtons: i } = u;
-  return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsxs("div", { className: at.buttonsBlock, children: [
-    /* @__PURE__ */ t.jsxs("div", { className: at.top, children: [
-      /* @__PURE__ */ t.jsx("h3", { className: at.title, children: "Buttons" }),
+  return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsxs("div", { className: ct.buttonsBlock, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: ct.top, children: [
+      /* @__PURE__ */ t.jsx("h3", { className: ct.title, children: "Buttons" }),
       /* @__PURE__ */ t.jsx(
         K,
         {
@@ -1588,59 +1592,59 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
       )
     ] }),
     /* @__PURE__ */ t.jsx(
-      rn,
+      pn,
       {
         buttons: n,
         setButtons: i
       }
     )
   ] }) });
-}, dn = "_wrapper_m18qi_1", un = "_subtitle_m18qi_7", pn = "_content_m18qi_14", mn = "_range_m18qi_22", hn = "_track_m18qi_27", _n = "_progress_m18qi_36", gn = "_dots_m18qi_46", xn = "_dot_m18qi_46", fn = "_active_m18qi_65", bn = "_input_m18qi_77", vn = "_countBlock_m18qi_91", jn = "_count_m18qi_91", yn = "_controls_m18qi_107", kn = "_button_m18qi_113", F = {
-  wrapper: dn,
-  subtitle: un,
-  content: pn,
-  range: mn,
-  track: hn,
-  progress: _n,
-  dots: gn,
-  dot: xn,
-  active: fn,
-  input: bn,
-  countBlock: vn,
-  count: jn,
-  controls: yn,
-  button: kn
+}, mn = "_wrapper_m18qi_1", hn = "_subtitle_m18qi_7", _n = "_content_m18qi_14", gn = "_range_m18qi_22", fn = "_track_m18qi_27", xn = "_progress_m18qi_36", bn = "_dots_m18qi_46", vn = "_dot_m18qi_46", jn = "_active_m18qi_65", yn = "_input_m18qi_77", kn = "_countBlock_m18qi_91", $n = "_count_m18qi_91", wn = "_controls_m18qi_107", Nn = "_button_m18qi_113", H = {
+  wrapper: mn,
+  subtitle: hn,
+  content: _n,
+  range: gn,
+  track: fn,
+  progress: xn,
+  dots: bn,
+  dot: vn,
+  active: jn,
+  input: yn,
+  countBlock: kn,
+  count: $n,
+  controls: wn,
+  button: Nn
 }, Nt = (u) => {
-  const { label: o, min: e = 1, max: n = 4, step: i = 1, count: a, setCount: c } = u, [s, l] = _.useState(!1), d = Array.from({ length: (n - e) / i + 1 }), k = (a - e) / (n - e) * 100, r = () => {
+  const { label: o, min: e = 1, max: n = 4, step: i = 1, count: a, setCount: c } = u, [s, l] = h.useState(!1), d = Array.from({ length: (n - e) / i + 1 }), $ = (a - e) / (n - e) * 100, r = () => {
     a < n && c(a + i);
   }, B = () => {
     a > e && c(a - i);
-  }, h = (g) => {
-    const m = e + g * i;
+  }, x = (_) => {
+    const m = e + _ * i;
     c(m);
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: F.wrapper, children: [
-    o && /* @__PURE__ */ t.jsx("h5", { className: F.subtitle, children: o }),
-    /* @__PURE__ */ t.jsxs("div", { className: F.content, children: [
-      /* @__PURE__ */ t.jsxs("div", { className: F.range, children: [
-        /* @__PURE__ */ t.jsx("div", { className: F.track }),
+  return /* @__PURE__ */ t.jsxs("div", { className: H.wrapper, children: [
+    o && /* @__PURE__ */ t.jsx("h5", { className: H.subtitle, children: o }),
+    /* @__PURE__ */ t.jsxs("div", { className: H.content, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: H.range, children: [
+        /* @__PURE__ */ t.jsx("div", { className: H.track }),
         /* @__PURE__ */ t.jsx(
           "div",
           {
-            className: F.progress,
-            style: { width: `${k}%` }
+            className: H.progress,
+            style: { width: `${$}%` }
           }
         ),
-        /* @__PURE__ */ t.jsx("div", { className: F.dots, children: d.map((g, m) => {
+        /* @__PURE__ */ t.jsx("div", { className: H.dots, children: d.map((_, m) => {
           const O = m <= (a - e) / i;
           return /* @__PURE__ */ t.jsx(
             "button",
             {
-              onClick: () => h(m),
-              className: H(F.dot, {
-                [F.active]: O,
-                [F.inactive]: !O,
-                [F.dragging]: s
+              onClick: () => x(m),
+              className: V(H.dot, {
+                [H.active]: O,
+                [H.inactive]: !O,
+                [H.dragging]: s
               }),
               "aria-label": `Set value to ${e + m * i}`
             },
@@ -1655,16 +1659,16 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
             max: n,
             step: i,
             value: a,
-            onChange: (g) => c(Number(g.target.value)),
+            onChange: (_) => c(Number(_.target.value)),
             onMouseDown: () => l(!0),
             onMouseUp: () => l(!1),
             onTouchStart: () => l(!0),
             onTouchEnd: () => l(!1),
-            className: F.input
+            className: H.input
           }
         )
       ] }),
-      /* @__PURE__ */ t.jsxs("div", { className: F.countBlock, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: H.countBlock, children: [
         /* @__PURE__ */ t.jsx(
           W,
           {
@@ -1672,20 +1676,20 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
             min: e,
             max: n,
             paddingless: !0,
-            onChange: (g) => {
-              const m = Number(g);
+            onChange: (_) => {
+              const m = Number(_);
               m > n ? c(n) : m < e ? c(e) : c(m);
             },
             value: String(a)
           }
         ),
-        /* @__PURE__ */ t.jsxs("div", { className: F.controls, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: H.controls, children: [
           /* @__PURE__ */ t.jsx(
             "button",
             {
               onClick: r,
               disabled: a >= n,
-              className: F.button,
+              className: H.button,
               "aria-label": "Increment count",
               children: /* @__PURE__ */ t.jsx(
                 f,
@@ -1702,7 +1706,7 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
             {
               onClick: B,
               disabled: a <= e,
-              className: F.button,
+              className: H.button,
               "aria-label": "Decrement count",
               children: /* @__PURE__ */ t.jsx(
                 f,
@@ -1718,28 +1722,28 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
       ] })
     ] })
   ] });
-}, $n = "_title_1hw31_1", Nn = "_subtitle_1hw31_5", In = "_header_1hw31_12", wn = "_text_1hw31_13", Cn = "_productsBlock_1hw31_14", Sn = "_top_1hw31_26", Tn = "_itemsBlock_1hw31_35", Bn = "_typeTexts_1hw31_41", Pn = "_block_1hw31_48", An = "_active_1hw31_61", On = "_products_1hw31_14", qn = "_product_1hw31_14", Dn = "_button_1hw31_80", En = "_image_1hw31_91", Ln = "_info_1hw31_98", Rn = "_name_1hw31_110", Mn = "_buttons_1hw31_114", Hn = "_modal_1hw31_121", Fn = "_link_1hw31_141", Vn = "_modalOptions_1hw31_147", G = {
-  title: $n,
-  subtitle: Nn,
-  header: In,
-  text: wn,
-  productsBlock: Cn,
-  top: Sn,
-  itemsBlock: Tn,
-  typeTexts: Bn,
-  block: Pn,
-  active: An,
-  products: On,
-  product: qn,
-  button: Dn,
-  image: En,
-  info: Ln,
-  name: Rn,
-  buttons: Mn,
-  modal: Hn,
-  link: Fn,
-  modalOptions: Vn
-}, Un = (u) => {
+}, In = "_title_1hw31_1", Cn = "_subtitle_1hw31_5", Sn = "_header_1hw31_12", Tn = "_text_1hw31_13", Pn = "_productsBlock_1hw31_14", Bn = "_top_1hw31_26", An = "_itemsBlock_1hw31_35", On = "_typeTexts_1hw31_41", qn = "_block_1hw31_48", Dn = "_active_1hw31_61", En = "_products_1hw31_14", Ln = "_product_1hw31_14", Rn = "_button_1hw31_80", Mn = "_image_1hw31_91", Hn = "_info_1hw31_98", Fn = "_name_1hw31_110", Vn = "_buttons_1hw31_114", Un = "_modal_1hw31_121", zn = "_link_1hw31_141", Yn = "_modalOptions_1hw31_147", G = {
+  title: In,
+  subtitle: Cn,
+  header: Sn,
+  text: Tn,
+  productsBlock: Pn,
+  top: Bn,
+  itemsBlock: An,
+  typeTexts: On,
+  block: qn,
+  active: Dn,
+  products: En,
+  product: Ln,
+  button: Rn,
+  image: Mn,
+  info: Hn,
+  name: Fn,
+  buttons: Vn,
+  modal: Un,
+  link: zn,
+  modalOptions: Yn
+}, Gn = (u) => {
   const { activeItem: o, setActiveItem: e, popupPosition: n, setIsOpenModal: i, itemsOptions: a } = u, c = a.find((l) => l.id === o.listingId);
   if (!c) return null;
   function s(l, d) {
@@ -1789,13 +1793,13 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
       ]
     }
   );
-}, zn = (u) => {
-  const { index: o, moveProduct: e, children: n } = u, [, i] = yt({
+}, Wn = (u) => {
+  const { index: o, moveProduct: e, children: n } = u, [, i] = kt({
     accept: "product",
     hover(s) {
       s.index !== o && (e(s.index, o), s.index = o);
     }
-  }), [{ isDragging: a }, c] = kt({
+  }), [{ isDragging: a }, c] = $t({
     type: "product",
     item: { index: o },
     collect: (s) => ({
@@ -1810,7 +1814,7 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
       children: n
     }
   );
-}, Ro = (u) => {
+}, Uo = (u) => {
   const {
     isActiveItems: o,
     setIsActiveItems: e,
@@ -1821,46 +1825,46 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
     subtitle: s,
     editable: l = !0,
     draggable: d = !1,
-    withImage: k = !1,
+    withImage: $ = !1,
     deletable: r = !0,
     addable: B = !0,
-    itemsType: h,
-    itemsOptions: g
-  } = u, [m, O] = _.useState(null), [R, P] = _.useState({
+    itemsType: x,
+    itemsOptions: _
+  } = u, [m, O] = h.useState(null), [q, b] = h.useState({
     top: 0,
     left: 0
-  }), [q, C] = _.useState(!1), S = (y, j) => {
-    const I = [...n], [D] = I.splice(y, 1);
-    I.splice(j, 0, D), i(I);
+  }), [D, C] = h.useState(!1), S = (k, y) => {
+    const N = [...n], [E] = N.splice(k, 1);
+    N.splice(y, 0, E), i(N);
   };
-  _.useEffect(() => {
-    const y = () => {
+  h.useEffect(() => {
+    const k = () => {
       O(null), C(!1);
     };
-    return document.body.addEventListener("click", y), O(null), C(!1), () => {
-      O(null), C(!1), document.body.removeEventListener("click", y);
+    return document.body.addEventListener("click", k), O(null), C(!1), () => {
+      O(null), C(!1), document.body.removeEventListener("click", k);
     };
-  }, []), _.useEffect(() => {
+  }, []), h.useEffect(() => {
     if (m) {
-      const y = [...n].map((j) => j.listingId === m.listingId ? m : j);
-      i(y);
+      const k = [...n].map((y) => y.listingId === m.listingId ? m : y);
+      i(k);
     }
   }, [m]);
-  const x = (y, j) => {
-    y.stopPropagation();
-    const I = y.target.getBoundingClientRect(), D = 100, E = window.innerHeight;
-    let U = I.top + window.scrollY;
-    U + D > E && (U = E - D - 20), C(!0), P({
+  const g = (k, y) => {
+    k.stopPropagation();
+    const N = k.target.getBoundingClientRect(), E = 100, L = window.innerHeight;
+    let U = N.top + window.scrollY;
+    U + E > L && (U = L - E - 20), C(!0), b({
       top: U - 80,
-      left: I.left - 30
-    }), O(j);
+      left: N.left - 30
+    }), O(y);
   };
-  function v(y) {
-    if (k)
-      return y ? /* @__PURE__ */ t.jsx(
+  function j(k) {
+    if ($)
+      return k ? /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: `https://imagedelivery.net/${y}/w=1000`,
+          src: `https://imagedelivery.net/${k}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
@@ -1875,10 +1879,10 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
         }
       );
   }
-  const M = (y, j) => {
-    const I = g.find((E) => y.listingId === E.id);
-    if (!I) return null;
-    const D = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+  const M = (k, y) => {
+    const N = _.find((L) => k.listingId === L.id);
+    if (!N) return null;
+    const E = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       d && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         f,
         {
@@ -1887,28 +1891,28 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
           width: 20,
           height: 20
         }
-      ) }, j),
-      h === "select" && /* @__PURE__ */ t.jsx(
+      ) }, y),
+      x === "select" && /* @__PURE__ */ t.jsx(
         tt,
         {
-          onChange: (E) => {
-            const U = [...n], et = g.find((A) => A.productData.name === E);
+          onChange: (L) => {
+            const U = [...n], et = _.find((A) => A.productData.name === L);
             if (!et) return;
-            const ot = {
+            const at = {
               listingId: et.id,
               image: et.productData.images.length > 0 ? et.productData.images[0].cfId : ""
-            }, b = U.map((A) => A.listingId === y.listingId ? ot : A);
-            O(ot), i([...b]);
+            }, v = U.map((A) => A.listingId === k.listingId ? at : A);
+            O(at), i([...v]);
           },
-          value: I.productData.name,
+          value: N.productData.name,
           options: [
-            ...g.filter((E) => !n.find((U) => U.listingId === E.id)).map((E) => E.productData.name)
+            ..._.filter((L) => !n.find((U) => U.listingId === L.id)).map((L) => L.productData.name)
           ],
-          leftAddon: v(
-            y.image || I.productData.images.length > 0 && I.productData.images[0].cfId || ""
+          leftAddon: j(
+            k.image || N.productData.images.length > 0 && N.productData.images[0].cfId || ""
           )
         },
-        j
+        y
       ),
       /* @__PURE__ */ t.jsxs("div", { className: G.buttons, children: [
         l && /* @__PURE__ */ t.jsx(
@@ -1918,7 +1922,7 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (E) => x(E, y)
+            onClick: (L) => g(L, k)
           }
         ),
         r && /* @__PURE__ */ t.jsx(
@@ -1929,27 +1933,27 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => i(n.filter((E) => E !== y))
+            onClick: () => i(n.filter((L) => L !== k))
           }
         )
       ] })
     ] });
     return d ? /* @__PURE__ */ t.jsx(
-      zn,
+      Wn,
       {
-        product: y,
-        index: j,
+        product: k,
+        index: y,
         moveProduct: S,
-        children: D
+        children: E
       },
-      y.listingId
+      k.listingId
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: G.product,
-        children: D
+        children: E
       },
-      y.listingId
+      k.listingId
     );
   };
   return /* @__PURE__ */ t.jsxs("div", { className: G.productsBlock, children: [
@@ -1959,42 +1963,42 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
         K,
         {
           current: o,
-          onChange: (y) => e == null ? void 0 : e(y)
+          onChange: (k) => e == null ? void 0 : e(k)
         }
       )
     ] }),
-    q && m && /* @__PURE__ */ t.jsx(
-      Un,
+    D && m && /* @__PURE__ */ t.jsx(
+      Gn,
       {
         activeItem: m,
         setActiveItem: O,
         setIsOpenModal: C,
-        popupPosition: R,
-        itemsOptions: g
+        popupPosition: q,
+        itemsOptions: _
       }
     ),
     /* @__PURE__ */ t.jsxs("div", { className: G.products, children: [
       s && /* @__PURE__ */ t.jsx("h5", { className: G.subtitle, children: s }),
-      d ? /* @__PURE__ */ t.jsx(vt, { backend: jt, children: n.map((y, j) => M(y, j)) }) : n.map((y, j) => M(y, j)),
+      d ? /* @__PURE__ */ t.jsx(jt, { backend: yt, children: n.map((k, y) => M(k, y)) }) : n.map((k, y) => M(k, y)),
       B && /* @__PURE__ */ t.jsxs(
-        it,
+        ot,
         {
           withoutHover: !0,
           className: G.button,
           size: "s",
           onClick: () => {
-            const y = [...n];
-            for (let j = 0; j < g.length; j++)
-              if (!n.find((I) => I.listingId === g[j].id)) {
-                y.push({
-                  listingId: g[j].id,
-                  image: g[j].productData.images.length > 0 ? g[j].productData.images[0].cfId : ""
+            const k = [...n];
+            for (let y = 0; y < _.length; y++)
+              if (!n.find((N) => N.listingId === _[y].id)) {
+                k.push({
+                  listingId: _[y].id,
+                  image: _[y].productData.images.length > 0 ? _[y].productData.images[0].cfId : ""
                 });
                 break;
               }
-            i(y);
+            i(k);
           },
-          disabled: n.length === g.length,
+          disabled: n.length === _.length,
           children: [
             /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
             /* @__PURE__ */ t.jsx(
@@ -2009,116 +2013,116 @@ const Ot = "_wrapper_9rr5j_2", qt = "_alignmentBlock_9rr5j_8", Dt = "_title_9rr5
         }
       )
     ] }),
-    a !== void 0 && /* @__PURE__ */ t.jsx(xt, { items: a })
+    a !== void 0 && /* @__PURE__ */ t.jsx(ft, { items: a })
   ] });
-}, Yn = "_options_1w11v_1", Gn = "_price_1w11v_12", Wn = "_oldPrice_1w11v_19", Xn = "_newPrice_1w11v_27", Jn = "_animate_1w11v_34", Qn = "_appearAndBounce_1w11v_1", Kn = "_meta_1w11v_52", Zn = "_info_1w11v_58", ti = "_infoRight_1w11v_66", ei = "_buttons_1w11v_73", si = "_variants_1w11v_80", ni = "_variant_1w11v_80", ii = "_stock_1w11v_97", oi = "_variantInfo_1w11v_104", ai = "_quantity_1w11v_110", ci = "_count_1w11v_117", li = "_focused_1w11v_134", ri = "_button_1w11v_73", di = "_activeVariant_1w11v_160", ui = "_chargeTypes_1w11v_164", pi = "_charge_1w11v_164", mi = "_chargeActive_1w11v_185", hi = "_title_1w11v_190", w = {
-  options: Yn,
-  price: Gn,
-  oldPrice: Wn,
-  newPrice: Xn,
-  animate: Jn,
-  appearAndBounce: Qn,
-  meta: Kn,
-  info: Zn,
-  infoRight: ti,
-  buttons: ei,
-  variants: si,
-  variant: ni,
-  stock: ii,
-  variantInfo: oi,
-  quantity: ai,
-  count: ci,
-  focused: li,
-  button: ri,
-  activeVariant: di,
-  chargeTypes: ui,
-  charge: pi,
-  chargeActive: mi,
-  title: hi
+}, Xn = "_options_1w11v_1", Jn = "_price_1w11v_12", Qn = "_oldPrice_1w11v_19", Kn = "_newPrice_1w11v_27", Zn = "_animate_1w11v_34", ti = "_appearAndBounce_1w11v_1", ei = "_meta_1w11v_52", si = "_info_1w11v_58", ni = "_infoRight_1w11v_66", ii = "_buttons_1w11v_73", oi = "_variants_1w11v_80", ai = "_variant_1w11v_80", ci = "_stock_1w11v_97", li = "_variantInfo_1w11v_104", ri = "_quantity_1w11v_110", di = "_count_1w11v_117", ui = "_focused_1w11v_134", pi = "_button_1w11v_73", mi = "_activeVariant_1w11v_160", hi = "_chargeTypes_1w11v_164", _i = "_charge_1w11v_164", gi = "_chargeActive_1w11v_185", fi = "_title_1w11v_190", I = {
+  options: Xn,
+  price: Jn,
+  oldPrice: Qn,
+  newPrice: Kn,
+  animate: Zn,
+  appearAndBounce: ti,
+  meta: ei,
+  info: si,
+  infoRight: ni,
+  buttons: ii,
+  variants: oi,
+  variant: ai,
+  stock: ci,
+  variantInfo: li,
+  quantity: ri,
+  count: di,
+  focused: ui,
+  button: pi,
+  activeVariant: mi,
+  chargeTypes: hi,
+  charge: _i,
+  chargeActive: gi,
+  title: fi
 };
-var Pt = /* @__PURE__ */ ((u) => (u.ONE_TIME = "One-Time", u.RECURRING = "Subscribe & Save", u))(Pt || {});
-const Mo = (u) => {
+var Ot = /* @__PURE__ */ ((u) => (u.ONE_TIME = "One-Time", u.RECURRING = "Subscribe & Save", u))(Ot || {});
+const zo = (u) => {
   var C, S;
-  const { variants: o } = u, [e, n] = _.useState(o[0]), [i, a] = _.useState(e.chargeTypes[0]), c = gt(), [s, l] = _.useState(1), [d, k] = _.useState(!1), { reset: r, addProductToCart: B, getProducts: h } = $t(), [g, m] = _.useState(!1);
-  _.useEffect(() => {
+  const { variants: o } = u, [e, n] = h.useState(o[0]), [i, a] = h.useState(e.chargeTypes[0]), c = gt(), [s, l] = h.useState(1), [d, $] = h.useState(!1), { reset: r, addProductToCart: B, getProducts: x } = wt(), [_, m] = h.useState(!1);
+  h.useEffect(() => {
     m(!0);
-    const x = setTimeout(() => m(!1), 600);
-    return () => clearTimeout(x);
+    const g = setTimeout(() => m(!1), 600);
+    return () => clearTimeout(g);
   }, [s]);
   async function O() {
-    await h(), await B({
+    await x(), await B({
       productId: u.id,
       productVariantId: e.id,
       quantity: s
     });
   }
-  function R() {
+  function q() {
     r(), O(), c("/checkout");
   }
-  function P(x) {
-    if (x >= 864e5) {
-      const I = Math.floor(x / 864e5);
-      return `${I} ${I === 1 ? "day" : "days"}`;
-    } else if (x >= 36e5) {
-      const I = Math.floor(x / 36e5);
-      return `${I} ${I === 1 ? "hour" : "hours"}`;
-    } else if (x >= 6e4) {
-      const I = Math.floor(x / 6e4);
-      return `${I} ${I === 1 ? "minute" : "minutes"}`;
+  function b(g) {
+    if (g >= 864e5) {
+      const N = Math.floor(g / 864e5);
+      return `${N} ${N === 1 ? "day" : "days"}`;
+    } else if (g >= 36e5) {
+      const N = Math.floor(g / 36e5);
+      return `${N} ${N === 1 ? "hour" : "hours"}`;
+    } else if (g >= 6e4) {
+      const N = Math.floor(g / 6e4);
+      return `${N} ${N === 1 ? "minute" : "minutes"}`;
     } else {
-      const I = Math.floor(x / 1e3);
-      return `${I} ${I === 1 ? "second" : "seconds"}`;
+      const N = Math.floor(g / 1e3);
+      return `${N} ${N === 1 ? "second" : "seconds"}`;
     }
   }
-  function q(x, v) {
-    return x.length > v ? x.slice(0, v) + "..." : x;
+  function D(g, j) {
+    return g.length > j ? g.slice(0, j) + "..." : g;
   }
-  return /* @__PURE__ */ t.jsxs("div", { className: w.options, children: [
-    e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: w.chargeTypes, children: e.chargeTypes.map((x) => /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ t.jsxs("div", { className: I.options, children: [
+    e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: I.chargeTypes, children: e.chargeTypes.map((g) => /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: H(w.charge, {
-          [w.chargeActive]: i === x
+        className: V(I.charge, {
+          [I.chargeActive]: i === g
         }),
-        onClick: () => a(x),
-        children: Pt[x]
+        onClick: () => a(g),
+        children: Ot[g]
       },
-      x
+      g
     )) }),
-    /* @__PURE__ */ t.jsx("div", { className: w.variants, children: o.map((x) => {
-      var v;
+    /* @__PURE__ */ t.jsx("div", { className: I.variants, children: o.map((g) => {
+      var j;
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: H(w.variant, {
-            [w.activeVariant]: e.id === x.id
+          className: V(I.variant, {
+            [I.activeVariant]: e.id === g.id
           }),
-          onClick: () => n(x),
+          onClick: () => n(g),
           children: [
-            /* @__PURE__ */ t.jsxs("div", { className: w.variantInfo, children: [
-              /* @__PURE__ */ t.jsx("span", { className: w.title, children: q(x.name, 15) }),
+            /* @__PURE__ */ t.jsxs("div", { className: I.variantInfo, children: [
+              /* @__PURE__ */ t.jsx("span", { className: I.title, children: D(g.name, 15) }),
               /* @__PURE__ */ t.jsxs("span", { children: [
                 "$",
-                i === "ONE_TIME" ? x.price.amount : x.subscriptionSettings ? x.subscriptionSettings.price.amount : "Price Not Found"
+                i === "ONE_TIME" ? g.price.amount : g.subscriptionSettings ? g.subscriptionSettings.price.amount : "Price Not Found"
               ] })
             ] }),
-            /* @__PURE__ */ t.jsx("div", { children: i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: w.stock, children: [
-              ((v = x.quantity.restrictions) == null ? void 0 : v.max) || x.quantity.available || 0,
+            /* @__PURE__ */ t.jsx("div", { children: i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: I.stock, children: [
+              ((j = g.quantity.restrictions) == null ? void 0 : j.max) || g.quantity.available || 0,
               " in stock"
             ] }) })
           ]
         },
-        x.id
+        g.id
       );
     }) }),
-    i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: w.quantity, children: [
+    i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: I.quantity, children: [
       /* @__PURE__ */ t.jsx(
         "button",
         {
           onClick: () => {
-            s > 1 ? l((x) => x - 1) : l(1);
+            s > 1 ? l((g) => g - 1) : l(1);
           },
-          className: w.button,
+          className: I.button,
           disabled: e.quantity.restrictions && s <= e.quantity.restrictions.min,
           children: /* @__PURE__ */ t.jsx(f, { name: "Minus" })
         }
@@ -2126,17 +2130,17 @@ const Mo = (u) => {
       /* @__PURE__ */ t.jsx(
         "label",
         {
-          className: H(w.count, {
-            [w.focused]: d
+          className: V(I.count, {
+            [I.focused]: d
           }),
-          onFocus: () => k(!0),
-          onBlur: () => k(!1),
+          onFocus: () => $(!0),
+          onBlur: () => $(!1),
           children: /* @__PURE__ */ t.jsx(
             W,
             {
               type: "number",
               value: String(s),
-              onChange: (x) => l(Number(x)),
+              onChange: (g) => l(Number(g)),
               max: ((C = e.quantity.restrictions) == null ? void 0 : C.max) || e.quantity.available || 1 / 0,
               min: ((S = e.quantity.restrictions) == null ? void 0 : S.min) || 0,
               style: {
@@ -2152,18 +2156,18 @@ const Mo = (u) => {
         "button",
         {
           onClick: () => {
-            l((x) => x + 1);
+            l((g) => g + 1);
           },
-          className: w.button,
+          className: I.button,
           disabled: !!(e.quantity.restrictions && s >= e.quantity.restrictions.max || e.quantity.available && s >= e.quantity.available),
           children: /* @__PURE__ */ t.jsx(f, { name: "Plus" })
         }
       )
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: w.meta, children: [
-      /* @__PURE__ */ t.jsxs("div", { className: w.info, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: I.meta, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: I.info, children: [
         /* @__PURE__ */ t.jsx("span", { children: "Delivery" }),
-        /* @__PURE__ */ t.jsxs("div", { className: w.infoRight, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: I.infoRight, children: [
           /* @__PURE__ */ t.jsx(
             f,
             {
@@ -2173,49 +2177,49 @@ const Mo = (u) => {
               height: 20
             }
           ),
-          /* @__PURE__ */ t.jsx("span", { children: !e.deliveryTime || e.deliveryTime === 0 ? "Instant" : P(e.deliveryTime) })
+          /* @__PURE__ */ t.jsx("span", { children: !e.deliveryTime || e.deliveryTime === 0 ? "Instant" : b(e.deliveryTime) })
         ] })
       ] }),
-      /* @__PURE__ */ t.jsxs("div", { className: w.info, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: I.info, children: [
         /* @__PURE__ */ t.jsx("span", { children: "Price" }),
-        /* @__PURE__ */ t.jsx("div", { className: w.infoRight, children: i === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: w.price, children: [
-          /* @__PURE__ */ t.jsxs("span", { className: H(w.newPrice, { [w.animate]: g }), children: [
+        /* @__PURE__ */ t.jsx("div", { className: I.infoRight, children: i === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: I.price, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: V(I.newPrice, { [I.animate]: _ }), children: [
             "$ ",
             (e.price.amount || 0) * s
           ] }),
-          /* @__PURE__ */ t.jsxs("span", { className: w.oldPrice, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: I.oldPrice, children: [
             "$ ",
             (e.compareAtPrice.amount || 0) * s
           ] })
-        ] }) : /* @__PURE__ */ t.jsxs("span", { className: H(w.newPrice, { [w.animate]: g }), children: [
+        ] }) : /* @__PURE__ */ t.jsxs("span", { className: V(I.newPrice, { [I.animate]: _ }), children: [
           "$ ",
           (e.price.amount || 0) * s
-        ] }) : e.subscriptionSettings && e.subscriptionSettings.compareAtPrice && (e.subscriptionSettings.compareAtPrice.amount || 0) - (e.subscriptionSettings.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: w.price, children: [
-          /* @__PURE__ */ t.jsxs("span", { className: H(w.newPrice, { [w.animate]: g }), children: [
+        ] }) : e.subscriptionSettings && e.subscriptionSettings.compareAtPrice && (e.subscriptionSettings.compareAtPrice.amount || 0) - (e.subscriptionSettings.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: I.price, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: V(I.newPrice, { [I.animate]: _ }), children: [
             "$ ",
             e.subscriptionSettings.price.amount || 0
           ] }),
-          /* @__PURE__ */ t.jsxs("span", { className: w.oldPrice, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: I.oldPrice, children: [
             "$ ",
             e.subscriptionSettings.compareAtPrice.amount || 0
           ] })
-        ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsxs("span", { className: H(w.newPrice, { [w.animate]: g }), children: [
+        ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsxs("span", { className: V(I.newPrice, { [I.animate]: _ }), children: [
           "$ ",
           e.subscriptionSettings.price.amount || 0
         ] }) })
       ] })
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: w.buttons, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: I.buttons, children: [
       /* @__PURE__ */ t.jsx(
-        it,
+        ot,
         {
           type: "Primary",
-          onClick: () => R(),
+          onClick: () => q(),
           children: /* @__PURE__ */ t.jsx("span", { children: i === "ONE_TIME" ? "Buy Now" : "Subscribe Now" })
         }
       ),
       i === "ONE_TIME" && /* @__PURE__ */ t.jsx(
-        it,
+        ot,
         {
           type: "Secondary",
           onClick: () => O(),
@@ -2224,59 +2228,65 @@ const Mo = (u) => {
       )
     ] })
   ] });
-}, _i = "_button_1x9be_1", gi = "_login_1x9be_14", xi = "_signUp_1x9be_18", fi = "_buttons_1x9be_23", bi = "_modal_1x9be_32", vi = "_info_1x9be_48", ji = "_top_1x9be_55", yi = "_title_1x9be_66", ki = "_clear_1x9be_72", $i = "_activeClear_1x9be_79", Ni = "_count_1x9be_83", Ii = "_cart_1x9be_98", wi = "_empty_1x9be_106", Ci = "_product_1x9be_132", Si = "_products_1x9be_141", Ti = "_image_1x9be_149", Bi = "_productInfo_1x9be_155", Pi = "_content_1x9be_162", Ai = "_name_1x9be_168", Oi = "_price_1x9be_174", qi = "_productButtons_1x9be_180", Di = "_productButton_1x9be_180", Ei = "_productCount_1x9be_200", Li = "_bottom_1x9be_216", Ri = "_subtotal_1x9be_224", Mi = "_block_1x9be_232", Hi = "_shoppingCount_1x9be_239", Fi = "_total_1x9be_259", Vi = "_link_1x9be_265", Ui = "_userInfo_1x9be_272", N = {
-  button: _i,
-  login: gi,
-  signUp: xi,
-  buttons: fi,
-  modal: bi,
-  info: vi,
-  top: ji,
-  title: yi,
-  clear: ki,
-  activeClear: $i,
-  count: Ni,
-  cart: Ii,
-  empty: wi,
-  product: Ci,
-  products: Si,
-  image: Ti,
-  productInfo: Bi,
-  content: Pi,
-  name: Ai,
-  price: Oi,
-  productButtons: qi,
-  productButton: Di,
-  productCount: Ei,
-  bottom: Li,
-  subtotal: Ri,
-  block: Mi,
-  shoppingCount: Hi,
-  total: Fi,
-  link: Vi,
-  userInfo: Ui
-}, zi = "_button_15mga_1", Yi = "_primary_15mga_19", Gi = "_secondary_15mga_24", Wi = "_tertiary_15mga_29", Xi = "_content_15mga_34", ut = {
-  button: zi,
-  primary: Yi,
-  secondary: Gi,
-  tertiary: Wi,
-  content: Xi
-}, Ji = (u) => {
-  const { children: o, onClick: e, style: n, className: i, disabled: a = !1, type: c = "Primary" } = u;
+}, xi = "_button_1861a_1", bi = "_login_1861a_14", vi = "_signUp_1861a_18", ji = "_buttons_1861a_23", yi = "_modal_1861a_32", ki = "_info_1861a_60", $i = "_top_1861a_67", wi = "_title_1861a_78", Ni = "_clear_1861a_84", Ii = "_activeClear_1861a_91", Ci = "_count_1861a_95", Si = "_cart_1861a_110", Ti = "_empty_1861a_118", Pi = "_product_1861a_144", Bi = "_products_1861a_153", Ai = "_image_1861a_161", Oi = "_productInfo_1861a_167", qi = "_content_1861a_174", Di = "_name_1861a_180", Ei = "_price_1861a_186", Li = "_productButtons_1861a_192", Ri = "_productButton_1861a_192", Mi = "_productCount_1861a_212", Hi = "_bottom_1861a_228", Fi = "_subtotal_1861a_236", Vi = "_block_1861a_244", Ui = "_shoppingCount_1861a_251", zi = "_total_1861a_271", Yi = "_link_1861a_277", Gi = "_userInfo_1861a_284", P = {
+  button: xi,
+  login: bi,
+  signUp: vi,
+  buttons: ji,
+  modal: yi,
+  info: ki,
+  top: $i,
+  title: wi,
+  clear: Ni,
+  activeClear: Ii,
+  count: Ci,
+  cart: Si,
+  empty: Ti,
+  product: Pi,
+  products: Bi,
+  image: Ai,
+  productInfo: Oi,
+  content: qi,
+  name: Di,
+  price: Ei,
+  productButtons: Li,
+  productButton: Ri,
+  productCount: Mi,
+  bottom: Hi,
+  subtotal: Fi,
+  block: Vi,
+  shoppingCount: Ui,
+  total: zi,
+  link: Yi,
+  userInfo: Gi
+}, Wi = "_button_bymeg_1", Xi = "_primary_bymeg_19", Ji = "_primaryHovered_bymeg_30", Qi = "_secondary_bymeg_34", Ki = "_secondaryHovered_bymeg_44", Zi = "_tertiary_bymeg_48", to = "_tertiaryHovered_bymeg_58", eo = "_content_bymeg_62", nt = {
+  button: Wi,
+  primary: Xi,
+  primaryHovered: Ji,
+  secondary: Qi,
+  secondaryHovered: Ki,
+  tertiary: Zi,
+  tertiaryHovered: to,
+  content: eo
+}, vt = (u) => {
+  const { children: o, onClick: e, style: n, className: i, disabled: a = !1, type: c = "Primary" } = u, { themeSettings: s } = St();
   return /* @__PURE__ */ t.jsx(
     "button",
     {
-      className: H(ut.button, i, {
-        [ut.primary]: c === "Primary",
-        [ut.secondary]: c === "Secondary",
-        [ut.tertiary]: c === "Tertiary"
+      className: V(nt.button, i, {
+        [nt.primary]: c === "Primary",
+        [nt.secondary]: c === "Secondary",
+        [nt.tertiary]: c === "Tertiary",
+        [nt.primaryHovered]: c === "Primary" && !a && s.buttons.primary.hover,
+        [nt.secondaryHovered]: c === "Secondary" && !a && s.buttons.secondary.hover,
+        [nt.tertiaryHovered]: c === "Tertiary" && !a && s.buttons.tertiary.hover
       }),
       onClick: e,
       style: {
         ...n
       },
       disabled: a,
-      children: c === "Tertiary" ? /* @__PURE__ */ t.jsxs("div", { className: ut.content, children: [
+      children: c === "Tertiary" ? /* @__PURE__ */ t.jsxs("div", { className: nt.content, children: [
         /* @__PURE__ */ t.jsx(
           f,
           {
@@ -2294,13 +2304,13 @@ const Mo = (u) => {
 class mt extends Error {
 }
 mt.prototype.name = "InvalidTokenError";
-function Qi(u) {
+function so(u) {
   return decodeURIComponent(atob(u).replace(/(.)/g, (o, e) => {
     let n = e.charCodeAt(0).toString(16).toUpperCase();
     return n.length < 2 && (n = "0" + n), "%" + n;
   }));
 }
-function Ki(u) {
+function no(u) {
   let o = u.replace(/-/g, "+").replace(/_/g, "/");
   switch (o.length % 4) {
     case 0:
@@ -2315,12 +2325,12 @@ function Ki(u) {
       throw new Error("base64 string is not of the correct length");
   }
   try {
-    return Qi(o);
+    return so(o);
   } catch {
     return atob(o);
   }
 }
-function Zi(u, o) {
+function io(u, o) {
   if (typeof u != "string")
     throw new mt("Invalid token specified: must be a string");
   o || (o = {});
@@ -2329,7 +2339,7 @@ function Zi(u, o) {
     throw new mt(`Invalid token specified: missing part #${e + 1}`);
   let i;
   try {
-    i = Ki(n);
+    i = no(n);
   } catch (a) {
     throw new mt(`Invalid token specified: invalid base64 for part #${e + 1} (${a.message})`);
   }
@@ -2339,68 +2349,74 @@ function Zi(u, o) {
     throw new mt(`Invalid token specified: invalid json for part #${e + 1} (${a.message})`);
   }
 }
-const Ho = (u) => {
+const Yo = (u) => {
   const { shopping: o, signUp: e } = u, n = gt();
   function i(c) {
     n(c);
   }
   const a = JSON.parse(localStorage.getItem("token") || "{}");
-  return /* @__PURE__ */ t.jsxs("div", { className: N.buttons, children: [
-    o && /* @__PURE__ */ t.jsx(to, {}),
+  return /* @__PURE__ */ t.jsxs("div", { className: P.buttons, children: [
+    o && /* @__PURE__ */ t.jsx(oo, {}),
     !a.data && /* @__PURE__ */ t.jsx(
-      "div",
+      vt,
       {
-        className: H(N.button, N.login),
         onClick: () => i("/customer-dash"),
+        type: "Secondary",
+        style: {
+          padding: 10
+        },
         children: "Login"
       }
     ),
     !a.data && e && /* @__PURE__ */ t.jsx(
-      "div",
+      vt,
       {
-        className: H(N.button, N.login, N.signUp),
         onClick: () => i("/customer-dash"),
+        type: "Primary",
+        style: {
+          padding: 10
+        },
         children: "Sign Up"
       }
     ),
-    a.data && /* @__PURE__ */ t.jsx(no, { token: a.data })
+    a.data && /* @__PURE__ */ t.jsx(lo, { token: a.data })
   ] });
-}, to = () => {
-  const [u, o] = _.useState(!1), [e, n] = _.useState([]), { cart: i, getProducts: a } = $t();
-  function c(k) {
+}, oo = () => {
+  const [u, o] = h.useState(!1), [e, n] = h.useState([]), { cart: i, getProducts: a } = wt();
+  function c($) {
     for (let r = 0; r < i.parts.length; r++)
-      for (let B = 0; B < k.variants.length; B++)
-        if (i.parts[r].productVariantId === k.variants[r].id)
+      for (let B = 0; B < $.variants.length; B++)
+        if (i.parts[r].productVariantId === $.variants[r].id)
           return i.parts[r].productVariantId;
   }
-  function s(k) {
+  function s($) {
     for (let r = 0; r < i.parts.length; r++)
-      for (let B = 0; B < k.variants.length; B++)
-        if (i.parts[r].productVariantId === k.variants[r].id)
+      for (let B = 0; B < $.variants.length; B++)
+        if (i.parts[r].productVariantId === $.variants[r].id)
           return i.parts[r].quantity;
   }
-  _.useEffect(() => {
+  h.useEffect(() => {
     (async () => {
-      const r = i.parts.map((g) => String(g.productId)), h = (await a([...r])).map((g) => ({
-        ...g,
-        activeVariantId: c(g),
-        quantity: s(g)
+      const r = i.parts.map((_) => String(_.productId)), x = (await a([...r])).map((_) => ({
+        ..._,
+        activeVariantId: c(_),
+        quantity: s(_)
       }));
-      n(h);
+      n(x);
     })();
   }, [i]);
-  function l(k) {
+  function l($) {
     var r;
-    return !k || !(k != null && k.variants) ? !1 : (r = k.variants.find((B) => B.id === k.activeVariantId)) == null ? void 0 : r.subscriptionSettings;
+    return !$ || !($ != null && $.variants) ? !1 : (r = $.variants.find((B) => B.id === $.activeVariantId)) == null ? void 0 : r.subscriptionSettings;
   }
   const d = i.parts.length > 0 && e.length > 0 && !l(e[0]);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: N.button,
-        onClick: (k) => {
-          k.stopPropagation(), o(!0);
+        className: P.button,
+        onClick: ($) => {
+          $.stopPropagation(), window.location.pathname !== "/admin/builder" && o(!0);
         },
         children: [
           /* @__PURE__ */ t.jsx(
@@ -2410,20 +2426,20 @@ const Ho = (u) => {
               fill: "var(--icon-primary)"
             }
           ),
-          d && /* @__PURE__ */ t.jsx("div", { className: N.shoppingCount, children: i.parts.length })
+          d && /* @__PURE__ */ t.jsx("div", { className: P.shoppingCount, children: i.parts.length })
         ]
       }
     ),
-    u && /* @__PURE__ */ t.jsx(Ct, { close: o, children: /* @__PURE__ */ t.jsx(
-      eo,
+    u && /* @__PURE__ */ t.jsx(Tt, { close: o, children: /* @__PURE__ */ t.jsx(
+      ao,
       {
         activeProducts: e,
         isCartNotEmpty: d
       }
     ) })
   ] });
-}, eo = (u) => {
-  const { activeProducts: o, isCartNotEmpty: e } = u, { cart: n, reset: i, getTotalAndDiscount: a, updateQuantityOfProduct: c } = $t(), s = gt();
+}, ao = (u) => {
+  const { activeProducts: o, isCartNotEmpty: e } = u, { cart: n, reset: i, getTotalAndDiscount: a, updateQuantityOfProduct: c } = wt(), s = gt();
   function l(r) {
     s(r);
   }
@@ -2434,7 +2450,7 @@ const Ho = (u) => {
       quantity: r.quantity + 1
     });
   }
-  function k(r) {
+  function $(r) {
     c({
       productId: r.id,
       productVariantId: r.activeVariantId,
@@ -2444,19 +2460,19 @@ const Ho = (u) => {
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: N.modal,
+      className: P.modal,
       onClick: (r) => r.stopPropagation(),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: N.top, children: [
-          /* @__PURE__ */ t.jsxs("div", { className: N.info, children: [
-            /* @__PURE__ */ t.jsx("span", { className: N.title, children: "Cart" }),
-            e && /* @__PURE__ */ t.jsx("div", { className: N.count, children: n.parts.length })
+        /* @__PURE__ */ t.jsxs("div", { className: P.top, children: [
+          /* @__PURE__ */ t.jsxs("div", { className: P.info, children: [
+            /* @__PURE__ */ t.jsx("span", { className: P.title, children: "Cart" }),
+            e && /* @__PURE__ */ t.jsx("div", { className: P.count, children: n.parts.length })
           ] }),
           /* @__PURE__ */ t.jsx(
             "button",
             {
-              className: H(N.clear, {
-                [N.activeClear]: e
+              className: V(P.clear, {
+                [P.activeClear]: e
               }),
               disabled: !e,
               onClick: () => i(),
@@ -2464,13 +2480,13 @@ const Ho = (u) => {
             }
           )
         ] }),
-        e ? /* @__PURE__ */ t.jsxs("div", { className: N.cart, children: [
-          /* @__PURE__ */ t.jsx("div", { className: N.products, children: o.map((r) => /* @__PURE__ */ t.jsxs(
+        e ? /* @__PURE__ */ t.jsxs("div", { className: P.cart, children: [
+          /* @__PURE__ */ t.jsx("div", { className: P.products, children: o.map((r) => /* @__PURE__ */ t.jsxs(
             "div",
             {
-              className: N.product,
+              className: P.product,
               children: [
-                /* @__PURE__ */ t.jsxs("div", { className: N.productInfo, children: [
+                /* @__PURE__ */ t.jsxs("div", { className: P.productInfo, children: [
                   /* @__PURE__ */ t.jsx(
                     "img",
                     {
@@ -2478,25 +2494,25 @@ const Ho = (u) => {
                       alt: "image",
                       width: "100%",
                       height: "100%",
-                      className: N.image
+                      className: P.image
                     }
                   ),
-                  /* @__PURE__ */ t.jsxs("div", { className: N.content, children: [
-                    /* @__PURE__ */ t.jsx("div", { className: N.name, children: r.name }),
-                    /* @__PURE__ */ t.jsxs("div", { className: N.price, children: [
+                  /* @__PURE__ */ t.jsxs("div", { className: P.content, children: [
+                    /* @__PURE__ */ t.jsx("div", { className: P.name, children: r.name }),
+                    /* @__PURE__ */ t.jsxs("div", { className: P.price, children: [
                       "$",
                       r.variants.find((B) => B.id === r.activeVariantId).price.amount * ((r == null ? void 0 : r.quantity) || 1)
                     ] })
                   ] })
                 ] }),
-                /* @__PURE__ */ t.jsxs("div", { className: N.productButtons, children: [
+                /* @__PURE__ */ t.jsxs("div", { className: P.productButtons, children: [
                   /* @__PURE__ */ t.jsx(
                     "div",
                     {
                       onClick: () => {
-                        r.quantity !== 1 && k(r);
+                        r.quantity !== 1 && $(r);
                       },
-                      className: N.productButton,
+                      className: P.productButton,
                       children: /* @__PURE__ */ t.jsx(
                         f,
                         {
@@ -2508,12 +2524,12 @@ const Ho = (u) => {
                       )
                     }
                   ),
-                  /* @__PURE__ */ t.jsx("div", { className: N.productCount, children: r.quantity }),
+                  /* @__PURE__ */ t.jsx("div", { className: P.productCount, children: r.quantity }),
                   /* @__PURE__ */ t.jsx(
                     "div",
                     {
                       onClick: () => d(r),
-                      className: N.productButton,
+                      className: P.productButton,
                       children: /* @__PURE__ */ t.jsx(
                         f,
                         {
@@ -2530,9 +2546,9 @@ const Ho = (u) => {
             },
             r.id
           )) }),
-          /* @__PURE__ */ t.jsxs("div", { className: N.bottom, children: [
-            /* @__PURE__ */ t.jsxs("div", { className: N.subtotal, children: [
-              /* @__PURE__ */ t.jsxs("div", { className: N.block, children: [
+          /* @__PURE__ */ t.jsxs("div", { className: P.bottom, children: [
+            /* @__PURE__ */ t.jsxs("div", { className: P.subtotal, children: [
+              /* @__PURE__ */ t.jsxs("div", { className: P.block, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Subtotal" }),
                 /* @__PURE__ */ t.jsx(
                   f,
@@ -2544,18 +2560,18 @@ const Ho = (u) => {
                   }
                 )
               ] }),
-              /* @__PURE__ */ t.jsxs("div", { className: N.total, children: [
+              /* @__PURE__ */ t.jsxs("div", { className: P.total, children: [
                 "$",
                 a().total
               ] })
             ] }),
-            /* @__PURE__ */ t.jsx(Ji, { onClick: () => l("/checkout"), children: "Checkout" })
+            /* @__PURE__ */ t.jsx(vt, { onClick: () => l("/checkout"), children: "Checkout" })
           ] })
-        ] }) : /* @__PURE__ */ t.jsx(so, {})
+        ] }) : /* @__PURE__ */ t.jsx(co, {})
       ]
     }
   );
-}, so = () => /* @__PURE__ */ t.jsxs("div", { className: N.empty, children: [
+}, co = () => /* @__PURE__ */ t.jsxs("div", { className: P.empty, children: [
   /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(f, { name: "Handbag" }) }),
   /* @__PURE__ */ t.jsx("span", { children: "Your cart is empty" }),
   /* @__PURE__ */ t.jsxs("span", { children: [
@@ -2565,16 +2581,16 @@ const Ho = (u) => {
       "a",
       {
         href: "/products",
-        className: N.link,
+        className: P.link,
         children: "here"
       }
     )
   ] })
-] }), no = ({ token: u }) => {
-  const [o, e] = _.useState("test-email@gmail.com"), n = gt();
-  _.useEffect(() => {
+] }), lo = ({ token: u }) => {
+  const [o, e] = h.useState("test-email@gmail.com"), n = gt();
+  h.useEffect(() => {
     (async () => {
-      const c = Zi(u);
+      const c = io(u);
       e(c.email);
     })();
   }, [u]);
@@ -2584,29 +2600,29 @@ const Ho = (u) => {
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      className: N.userInfo,
+      className: P.userInfo,
       onClick: () => i("/customer-dash"),
       children: /* @__PURE__ */ t.jsx("div", { children: o || "test-email@gmail.com" })
     }
   );
-}, io = "_share_9g414_1", oo = "_modal_9g414_8", ao = "_header_9g414_14", co = "_socials_9g414_24", lo = "_social_9g414_24", ro = "_copy_9g414_34", uo = "_title_9g414_41", po = "_copyWrapper_9g414_47", mo = "_copyText_9g414_56", Q = {
-  share: io,
-  modal: oo,
-  header: ao,
-  socials: co,
-  social: lo,
-  copy: ro,
-  title: uo,
-  copyWrapper: po,
-  copyText: mo
-}, Fo = () => {
-  const { isOpenModal: u, setIsOpenModal: o } = St();
+}, ro = "_share_9g414_1", uo = "_modal_9g414_8", po = "_header_9g414_14", mo = "_socials_9g414_24", ho = "_social_9g414_24", _o = "_copy_9g414_34", go = "_title_9g414_41", fo = "_copyWrapper_9g414_47", xo = "_copyText_9g414_56", Q = {
+  share: ro,
+  modal: uo,
+  header: po,
+  socials: mo,
+  social: ho,
+  copy: _o,
+  title: go,
+  copyWrapper: fo,
+  copyText: xo
+}, Go = () => {
+  const { isOpenModal: u, setIsOpenModal: o } = Pt();
   function e() {
     o(!0);
   }
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
-      it,
+      ot,
       {
         className: Q.share,
         onClick: (n) => {
@@ -2617,12 +2633,13 @@ const Ho = (u) => {
           f,
           {
             name: "Share",
-            fill: "#757575"
+            fill: "#757575",
+            hoverable: !0
           }
         )
       }
     ),
-    u && /* @__PURE__ */ t.jsx(Ct, { close: o, children: /* @__PURE__ */ t.jsx(ho, {}) })
+    u && /* @__PURE__ */ t.jsx(Tt, { close: o, children: /* @__PURE__ */ t.jsx(bo, {}) })
   ] });
 }, It = {
   facebook: "FacebookLogo",
@@ -2631,16 +2648,19 @@ const Ho = (u) => {
   instagram: "InstagramLogo",
   discord: "MessengerLogo",
   tiktok: "TiktokLogo"
-}, ho = () => {
-  const { setIsOpenModal: u } = St(), o = window.location.href;
-  function e() {
-    navigator.clipboard.writeText(o);
+}, bo = () => {
+  const { setIsOpenModal: u } = Pt(), { notification: o, setNotification: e } = Dt(), n = window.location.href;
+  function i() {
+    navigator.clipboard.writeText(n), e({
+      message: "Link copied to clipboard",
+      status: "success"
+    });
   }
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
       className: Q.modal,
-      onClick: (n) => n.stopPropagation(),
+      onClick: (a) => a.stopPropagation(),
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: Q.header, children: [
           /* @__PURE__ */ t.jsx("div", { className: Q.title, children: "Share this Post" }),
@@ -2649,43 +2669,44 @@ const Ho = (u) => {
             {
               name: "X",
               fill: "#757575",
-              onClick: () => u(!1)
+              onClick: () => u(!1),
+              hoverable: !0
             }
           )
         ] }),
-        /* @__PURE__ */ t.jsx("div", { className: Q.socials, children: Object.keys(It).map((n) => /* @__PURE__ */ t.jsx("div", { className: Q.social, children: /* @__PURE__ */ t.jsx(f, { name: It[n] }) })) }),
+        /* @__PURE__ */ t.jsx("div", { className: Q.socials, children: Object.keys(It).map((a) => /* @__PURE__ */ t.jsx("div", { className: Q.social, children: /* @__PURE__ */ t.jsx(f, { name: It[a] }) })) }),
         /* @__PURE__ */ t.jsxs("div", { className: Q.copyWrapper, children: [
           /* @__PURE__ */ t.jsx(
             "div",
             {
-              className: H(Q.copy, Q.copyText),
-              onClick: e,
-              children: o
+              className: V(Q.copy, Q.copyText),
+              onClick: i,
+              children: n
             }
           ),
           /* @__PURE__ */ t.jsx(
             "div",
             {
-              onClick: e,
+              onClick: i,
               className: Q.copy,
-              children: /* @__PURE__ */ t.jsx(f, { name: "Copy" })
+              children: o ? /* @__PURE__ */ t.jsx(f, { name: "Check" }) : /* @__PURE__ */ t.jsx(f, { name: "Copy" })
             }
           )
         ] })
       ]
     }
   );
-}, _o = "_accordion_9e4oa_1", go = "_header_9e4oa_9", xo = "_icon_9e4oa_18", fo = "_open_9e4oa_21", bo = "_content_9e4oa_25", pt = {
-  accordion: _o,
-  header: go,
-  icon: xo,
-  open: fo,
-  content: bo
-}, Vo = ({ title: u, content: o }) => {
-  const [e, n] = _.useState(!1), [i, a] = _.useState(0), c = _.useRef(null), s = () => {
+}, vo = "_accordion_1s1lq_1", jo = "_header_1s1lq_9", yo = "_icon_1s1lq_18", ko = "_open_1s1lq_21", $o = "_content_1s1lq_25", pt = {
+  accordion: vo,
+  header: jo,
+  icon: yo,
+  open: ko,
+  content: $o
+}, Wo = ({ title: u, content: o }) => {
+  const [e, n] = h.useState(!1), [i, a] = h.useState(0), c = h.useRef(null), s = () => {
     n(!e);
   };
-  return _.useEffect(() => {
+  return h.useEffect(() => {
     c.current && a(e ? c.current.scrollHeight : 0);
   }, [e]), /* @__PURE__ */ t.jsxs("div", { className: pt.accordion, children: [
     /* @__PURE__ */ t.jsxs(
@@ -2695,7 +2716,7 @@ const Ho = (u) => {
         onClick: s,
         children: [
           /* @__PURE__ */ t.jsx("h5", { id: "h5", children: u }),
-          /* @__PURE__ */ t.jsx("div", { className: H(pt.icon, { [pt.open]: e }), children: /* @__PURE__ */ t.jsx(f, { name: "CaretDown" }) })
+          /* @__PURE__ */ t.jsx("div", { className: V(pt.icon, { [pt.open]: e }), children: /* @__PURE__ */ t.jsx(f, { name: "CaretDown" }) })
         ]
       }
     ),
@@ -2709,16 +2730,16 @@ const Ho = (u) => {
       }
     )
   ] });
-}, vo = "_wrapper_1r14x_1", jo = "_label_1r14x_9", yo = "_input_1r14x_18", ko = "_required_1r14x_35", $o = "_paddingless_1r14x_39", No = "_content_1r14x_43", Io = "_borderless_1r14x_58", wo = "_rightIcon_1r14x_63", nt = {
-  wrapper: vo,
-  label: jo,
-  input: yo,
-  required: ko,
-  paddingless: $o,
-  content: No,
-  borderless: Io,
-  rightIcon: wo
-}, Uo = (u) => {
+}, wo = "_wrapper_1r14x_1", No = "_label_1r14x_9", Io = "_input_1r14x_18", Co = "_required_1r14x_35", So = "_paddingless_1r14x_39", To = "_content_1r14x_43", Po = "_borderless_1r14x_58", Bo = "_rightIcon_1r14x_63", it = {
+  wrapper: wo,
+  label: No,
+  input: Io,
+  required: Co,
+  paddingless: So,
+  content: To,
+  borderless: Po,
+  rightIcon: Bo
+}, Xo = (u) => {
   const {
     onChange: o,
     style: e,
@@ -2729,39 +2750,39 @@ const Ho = (u) => {
     max: s,
     placeholder: l,
     disabled: d = !1,
-    required: k = !1,
+    required: $ = !1,
     regex: r,
     paddingless: B = !1,
-    borderless: h = !1,
-    editable: g = !1,
+    borderless: x = !1,
+    editable: _ = !1,
     isSearch: m = !1
-  } = u, { themeSettings: O } = At(), { inputs: R } = O, [P, q] = _.useState(!1);
-  function C(v, M) {
-    if (v.startsWith("#")) {
-      let I, D, E;
-      return v.length === 7 ? (I = parseInt(v.slice(1, 3), 16), D = parseInt(v.slice(3, 5), 16), E = parseInt(v.slice(5, 7), 16)) : v.length === 4 && (I = parseInt(v[1] + v[1], 16), D = parseInt(v[2] + v[2], 16), E = parseInt(v[3] + v[3], 16)), `rgba(${I}, ${D}, ${E}, ${M})`;
+  } = u, { themeSettings: O } = St(), { inputs: q } = O, [b, D] = h.useState(!1);
+  function C(j, M) {
+    if (j.startsWith("#")) {
+      let N, E, L;
+      return j.length === 7 ? (N = parseInt(j.slice(1, 3), 16), E = parseInt(j.slice(3, 5), 16), L = parseInt(j.slice(5, 7), 16)) : j.length === 4 && (N = parseInt(j[1] + j[1], 16), E = parseInt(j[2] + j[2], 16), L = parseInt(j[3] + j[3], 16)), `rgba(${N}, ${E}, ${L}, ${M})`;
     }
-    const j = {
+    const y = {
       black: "#000000",
       white: "#ffffff",
       red: "#ff0000",
       green: "#00ff00",
       blue: "#0000ff"
       // Можно добавить больше цветов
-    }[v.toLowerCase()];
-    return j ? C(j, M) : v;
+    }[j.toLowerCase()];
+    return y ? C(y, M) : j;
   }
-  function S(v) {
-    return Number(v) < 0 ? String(c) : v;
+  function S(j) {
+    return Number(j) < 0 ? String(c) : j;
   }
-  function x(v) {
-    return !k || !r ? !0 : new RegExp(r).test(v);
+  function g(j) {
+    return !$ || !r ? !0 : new RegExp(r).test(j);
   }
-  return /* @__PURE__ */ t.jsxs("div", { className: nt.wrapper, children: [
+  return /* @__PURE__ */ t.jsxs("div", { className: it.wrapper, children: [
     n && /* @__PURE__ */ t.jsx(
       "label",
       {
-        className: nt.label,
+        className: it.label,
         htmlFor: n,
         children: n
       }
@@ -2769,11 +2790,11 @@ const Ho = (u) => {
     /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: nt.content,
+        className: it.content,
         style: {
-          paddingRight: R.general.height + 15,
+          paddingRight: q.general.height + 15,
           ...e,
-          backgroundColor: C(R.field.color, R.field.opacity / 100)
+          backgroundColor: C(q.field.color, q.field.opacity / 100)
         },
         children: [
           /* @__PURE__ */ t.jsx(
@@ -2781,37 +2802,37 @@ const Ho = (u) => {
             {
               id: n,
               type: a || "text",
-              onChange: (v) => {
-                if (a === "text") o(v.target.value);
+              onChange: (j) => {
+                if (a === "text") o(j.target.value);
                 else {
-                  const M = S(v.target.value);
+                  const M = S(j.target.value);
                   o(M);
                 }
               },
               value: i,
               autoComplete: "off",
               placeholder: l || "Type something...",
-              className: H(nt.input, {
-                [nt.required]: P && k && !x(i),
-                [nt.paddingless]: B,
-                [nt.borderless]: h
+              className: V(it.input, {
+                [it.required]: b && $ && !g(i),
+                [it.paddingless]: B,
+                [it.borderless]: x
               }),
               min: a === "number" ? c : void 0,
               max: a === "number" ? s : void 0,
               disabled: d,
-              onFocus: () => q(!0)
+              onFocus: () => D(!0)
             }
           ),
-          m && /* @__PURE__ */ t.jsx("div", { className: nt.rightIcon, children: /* @__PURE__ */ t.jsx(
+          m && /* @__PURE__ */ t.jsx("div", { className: it.rightIcon, children: /* @__PURE__ */ t.jsx(
             f,
             {
               name: "MagnifyingGlass",
               fill: "var(--icon-secondary)",
-              width: R.general.height,
-              height: R.general.height
+              width: q.general.height,
+              height: q.general.height
             }
           ) }),
-          g && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+          _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
             f,
             {
               name: "Sliders",
@@ -2824,13 +2845,13 @@ const Ho = (u) => {
       }
     )
   ] });
-}, Co = "_wrapper_st58d_1", So = "_label_st58d_10", To = "_textarea_st58d_18", Bo = "_length_st58d_33", _t = {
-  wrapper: Co,
-  label: So,
-  textarea: To,
-  length: Bo
-}, zo = (u) => {
-  const { onChange: o, label: e, value: n, maxLength: i, placeholder: a = "Type something..." } = u, [c, s] = _.useState(n.length);
+}, Ao = "_wrapper_st58d_1", Oo = "_label_st58d_10", qo = "_textarea_st58d_18", Do = "_length_st58d_33", _t = {
+  wrapper: Ao,
+  label: Oo,
+  textarea: qo,
+  length: Do
+}, Jo = (u) => {
+  const { onChange: o, label: e, value: n, maxLength: i, placeholder: a = "Type something..." } = u, [c, s] = h.useState(n.length);
   return /* @__PURE__ */ t.jsxs("div", { className: _t.wrapper, children: [
     e && /* @__PURE__ */ t.jsx(
       "label",
@@ -2861,34 +2882,34 @@ const Ho = (u) => {
   ] });
 };
 export {
-  Vo as Accordion,
-  Ji as Button,
-  rn as ButtonTypeSettings,
-  Lo as ButtonsSettings,
-  Do as CategorySettings,
+  Wo as Accordion,
+  vt as Button,
+  pn as ButtonTypeSettings,
+  Vo as ButtonsSettings,
+  Ho as CategorySettings,
   ht as ChooseImage,
-  Wo as ChooseImageModal,
-  so as EmptyCart,
-  Eo as FormSettings,
-  Ho as HeaderButtons,
+  Zo as ChooseImageModal,
+  co as EmptyCart,
+  Fo as FormSettings,
+  Yo as HeaderButtons,
   f as Icon,
   W as InputSettings,
-  Uo as InputUI,
-  Se as ItemsSettings,
-  qo as LayoutSettings,
-  Ro as ListingSelector,
-  Xo as Loader,
-  Ct as Modal,
-  Mo as ProductOptions,
+  Xo as InputUI,
+  Be as ItemsSettings,
+  Mo as LayoutSettings,
+  Uo as ListingSelector,
+  ta as Loader,
+  Tt as Modal,
+  zo as ProductOptions,
   Nt as RangeSelector,
   tt as Select,
-  Fo as ShareLink,
-  to as ShoppingButton,
-  eo as ShoppingModalCart,
+  Go as ShareLink,
+  oo as ShoppingButton,
+  ao as ShoppingModalCart,
   K as Switch,
-  Bt as TextSettings,
-  wt as TextareaSettings,
-  zo as TextareaUI,
-  Tt as TypesText,
-  no as UserInfo
+  At as TextSettings,
+  Ct as TextareaSettings,
+  Jo as TextareaUI,
+  Bt as TypesText,
+  lo as UserInfo
 };