@billgangcom/theme-lib 1.33.1 → 1.33.2

package/dist/ui.es.js

@@ -1,6 +1,6 @@
-import { j as t, I as b, a as W, c as F, S as K, T as Ct, C as ht, b as Z, D as yt, H as kt, B as it, v as dt, u as $t, d as wt, e as qt, f as ft, g as Nt, h as Bt, M as St, i as Pt, k as Dt } from "./index-CqF7deZx.js";
-import { l as no, L as io } from "./index-CqF7deZx.js";
-import p from "react";
+import { j as t, I as b, a as W, c as F, S as K, T as Ct, C as ht, b as Z, D as yt, H as kt, B as it, v as dt, u as $t, d as wt, e as Ot, f as ft, g as Nt, h as Bt, M as St, i as Pt, k as Dt } from "./index-Dfo5ydyB.js";
+import { l as no, L as io } from "./index-Dfo5ydyB.js";
+import g from "react";
 import "@phosphor-icons/react";
 const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5j_15", Mt = "_subtitle_9rr5j_22", Ht = "_alignmentContent_9rr5j_29", zt = "_alignments_9rr5j_37", Vt = "_alignment_9rr5j_8", Ft = "_circle_9rr5j_58", Ut = "_paddings_9rr5j_65", Yt = "_padding_9rr5j_65", Gt = "_input_9rr5j_84", J = {
   wrapper: Et,
@@ -169,7 +169,7 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
     },
     String(i)
   )) });
-}, At = (u) => {
+}, qt = (u) => {
   const {
     typesText: a,
     isActiveText: e,
@@ -233,7 +233,7 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
   link: we,
   modalOptions: Ne,
   addButton: Ie
-}, Ce = p.forwardRef(
+}, Ce = g.forwardRef(
   (u, a) => {
     const { activeItem: e, setActiveItem: s, popupPosition: i, modalOptions: c, setIsOpenModal: l } = u;
     function o(n, r) {
@@ -275,34 +275,34 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
                   label: "Put up an attractive image",
                   activeImage: e[n.field],
                   onChange: (r) => {
-                    const m = {
+                    const _ = {
                       ...e,
                       [n.field]: r
                     };
-                    s(m);
+                    s(_);
                   }
                 },
                 String(n.field)
               );
             if (n.type === "text")
               return /* @__PURE__ */ t.jsx(
-                At,
+                qt,
                 {
                   typesText: e[n.field.type],
                   setTypesText: (r) => {
-                    const m = {
+                    const _ = {
                       ...e,
                       [n.field.type]: r
                     };
-                    s(m);
+                    s(_);
                   },
                   text: e[n.field.text] || "",
                   setText: (r) => {
-                    const m = {
+                    const _ = {
                       ...e,
                       [n.field.text]: r
                     };
-                    s(m);
+                    s(_);
                   },
                   subtitle: n.label
                 }
@@ -312,11 +312,11 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
                 W,
                 {
                   onChange: (r) => {
-                    const m = {
+                    const _ = {
                       ...e,
                       [n.field]: r
                     };
-                    s(m);
+                    s(_);
                   },
                   value: e[n.field] || "",
                   label: n.label,
@@ -329,11 +329,11 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
                   W,
                   {
                     onChange: (r) => {
-                      const m = {
+                      const _ = {
                         ...e,
                         [n.field.text]: r
                       };
-                      s(m);
+                      s(_);
                     },
                     value: e[n.field.text] || "",
                     label: n.inputLabel,
@@ -346,26 +346,26 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
                     current: !!e[n.field.switch] || !1,
                     label: n.switchLabel,
                     onChange: (r) => {
-                      const m = {
+                      const _ = {
                         ...e,
                         [n.field.switch]: r
                       };
-                      s(m);
+                      s(_);
                     }
                   }
                 )
               ] });
             if (n.type === "list")
               return /* @__PURE__ */ t.jsx(
-                Ae,
+                qe,
                 {
                   items: e[n.field] || [],
                   setItems: (r) => {
-                    const m = {
+                    const _ = {
                       ...e,
                       [n.field]: r
                     };
-                    s(m);
+                    s(_);
                   },
                   itemsType: "select",
                   draggable: n.draggable || !1,
@@ -382,11 +382,11 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
                 {
                   options: n.itemsOptions,
                   onChange: (r) => {
-                    const m = {
+                    const _ = {
                       ...e,
                       [n.field]: r
                     };
-                    s(m);
+                    s(_);
                   },
                   label: n.label,
                   value: e[n.field] || "String",
@@ -439,7 +439,7 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
       children: s
     }
   );
-}, Ae = (u) => {
+}, qe = (u) => {
   const {
     isActiveItems: a,
     setIsActiveItems: e,
@@ -450,61 +450,61 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
     subtitle: o,
     editable: n = !0,
     draggable: r = !1,
-    withImage: m = !1,
+    withImage: _ = !1,
     deletable: d = !0,
-    addable: T = !0,
+    addable: P = !0,
     itemsType: x,
-    itemsPlaceholder: g = "",
+    itemsPlaceholder: f = "",
     itemsOptions: h,
-    hasRangeSelector: O = !1,
-    rangeSelectorOptions: q,
+    hasRangeSelector: q = !1,
+    rangeSelectorOptions: A,
     modalOptions: v,
     addableOptions: E = {},
-    limit: C,
-    autoScrollInterval: B
-  } = u, [f, y] = p.useState(null), [M, $] = p.useState({
+    limit: I,
+    autoScrollInterval: C
+  } = u, [M, m] = g.useState(null), [O, k] = g.useState({
     top: 0,
     left: 0
-  }), [k, N] = p.useState(null), L = p.useRef(null), [R, U] = p.useState(!1), tt = (_, S) => {
-    const w = [...s], [X] = w.splice(_, 1);
-    w.splice(S, 0, X), i(w);
+  }), [y, L] = g.useState(null), w = g.useRef(null), [R, U] = g.useState(!1), tt = (p, B) => {
+    const $ = [...s], [X] = $.splice(p, 1);
+    $.splice(B, 0, X), i($);
   };
-  p.useEffect(() => {
-    const _ = () => {
-      y(null), U(!1);
+  g.useEffect(() => {
+    const p = () => {
+      m(null), U(!1);
     };
-    return document.body.addEventListener("click", _), y(null), U(!1), () => {
-      y(null), U(!1), document.body.removeEventListener("click", _);
+    return document.body.addEventListener("click", p), m(null), U(!1), () => {
+      m(null), U(!1), document.body.removeEventListener("click", p);
     };
-  }, []), p.useEffect(() => {
-    if (f) {
-      const _ = [...s].map((S) => S.id === f.id ? f : S);
-      i(_);
+  }, []), g.useEffect(() => {
+    if (M) {
+      const p = [...s].map((B) => B.id === M.id ? M : B);
+      i(p);
     }
-  }, [f]), p.useEffect(() => {
-    if (L.current && k) {
-      const _ = L.current.getBoundingClientRect().height, S = window.innerHeight;
-      let w = k.top;
-      w + _ > S + window.scrollY - 200 && (w = S + window.scrollY - _ - 200), w < 0 && (w = 10), $({
-        top: w,
-        left: k.left
+  }, [M]), g.useEffect(() => {
+    if (w.current && y) {
+      const p = w.current.getBoundingClientRect().height, B = window.innerHeight;
+      let $ = y.top;
+      $ + p > B + window.scrollY - 200 && ($ = B + window.scrollY - p - 200), $ < 0 && ($ = 10), k({
+        top: $,
+        left: y.left
       });
     }
-  }, [L.current, k]);
-  const at = (_, S) => {
-    _.stopPropagation();
-    const w = _.target.getBoundingClientRect();
-    N({
-      top: w.top + window.scrollY,
-      left: w.left - 30
-    }), y(S), U(!0);
+  }, [w.current, y]);
+  const at = (p, B) => {
+    p.stopPropagation();
+    const $ = p.target.getBoundingClientRect();
+    L({
+      top: $.top + window.scrollY,
+      left: $.left - 30
+    }), m(B), U(!0);
   };
-  function j(_) {
-    if (m)
-      return _ ? /* @__PURE__ */ t.jsx(
+  function j(p) {
+    if (_)
+      return p ? /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: `https://imagedelivery.net/${_[0]}/w=1000`,
+          src: `https://imagedelivery.net/${p[0]}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
@@ -519,9 +519,9 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
         }
       );
   }
-  const A = (_, S) => {
+  const T = (p, B) => {
     var X;
-    const w = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    const $ = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       r && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         b,
         {
@@ -537,45 +537,45 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
           onChange: (D) => {
             const Y = [...s], lt = h.find((pt) => pt.name === D);
             if (!lt) return;
-            const ot = Y.map((pt) => pt.id === _.id ? {
+            const ot = Y.map((pt) => pt.id === p.id ? {
               ...lt,
               name: D
             } : pt);
-            y({
-              ..._,
+            m({
+              ...p,
               name: D
             }), i([...ot]);
           },
-          value: _.name,
+          value: p.name,
           options: h.filter((D) => !s.find((Y) => Y.name === D.name)).map((D) => D.name),
-          leftAddon: j(_.images)
+          leftAddon: j(p.images)
         }
       ),
       x === "input" && /* @__PURE__ */ t.jsx(
         W,
         {
           onChange: (D) => {
-            const lt = [...s].map((ot) => ot.id === _.id ? {
-              ..._,
+            const lt = [...s].map((ot) => ot.id === p.id ? {
+              ...p,
               name: D
             } : ot);
             i([...lt]);
           },
-          value: _.name,
-          placeholder: g
+          value: p.name,
+          placeholder: f
         }
       ),
       x === "image" && /* @__PURE__ */ t.jsx(
         ht,
         {
           onChange: (D) => {
-            const lt = [...s].map((ot) => ot.id === _.id ? {
-              ..._,
+            const lt = [...s].map((ot) => ot.id === p.id ? {
+              ...p,
               images: D
             } : ot);
             i([...lt]);
           },
-          activeImage: (X = s.find((D) => D.id === _.id)) == null ? void 0 : X.images[0]
+          activeImage: (X = s.find((D) => D.id === p.id)) == null ? void 0 : X.images[0]
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: H.buttons, children: [
@@ -586,7 +586,7 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (D) => at(D, _)
+            onClick: (D) => at(D, p)
           }
         ),
         d && /* @__PURE__ */ t.jsx(
@@ -597,7 +597,7 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => i(s.filter((D) => D.id !== _.id))
+            onClick: () => i(s.filter((D) => D.id !== p.id))
           }
         )
       ] })
@@ -605,19 +605,19 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
     return r ? /* @__PURE__ */ t.jsx(
       Te,
       {
-        product: _,
-        index: S,
+        product: p,
+        index: B,
         moveProduct: tt,
-        children: w
+        children: $
       },
-      _.id
+      p.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: H.product,
-        children: w
+        children: $
       },
-      _.id
+      p.id
     );
   };
   return /* @__PURE__ */ t.jsxs("div", { className: H.productsBlock, children: [
@@ -627,57 +627,57 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
         K,
         {
           current: a,
-          onChange: (_) => e == null ? void 0 : e(_)
+          onChange: (p) => e == null ? void 0 : e(p)
         }
       )
     ] }),
-    f && n && v && R && /* @__PURE__ */ t.jsx(
+    M && n && v && R && /* @__PURE__ */ t.jsx(
       Ce,
       {
-        ref: L,
-        activeItem: f,
-        setActiveItem: y,
-        popupPosition: M,
+        ref: w,
+        activeItem: M,
+        setActiveItem: m,
+        popupPosition: O,
         modalOptions: v,
         setIsOpenModal: U
       }
     ),
-    O && q && /* @__PURE__ */ t.jsx(It, { ...q }),
+    q && A && /* @__PURE__ */ t.jsx(It, { ...A }),
     /* @__PURE__ */ t.jsxs("div", { className: H.products, children: [
       o && /* @__PURE__ */ t.jsx("h5", { className: H.subtitle, children: o }),
-      r ? /* @__PURE__ */ t.jsx(yt, { backend: kt, children: s.map((_, S) => A(_, S)) }) : s.map((_, S) => A(_, S)),
-      T && /* @__PURE__ */ t.jsx("div", { className: H.addButton, children: /* @__PURE__ */ t.jsxs(
+      r ? /* @__PURE__ */ t.jsx(yt, { backend: kt, children: s.map((p, B) => T(p, B)) }) : s.map((p, B) => T(p, B)),
+      P && /* @__PURE__ */ t.jsx("div", { className: H.addButton, children: /* @__PURE__ */ t.jsxs(
         it,
         {
           withoutHover: !0,
           className: F(H.button, {
-            [H.disabled]: !!(C && C <= s.length || s.length === (h == null ? void 0 : h.length))
+            [H.disabled]: !!(I && I <= s.length || s.length === (h == null ? void 0 : h.length))
           }),
           size: "s",
-          disabled: !!(C && C <= s.length || s.length === (h == null ? void 0 : h.length)),
+          disabled: !!(I && I <= s.length || s.length === (h == null ? void 0 : h.length)),
           onClick: () => {
-            const _ = [...s];
-            let S = null;
+            const p = [...s];
+            let B = null;
             if (h) {
-              for (let w = 0; w < h.length; w++)
-                if (!s.find((X) => X.id === h[w].id)) {
-                  S = h[w];
+              for (let $ = 0; $ < h.length; $++)
+                if (!s.find((X) => X.id === h[$].id)) {
+                  B = h[$];
                   break;
                 }
             }
-            x === "select" ? _.push({
-              name: S ? S.name : h[0].name,
-              id: (S == null ? void 0 : S.id) || h[0].id,
+            x === "select" ? p.push({
+              name: B ? B.name : h[0].name,
+              id: (B == null ? void 0 : B.id) || h[0].id,
               ...E
-            }) : x === "input" ? _.push({
+            }) : x === "input" ? p.push({
               name: "",
               id: dt(),
               ...E
-            }) : _.push({
+            }) : p.push({
               name: `Image ${s.length + 1}`,
               id: dt(),
               ...E
-            }), i(_);
+            }), i(p);
           },
           style: {
             width: "fit-content"
@@ -697,13 +697,13 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
       ) })
     ] }),
     c !== void 0 && /* @__PURE__ */ t.jsx(xt, { items: c }),
-    B !== void 0 && /* @__PURE__ */ t.jsx(
+    C !== void 0 && /* @__PURE__ */ t.jsx(
       W,
       {
         label: "Auto scroll interval",
         type: "number",
-        value: String(B.scrollInterval),
-        onChange: (_) => B.setScrollInterval(Number(_)),
+        value: String(C.scrollInterval),
+        onChange: (p) => C.setScrollInterval(Number(p)),
         min: 0.1,
         max: 100,
         style: {
@@ -713,9 +713,9 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
       }
     )
   ] });
-}, Oe = "_title_1jjcw_1", qe = "_subtitle_1jjcw_5", De = "_header_1jjcw_12", Ee = "_text_1jjcw_13", Le = "_productsBlock_1jjcw_14", Re = "_top_1jjcw_26", Me = "_itemsBlock_1jjcw_35", He = "_typeTexts_1jjcw_41", ze = "_block_1jjcw_48", Ve = "_active_1jjcw_61", Fe = "_products_1jjcw_14", Ue = "_product_1jjcw_14", Ye = "_button_1jjcw_80", Ge = "_disabled_1jjcw_91", We = "_image_1jjcw_95", Xe = "_info_1jjcw_102", Je = "_name_1jjcw_114", Qe = "_buttons_1jjcw_118", Ke = "_modal_1jjcw_125", Ze = "_link_1jjcw_145", ts = "_modalOptions_1jjcw_151", es = "_addButton_1jjcw_157", Q = {
-  title: Oe,
-  subtitle: qe,
+}, Ae = "_title_1jjcw_1", Oe = "_subtitle_1jjcw_5", De = "_header_1jjcw_12", Ee = "_text_1jjcw_13", Le = "_productsBlock_1jjcw_14", Re = "_top_1jjcw_26", Me = "_itemsBlock_1jjcw_35", He = "_typeTexts_1jjcw_41", ze = "_block_1jjcw_48", Ve = "_active_1jjcw_61", Fe = "_products_1jjcw_14", Ue = "_product_1jjcw_14", Ye = "_button_1jjcw_80", Ge = "_disabled_1jjcw_91", We = "_image_1jjcw_95", Xe = "_info_1jjcw_102", Je = "_name_1jjcw_114", Qe = "_buttons_1jjcw_118", Ke = "_modal_1jjcw_125", Ze = "_link_1jjcw_145", ts = "_modalOptions_1jjcw_151", es = "_addButton_1jjcw_157", Q = {
+  title: Ae,
+  subtitle: Oe,
   header: De,
   text: Ee,
   productsBlock: Le,
@@ -747,14 +747,14 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
     subtitle: o,
     draggable: n = !1,
     withImage: r = !1,
-    addable: m = !0,
+    addable: _ = !0,
     itemsOptions: d,
-    hasRangeSelector: T = !1,
+    hasRangeSelector: P = !1,
     rangeSelectorOptions: x,
-    limit: g,
+    limit: f,
     autoScrollInterval: h
   } = u;
-  function O(v) {
+  function q(v) {
     if (r)
       return v ? /* @__PURE__ */ t.jsx(
         "img",
@@ -774,10 +774,10 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
         }
       );
   }
-  const q = (v) => {
-    const E = d.find((B) => B.id === v);
+  const A = (v) => {
+    const E = d.find((C) => C.id === v);
     if (!E) return;
-    const C = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    const I = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       n && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         b,
         {
@@ -790,15 +790,15 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
       /* @__PURE__ */ t.jsx(
         Z,
         {
-          onChange: (B) => {
-            const f = [...s], y = d.find((k) => k.name === B);
-            if (!y) return;
-            const M = y.id, $ = f.map((k) => k === v ? M : k);
-            i([...$]);
+          onChange: (C) => {
+            const M = [...s], m = d.find((y) => y.name === C);
+            if (!m) return;
+            const O = m.id, k = M.map((y) => y === v ? O : y);
+            i([...k]);
           },
           value: E.name,
-          options: d.filter((B) => !s.find((f) => f === B.id)).map((B) => B.name),
-          leftAddon: O(E.images)
+          options: d.filter((C) => !s.find((M) => M === C.id)).map((C) => C.name),
+          leftAddon: q(E.images)
         }
       ),
       /* @__PURE__ */ t.jsx("div", { className: Q.buttons, children: /* @__PURE__ */ t.jsx(
@@ -809,7 +809,7 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
           width: 20,
           height: 20,
           fill: "#C12A2A",
-          onClick: () => i(s.filter((B) => B !== v))
+          onClick: () => i(s.filter((C) => C !== v))
         }
       ) })
     ] });
@@ -817,7 +817,7 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
       "div",
       {
         className: Q.product,
-        children: C
+        children: I
       },
       v
     );
@@ -833,26 +833,26 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
         }
       )
     ] }),
-    T && x && /* @__PURE__ */ t.jsx(It, { ...x }),
+    P && x && /* @__PURE__ */ t.jsx(It, { ...x }),
     /* @__PURE__ */ t.jsxs("div", { className: Q.products, children: [
       o && /* @__PURE__ */ t.jsx("h5", { className: Q.subtitle, children: o }),
-      s.map((v) => q(v)),
-      m && /* @__PURE__ */ t.jsx("div", { className: Q.addButton, children: /* @__PURE__ */ t.jsxs(
+      s.map((v) => A(v)),
+      _ && /* @__PURE__ */ t.jsx("div", { className: Q.addButton, children: /* @__PURE__ */ t.jsxs(
         it,
         {
           withoutHover: !0,
           className: F(Q.button, {
-            [Q.disabled]: !!(g && g <= s.length || s.length === d.length)
+            [Q.disabled]: !!(f && f <= s.length || s.length === d.length)
           }),
           size: "s",
-          disabled: !!(g && g <= s.length || s.length === d.length),
+          disabled: !!(f && f <= s.length || s.length === d.length),
           onClick: () => {
             const v = [...s];
             let E = null;
             if (d) {
-              for (let C = 0; C < d.length; C++)
-                if (!s.find((B) => B === d[C].id)) {
-                  E = d[C];
+              for (let I = 0; I < d.length; I++)
+                if (!s.find((C) => C === d[I].id)) {
+                  E = d[I];
                   break;
                 }
             }
@@ -915,7 +915,7 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
   link: js,
   modalOptions: ys,
   addButton: ks
-}, $s = p.forwardRef(
+}, $s = g.forwardRef(
   (u, a) => {
     const { activeItem: e, setActiveItem: s, popupPosition: i, modalOptions: c, setIsOpenModal: l } = u;
     function o(n, r) {
@@ -957,34 +957,34 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
                   label: "Put up an attractive image",
                   activeImage: e[n.field],
                   onChange: (r) => {
-                    const m = {
+                    const _ = {
                       ...e,
                       [n.field]: r
                     };
-                    s(m);
+                    s(_);
                   }
                 },
                 String(n.field)
               );
             if (n.type === "text")
               return /* @__PURE__ */ t.jsx(
-                At,
+                qt,
                 {
                   typesText: e[n.field.type],
                   setTypesText: (r) => {
-                    const m = {
+                    const _ = {
                       ...e,
                       [n.field.type]: r
                     };
-                    s(m);
+                    s(_);
                   },
                   text: e[n.field.text] || "",
                   setText: (r) => {
-                    const m = {
+                    const _ = {
                       ...e,
                       [n.field.text]: r
                     };
-                    s(m);
+                    s(_);
                   },
                   subtitle: n.label
                 }
@@ -994,11 +994,11 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
                 W,
                 {
                   onChange: (r) => {
-                    const m = {
+                    const _ = {
                       ...e,
                       [n.field]: r
                     };
-                    s(m);
+                    s(_);
                   },
                   value: e[n.field] || "",
                   label: n.label,
@@ -1011,11 +1011,11 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
                   W,
                   {
                     onChange: (r) => {
-                      const m = {
+                      const _ = {
                         ...e,
                         [n.field.text]: r
                       };
-                      s(m);
+                      s(_);
                     },
                     value: e[n.field.text] || "",
                     label: n.inputLabel,
@@ -1028,11 +1028,11 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
                     current: !!e[n.field.switch] || !1,
                     label: n.switchLabel,
                     onChange: (r) => {
-                      const m = {
+                      const _ = {
                         ...e,
                         [n.field.switch]: r
                       };
-                      s(m);
+                      s(_);
                     }
                   }
                 )
@@ -1043,11 +1043,11 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
                 {
                   options: n.itemsOptions,
                   onChange: (r) => {
-                    const m = {
+                    const _ = {
                       ...e,
                       [n.field]: r
                     };
-                    s(m);
+                    s(_);
                   },
                   label: n.label,
                   value: e[n.field] || "String",
@@ -1091,55 +1091,55 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
     subtitle: o,
     editable: n = !0,
     draggable: r = !1,
-    withImage: m = !1,
+    withImage: _ = !1,
     deletable: d = !0,
-    addable: T = !0,
+    addable: P = !0,
     itemsType: x,
-    itemsPlaceholder: g = "",
+    itemsPlaceholder: f = "",
     itemsOptions: h,
-    hasRangeSelector: O = !1,
-    rangeSelectorOptions: q,
+    hasRangeSelector: q = !1,
+    rangeSelectorOptions: A,
     modalOptions: v,
     addableOptions: E = {}
-  } = u, [C, B] = p.useState(null), [f, y] = p.useState({
+  } = u, [I, C] = g.useState(null), [M, m] = g.useState({
     top: 0,
     left: 0
-  }), [M, $] = p.useState(null), k = p.useRef(null), [N, L] = p.useState(!1), R = (j, A) => {
-    const _ = [...s], [S] = _.splice(j, 1);
-    _.splice(A, 0, S), i(_);
+  }), [O, k] = g.useState(null), y = g.useRef(null), [L, w] = g.useState(!1), R = (j, T) => {
+    const p = [...s], [B] = p.splice(j, 1);
+    p.splice(T, 0, B), i(p);
   };
-  p.useEffect(() => {
+  g.useEffect(() => {
     const j = () => {
-      B(null), L(!1);
+      C(null), w(!1);
     };
-    return document.body.addEventListener("click", j), B(null), L(!1), () => {
-      B(null), L(!1), document.body.removeEventListener("click", j);
+    return document.body.addEventListener("click", j), C(null), w(!1), () => {
+      C(null), w(!1), document.body.removeEventListener("click", j);
     };
-  }, []), p.useEffect(() => {
-    if (C) {
-      const j = [...s].map((A) => A.id === C.id ? C : A);
+  }, []), g.useEffect(() => {
+    if (I) {
+      const j = [...s].map((T) => T.id === I.id ? I : T);
       i(j);
     }
-  }, [C]), p.useEffect(() => {
-    if (k.current && M) {
-      const j = k.current.getBoundingClientRect().height, A = window.innerHeight;
-      let _ = M.top;
-      _ + j > A + window.scrollY - 200 && (_ = A + window.scrollY - j - 200), _ < 0 && (_ = 10), y({
-        top: _,
-        left: M.left
+  }, [I]), g.useEffect(() => {
+    if (y.current && O) {
+      const j = y.current.getBoundingClientRect().height, T = window.innerHeight;
+      let p = O.top;
+      p + j > T + window.scrollY - 200 && (p = T + window.scrollY - j - 200), p < 0 && (p = 10), m({
+        top: p,
+        left: O.left
       });
     }
-  }, [k.current, M]);
-  const U = (j, A) => {
+  }, [y.current, O]);
+  const U = (j, T) => {
     j.stopPropagation();
-    const _ = j.target.getBoundingClientRect();
-    $({
-      top: _.top + window.scrollY,
-      left: _.left - 30
-    }), B(A), L(!0);
+    const p = j.target.getBoundingClientRect();
+    k({
+      top: p.top + window.scrollY,
+      left: p.left - 30
+    }), C(T), w(!0);
   };
   function tt(j) {
-    if (m)
+    if (_)
       return j ? /* @__PURE__ */ t.jsx(
         "img",
         {
@@ -1158,9 +1158,9 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
         }
       );
   }
-  const at = (j, A) => {
-    var S;
-    const _ = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+  const at = (j, T) => {
+    var B;
+    const p = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       r && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         b,
         {
@@ -1173,46 +1173,46 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
       x === "select" && /* @__PURE__ */ t.jsx(
         Z,
         {
-          onChange: (w) => {
+          onChange: ($) => {
             const D = [...s].map((Y) => Y.id === j.id ? {
               ...j,
-              name: w
+              name: $
             } : Y);
-            B({
+            C({
               ...j,
-              name: w
+              name: $
             }), i([...D]);
           },
           value: j.name,
-          options: h.filter((w) => !s.find((X) => X.name === w)),
+          options: h.filter(($) => !s.find((X) => X.name === $)),
           leftAddon: tt(j.images)
         }
       ),
       x === "input" && /* @__PURE__ */ t.jsx(
         W,
         {
-          onChange: (w) => {
+          onChange: ($) => {
             const D = [...s].map((Y) => Y.id === j.id ? {
               ...j,
-              name: w
+              name: $
             } : Y);
             i([...D]);
           },
           value: j.name,
-          placeholder: g
+          placeholder: f
         }
       ),
       x === "image" && /* @__PURE__ */ t.jsx(
         ht,
         {
-          onChange: (w) => {
+          onChange: ($) => {
             const D = [...s].map((Y) => Y.id === j.id ? {
               ...j,
-              images: w
+              images: $
             } : Y);
             i([...D]);
           },
-          activeImage: (S = s.find((w) => w.id === j.id)) == null ? void 0 : S.images[0]
+          activeImage: (B = s.find(($) => $.id === j.id)) == null ? void 0 : B.images[0]
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: V.buttons, children: [
@@ -1223,7 +1223,7 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (w) => U(w, j)
+            onClick: ($) => U($, j)
           }
         ),
         d && /* @__PURE__ */ t.jsx(
@@ -1234,7 +1234,7 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => i(s.filter((w) => w.id !== j.id))
+            onClick: () => i(s.filter(($) => $.id !== j.id))
           }
         )
       ] })
@@ -1243,16 +1243,16 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
       ws,
       {
         product: j,
-        index: A,
+        index: T,
         moveProduct: R,
-        children: _
+        children: p
       },
       j.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: V.product,
-        children: _
+        children: p
       },
       j.id
     );
@@ -1268,22 +1268,22 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
         }
       )
     ] }),
-    C && n && v && N && /* @__PURE__ */ t.jsx(
+    I && n && v && L && /* @__PURE__ */ t.jsx(
       $s,
       {
-        ref: k,
-        activeItem: C,
-        setActiveItem: B,
-        popupPosition: f,
+        ref: y,
+        activeItem: I,
+        setActiveItem: C,
+        popupPosition: M,
         modalOptions: v,
-        setIsOpenModal: L
+        setIsOpenModal: w
       }
     ),
-    O && q && /* @__PURE__ */ t.jsx(It, { ...q }),
+    q && A && /* @__PURE__ */ t.jsx(It, { ...A }),
     /* @__PURE__ */ t.jsxs("div", { className: V.products, children: [
       o && /* @__PURE__ */ t.jsx("h5", { className: V.subtitle, children: o }),
-      r ? /* @__PURE__ */ t.jsx(yt, { backend: kt, children: s.map((j, A) => at(j, A)) }) : s.map((j, A) => at(j, A)),
-      T && /* @__PURE__ */ t.jsx("div", { className: V.addButton, children: /* @__PURE__ */ t.jsxs(
+      r ? /* @__PURE__ */ t.jsx(yt, { backend: kt, children: s.map((j, T) => at(j, T)) }) : s.map((j, T) => at(j, T)),
+      P && /* @__PURE__ */ t.jsx("div", { className: V.addButton, children: /* @__PURE__ */ t.jsxs(
         it,
         {
           withoutHover: !0,
@@ -1291,16 +1291,16 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
           size: "s",
           onClick: () => {
             const j = [...s];
-            let A = null;
+            let T = null;
             if (h) {
-              for (let _ = 0; _ < h.length; _++)
-                if (!s.find((S) => S.name === h[_])) {
-                  A = h[_];
+              for (let p = 0; p < h.length; p++)
+                if (!s.find((B) => B.name === h[p])) {
+                  T = h[p];
                   break;
                 }
             }
             x === "select" ? j.push({
-              name: A || h[0],
+              name: T || h[0],
               id: dt(),
               ...E
             }) : x === "input" ? j.push({
@@ -1332,7 +1332,7 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
     ] }),
     c !== void 0 && /* @__PURE__ */ t.jsx(xt, { items: c })
   ] });
-}, Ns = "_title_oravb_1", Is = "_subtitle_oravb_5", Cs = "_header_oravb_12", Bs = "_text_oravb_13", Ss = "_productsBlock_oravb_14", Ps = "_buttonsBlock_oravb_15", Ts = "_top_oravb_26", As = "_itemsBlock_oravb_35", Os = "_typeTexts_oravb_41", qs = "_block_oravb_48", Ds = "_active_oravb_60", Es = "_products_oravb_14", Ls = "_product_oravb_14", Rs = "_button_oravb_15", Ms = "_image_oravb_90", Hs = "_info_oravb_97", zs = "_name_oravb_109", Vs = "_buttons_oravb_15", Fs = "_modal_oravb_120", Us = "_other_oravb_139", Ys = "_options_oravb_145", ct = {
+}, Ns = "_title_oravb_1", Is = "_subtitle_oravb_5", Cs = "_header_oravb_12", Bs = "_text_oravb_13", Ss = "_productsBlock_oravb_14", Ps = "_buttonsBlock_oravb_15", Ts = "_top_oravb_26", qs = "_itemsBlock_oravb_35", As = "_typeTexts_oravb_41", Os = "_block_oravb_48", Ds = "_active_oravb_60", Es = "_products_oravb_14", Ls = "_product_oravb_14", Rs = "_button_oravb_15", Ms = "_image_oravb_90", Hs = "_info_oravb_97", zs = "_name_oravb_109", Vs = "_buttons_oravb_15", Fs = "_modal_oravb_120", Us = "_other_oravb_139", Ys = "_options_oravb_145", ct = {
   title: Ns,
   subtitle: Is,
   header: Cs,
@@ -1340,9 +1340,9 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
   productsBlock: Ss,
   buttonsBlock: Ps,
   top: Ts,
-  itemsBlock: As,
-  typeTexts: Os,
-  block: qs,
+  itemsBlock: qs,
+  typeTexts: As,
+  block: Os,
   active: Ds,
   products: Es,
   product: Ls,
@@ -1354,9 +1354,9 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
   modal: Fs,
   other: Us,
   options: Ys
-}, Gs = p.forwardRef((u, a) => {
-  const { activeButton: e, setActiveButton: s, popupPosition: i } = u, [c, l] = p.useState(e.typesText), [o, n] = p.useState(e.destination), [r, m] = p.useState(e.page), [d, T] = p.useState(e.link || ""), [x, g] = p.useState(e.text || ""), [h, O] = p.useState(e.openInNewTab), { pages: q } = qt();
-  return p.useEffect(() => {
+}, Gs = g.forwardRef((u, a) => {
+  const { activeButton: e, setActiveButton: s, popupPosition: i } = u, [c, l] = g.useState(e.typesText), [o, n] = g.useState(e.destination), [r, _] = g.useState(e.page), [d, P] = g.useState(e.link || ""), [x, f] = g.useState(e.text || ""), [h, q] = g.useState(e.openInNewTab), { pages: A } = Ot();
+  return g.useEffect(() => {
     s({
       ...e,
       ...{
@@ -1408,14 +1408,14 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
             Z,
             {
               label: "Go to",
-              onChange: (v) => m(v),
-              options: q ? Object.values(q).filter((v) => v.name !== r).map((v) => v.name) : [],
+              onChange: (v) => _(v),
+              options: A ? Object.values(A).filter((v) => v.name !== r).map((v) => v.name) : [],
               value: r
             }
           ) : /* @__PURE__ */ t.jsx(
             W,
             {
-              onChange: (v) => T(v),
+              onChange: (v) => P(v),
               value: d,
               placeholder: "https://",
               label: "Link"
@@ -1426,13 +1426,13 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
             {
               current: e.openInNewTab,
               label: "Open in new tab",
-              onChange: (v) => O(v)
+              onChange: (v) => q(v)
             }
           ),
           /* @__PURE__ */ t.jsx(
             Ct,
             {
-              onChange: (v) => g(v),
+              onChange: (v) => f(v),
               value: x,
               label: "Text",
               maxLength: 150
@@ -1472,39 +1472,39 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
   options: hn,
   addButton: pn
 }, gn = (u) => {
-  const { buttons: a, setButtons: e, deletable: s = !0, addable: i = !0 } = u, [c, l] = p.useState(null), [o, n] = p.useState({
+  const { buttons: a, setButtons: e, deletable: s = !0, addable: i = !0 } = u, [c, l] = g.useState(null), [o, n] = g.useState({
     top: 0,
     left: 0
-  }), [r, m] = p.useState(null), d = p.useRef(null);
-  p.useEffect(() => {
+  }), [r, _] = g.useState(null), d = g.useRef(null);
+  g.useEffect(() => {
     const x = () => {
       l(null);
     };
     return document.body.addEventListener("click", x), l(null), () => {
       l(null), document.body.removeEventListener("click", x);
     };
-  }, []), p.useEffect(() => {
+  }, []), g.useEffect(() => {
     if (c) {
-      const x = [...a].map((g) => g.id === c.id ? c : g);
+      const x = [...a].map((f) => f.id === c.id ? c : f);
       e(x);
     }
-  }, [c]), p.useEffect(() => {
+  }, [c]), g.useEffect(() => {
     if (d.current && r) {
-      const x = d.current.getBoundingClientRect().height, g = window.innerHeight;
+      const x = d.current.getBoundingClientRect().height, f = window.innerHeight;
       let h = r.top;
-      h + x > g + window.scrollY - 200 && (h = g + window.scrollY - x - 200), h < 0 && (h = 10), n({
+      h + x > f + window.scrollY - 200 && (h = f + window.scrollY - x - 200), h < 0 && (h = 10), n({
         top: h,
         left: r.left
       });
     }
   }, [d.current, r]);
-  const T = (x, g) => {
+  const P = (x, f) => {
     x.stopPropagation();
     const h = x.target.getBoundingClientRect();
-    m({
+    _({
       top: h.top + window.scrollY,
       left: h.left - 30
-    }), l(g);
+    }), l(f);
   };
   return /* @__PURE__ */ t.jsxs("div", { className: rt.products, children: [
     /* @__PURE__ */ t.jsx("h5", { className: rt.subtitle, children: "Button Type" }),
@@ -1516,12 +1516,12 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
           /* @__PURE__ */ t.jsx(
             Z,
             {
-              onChange: (g) => {
-                const O = [...a].map((q) => q.id === x.id ? {
+              onChange: (f) => {
+                const q = [...a].map((A) => A.id === x.id ? {
                   ...x,
-                  type: g
-                } : q);
-                e(O);
+                  type: f
+                } : A);
+                e(q);
               },
               value: x.type,
               options: ["Primary", "Secondary", "Tertiary"]
@@ -1535,8 +1535,8 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
                 hoverable: !0,
                 width: 20,
                 height: 20,
-                onClick: (g) => {
-                  T(g, x);
+                onClick: (f) => {
+                  P(f, x);
                 }
               }
             ),
@@ -1546,8 +1546,8 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
                 name: "Trash",
                 hoverable: !0,
                 onClick: () => {
-                  const g = a.filter((h) => h.id !== x.id);
-                  e(g);
+                  const f = a.filter((h) => h.id !== x.id);
+                  e(f);
                 },
                 width: 20,
                 height: 20,
@@ -1640,12 +1640,12 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
   controls: Bn,
   button: Sn
 }, It = (u) => {
-  const { label: a, min: e = 1, max: s = 4, step: i = 1, count: c, setCount: l } = u, [o, n] = p.useState(!1), r = Array.from({ length: (s - e) / i + 1 }), m = (c - e) / (s - e) * 100, d = () => {
+  const { label: a, min: e = 1, max: s = 4, step: i = 1, count: c, setCount: l } = u, [o, n] = g.useState(!1), r = Array.from({ length: (s - e) / i + 1 }), _ = (c - e) / (s - e) * 100, d = () => {
     c < s && l(c + i);
-  }, T = () => {
+  }, P = () => {
     c > e && l(c - i);
-  }, x = (g) => {
-    const h = e + g * i;
+  }, x = (f) => {
+    const h = e + f * i;
     l(h);
   };
   return /* @__PURE__ */ t.jsxs("div", { className: z.wrapper, children: [
@@ -1657,18 +1657,18 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
           "div",
           {
             className: z.progress,
-            style: { width: `${m}%` }
+            style: { width: `${_}%` }
           }
         ),
-        /* @__PURE__ */ t.jsx("div", { className: z.dots, children: r.map((g, h) => {
-          const O = h <= (c - e) / i;
+        /* @__PURE__ */ t.jsx("div", { className: z.dots, children: r.map((f, h) => {
+          const q = h <= (c - e) / i;
           return /* @__PURE__ */ t.jsx(
             "button",
             {
               onClick: () => x(h),
               className: F(z.dot, {
-                [z.active]: O,
-                [z.inactive]: !O,
+                [z.active]: q,
+                [z.inactive]: !q,
                 [z.dragging]: o
               }),
               "aria-label": `Set value to ${e + h * i}`
@@ -1684,7 +1684,7 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
             max: s,
             step: i,
             value: c,
-            onChange: (g) => l(Number(g.target.value)),
+            onChange: (f) => l(Number(f.target.value)),
             onMouseDown: () => n(!0),
             onMouseUp: () => n(!1),
             onTouchStart: () => n(!0),
@@ -1701,8 +1701,8 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
             min: e,
             max: s,
             paddingless: !0,
-            onChange: (g) => {
-              const h = Number(g);
+            onChange: (f) => {
+              const h = Number(f);
               h > s ? l(s) : h < e ? l(e) : l(h);
             },
             value: String(c)
@@ -1729,7 +1729,7 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
           /* @__PURE__ */ t.jsx(
             "button",
             {
-              onClick: T,
+              onClick: P,
               disabled: c <= e,
               className: z.button,
               "aria-label": "Decrement count",
@@ -1747,12 +1747,12 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
       ] })
     ] })
   ] });
-}, Pn = "_title_w64fy_1", Tn = "_subtitle_w64fy_5", An = "_header_w64fy_12", On = "_text_w64fy_13", qn = "_productsBlock_w64fy_14", Dn = "_top_w64fy_26", En = "_itemsBlock_w64fy_35", Ln = "_typeTexts_w64fy_41", Rn = "_block_w64fy_48", Mn = "_active_w64fy_61", Hn = "_products_w64fy_14", zn = "_product_w64fy_14", Vn = "_button_w64fy_80", Fn = "_image_w64fy_91", Un = "_info_w64fy_98", Yn = "_name_w64fy_110", Gn = "_buttons_w64fy_114", Wn = "_modal_w64fy_121", Xn = "_link_w64fy_141", Jn = "_modalOptions_w64fy_147", Qn = "_addButton_w64fy_159", G = {
+}, Pn = "_title_w64fy_1", Tn = "_subtitle_w64fy_5", qn = "_header_w64fy_12", An = "_text_w64fy_13", On = "_productsBlock_w64fy_14", Dn = "_top_w64fy_26", En = "_itemsBlock_w64fy_35", Ln = "_typeTexts_w64fy_41", Rn = "_block_w64fy_48", Mn = "_active_w64fy_61", Hn = "_products_w64fy_14", zn = "_product_w64fy_14", Vn = "_button_w64fy_80", Fn = "_image_w64fy_91", Un = "_info_w64fy_98", Yn = "_name_w64fy_110", Gn = "_buttons_w64fy_114", Wn = "_modal_w64fy_121", Xn = "_link_w64fy_141", Jn = "_modalOptions_w64fy_147", Qn = "_addButton_w64fy_159", G = {
   title: Pn,
   subtitle: Tn,
-  header: An,
-  text: On,
-  productsBlock: qn,
+  header: qn,
+  text: An,
+  productsBlock: On,
   top: Dn,
   itemsBlock: En,
   typeTexts: Ln,
@@ -1851,46 +1851,46 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
     subtitle: o,
     editable: n = !0,
     draggable: r = !1,
-    withImage: m = !1,
+    withImage: _ = !1,
     deletable: d = !0,
-    addable: T = !0,
+    addable: P = !0,
     itemsType: x,
-    itemsOptions: g
-  } = u, [h, O] = p.useState(null), [q, v] = p.useState({
+    itemsOptions: f
+  } = u, [h, q] = g.useState(null), [A, v] = g.useState({
     top: 0,
     left: 0
-  }), [E, C] = p.useState(!1), B = ($, k) => {
-    const N = [...s], [L] = N.splice($, 1);
-    N.splice(k, 0, L), i(N);
+  }), [E, I] = g.useState(!1), C = (k, y) => {
+    const L = [...s], [w] = L.splice(k, 1);
+    L.splice(y, 0, w), i(L);
   };
-  p.useEffect(() => {
-    const $ = () => {
-      O(null), C(!1);
+  g.useEffect(() => {
+    const k = () => {
+      q(null), I(!1);
     };
-    return document.body.addEventListener("click", $), O(null), C(!1), () => {
-      O(null), C(!1), document.body.removeEventListener("click", $);
+    return document.body.addEventListener("click", k), q(null), I(!1), () => {
+      q(null), I(!1), document.body.removeEventListener("click", k);
     };
-  }, []), p.useEffect(() => {
+  }, []), g.useEffect(() => {
     if (h) {
-      const $ = [...s].map((k) => k.listingId === h.listingId ? h : k);
-      i($);
+      const k = [...s].map((y) => y.listingId === h.listingId ? h : y);
+      i(k);
     }
   }, [h]);
-  const f = ($, k) => {
-    $.stopPropagation();
-    const N = $.target.getBoundingClientRect(), L = 100, R = window.innerHeight;
-    let U = N.top + window.scrollY;
-    U + L > R && (U = R - L - 20), C(!0), v({
+  const M = (k, y) => {
+    k.stopPropagation();
+    const L = k.target.getBoundingClientRect(), w = 100, R = window.innerHeight;
+    let U = L.top + window.scrollY;
+    U + w > R && (U = R - w - 20), I(!0), v({
       top: U - 80,
-      left: N.left - 30
-    }), O(k);
+      left: L.left - 30
+    }), q(y);
   };
-  function y($) {
-    if (m)
-      return $ ? /* @__PURE__ */ t.jsx(
+  function m(k) {
+    if (_)
+      return k ? /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: `https://imagedelivery.net/${$}/w=1000`,
+          src: `https://imagedelivery.net/${k}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
@@ -1905,10 +1905,10 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
         }
       );
   }
-  const M = ($, k) => {
-    const N = g.find((R) => $.listingId === R.id);
-    if (!N) return null;
-    const L = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+  const O = (k, y) => {
+    const L = f.find((R) => k.listingId === R.id);
+    if (!L) return null;
+    const w = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       r && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         b,
         {
@@ -1917,28 +1917,28 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
           width: 20,
           height: 20
         }
-      ) }, k),
+      ) }, y),
       x === "select" && /* @__PURE__ */ t.jsx(
         Z,
         {
           onChange: (R) => {
-            const U = [...s], tt = g.find((A) => A.productData.name === R);
+            const U = [...s], tt = f.find((T) => T.productData.name === R);
             if (!tt) return;
             const at = {
               listingId: tt.id,
               image: tt.productData.images.length > 0 ? tt.productData.images[0].cfId : ""
-            }, j = U.map((A) => A.listingId === $.listingId ? at : A);
-            O(at), i([...j]);
+            }, j = U.map((T) => T.listingId === k.listingId ? at : T);
+            q(at), i([...j]);
           },
-          value: N.productData.name,
+          value: L.productData.name,
           options: [
-            ...g.filter((R) => !s.find((U) => U.listingId === R.id)).map((R) => R.productData.name)
+            ...f.filter((R) => !s.find((U) => U.listingId === R.id)).map((R) => R.productData.name)
           ],
-          leftAddon: y(
-            $.image || N.productData.images.length > 0 && N.productData.images[0].cfId || ""
+          leftAddon: m(
+            k.image || L.productData.images.length > 0 && L.productData.images[0].cfId || ""
           )
         },
-        k
+        y
       ),
       /* @__PURE__ */ t.jsxs("div", { className: G.buttons, children: [
         n && /* @__PURE__ */ t.jsx(
@@ -1948,7 +1948,7 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (R) => f(R, $)
+            onClick: (R) => M(R, k)
           }
         ),
         d && /* @__PURE__ */ t.jsx(
@@ -1959,7 +1959,7 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => i(s.filter((R) => R !== $))
+            onClick: () => i(s.filter((R) => R !== k))
           }
         )
       ] })
@@ -1967,19 +1967,19 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
     return r ? /* @__PURE__ */ t.jsx(
       Zn,
       {
-        product: $,
-        index: k,
-        moveProduct: B,
-        children: L
+        product: k,
+        index: y,
+        moveProduct: C,
+        children: w
       },
-      $.listingId
+      k.listingId
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: G.product,
-        children: L
+        children: w
       },
-      $.listingId
+      k.listingId
     );
   };
   return /* @__PURE__ */ t.jsxs("div", { className: G.productsBlock, children: [
@@ -1989,7 +1989,7 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
         K,
         {
           current: a,
-          onChange: ($) => e == null ? void 0 : e($)
+          onChange: (k) => e == null ? void 0 : e(k)
         }
       )
     ] }),
@@ -1997,34 +1997,34 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
       Kn,
       {
         activeItem: h,
-        setActiveItem: O,
-        setIsOpenModal: C,
-        popupPosition: q,
-        itemsOptions: g
+        setActiveItem: q,
+        setIsOpenModal: I,
+        popupPosition: A,
+        itemsOptions: f
       }
     ),
     /* @__PURE__ */ t.jsxs("div", { className: G.products, children: [
       o && /* @__PURE__ */ t.jsx("h5", { className: G.subtitle, children: o }),
-      r ? /* @__PURE__ */ t.jsx(yt, { backend: kt, children: s.map(($, k) => M($, k)) }) : s.map(($, k) => M($, k)),
-      T && /* @__PURE__ */ t.jsx("div", { className: G.addButton, children: /* @__PURE__ */ t.jsxs(
+      r ? /* @__PURE__ */ t.jsx(yt, { backend: kt, children: s.map((k, y) => O(k, y)) }) : s.map((k, y) => O(k, y)),
+      P && /* @__PURE__ */ t.jsx("div", { className: G.addButton, children: /* @__PURE__ */ t.jsxs(
         it,
         {
           withoutHover: !0,
           className: G.button,
           size: "s",
           onClick: () => {
-            const $ = [...s];
-            for (let k = 0; k < g.length; k++)
-              if (!s.find((N) => N.listingId === g[k].id)) {
-                $.push({
-                  listingId: g[k].id,
-                  image: g[k].productData.images.length > 0 ? g[k].productData.images[0].cfId : ""
+            const k = [...s];
+            for (let y = 0; y < f.length; y++)
+              if (!s.find((L) => L.listingId === f[y].id)) {
+                k.push({
+                  listingId: f[y].id,
+                  image: f[y].productData.images.length > 0 ? f[y].productData.images[0].cfId : ""
                 });
                 break;
               }
-            i($);
+            i(k);
           },
-          disabled: s.length === g.length,
+          disabled: s.length === f.length,
           style: {
             width: "fit-content"
           },
@@ -2044,7 +2044,7 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
     ] }),
     c !== void 0 && /* @__PURE__ */ t.jsx(xt, { items: c })
   ] });
-}, ti = "_options_jdafm_1", ei = "_price_jdafm_12", si = "_oldPrice_jdafm_19", ni = "_newPrice_jdafm_27", ii = "_animate_jdafm_34", ai = "_appearAndBounce_jdafm_1", oi = "_meta_jdafm_52", ci = "_info_jdafm_58", li = "_infoRight_jdafm_66", ri = "_buttons_jdafm_73", di = "_variants_jdafm_80", ui = "_variant_jdafm_80", mi = "_stock_jdafm_97", _i = "_variantInfo_jdafm_104", hi = "_quantity_jdafm_110", pi = "_count_jdafm_117", gi = "_focused_jdafm_134", fi = "_button_jdafm_73", xi = "_activeVariant_jdafm_160", bi = "_chargeTypes_jdafm_164", vi = "_charge_jdafm_164", ji = "_chargeActive_jdafm_189", yi = "_title_jdafm_197", I = {
+}, ti = "_options_jdafm_1", ei = "_price_jdafm_12", si = "_oldPrice_jdafm_19", ni = "_newPrice_jdafm_27", ii = "_animate_jdafm_34", ai = "_appearAndBounce_jdafm_1", oi = "_meta_jdafm_52", ci = "_info_jdafm_58", li = "_infoRight_jdafm_66", ri = "_buttons_jdafm_73", di = "_variants_jdafm_80", ui = "_variant_jdafm_80", mi = "_stock_jdafm_97", _i = "_variantInfo_jdafm_104", hi = "_quantity_jdafm_110", pi = "_count_jdafm_117", gi = "_focused_jdafm_134", fi = "_button_jdafm_73", xi = "_activeVariant_jdafm_160", bi = "_chargeTypes_jdafm_164", vi = "_charge_jdafm_164", ji = "_chargeActive_jdafm_189", yi = "_title_jdafm_197", N = {
   options: ti,
   price: ei,
   oldPrice: si,
@@ -2069,89 +2069,90 @@ const Et = "_wrapper_9rr5j_2", Lt = "_alignmentBlock_9rr5j_8", Rt = "_title_9rr5
   chargeActive: ji,
   title: yi
 };
-var Ot = /* @__PURE__ */ ((u) => (u.ONE_TIME = "One-Time", u.RECURRING = "Subscribe & Save", u))(Ot || {});
+var At = /* @__PURE__ */ ((u) => (u.ONE_TIME = "One-Time", u.RECURRING = "Subscribe & Save", u))(At || {});
 const Xa = (u) => {
-  var C, B;
-  const { variants: a } = u, [e, s] = p.useState(a[0]), [i, c] = p.useState(e.chargeTypes[0]), l = ft(), [o, n] = p.useState(1), [r, m] = p.useState(!1), { reset: d, addProductToCart: T, getProducts: x } = Nt(), [g, h] = p.useState(!1);
-  p.useEffect(() => {
-    h(!0);
-    const f = setTimeout(() => h(!1), 600);
-    return () => clearTimeout(f);
+  var C, M;
+  const { variants: a } = u, [e, s] = g.useState(a[0]), [i, c] = g.useState(e.chargeTypes[0]), l = ft(), [o, n] = g.useState(1), [r, _] = g.useState(!1), { reset: d, addProductToCart: P, getProducts: x, cart: f } = Nt(), [h, q] = g.useState(!1);
+  g.useEffect(() => {
+    q(!0);
+    const m = setTimeout(() => q(!1), 600);
+    return () => clearTimeout(m);
   }, [o]);
-  async function O() {
-    await x(), await T({
+  async function A() {
+    await x(), await P({
       productId: u.id,
       productVariantId: e.id,
       quantity: o
     });
   }
-  function q() {
-    d(), O(), l("/checkout");
+  function v() {
+    d(), A(), l("/checkout");
   }
-  function v(f) {
-    if (f >= 864e5) {
-      const N = Math.floor(f / 864e5);
-      return `${N} ${N === 1 ? "day" : "days"}`;
-    } else if (f >= 36e5) {
-      const N = Math.floor(f / 36e5);
-      return `${N} ${N === 1 ? "hour" : "hours"}`;
-    } else if (f >= 6e4) {
-      const N = Math.floor(f / 6e4);
-      return `${N} ${N === 1 ? "minute" : "minutes"}`;
+  console.log(f);
+  function E(m) {
+    if (m >= 864e5) {
+      const w = Math.floor(m / 864e5);
+      return `${w} ${w === 1 ? "day" : "days"}`;
+    } else if (m >= 36e5) {
+      const w = Math.floor(m / 36e5);
+      return `${w} ${w === 1 ? "hour" : "hours"}`;
+    } else if (m >= 6e4) {
+      const w = Math.floor(m / 6e4);
+      return `${w} ${w === 1 ? "minute" : "minutes"}`;
     } else {
-      const N = Math.floor(f / 1e3);
-      return `${N} ${N === 1 ? "second" : "seconds"}`;
+      const w = Math.floor(m / 1e3);
+      return `${w} ${w === 1 ? "second" : "seconds"}`;
     }
   }
-  function E(f, y) {
-    return f.length > y ? f.slice(0, y) + "..." : f;
+  function I(m, O) {
+    return m.length > O ? m.slice(0, O) + "..." : m;
   }
-  return /* @__PURE__ */ t.jsxs("div", { className: I.options, children: [
-    e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: I.chargeTypes, children: e.chargeTypes.map((f) => /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ t.jsxs("div", { className: N.options, children: [
+    e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: N.chargeTypes, children: e.chargeTypes.map((m) => /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: F(I.charge, {
-          [I.chargeActive]: i === f
+        className: F(N.charge, {
+          [N.chargeActive]: i === m
         }),
-        onClick: () => c(f),
-        children: Ot[f]
+        onClick: () => c(m),
+        children: At[m]
       },
-      f
+      m
     )) }),
-    /* @__PURE__ */ t.jsx("div", { className: I.variants, children: a.map((f) => {
-      var y;
+    /* @__PURE__ */ t.jsx("div", { className: N.variants, children: a.map((m) => {
+      var O;
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: F(I.variant, {
-            [I.activeVariant]: e.id === f.id
+          className: F(N.variant, {
+            [N.activeVariant]: e.id === m.id
           }),
-          onClick: () => s(f),
+          onClick: () => s(m),
           children: [
-            /* @__PURE__ */ t.jsxs("div", { className: I.variantInfo, children: [
-              /* @__PURE__ */ t.jsx("span", { className: I.title, children: E(f.name, 15) }),
+            /* @__PURE__ */ t.jsxs("div", { className: N.variantInfo, children: [
+              /* @__PURE__ */ t.jsx("span", { className: N.title, children: I(m.name, 15) }),
               /* @__PURE__ */ t.jsxs("span", { children: [
                 "$",
-                i === "ONE_TIME" ? f.price.amount : f.subscriptionSettings ? f.subscriptionSettings.price.amount : "Price Not Found"
+                i === "ONE_TIME" ? m.price.amount : m.subscriptionSettings ? m.subscriptionSettings.price.amount : "Price Not Found"
               ] })
             ] }),
-            /* @__PURE__ */ t.jsx("div", { children: i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: I.stock, children: [
-              ((y = f.quantity.restrictions) == null ? void 0 : y.max) || f.quantity.available || 0,
+            /* @__PURE__ */ t.jsx("div", { children: i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: N.stock, children: [
+              ((O = m.quantity.restrictions) == null ? void 0 : O.max) || m.quantity.available || 0,
               " in stock"
             ] }) })
           ]
         },
-        f.id
+        m.id
       );
     }) }),
-    i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: I.quantity, children: [
+    i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: N.quantity, children: [
       /* @__PURE__ */ t.jsx(
         "button",
         {
           onClick: () => {
-            o > 1 ? n((f) => f - 1) : n(1);
+            o > 1 ? n((m) => m - 1) : n(1);
           },
-          className: I.button,
+          className: N.button,
           disabled: e.quantity.restrictions && o <= e.quantity.restrictions.min,
           children: /* @__PURE__ */ t.jsx(b, { name: "Minus" })
         }
@@ -2159,19 +2160,19 @@ const Xa = (u) => {
       /* @__PURE__ */ t.jsx(
         "label",
         {
-          className: F(I.count, {
-            [I.focused]: r
+          className: F(N.count, {
+            [N.focused]: r
           }),
-          onFocus: () => m(!0),
-          onBlur: () => m(!1),
+          onFocus: () => _(!0),
+          onBlur: () => _(!1),
           children: /* @__PURE__ */ t.jsx(
             W,
             {
               type: "number",
               value: String(o),
-              onChange: (f) => n(Number(f)),
+              onChange: (m) => n(Number(m)),
               max: ((C = e.quantity.restrictions) == null ? void 0 : C.max) || e.quantity.available || 1 / 0,
-              min: ((B = e.quantity.restrictions) == null ? void 0 : B.min) || 0,
+              min: ((M = e.quantity.restrictions) == null ? void 0 : M.min) || 0,
               style: {
                 backgroundColor: "transparent",
                 border: "none",
@@ -2185,18 +2186,18 @@ const Xa = (u) => {
         "button",
         {
           onClick: () => {
-            n((f) => f + 1);
+            n((m) => m + 1);
           },
-          className: I.button,
+          className: N.button,
           disabled: !!(e.quantity.restrictions && o >= e.quantity.restrictions.max || e.quantity.available && o >= e.quantity.available),
           children: /* @__PURE__ */ t.jsx(b, { name: "Plus" })
         }
       )
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: I.meta, children: [
-      /* @__PURE__ */ t.jsxs("div", { className: I.info, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: N.meta, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: N.info, children: [
         /* @__PURE__ */ t.jsx("span", { children: "Delivery" }),
-        /* @__PURE__ */ t.jsxs("div", { className: I.infoRight, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: N.infoRight, children: [
           /* @__PURE__ */ t.jsx(
             b,
             {
@@ -2206,44 +2207,44 @@ const Xa = (u) => {
               height: 20
             }
           ),
-          /* @__PURE__ */ t.jsx("span", { children: !e.deliveryTime || e.deliveryTime === 0 ? "Instant" : v(e.deliveryTime) })
+          /* @__PURE__ */ t.jsx("span", { children: !e.deliveryTime || e.deliveryTime === 0 ? "Instant" : E(e.deliveryTime) })
         ] })
       ] }),
-      /* @__PURE__ */ t.jsxs("div", { className: I.info, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: N.info, children: [
         /* @__PURE__ */ t.jsx("span", { children: "Price" }),
-        /* @__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: F(I.newPrice, { [I.animate]: g }), children: [
+        /* @__PURE__ */ t.jsx("div", { className: N.infoRight, children: i === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: N.price, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: F(N.newPrice, { [N.animate]: h }), children: [
             "$ ",
             (e.price.amount || 0) * o
           ] }),
-          /* @__PURE__ */ t.jsxs("span", { className: I.oldPrice, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: N.oldPrice, children: [
             "$ ",
             (e.compareAtPrice.amount || 0) * o
           ] })
-        ] }) : /* @__PURE__ */ t.jsxs("span", { className: F(I.newPrice, { [I.animate]: g }), children: [
+        ] }) : /* @__PURE__ */ t.jsxs("span", { className: F(N.newPrice, { [N.animate]: h }), children: [
           "$ ",
           (e.price.amount || 0) * o
-        ] }) : 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: F(I.newPrice, { [I.animate]: g }), children: [
+        ] }) : e.subscriptionSettings && e.subscriptionSettings.compareAtPrice && (e.subscriptionSettings.compareAtPrice.amount || 0) - (e.subscriptionSettings.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: N.price, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: F(N.newPrice, { [N.animate]: h }), children: [
             "$ ",
             e.subscriptionSettings.price.amount || 0
           ] }),
-          /* @__PURE__ */ t.jsxs("span", { className: I.oldPrice, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: N.oldPrice, children: [
             "$ ",
             e.subscriptionSettings.compareAtPrice.amount || 0
           ] })
-        ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsxs("span", { className: F(I.newPrice, { [I.animate]: g }), children: [
+        ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsxs("span", { className: F(N.newPrice, { [N.animate]: h }), children: [
           "$ ",
           e.subscriptionSettings.price.amount || 0
         ] }) })
       ] })
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: I.buttons, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: N.buttons, children: [
       /* @__PURE__ */ t.jsx(
         it,
         {
           type: "Primary",
-          onClick: () => q(),
+          onClick: () => v(),
           children: /* @__PURE__ */ t.jsx("span", { children: i === "ONE_TIME" ? "Buy Now" : "Subscribe Now" })
         }
       ),
@@ -2251,13 +2252,13 @@ const Xa = (u) => {
         it,
         {
           type: "Secondary",
-          onClick: () => O(),
+          onClick: () => A(),
           children: "Add to Cart"
         }
       )
     ] })
   ] });
-}, ki = "_button_1861a_1", $i = "_login_1861a_14", wi = "_signUp_1861a_18", Ni = "_buttons_1861a_23", Ii = "_modal_1861a_32", Ci = "_info_1861a_60", Bi = "_top_1861a_67", Si = "_title_1861a_78", Pi = "_clear_1861a_84", Ti = "_activeClear_1861a_91", Ai = "_count_1861a_95", Oi = "_cart_1861a_110", qi = "_empty_1861a_118", Di = "_product_1861a_144", Ei = "_products_1861a_153", Li = "_image_1861a_161", Ri = "_productInfo_1861a_167", Mi = "_content_1861a_174", Hi = "_name_1861a_180", zi = "_price_1861a_186", Vi = "_productButtons_1861a_192", Fi = "_productButton_1861a_192", Ui = "_productCount_1861a_212", Yi = "_bottom_1861a_228", Gi = "_subtotal_1861a_236", Wi = "_block_1861a_244", Xi = "_shoppingCount_1861a_251", Ji = "_total_1861a_271", Qi = "_link_1861a_277", Ki = "_userInfo_1861a_284", P = {
+}, ki = "_button_nq46k_1", $i = "_login_nq46k_14", wi = "_signUp_nq46k_18", Ni = "_buttons_nq46k_23", Ii = "_modal_nq46k_32", Ci = "_info_nq46k_60", Bi = "_top_nq46k_67", Si = "_title_nq46k_78", Pi = "_clear_nq46k_85", Ti = "_activeClear_nq46k_92", qi = "_count_nq46k_96", Ai = "_cart_nq46k_111", Oi = "_empty_nq46k_119", Di = "_product_nq46k_145", Ei = "_products_nq46k_154", Li = "_image_nq46k_162", Ri = "_productInfo_nq46k_168", Mi = "_content_nq46k_175", Hi = "_name_nq46k_181", zi = "_price_nq46k_187", Vi = "_productButtons_nq46k_193", Fi = "_productButton_nq46k_193", Ui = "_productCount_nq46k_213", Yi = "_bottom_nq46k_229", Gi = "_subtotal_nq46k_237", Wi = "_block_nq46k_245", Xi = "_shoppingCount_nq46k_252", Ji = "_total_nq46k_272", Qi = "_link_nq46k_278", Ki = "_userInfo_nq46k_285", S = {
   button: ki,
   login: $i,
   signUp: wi,
@@ -2268,9 +2269,9 @@ const Xa = (u) => {
   title: Si,
   clear: Pi,
   activeClear: Ti,
-  count: Ai,
-  cart: Oi,
-  empty: qi,
+  count: qi,
+  cart: Ai,
+  empty: Oi,
   product: Di,
   products: Ei,
   image: Li,
@@ -2288,7 +2289,7 @@ const Xa = (u) => {
   total: Ji,
   link: Qi,
   userInfo: Ki
-}, Zi = "_button_bymeg_1", ta = "_primary_bymeg_19", ea = "_primaryHovered_bymeg_30", sa = "_secondary_bymeg_34", na = "_secondaryHovered_bymeg_44", ia = "_tertiary_bymeg_48", aa = "_tertiaryHovered_bymeg_58", oa = "_content_bymeg_62", et = {
+}, Zi = "_button_85085_1", ta = "_primary_85085_20", ea = "_primaryHovered_85085_30", sa = "_secondary_85085_34", na = "_secondaryHovered_85085_44", ia = "_tertiary_85085_48", aa = "_tertiaryHovered_85085_58", oa = "_content_85085_62", et = {
   button: Zi,
   primary: ta,
   primaryHovered: ea,
@@ -2384,7 +2385,7 @@ const Ja = (u) => {
     s(l);
   }
   const c = JSON.parse(localStorage.getItem("token") || "{}");
-  return /* @__PURE__ */ t.jsxs("div", { className: P.buttons, children: [
+  return /* @__PURE__ */ t.jsxs("div", { className: S.buttons, children: [
     a && /* @__PURE__ */ t.jsx(da, {}),
     !c.data && /* @__PURE__ */ t.jsx(
       jt,
@@ -2411,41 +2412,41 @@ const Ja = (u) => {
     c.data && /* @__PURE__ */ t.jsx(_a, { token: c.data })
   ] });
 }, da = () => {
-  const [u, a] = p.useState(!1), [e, s] = p.useState([]), { cart: i, getProducts: c } = Nt();
-  function l(m) {
+  const [u, a] = g.useState(!1), [e, s] = g.useState([]), { cart: i, getProducts: c } = Nt();
+  function l(_) {
     for (let d = 0; d < i.parts.length; d++)
-      for (let T = 0; T < m.variants.length; T++)
-        if (i.parts[d].productVariantId === m.variants[d].id)
+      for (let P = 0; P < _.variants.length; P++)
+        if (i.parts[d].productVariantId === _.variants[d].id)
           return i.parts[d].productVariantId;
   }
-  function o(m) {
+  function o(_) {
     for (let d = 0; d < i.parts.length; d++)
-      for (let T = 0; T < m.variants.length; T++)
-        if (i.parts[d].productVariantId === m.variants[d].id)
+      for (let P = 0; P < _.variants.length; P++)
+        if (i.parts[d].productVariantId === _.variants[d].id)
           return i.parts[d].quantity;
   }
-  p.useEffect(() => {
+  g.useEffect(() => {
     (async () => {
-      const d = i.parts.map((g) => String(g.productId)), x = (await c([...d])).map((g) => ({
-        ...g,
-        activeVariantId: l(g),
-        quantity: o(g)
+      const d = i.parts.map((f) => String(f.productId)), x = (await c([...d])).map((f) => ({
+        ...f,
+        activeVariantId: l(f),
+        quantity: o(f)
       }));
       s(x);
     })();
-  }, [i]);
-  function n(m) {
+  }, [i.parts.length]);
+  function n(_) {
     var d;
-    return !m || !(m != null && m.variants) ? !1 : (d = m.variants.find((T) => T.id === m.activeVariantId)) == null ? void 0 : d.subscriptionSettings;
+    return !_ || !(_ != null && _.variants) ? !1 : (d = _.variants.find((P) => P.id === _.activeVariantId)) == null ? void 0 : d.subscriptionSettings;
   }
   const r = i.parts.length > 0 && e.length > 0 && !n(e[0]);
-  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+  return console.log(i.parts.length > 0, e.length > 0, !n(e[0])), /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: P.button,
-        onClick: (m) => {
-          m.stopPropagation(), window.location.pathname !== "/admin/builder" && a(!0);
+        className: S.button,
+        onClick: (_) => {
+          _.stopPropagation(), a(!0);
         },
         children: [
           /* @__PURE__ */ t.jsx(
@@ -2455,7 +2456,7 @@ const Ja = (u) => {
               fill: "var(--icon-primary)"
             }
           ),
-          r && /* @__PURE__ */ t.jsx("div", { className: P.shoppingCount, children: i.parts.length })
+          r && /* @__PURE__ */ t.jsx("div", { className: S.shoppingCount, children: i.parts.length })
         ]
       }
     ),
@@ -2479,7 +2480,7 @@ const Ja = (u) => {
       quantity: d.quantity + 1
     });
   }
-  function m(d) {
+  function _(d) {
     l({
       productId: d.id,
       productVariantId: d.activeVariantId,
@@ -2489,19 +2490,19 @@ const Ja = (u) => {
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: P.modal,
+      className: S.modal,
       onClick: (d) => d.stopPropagation(),
       children: [
-        /* @__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: s.parts.length })
+        /* @__PURE__ */ t.jsxs("div", { className: S.top, children: [
+          /* @__PURE__ */ t.jsxs("div", { className: S.info, children: [
+            /* @__PURE__ */ t.jsx("span", { className: S.title, children: "Cart" }),
+            e && /* @__PURE__ */ t.jsx("div", { className: S.count, children: s.parts.length })
           ] }),
           /* @__PURE__ */ t.jsx(
             "button",
             {
-              className: F(P.clear, {
-                [P.activeClear]: e
+              className: F(S.clear, {
+                [S.activeClear]: e
               }),
               disabled: !e,
               onClick: () => i(),
@@ -2509,13 +2510,13 @@ const Ja = (u) => {
             }
           )
         ] }),
-        e ? /* @__PURE__ */ t.jsxs("div", { className: P.cart, children: [
-          /* @__PURE__ */ t.jsx("div", { className: P.products, children: a.map((d) => /* @__PURE__ */ t.jsxs(
+        e ? /* @__PURE__ */ t.jsxs("div", { className: S.cart, children: [
+          /* @__PURE__ */ t.jsx("div", { className: S.products, children: a.map((d) => /* @__PURE__ */ t.jsxs(
             "div",
             {
-              className: P.product,
+              className: S.product,
               children: [
-                /* @__PURE__ */ t.jsxs("div", { className: P.productInfo, children: [
+                /* @__PURE__ */ t.jsxs("div", { className: S.productInfo, children: [
                   /* @__PURE__ */ t.jsx(
                     "img",
                     {
@@ -2523,25 +2524,25 @@ const Ja = (u) => {
                       alt: "image",
                       width: "100%",
                       height: "100%",
-                      className: P.image
+                      className: S.image
                     }
                   ),
-                  /* @__PURE__ */ t.jsxs("div", { className: P.content, children: [
-                    /* @__PURE__ */ t.jsx("div", { className: P.name, children: d.name }),
-                    /* @__PURE__ */ t.jsxs("div", { className: P.price, children: [
+                  /* @__PURE__ */ t.jsxs("div", { className: S.content, children: [
+                    /* @__PURE__ */ t.jsx("div", { className: S.name, children: d.name }),
+                    /* @__PURE__ */ t.jsxs("div", { className: S.price, children: [
                       "$",
-                      d.variants.find((T) => T.id === d.activeVariantId).price.amount * ((d == null ? void 0 : d.quantity) || 1)
+                      d.variants.find((P) => P.id === d.activeVariantId).price.amount * ((d == null ? void 0 : d.quantity) || 1)
                     ] })
                   ] })
                 ] }),
-                /* @__PURE__ */ t.jsxs("div", { className: P.productButtons, children: [
+                /* @__PURE__ */ t.jsxs("div", { className: S.productButtons, children: [
                   /* @__PURE__ */ t.jsx(
                     "div",
                     {
                       onClick: () => {
-                        d.quantity !== 1 && m(d);
+                        d.quantity !== 1 && _(d);
                       },
-                      className: P.productButton,
+                      className: S.productButton,
                       children: /* @__PURE__ */ t.jsx(
                         b,
                         {
@@ -2553,12 +2554,12 @@ const Ja = (u) => {
                       )
                     }
                   ),
-                  /* @__PURE__ */ t.jsx("div", { className: P.productCount, children: d.quantity }),
+                  /* @__PURE__ */ t.jsx("div", { className: S.productCount, children: d.quantity }),
                   /* @__PURE__ */ t.jsx(
                     "div",
                     {
                       onClick: () => r(d),
-                      className: P.productButton,
+                      className: S.productButton,
                       children: /* @__PURE__ */ t.jsx(
                         b,
                         {
@@ -2575,9 +2576,9 @@ const Ja = (u) => {
             },
             d.id
           )) }),
-          /* @__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.jsxs("div", { className: S.bottom, children: [
+            /* @__PURE__ */ t.jsxs("div", { className: S.subtotal, children: [
+              /* @__PURE__ */ t.jsxs("div", { className: S.block, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Subtotal" }),
                 /* @__PURE__ */ t.jsx(
                   b,
@@ -2589,7 +2590,7 @@ const Ja = (u) => {
                   }
                 )
               ] }),
-              /* @__PURE__ */ t.jsxs("div", { className: P.total, children: [
+              /* @__PURE__ */ t.jsxs("div", { className: S.total, children: [
                 "$",
                 c().total
               ] })
@@ -2600,7 +2601,7 @@ const Ja = (u) => {
       ]
     }
   );
-}, ma = () => /* @__PURE__ */ t.jsxs("div", { className: P.empty, children: [
+}, ma = () => /* @__PURE__ */ t.jsxs("div", { className: S.empty, children: [
   /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(b, { name: "Handbag" }) }),
   /* @__PURE__ */ t.jsx("span", { children: "Your cart is empty" }),
   /* @__PURE__ */ t.jsxs("span", { children: [
@@ -2610,14 +2611,14 @@ const Ja = (u) => {
       "a",
       {
         href: "/products",
-        className: P.link,
+        className: S.link,
         children: "here"
       }
     )
   ] })
 ] }), _a = ({ token: u }) => {
-  const [a, e] = p.useState("test-email@gmail.com"), s = ft();
-  p.useEffect(() => {
+  const [a, e] = g.useState("test-email@gmail.com"), s = ft();
+  g.useEffect(() => {
     (async () => {
       const l = ra(u);
       e(l.email);
@@ -2629,7 +2630,7 @@ const Ja = (u) => {
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      className: P.userInfo,
+      className: S.userInfo,
       onClick: () => i("/customer-dash"),
       children: /* @__PURE__ */ t.jsx("div", { children: a || "test-email@gmail.com" })
     }
@@ -2724,10 +2725,10 @@ const Ja = (u) => {
   open: Ia,
   content: Ca
 }, Ka = ({ title: u, content: a }) => {
-  const [e, s] = p.useState(!1), [i, c] = p.useState(0), l = p.useRef(null), o = () => {
+  const [e, s] = g.useState(!1), [i, c] = g.useState(0), l = g.useRef(null), o = () => {
     s(!e);
   };
-  return p.useEffect(() => {
+  return g.useEffect(() => {
     l.current && c(e ? l.current.scrollHeight : 0);
   }, [e]), /* @__PURE__ */ t.jsxs("div", { className: mt.accordion, children: [
     /* @__PURE__ */ t.jsxs(
@@ -2751,14 +2752,14 @@ const Ja = (u) => {
       }
     )
   ] });
-}, Ba = "_wrapper_1r14x_1", Sa = "_label_1r14x_9", Pa = "_input_1r14x_18", Ta = "_required_1r14x_35", Aa = "_paddingless_1r14x_39", Oa = "_content_1r14x_43", qa = "_borderless_1r14x_58", Da = "_rightIcon_1r14x_63", st = {
+}, Ba = "_wrapper_1r14x_1", Sa = "_label_1r14x_9", Pa = "_input_1r14x_18", Ta = "_required_1r14x_35", qa = "_paddingless_1r14x_39", Aa = "_content_1r14x_43", Oa = "_borderless_1r14x_58", Da = "_rightIcon_1r14x_63", st = {
   wrapper: Ba,
   label: Sa,
   input: Pa,
   required: Ta,
-  paddingless: Aa,
-  content: Oa,
-  borderless: qa,
+  paddingless: qa,
+  content: Aa,
+  borderless: Oa,
   rightIcon: Da
 }, Za = (u) => {
   const {
@@ -2771,33 +2772,33 @@ const Ja = (u) => {
     max: o,
     placeholder: n,
     disabled: r = !1,
-    required: m = !1,
+    required: _ = !1,
     regex: d,
-    paddingless: T = !1,
+    paddingless: P = !1,
     borderless: x = !1,
-    editable: g = !1,
+    editable: f = !1,
     isSearch: h = !1
-  } = u, { themeSettings: O } = Bt(), { inputs: q } = O, [v, E] = p.useState(!1);
-  function C(y, M) {
-    if (y.startsWith("#")) {
-      let N, L, R;
-      return y.length === 7 ? (N = parseInt(y.slice(1, 3), 16), L = parseInt(y.slice(3, 5), 16), R = parseInt(y.slice(5, 7), 16)) : y.length === 4 && (N = parseInt(y[1] + y[1], 16), L = parseInt(y[2] + y[2], 16), R = parseInt(y[3] + y[3], 16)), `rgba(${N}, ${L}, ${R}, ${M})`;
+  } = u, { themeSettings: q } = Bt(), { inputs: A } = q, [v, E] = g.useState(!1);
+  function I(m, O) {
+    if (m.startsWith("#")) {
+      let L, w, R;
+      return m.length === 7 ? (L = parseInt(m.slice(1, 3), 16), w = parseInt(m.slice(3, 5), 16), R = parseInt(m.slice(5, 7), 16)) : m.length === 4 && (L = parseInt(m[1] + m[1], 16), w = parseInt(m[2] + m[2], 16), R = parseInt(m[3] + m[3], 16)), `rgba(${L}, ${w}, ${R}, ${O})`;
     }
-    const k = {
+    const y = {
       black: "#000000",
       white: "#ffffff",
       red: "#ff0000",
       green: "#00ff00",
       blue: "#0000ff"
       // Можно добавить больше цветов
-    }[y.toLowerCase()];
-    return k ? C(k, M) : y;
+    }[m.toLowerCase()];
+    return y ? I(y, O) : m;
   }
-  function B(y) {
-    return Number(y) < 0 ? String(l) : y;
+  function C(m) {
+    return Number(m) < 0 ? String(l) : m;
   }
-  function f(y) {
-    return !m || !d ? !0 : new RegExp(d).test(y);
+  function M(m) {
+    return !_ || !d ? !0 : new RegExp(d).test(m);
   }
   return /* @__PURE__ */ t.jsxs("div", { className: st.wrapper, children: [
     s && /* @__PURE__ */ t.jsx(
@@ -2813,9 +2814,9 @@ const Ja = (u) => {
       {
         className: st.content,
         style: {
-          paddingRight: q.general.height + 15,
+          paddingRight: A.general.height + 15,
           ...e,
-          backgroundColor: C(q.field.color, q.field.opacity / 100)
+          backgroundColor: I(A.field.color, A.field.opacity / 100)
         },
         children: [
           /* @__PURE__ */ t.jsx(
@@ -2823,19 +2824,19 @@ const Ja = (u) => {
             {
               id: s,
               type: c || "text",
-              onChange: (y) => {
-                if (c === "text") a(y.target.value);
+              onChange: (m) => {
+                if (c === "text") a(m.target.value);
                 else {
-                  const M = B(y.target.value);
-                  a(M);
+                  const O = C(m.target.value);
+                  a(O);
                 }
               },
               value: i,
               autoComplete: "off",
               placeholder: n || "Type something...",
               className: F(st.input, {
-                [st.required]: v && m && !f(i),
-                [st.paddingless]: T,
+                [st.required]: v && _ && !M(i),
+                [st.paddingless]: P,
                 [st.borderless]: x
               }),
               min: c === "number" ? l : void 0,
@@ -2849,11 +2850,11 @@ const Ja = (u) => {
             {
               name: "MagnifyingGlass",
               fill: "var(--icon-secondary)",
-              width: q.general.height,
-              height: q.general.height
+              width: A.general.height,
+              height: A.general.height
             }
           ) }),
-          g && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+          f && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
             b,
             {
               name: "Sliders",
@@ -2872,7 +2873,7 @@ const Ja = (u) => {
   textarea: Ra,
   length: Ma
 }, to = (u) => {
-  const { onChange: a, label: e, value: s, maxLength: i, placeholder: c = "Type something..." } = u, [l, o] = p.useState(s.length);
+  const { onChange: a, label: e, value: s, maxLength: i, placeholder: c = "Type something..." } = u, [l, o] = g.useState(s.length);
   return /* @__PURE__ */ t.jsxs("div", { className: gt.wrapper, children: [
     e && /* @__PURE__ */ t.jsx(
       "label",
@@ -2916,7 +2917,7 @@ export {
   b as Icon,
   W as InputSettings,
   Za as InputUI,
-  Ae as ItemsSettings,
+  qe as ItemsSettings,
   Fa as LayoutSettings,
   Wa as ListingSelector,
   io as Loader,
@@ -2928,7 +2929,7 @@ export {
   da as ShoppingButton,
   ua as ShoppingModalCart,
   K as Switch,
-  At as TextSettings,
+  qt as TextSettings,
   Ct as TextareaSettings,
   to as TextareaUI,
   Tt as TypesText,