@billgangcom/theme-lib 1.58.0 → 1.59.0

package/dist/ui.es.js

@@ -1,17 +1,17 @@
-import { j as t, I as g, c as Y, a as dt, S as ot, R as yt, B as tt, O as ut, d as at, u as mt, e as ht, P as pt, D as _t, f as gt, v as xt, g as ft, C as bt, h as H, i as St, k as it, l as wt, m as Bt, n as $t, o as rt, p as V, L as Pt, q as lt, r as jt, t as G, w as Mt, M as vt, x as Nt, y as Tt, z as kt, A as qt } from "./index-B285osIN.js";
-import { J as hi, F as pi, H as _i, E as gi, T as xi, G as fi } from "./index-B285osIN.js";
+import { j as t, I as g, c as G, a as dt, S as it, R as yt, B as ot, O as ut, d as at, u as mt, e as ht, P as pt, D as _t, f as gt, v as ft, g as xt, C as bt, h as z, i as St, k as nt, l as wt, m as Bt, n as $t, o as rt, p as Y, L as Pt, q as lt, r as jt, t as H, w as Mt, M as vt, x as Nt, y as Tt, z as kt, A as qt } from "./index-Cs6Fcjy6.js";
+import { J as hi, F as pi, H as _i, E as gi, T as fi, G as xi } from "./index-Cs6Fcjy6.js";
 import _ from "react";
 import "@phosphor-icons/react";
-const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmyb_15", zt = "_subtitle_1vmyb_22", Rt = "_alignmentContent_1vmyb_29", Lt = "_alignments_1vmyb_37", Dt = "_alignment_1vmyb_8", Ht = "_circle_1vmyb_60", Ut = "_paddings_1vmyb_67", Ft = "_padding_1vmyb_67", Vt = "_active_1vmyb_91", Yt = "_input_1vmyb_98", W = {
+const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmyb_15", Rt = "_subtitle_1vmyb_22", Lt = "_alignmentContent_1vmyb_29", Dt = "_alignments_1vmyb_37", Ht = "_alignment_1vmyb_8", Ut = "_circle_1vmyb_60", zt = "_paddings_1vmyb_67", Ft = "_padding_1vmyb_67", Vt = "_active_1vmyb_91", Yt = "_input_1vmyb_98", W = {
   wrapper: At,
   alignmentBlock: Ot,
   title: Et,
-  subtitle: zt,
-  alignmentContent: Rt,
-  alignments: Lt,
-  alignment: Dt,
-  circle: Ht,
-  paddings: Ut,
+  subtitle: Rt,
+  alignmentContent: Lt,
+  alignments: Dt,
+  alignment: Ht,
+  circle: Ut,
+  paddings: zt,
   padding: Ft,
   active: Vt,
   input: Yt
@@ -57,7 +57,7 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
         return "AlignBottom";
     }
   }
-  const [o, u] = _.useState(null), [x, $] = _.useState(null);
+  const [o, u] = _.useState(null), [f, $] = _.useState(null);
   return /* @__PURE__ */ t.jsxs("div", { className: W.layout, children: [
     /* @__PURE__ */ t.jsx("h3", { className: W.title, children: "Layout" }),
     /* @__PURE__ */ t.jsxs("div", { className: W.alignmentBlock, children: [
@@ -103,8 +103,8 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
         /* @__PURE__ */ t.jsx("div", { className: W.paddings, children: Wt.map((l) => /* @__PURE__ */ t.jsxs(
           "label",
           {
-            className: Y(W.padding, {
-              [W.active]: x === l
+            className: G(W.padding, {
+              [W.active]: f === l
             }),
             onFocus: () => {
               $(l);
@@ -142,7 +142,7 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
       ] })
     ] })
   ] });
-}, Jt = "_title_82zux_1", Xt = "_subtitle_82zux_5", Qt = "_header_82zux_12", Kt = "_text_82zux_13", Zt = "_productsBlock_82zux_14", te = "_top_82zux_26", ee = "_itemsBlock_82zux_35", se = "_typeTexts_82zux_41", ne = "_block_82zux_48", ie = "_active_82zux_61", oe = "_products_82zux_14", ae = "_product_82zux_14", ce = "_button_82zux_80", le = "_disabled_82zux_91", re = "_image_82zux_95", de = "_info_82zux_102", ue = "_name_82zux_114", me = "_buttons_82zux_118", he = "_modal_82zux_125", pe = "_link_82zux_145", _e = "_modalOptions_82zux_151", ge = "_addButton_82zux_157", xe = "_deleteButton_82zux_179", J = {
+}, Jt = "_title_82zux_1", Xt = "_subtitle_82zux_5", Qt = "_header_82zux_12", Kt = "_text_82zux_13", Zt = "_productsBlock_82zux_14", te = "_top_82zux_26", ee = "_itemsBlock_82zux_35", se = "_typeTexts_82zux_41", ne = "_block_82zux_48", ie = "_active_82zux_61", oe = "_products_82zux_14", ae = "_product_82zux_14", ce = "_button_82zux_80", le = "_disabled_82zux_91", re = "_image_82zux_95", de = "_info_82zux_102", ue = "_name_82zux_114", me = "_buttons_82zux_118", he = "_modal_82zux_125", pe = "_link_82zux_145", _e = "_modalOptions_82zux_151", ge = "_addButton_82zux_157", fe = "_deleteButton_82zux_179", J = {
   title: Jt,
   subtitle: Xt,
   header: Qt,
@@ -165,7 +165,7 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
   link: pe,
   modalOptions: _e,
   addButton: ge,
-  deleteButton: xe
+  deleteButton: fe
 }, Kn = (d) => {
   const {
     isActiveItems: n,
@@ -176,17 +176,17 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
     title: h,
     subtitle: o,
     draggable: u = !1,
-    withImage: x = !1,
+    withImage: f = !1,
     addable: $ = !0,
     itemsOptions: l,
     hasRangeSelector: r = !1,
     rangeSelectorOptions: T,
     limit: w,
     autoScrollInterval: C,
-    deletable: f
+    deletable: x
   } = d;
   function B(b) {
-    if (x)
+    if (f)
       return b ? /* @__PURE__ */ t.jsx(
         "img",
         {
@@ -208,7 +208,7 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
   const a = (b, q = !1) => {
     const M = l.find((S) => S.id === b);
     if (!M) return;
-    const L = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    const D = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       u && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         g,
         {
@@ -248,7 +248,7 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
       "div",
       {
         className: J.product,
-        children: L
+        children: D
       },
       b
     );
@@ -257,7 +257,7 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
     (h || n !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: J.top, children: [
       h && /* @__PURE__ */ t.jsx("h3", { className: J.title, children: h }),
       n !== void 0 && /* @__PURE__ */ t.jsx(
-        ot,
+        it,
         {
           current: n,
           onChange: (b) => e == null ? void 0 : e(b)
@@ -267,7 +267,7 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
     r && T && /* @__PURE__ */ t.jsx(yt, { ...T }),
     /* @__PURE__ */ t.jsxs("div", { className: J.products, children: [
       o && /* @__PURE__ */ t.jsx("h5", { className: J.subtitle, children: o }),
-      s.map((b) => a(b, f)),
+      s.map((b) => a(b, x)),
       $ && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -278,10 +278,10 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
             gap: 5
           },
           children: /* @__PURE__ */ t.jsx(
-            tt,
+            ot,
             {
               withoutHover: !0,
-              className: Y(J.button, {
+              className: G(J.button, {
                 [J.disabled]: !!(w && w <= s.length || s.length === l.length)
               }),
               size: "s",
@@ -291,7 +291,7 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
                 let q = null;
                 if (l) {
                   for (let M = 0; M < l.length; M++)
-                    if (!s.find((L) => L === l[M].id)) {
+                    if (!s.find((D) => D === l[M].id)) {
                       q = l[M];
                       break;
                     }
@@ -334,8 +334,8 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
       }
     )
   ] });
-}, fe = "_title_roi3a_1", be = "_subtitle_roi3a_5", je = "_header_roi3a_12", ve = "_text_roi3a_13", ye = "_productsBlock_roi3a_14", Ne = "_top_roi3a_26", ke = "_itemsBlock_roi3a_35", Ie = "_typeTexts_roi3a_41", Ce = "_block_roi3a_48", Se = "_active_roi3a_61", we = "_products_roi3a_14", Be = "_product_roi3a_14", $e = "_button_roi3a_80", Pe = "_disabled_roi3a_91", Me = "_image_roi3a_95", Te = "_info_roi3a_102", qe = "_name_roi3a_114", Ae = "_buttons_roi3a_118", Oe = "_modal_roi3a_125", Ee = "_link_roi3a_145", ze = "_modalOptions_roi3a_151", Re = "_addButton_roi3a_164", Le = "_deleteButton_roi3a_179", De = "_closeIcon_roi3a_191", U = {
-  title: fe,
+}, xe = "_title_roi3a_1", be = "_subtitle_roi3a_5", je = "_header_roi3a_12", ve = "_text_roi3a_13", ye = "_productsBlock_roi3a_14", Ne = "_top_roi3a_26", ke = "_itemsBlock_roi3a_35", Ie = "_typeTexts_roi3a_41", Ce = "_block_roi3a_48", Se = "_active_roi3a_61", we = "_products_roi3a_14", Be = "_product_roi3a_14", $e = "_button_roi3a_80", Pe = "_disabled_roi3a_91", Me = "_image_roi3a_95", Te = "_info_roi3a_102", qe = "_name_roi3a_114", Ae = "_buttons_roi3a_118", Oe = "_modal_roi3a_125", Ee = "_link_roi3a_145", Re = "_modalOptions_roi3a_151", Le = "_addButton_roi3a_164", De = "_deleteButton_roi3a_179", He = "_closeIcon_roi3a_191", F = {
+  title: xe,
   subtitle: be,
   header: je,
   text: ve,
@@ -355,12 +355,12 @@ const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmy
   buttons: Ae,
   modal: Oe,
   link: Ee,
-  modalOptions: ze,
-  addButton: Re,
-  deleteButton: Le,
-  closeIcon: De
+  modalOptions: Re,
+  addButton: Le,
+  deleteButton: De,
+  closeIcon: He
 };
-function He({ product: d, children: n }) {
+function Ue({ product: d, children: n }) {
   const {
     attributes: e,
     listeners: s,
@@ -368,7 +368,7 @@ function He({ product: d, children: n }) {
     transform: m,
     transition: h,
     isDragging: o
-  } = ft({
+  } = xt({
     id: d.id
   }), u = {
     transform: bt.Transform.toString(m),
@@ -379,7 +379,7 @@ function He({ product: d, children: n }) {
     {
       ref: i,
       style: u,
-      className: `${U.product} ${o ? U.dragging : ""}`,
+      className: `${F.product} ${o ? F.dragging : ""}`,
       ...e,
       ...s,
       children: n
@@ -396,13 +396,13 @@ const Zn = (d) => {
     subtitle: h,
     editable: o = !0,
     draggable: u = !1,
-    deletable: x = !0,
+    deletable: f = !0,
     addable: $ = !0,
     itemsType: l,
     itemsOptions: r,
     addableOptions: T = {},
     limit: w
-  } = d, [C, f] = _.useState(null), [B, a] = _.useState(null), b = _.useRef(null), q = mt(
+  } = d, [C, x] = _.useState(null), [B, a] = _.useState(null), b = _.useRef(null), q = mt(
     ht(pt, {
       activationConstraint: {
         distance: 5
@@ -423,14 +423,14 @@ const Zn = (d) => {
     a({
       top: O.top + window.scrollY,
       left: O.left - 30
-    }), f(N);
-  }, L = (j) => {
+    }), x(N);
+  }, D = (j) => {
     const { active: N, over: O } = j;
     if (O && N.id !== O.id) {
       const c = s.findIndex((I) => I.id === N.id), v = s.findIndex((I) => I.id === O.id);
       if (c !== -1 && v !== -1) {
-        const I = [...s], [D] = I.splice(c, 1);
-        I.splice(v, 0, D), i(I);
+        const I = [...s], [U] = I.splice(c, 1);
+        I.splice(v, 0, U), i(I);
       }
     }
   }, S = (j, N) => {
@@ -450,25 +450,25 @@ const Zn = (d) => {
           onChange: (c) => {
             const v = [...s], I = r.find((P) => P.name === c);
             if (!I) return;
-            const D = v.map((P) => P.id === j.id ? {
+            const U = v.map((P) => P.id === j.id ? {
               ...I,
               name: {
                 "en-US": c
               }
             } : P);
-            f({
+            x({
               ...j,
               name: {
                 "en-US": c
               }
-            }), i([...D]);
+            }), i([...U]);
           },
           value: j.name,
           options: r.filter((c) => !s.find((v) => v.name === c.name)).map((c) => c.name)
         }
       ),
-      /* @__PURE__ */ t.jsxs("div", { className: U.buttons, children: [
-        o && /* @__PURE__ */ t.jsx("div", { className: U.deleteButton, children: /* @__PURE__ */ t.jsx(
+      /* @__PURE__ */ t.jsxs("div", { className: F.buttons, children: [
+        o && /* @__PURE__ */ t.jsx("div", { className: F.deleteButton, children: /* @__PURE__ */ t.jsx(
           g,
           {
             name: "Sliders",
@@ -478,7 +478,7 @@ const Zn = (d) => {
             onClick: (c) => M(c, j)
           }
         ) }),
-        x && /* @__PURE__ */ t.jsx("div", { className: U.deleteButton, children: /* @__PURE__ */ t.jsx(
+        f && /* @__PURE__ */ t.jsx("div", { className: F.deleteButton, children: /* @__PURE__ */ t.jsx(
           g,
           {
             name: "Trash",
@@ -492,7 +492,7 @@ const Zn = (d) => {
       ] })
     ] });
     return u ? /* @__PURE__ */ t.jsx(
-      He,
+      Ue,
       {
         product: j,
         index: N,
@@ -502,35 +502,35 @@ const Zn = (d) => {
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: U.product,
+        className: F.product,
         children: O
       },
       j.id
     );
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: U.productsBlock, children: [
-    (m || n !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: U.top, children: [
-      m && /* @__PURE__ */ t.jsx("h3", { className: U.title, children: m }),
+  return /* @__PURE__ */ t.jsxs("div", { className: F.productsBlock, children: [
+    (m || n !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: F.top, children: [
+      m && /* @__PURE__ */ t.jsx("h3", { className: F.title, children: m }),
       n !== void 0 && /* @__PURE__ */ t.jsx(
-        ot,
+        it,
         {
           current: n,
           onChange: (j) => e == null ? void 0 : e(j)
         }
       )
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: U.products, children: [
-      h && /* @__PURE__ */ t.jsx("h5", { className: U.subtitle, children: h }),
+    /* @__PURE__ */ t.jsxs("div", { className: F.products, children: [
+      h && /* @__PURE__ */ t.jsx("h5", { className: F.subtitle, children: h }),
       u ? /* @__PURE__ */ t.jsx(
         _t,
         {
           sensors: q,
-          onDragEnd: L,
+          onDragEnd: D,
           children: /* @__PURE__ */ t.jsx(
             gt,
             {
               items: s.map((j) => j.id),
-              strategy: xt,
+              strategy: ft,
               children: s.map((j, N) => S(j, N))
             }
           )
@@ -545,11 +545,11 @@ const Zn = (d) => {
             justifyContent: "center"
           },
           children: /* @__PURE__ */ t.jsx(
-            tt,
+            ot,
             {
               withoutHover: !0,
-              className: Y(U.button, {
-                [U.disabled]: !!(w && w <= s.length || s.length === (r == null ? void 0 : r.length))
+              className: G(F.button, {
+                [F.disabled]: !!(w && w <= s.length || s.length === (r == null ? void 0 : r.length))
               }),
               size: "s",
               disabled: !!(w && w <= s.length || s.length === (r == null ? void 0 : r.length)),
@@ -572,7 +572,7 @@ const Zn = (d) => {
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ t.jsxs("div", { className: U.addButton, children: [
+              children: /* @__PURE__ */ t.jsxs("div", { className: F.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
                   g,
@@ -590,10 +590,10 @@ const Zn = (d) => {
     ] })
   ] });
 };
-function Ue(d) {
-  const { product: n, children: e } = d, { attributes: s, listeners: i, setNodeRef: m, transform: h, transition: o, isDragging: u } = ft({
+function ze(d) {
+  const { product: n, children: e } = d, { attributes: s, listeners: i, setNodeRef: m, transform: h, transition: o, isDragging: u } = xt({
     id: n.id
-  }), x = {
+  }), f = {
     transform: bt.Transform.toString(h),
     transition: o
   };
@@ -601,8 +601,8 @@ function Ue(d) {
     "div",
     {
       ref: m,
-      style: x,
-      className: `${H.product} ${u ? H.dragging : ""}`,
+      style: f,
+      className: `${z.product} ${u ? z.dragging : ""}`,
       ...s,
       ...i,
       children: e
@@ -619,22 +619,22 @@ const ti = (d) => {
     title: h,
     subtitle: o,
     editable: u = !0,
-    draggable: x = !1,
+    draggable: f = !1,
     withImage: $ = !1,
     deletable: l = !0,
     addable: r = !0,
     itemsType: T,
     itemsPlaceholder: w = "",
     itemsOptions: C,
-    hasRangeSelector: f = !1,
+    hasRangeSelector: x = !1,
     rangeSelectorOptions: B,
     modalOptions: a,
     addableOptions: b = {},
     limit: q
-  } = d, [M, L] = _.useState(null), [S, j] = _.useState({
+  } = d, [M, D] = _.useState(null), [S, j] = _.useState({
     top: 0,
     left: 0
-  }), [N, O] = _.useState(null), c = _.useRef(null), [v, I] = _.useState(!1), D = mt(
+  }), [N, O] = _.useState(null), c = _.useRef(null), [v, I] = _.useState(!1), U = mt(
     ht(pt, {
       activationConstraint: {
         distance: 5
@@ -643,10 +643,10 @@ const ti = (d) => {
   );
   _.useEffect(() => {
     const p = () => {
-      L(null), I(!1);
+      D(null), I(!1);
     };
-    return document.body.addEventListener("click", p), L(null), I(!1), () => {
-      L(null), I(!1), document.body.removeEventListener("click", p);
+    return document.body.addEventListener("click", p), D(null), I(!1), () => {
+      D(null), I(!1), document.body.removeEventListener("click", p);
     };
   }, []), _.useEffect(() => {
     if (M) {
@@ -669,9 +669,9 @@ const ti = (d) => {
     O({
       top: E.top + window.scrollY,
       left: E.left - 30
-    }), L(A), I(!0);
+    }), D(A), I(!0);
   };
-  function R(p) {
+  function L(p) {
     if ($)
       return p ? /* @__PURE__ */ t.jsx(
         "img",
@@ -694,16 +694,16 @@ const ti = (d) => {
   const K = (p) => {
     const { active: A, over: E } = p;
     if (E && A.id !== E.id) {
-      const z = s.findIndex((F) => F.id === A.id), et = s.findIndex((F) => F.id === E.id);
-      if (z !== -1 && et !== -1) {
-        const F = [...s], [X] = F.splice(z, 1);
-        F.splice(et, 0, X), i(F);
+      const R = s.findIndex((V) => V.id === A.id), tt = s.findIndex((V) => V.id === E.id);
+      if (R !== -1 && tt !== -1) {
+        const V = [...s], [X] = V.splice(R, 1);
+        V.splice(tt, 0, X), i(V);
       }
     }
-  }, st = (p) => {
+  }, et = (p) => {
     var E;
     const A = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      x && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+      f && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         g,
         {
           name: "DotsSixVertical",
@@ -715,38 +715,38 @@ const ti = (d) => {
       T === "select" && C && /* @__PURE__ */ t.jsx(
         at,
         {
-          onChange: (z) => {
-            const F = [...s].map((X) => X.id === p.id ? {
+          onChange: (R) => {
+            const V = [...s].map((X) => X.id === p.id ? {
               ...p,
               name: {
-                "en-US": z
+                "en-US": R
               }
             } : X);
-            L({
+            D({
               ...p,
               name: {
-                "en-US": z
+                "en-US": R
               }
-            }), i([...F]);
+            }), i([...V]);
           },
           value: p.name["en-US"],
           options: C.filter(
-            (z) => !s.find((et) => et.name["en-US"] === z)
+            (R) => !s.find((tt) => tt.name["en-US"] === R)
           ),
-          leftAddon: R(p.images)
+          leftAddon: L(p.images)
         }
       ),
       T === "input" && /* @__PURE__ */ t.jsx(
         dt,
         {
-          onChange: (z) => {
-            const F = [...s].map((X) => X.id === p.id ? {
+          onChange: (R) => {
+            const V = [...s].map((X) => X.id === p.id ? {
               ...p,
               name: {
-                "en-US": z
+                "en-US": R
               }
             } : X);
-            i([...F]);
+            i([...V]);
           },
           value: p.name["en-US"],
           placeholder: w
@@ -755,28 +755,28 @@ const ti = (d) => {
       T === "image" && /* @__PURE__ */ t.jsx(
         wt,
         {
-          onChange: (z) => {
-            const F = [...s].map((X) => X.id === p.id ? {
+          onChange: (R) => {
+            const V = [...s].map((X) => X.id === p.id ? {
               ...p,
-              images: z
+              images: R
             } : X);
-            i([...F]);
+            i([...V]);
           },
-          activeImage: (E = s.find((z) => z.id === p.id)) == null ? void 0 : E.images[0]
+          activeImage: (E = s.find((R) => R.id === p.id)) == null ? void 0 : E.images[0]
         }
       ),
-      /* @__PURE__ */ t.jsxs("div", { className: H.buttons, children: [
-        u && /* @__PURE__ */ t.jsx("div", { className: H.deleteButton, children: /* @__PURE__ */ t.jsx(
+      /* @__PURE__ */ t.jsxs("div", { className: z.buttons, children: [
+        u && /* @__PURE__ */ t.jsx("div", { className: z.deleteButton, children: /* @__PURE__ */ t.jsx(
           g,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (z) => P(z, p)
+            onClick: (R) => P(R, p)
           }
         ) }),
-        l && /* @__PURE__ */ t.jsx("div", { className: H.deleteButton, children: /* @__PURE__ */ t.jsx(
+        l && /* @__PURE__ */ t.jsx("div", { className: z.deleteButton, children: /* @__PURE__ */ t.jsx(
           g,
           {
             name: "Trash",
@@ -784,13 +784,13 @@ const ti = (d) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => i(s.filter((z) => z.id !== p.id))
+            onClick: () => i(s.filter((R) => R.id !== p.id))
           }
         ) })
       ] })
     ] });
-    return x ? /* @__PURE__ */ t.jsx(
-      Ue,
+    return f ? /* @__PURE__ */ t.jsx(
+      ze,
       {
         product: p,
         children: A
@@ -799,17 +799,17 @@ const ti = (d) => {
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: H.product,
+        className: z.product,
         children: A
       },
       p.id
     );
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: H.productsBlock, children: [
-    (h || n !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: H.top, children: [
-      h && /* @__PURE__ */ t.jsx("h3", { className: H.title, children: h }),
+  return /* @__PURE__ */ t.jsxs("div", { className: z.productsBlock, children: [
+    (h || n !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: z.top, children: [
+      h && /* @__PURE__ */ t.jsx("h3", { className: z.title, children: h }),
       n !== void 0 && /* @__PURE__ */ t.jsx(
-        ot,
+        it,
         {
           current: n,
           onChange: (p) => e == null ? void 0 : e(p)
@@ -821,30 +821,30 @@ const ti = (d) => {
       {
         ref: c,
         activeItem: M,
-        setActiveItem: L,
+        setActiveItem: D,
         popupPosition: S,
         modalOptions: a,
         setIsOpenModal: I
       }
     ),
-    f && B && /* @__PURE__ */ t.jsx(yt, { ...B }),
-    /* @__PURE__ */ t.jsxs("div", { className: H.products, children: [
-      o && /* @__PURE__ */ t.jsx("h5", { className: H.subtitle, children: o }),
-      x ? /* @__PURE__ */ t.jsx(
+    x && B && /* @__PURE__ */ t.jsx(yt, { ...B }),
+    /* @__PURE__ */ t.jsxs("div", { className: z.products, children: [
+      o && /* @__PURE__ */ t.jsx("h5", { className: z.subtitle, children: o }),
+      f ? /* @__PURE__ */ t.jsx(
         _t,
         {
-          sensors: D,
+          sensors: U,
           onDragEnd: K,
           children: /* @__PURE__ */ t.jsx(
             gt,
             {
               items: s.map((p) => p.id),
-              strategy: xt,
-              children: s.map((p) => st(p))
+              strategy: ft,
+              children: s.map((p) => et(p))
             }
           )
         }
-      ) : s.map((p) => st(p)),
+      ) : s.map((p) => et(p)),
       r && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -854,11 +854,11 @@ const ti = (d) => {
             justifyContent: "center"
           },
           children: /* @__PURE__ */ t.jsx(
-            tt,
+            ot,
             {
               withoutHover: !0,
-              className: Y(H.button, {
-                [H.disabled]: !!(q && q <= s.length)
+              className: G(z.button, {
+                [z.disabled]: !!(q && q <= s.length)
               }),
               size: "s",
               disabled: !!(q && q <= s.length),
@@ -867,7 +867,7 @@ const ti = (d) => {
                 let A = null;
                 if (C) {
                   for (let E = 0; E < C.length; E++)
-                    if (!s.find((z) => z.name["en-US"] === C[E])) {
+                    if (!s.find((R) => R.name["en-US"] === C[E])) {
                       A = C[E];
                       break;
                     }
@@ -876,7 +876,7 @@ const ti = (d) => {
                   name: {
                     "en-US": A || C[0]
                   },
-                  id: it(),
+                  id: nt(),
                   ...b,
                   maxSymbols: 100
                   // пример значения
@@ -884,14 +884,14 @@ const ti = (d) => {
                   name: {
                     "en-US": ""
                   },
-                  id: it(),
+                  id: nt(),
                   ...b,
                   maxSymbols: 100
                 }) : p.push({
                   name: {
                     "en-US": `Image ${s.length + 1}`
                   },
-                  id: it(),
+                  id: nt(),
                   ...b,
                   maxSymbols: 100
                 }), i(p);
@@ -899,7 +899,7 @@ const ti = (d) => {
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ t.jsxs("div", { className: H.addButton, children: [
+              children: /* @__PURE__ */ t.jsxs("div", { className: z.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
                   g,
@@ -941,35 +941,35 @@ const ti = (d) => {
   addButton: ds,
   deleteButton: us
 }, ms = (d) => {
-  const { buttons: n, setButtons: e, deletable: s = !0, addable: i = !0, editableLink: m = !0 } = d, { pages: h } = Bt(), [o, u] = _.useState(null), [x, $] = _.useState({
+  const { buttons: n, setButtons: e, deletable: s = !0, addable: i = !0, editableLink: m = !0 } = d, { pages: h } = Bt(), [o, u] = _.useState(null), [f, $] = _.useState({
     top: 0,
     left: 0
   }), [l, r] = _.useState(null), T = _.useRef(null);
   _.useEffect(() => {
     if (o) {
-      const f = [...n].map((B) => B.id === o.id ? o : B);
-      e(f);
+      const x = [...n].map((B) => B.id === o.id ? o : B);
+      e(x);
     }
   }, [o]), _.useEffect(() => {
     if (T.current && l) {
-      const f = T.current.getBoundingClientRect().height, B = window.innerHeight;
+      const x = T.current.getBoundingClientRect().height, B = window.innerHeight;
       let a = l.top;
-      a + f > B + window.scrollY - 200 && (a = B + window.scrollY - f - 200), a < 0 && (a = 10), $({
+      a + x > B + window.scrollY - 200 && (a = B + window.scrollY - x - 200), a < 0 && (a = 10), $({
         top: a,
         left: l.left
       });
     }
   }, [T.current, l]);
-  const w = (f, B) => {
-    f.stopPropagation();
-    const a = f.target.getBoundingClientRect();
+  const w = (x, B) => {
+    x.stopPropagation();
+    const a = x.target.getBoundingClientRect();
     r({
       top: a.top + window.scrollY - 70,
       left: a.left - (i ? 30 : 65)
     }), u(B);
-  }, C = (f, B) => {
+  }, C = (x, B) => {
     const a = [...n], b = {
-      ...f,
+      ...x,
       id: Math.random().toString(36).substr(2, 9)
       // Генерируем новый уникальный ID
     };
@@ -977,7 +977,7 @@ const ti = (d) => {
   };
   return /* @__PURE__ */ t.jsxs("div", { className: Q.products, children: [
     /* @__PURE__ */ t.jsx("h5", { className: Q.subtitle, children: "Button Type" }),
-    n.map((f, B) => /* @__PURE__ */ t.jsxs(
+    n.map((x, B) => /* @__PURE__ */ t.jsxs(
       "div",
       {
         className: Q.product,
@@ -986,13 +986,13 @@ const ti = (d) => {
             at,
             {
               onChange: (a) => {
-                const q = [...n].map((M) => M.id === f.id ? {
-                  ...f,
+                const q = [...n].map((M) => M.id === x.id ? {
+                  ...x,
                   type: a
                 } : M);
                 e(q);
               },
-              value: f.type,
+              value: x.type,
               options: ["Primary", "Secondary", "Tertiary"]
             }
           ),
@@ -1005,7 +1005,7 @@ const ti = (d) => {
                 width: 20,
                 height: 20,
                 onClick: () => {
-                  C(f, B);
+                  C(x, B);
                 }
               }
             ) }),
@@ -1017,7 +1017,7 @@ const ti = (d) => {
                 width: 20,
                 height: 20,
                 onClick: (a) => {
-                  w(a, f);
+                  w(a, x);
                 }
               }
             ) }),
@@ -1027,7 +1027,7 @@ const ti = (d) => {
                 name: "Trash",
                 hoverable: !0,
                 onClick: () => {
-                  const a = n.filter((b) => b.id !== f.id);
+                  const a = n.filter((b) => b.id !== x.id);
                   e(a);
                 },
                 width: 20,
@@ -1038,7 +1038,7 @@ const ti = (d) => {
           ] })
         ]
       },
-      f.id
+      x.id
     )),
     o && /* @__PURE__ */ t.jsx(
       $t,
@@ -1046,7 +1046,7 @@ const ti = (d) => {
         ref: T,
         activeButton: o,
         setActiveButton: u,
-        popupPosition: x,
+        popupPosition: f,
         editableLink: m
       }
     ),
@@ -1059,16 +1059,16 @@ const ti = (d) => {
           justifyContent: "center"
         },
         children: /* @__PURE__ */ t.jsx(
-          tt,
+          ot,
           {
             withoutHover: !0,
             className: Q.button,
             size: "s",
             onClick: () => {
-              const f = [...n];
-              m ? f.push({
+              const x = [...n];
+              m ? x.push({
                 type: "Primary",
-                id: it(),
+                id: nt(),
                 typesText: [],
                 text: {
                   "en-US": "Button Name"
@@ -1076,9 +1076,9 @@ const ti = (d) => {
                 destination: "Go to Page",
                 page: h ? Object.values(h)[0].name : "Home",
                 openInNewTab: !1
-              }) : f.push({
+              }) : x.push({
                 type: "Primary",
-                id: it(),
+                id: nt(),
                 typesText: [],
                 text: {
                   "en-US": "Create Ticket"
@@ -1086,7 +1086,7 @@ const ti = (d) => {
                 destination: "Go to Page",
                 page: h ? Object.values(h)[0].name : "Home",
                 openInNewTab: !1
-              }), e(f);
+              }), e(x);
             },
             style: {
               width: "fit-content"
@@ -1121,7 +1121,7 @@ const ti = (d) => {
     /* @__PURE__ */ t.jsxs("div", { className: rt.top, children: [
       /* @__PURE__ */ t.jsx("h3", { className: rt.title, children: "Buttons" }),
       /* @__PURE__ */ t.jsx(
-        ot,
+        it,
         {
           current: n,
           onChange: (u) => e(u)
@@ -1141,9 +1141,9 @@ const ti = (d) => {
   ] }) });
 };
 function hs(d) {
-  const { product: n, children: e } = d, { attributes: s, listeners: i, setNodeRef: m, transform: h, transition: o, isDragging: u } = ft({
+  const { product: n, children: e } = d, { attributes: s, listeners: i, setNodeRef: m, transform: h, transition: o, isDragging: u } = xt({
     id: String(n.listingId)
-  }), x = {
+  }), f = {
     transform: bt.Transform.toString(h),
     transition: o
   };
@@ -1151,8 +1151,8 @@ function hs(d) {
     "div",
     {
       ref: m,
-      style: x,
-      className: `${V.product} ${u ? V.dragging : ""}`,
+      style: f,
+      className: `${Y.product} ${u ? Y.dragging : ""}`,
       ...s,
       ...i,
       children: e
@@ -1169,13 +1169,13 @@ const si = (d) => {
     title: h,
     subtitle: o,
     editable: u = !0,
-    draggable: x = !1,
+    draggable: f = !1,
     withImage: $ = !1,
     deletable: l = !0,
     addable: r = !0,
     itemsType: T,
     itemsOptions: w
-  } = d, [C, f] = _.useState(
+  } = d, [C, x] = _.useState(
     null
   ), [B, a] = _.useState({
     top: 0,
@@ -1189,10 +1189,10 @@ const si = (d) => {
   );
   _.useEffect(() => {
     const c = () => {
-      f(null), q(!1);
+      x(null), q(!1);
     };
-    return document.body.addEventListener("click", c), f(null), q(!1), () => {
-      f(null), q(!1), document.body.removeEventListener("click", c);
+    return document.body.addEventListener("click", c), x(null), q(!1), () => {
+      x(null), q(!1), document.body.removeEventListener("click", c);
     };
   }, []), _.useEffect(() => {
     if (C) {
@@ -1200,14 +1200,14 @@ const si = (d) => {
       i(c);
     }
   }, [C]);
-  const L = (c, v) => {
+  const D = (c, v) => {
     c.stopPropagation();
-    const I = c.target.getBoundingClientRect(), D = 100, P = window.innerHeight;
-    let R = I.top + window.scrollY;
-    R + D > P && (R = P - D - 20), q(!0), a({
-      top: R - 80,
+    const I = c.target.getBoundingClientRect(), U = 100, P = window.innerHeight;
+    let L = I.top + window.scrollY;
+    L + U > P && (L = P - U - 20), q(!0), a({
+      top: L - 80,
       left: I.left - 30
-    }), f(v);
+    }), x(v);
   };
   function S(c) {
     if ($)
@@ -1232,17 +1232,17 @@ const si = (d) => {
   const j = (c) => {
     const { active: v, over: I } = c;
     if (I && v.id !== I.id) {
-      const D = s.findIndex((R) => String(R.listingId) === v.id), P = s.findIndex((R) => String(R.listingId) === I.id);
-      if (D !== -1 && P !== -1) {
-        const R = [...s], [K] = R.splice(D, 1);
-        R.splice(P, 0, K), i(R);
+      const U = s.findIndex((L) => String(L.listingId) === v.id), P = s.findIndex((L) => String(L.listingId) === I.id);
+      if (U !== -1 && P !== -1) {
+        const L = [...s], [K] = L.splice(U, 1);
+        L.splice(P, 0, K), i(L);
       }
     }
   }, N = (c, v) => {
     const I = w.find((P) => c.listingId === P.id);
     if (!I) return null;
-    const D = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      x && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+    const U = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      f && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         g,
         {
           name: "DotsSixVertical",
@@ -1255,17 +1255,17 @@ const si = (d) => {
         at,
         {
           onChange: (P) => {
-            const R = [...s], K = w.find((A) => A.productData.name === P);
+            const L = [...s], K = w.find((A) => A.productData.name === P);
             if (!K) return;
-            const st = {
+            const et = {
               listingId: K.id,
               image: K.productData.images.length > 0 ? K.productData.images[0].cfId : ""
-            }, p = R.map((A) => A.listingId === c.listingId ? st : A);
-            f(st), i([...p]);
+            }, p = L.map((A) => A.listingId === c.listingId ? et : A);
+            x(et), i([...p]);
           },
           value: I.productData.name,
           options: [
-            ...w.filter((P) => !s.find((R) => R.listingId === P.id)).map((P) => P.productData.name)
+            ...w.filter((P) => !s.find((L) => L.listingId === P.id)).map((P) => P.productData.name)
           ],
           leftAddon: S(
             c.image || I.productData.images.length > 0 && I.productData.images[0].cfId || ""
@@ -1273,18 +1273,18 @@ const si = (d) => {
         },
         v
       ),
-      /* @__PURE__ */ t.jsxs("div", { className: V.buttons, children: [
-        u && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
+      /* @__PURE__ */ t.jsxs("div", { className: Y.buttons, children: [
+        u && /* @__PURE__ */ t.jsx("div", { className: Y.deleteButton, children: /* @__PURE__ */ t.jsx(
           g,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (P) => L(P, c)
+            onClick: (P) => D(P, c)
           }
         ) }),
-        l && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
+        l && /* @__PURE__ */ t.jsx("div", { className: Y.deleteButton, children: /* @__PURE__ */ t.jsx(
           g,
           {
             name: "Trash",
@@ -1297,27 +1297,27 @@ const si = (d) => {
         ) })
       ] })
     ] });
-    return x ? /* @__PURE__ */ t.jsx(
+    return f ? /* @__PURE__ */ t.jsx(
       hs,
       {
         product: c,
-        children: D
+        children: U
       },
       c.listingId
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: V.product,
-        children: D
+        className: Y.product,
+        children: U
       },
       c.listingId
     );
   }, O = _.useRef(null);
-  return /* @__PURE__ */ t.jsxs("div", { className: V.productsBlock, children: [
-    (h || n !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: V.top, children: [
-      h && /* @__PURE__ */ t.jsx("h3", { className: V.title, children: h }),
+  return /* @__PURE__ */ t.jsxs("div", { className: Y.productsBlock, children: [
+    (h || n !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: Y.top, children: [
+      h && /* @__PURE__ */ t.jsx("h3", { className: Y.title, children: h }),
       n !== void 0 && /* @__PURE__ */ t.jsx(
-        ot,
+        it,
         {
           current: n,
           onChange: (c) => e == null ? void 0 : e(c)
@@ -1329,15 +1329,15 @@ const si = (d) => {
       {
         ref: O,
         activeItem: C,
-        setActiveItem: f,
+        setActiveItem: x,
         setIsOpenModal: q,
         popupPosition: B,
         itemsOptions: w
       }
     ),
-    n && /* @__PURE__ */ t.jsxs("div", { className: V.products, children: [
-      o && /* @__PURE__ */ t.jsx("h5", { className: V.subtitle, children: o }),
-      x ? /* @__PURE__ */ t.jsx(
+    n && /* @__PURE__ */ t.jsxs("div", { className: Y.products, children: [
+      o && /* @__PURE__ */ t.jsx("h5", { className: Y.subtitle, children: o }),
+      f ? /* @__PURE__ */ t.jsx(
         _t,
         {
           sensors: M,
@@ -1346,7 +1346,7 @@ const si = (d) => {
             gt,
             {
               items: s.map((c) => String(c.listingId)),
-              strategy: xt,
+              strategy: ft,
               children: s.map((c, v) => N(c, v))
             }
           )
@@ -1361,10 +1361,10 @@ const si = (d) => {
             justifyContent: "center"
           },
           children: /* @__PURE__ */ t.jsx(
-            tt,
+            ot,
             {
               withoutHover: !0,
-              className: V.button,
+              className: Y.button,
               size: "s",
               onClick: () => {
                 const c = [...s];
@@ -1382,7 +1382,7 @@ const si = (d) => {
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ t.jsxs("div", { className: V.addButton, children: [
+              children: /* @__PURE__ */ t.jsxs("div", { className: Y.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
                   g,
@@ -1400,12 +1400,12 @@ const si = (d) => {
     ] }),
     n && m !== void 0 && /* @__PURE__ */ t.jsx(ut, { items: m })
   ] });
-}, ps = "_options_6cemk_1", _s = "_price_6cemk_12", gs = "_oldPrice_6cemk_19", xs = "_newPrice_6cemk_27", fs = "_animate_6cemk_34", bs = "_appearAndBounce_6cemk_1", js = "_meta_6cemk_52", vs = "_info_6cemk_58", ys = "_infoRight_6cemk_66", Ns = "_buttons_6cemk_73", ks = "_variants_6cemk_80", Is = "_variant_6cemk_80", Cs = "_stock_6cemk_98", Ss = "_variantInfo_6cemk_105", ws = "_quantity_6cemk_111", Bs = "_count_6cemk_118", $s = "_focused_6cemk_135", Ps = "_button_6cemk_73", Ms = "_activeVariant_6cemk_161", Ts = "_chargeTypes_6cemk_165", qs = "_charge_6cemk_165", As = "_chargeActive_6cemk_190", Os = "_title_6cemk_198", k = {
+}, ps = "_options_6cemk_1", _s = "_price_6cemk_12", gs = "_oldPrice_6cemk_19", fs = "_newPrice_6cemk_27", xs = "_animate_6cemk_34", bs = "_appearAndBounce_6cemk_1", js = "_meta_6cemk_52", vs = "_info_6cemk_58", ys = "_infoRight_6cemk_66", Ns = "_buttons_6cemk_73", ks = "_variants_6cemk_80", Is = "_variant_6cemk_80", Cs = "_stock_6cemk_98", Ss = "_variantInfo_6cemk_105", ws = "_quantity_6cemk_111", Bs = "_count_6cemk_118", $s = "_focused_6cemk_135", Ps = "_button_6cemk_73", Ms = "_activeVariant_6cemk_161", Ts = "_chargeTypes_6cemk_165", qs = "_charge_6cemk_165", As = "_chargeActive_6cemk_190", Os = "_title_6cemk_198", k = {
   options: ps,
   price: _s,
   oldPrice: gs,
-  newPrice: xs,
-  animate: fs,
+  newPrice: fs,
+  animate: xs,
   appearAndBounce: bs,
   meta: js,
   info: vs,
@@ -1427,8 +1427,8 @@ const si = (d) => {
 };
 var It = /* @__PURE__ */ ((d) => (d.ONE_TIME = "One-Time", d.RECURRING = "Subscribe & Save", d))(It || {});
 const ni = (d) => {
-  var f, B;
-  const { variants: n } = d, [e, s] = _.useState(n[0]), [i, m] = _.useState(e.chargeTypes[0]), h = lt(), [o, u] = _.useState(1), { reset: x, addProductToCart: $ } = jt(), [l, r] = _.useState(!1);
+  var x, B;
+  const { variants: n } = d, [e, s] = _.useState(n[0]), [i, m] = _.useState(e.chargeTypes[0]), h = lt(), [o, u] = _.useState(1), { reset: f, addProductToCart: $ } = jt(), [l, r] = _.useState(!1);
   _.useEffect(() => {
     r(!0);
     const a = setTimeout(() => r(!1), 600);
@@ -1442,7 +1442,7 @@ const ni = (d) => {
     });
   }
   function w() {
-    x(), T(), h("/checkout");
+    f(), T(), h("/checkout");
   }
   function C(a) {
     if (a >= 864e5) {
@@ -1465,7 +1465,7 @@ const ni = (d) => {
     e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: k.chargeTypes, children: e.chargeTypes.map((a) => /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: Y(k.charge, {
+        className: G(k.charge, {
           [k.chargeActive]: i === a
         }),
         onClick: () => m(a),
@@ -1478,7 +1478,7 @@ const ni = (d) => {
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: Y(k.variant, {
+          className: G(k.variant, {
             [k.activeVariant]: e.id === a.id
           }),
           onClick: () => s(a),
@@ -1501,7 +1501,7 @@ const ni = (d) => {
     }) }),
     i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: k.quantity, children: [
       /* @__PURE__ */ t.jsx(
-        G,
+        H,
         {
           type: "Secondary",
           onClick: () => {
@@ -1518,14 +1518,14 @@ const ni = (d) => {
           type: "number",
           value: String(o),
           onChange: (a) => u(Number(a)),
-          max: ((f = e.quantity.restrictions) == null ? void 0 : f.max) || e.quantity.available || 1 / 0,
+          max: ((x = e.quantity.restrictions) == null ? void 0 : x.max) || e.quantity.available || 1 / 0,
           min: ((B = e.quantity.restrictions) == null ? void 0 : B.min) || 0,
           centered: !0,
           disabled: e.quantity.available === 0 || !e.quantity.available || Object.keys(e.quantity.restrictions || {}).length === 0 && !e.quantity.available
         }
       ),
       /* @__PURE__ */ t.jsx(
-        G,
+        H,
         {
           type: "Secondary",
           onClick: () => {
@@ -1556,7 +1556,7 @@ const ni = (d) => {
       /* @__PURE__ */ t.jsxs("div", { className: k.info, children: [
         /* @__PURE__ */ t.jsx("span", { children: "Price" }),
         /* @__PURE__ */ t.jsx("div", { className: k.infoRight, children: i === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: k.price, children: [
-          /* @__PURE__ */ t.jsxs("span", { className: Y(k.newPrice, { [k.animate]: l }), children: [
+          /* @__PURE__ */ t.jsxs("span", { className: G(k.newPrice, { [k.animate]: l }), children: [
             "$ ",
             (e.price.amount || 0) * o
           ] }),
@@ -1564,11 +1564,11 @@ const ni = (d) => {
             "$ ",
             (e.compareAtPrice.amount || 0) * o
           ] })
-        ] }) : /* @__PURE__ */ t.jsxs("span", { className: Y(k.newPrice, { [k.animate]: l }), children: [
+        ] }) : /* @__PURE__ */ t.jsxs("span", { className: G(k.newPrice, { [k.animate]: l }), 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: k.price, children: [
-          /* @__PURE__ */ t.jsxs("span", { className: Y(k.newPrice, { [k.animate]: l }), children: [
+          /* @__PURE__ */ t.jsxs("span", { className: G(k.newPrice, { [k.animate]: l }), children: [
             "$ ",
             e.subscriptionSettings.price.amount || 0
           ] }),
@@ -1576,7 +1576,7 @@ const ni = (d) => {
             "$ ",
             e.subscriptionSettings.compareAtPrice.amount || 0
           ] })
-        ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsxs("span", { className: Y(k.newPrice, { [k.animate]: l }), children: [
+        ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsxs("span", { className: G(k.newPrice, { [k.animate]: l }), children: [
           "$ ",
           e.subscriptionSettings.price.amount || 0
         ] }) })
@@ -1584,7 +1584,7 @@ const ni = (d) => {
     ] }),
     /* @__PURE__ */ t.jsxs("div", { className: k.buttons, children: [
       /* @__PURE__ */ t.jsx(
-        G,
+        H,
         {
           type: "Primary",
           onClick: () => w(),
@@ -1593,7 +1593,7 @@ const ni = (d) => {
         }
       ),
       i === "ONE_TIME" && /* @__PURE__ */ t.jsx(
-        G,
+        H,
         {
           type: "Secondary",
           onClick: () => T(),
@@ -1603,18 +1603,18 @@ const ni = (d) => {
       )
     ] })
   ] });
-}, Es = "_button_1tdo3_1", zs = "_login_1tdo3_14", Rs = "_signUp_1tdo3_18", Ls = "_buttons_1tdo3_23", Ds = "_modal_1tdo3_32", Hs = "_closing_1tdo3_64", Us = "_info_1tdo3_113", Fs = "_top_1tdo3_120", Vs = "_title_1tdo3_131", Ys = "_clear_1tdo3_138", Gs = "_activeClear_1tdo3_145", Ws = "_count_1tdo3_149", Js = "_cart_1tdo3_164", Xs = "_empty_1tdo3_172", Qs = "_product_1tdo3_198", Ks = "_products_1tdo3_207", Zs = "_image_1tdo3_215", tn = "_productInfo_1tdo3_221", en = "_content_1tdo3_228", sn = "_name_1tdo3_234", nn = "_price_1tdo3_240", on = "_productButtons_1tdo3_246", an = "_productButton_1tdo3_246", cn = "_productCount_1tdo3_266", ln = "_bottom_1tdo3_282", rn = "_subtotal_1tdo3_290", dn = "_block_1tdo3_298", un = "_shoppingCount_1tdo3_305", mn = "_total_1tdo3_325", hn = "_link_1tdo3_331", pn = "_userInfo_1tdo3_338", _n = "_pagesMobileModal_1tdo3_349", gn = "_pagesMobileModalContent_1tdo3_363", xn = "_pagesMobileModalHeader_1tdo3_369", fn = "_pagesMobileModalFooter_1tdo3_379", y = {
+}, Es = "_button_1tdo3_1", Rs = "_login_1tdo3_14", Ls = "_signUp_1tdo3_18", Ds = "_buttons_1tdo3_23", Hs = "_modal_1tdo3_32", Us = "_closing_1tdo3_64", zs = "_info_1tdo3_113", Fs = "_top_1tdo3_120", Vs = "_title_1tdo3_131", Ys = "_clear_1tdo3_138", Gs = "_activeClear_1tdo3_145", Ws = "_count_1tdo3_149", Js = "_cart_1tdo3_164", Xs = "_empty_1tdo3_172", Qs = "_product_1tdo3_198", Ks = "_products_1tdo3_207", Zs = "_image_1tdo3_215", tn = "_productInfo_1tdo3_221", en = "_content_1tdo3_228", sn = "_name_1tdo3_234", nn = "_price_1tdo3_240", on = "_productButtons_1tdo3_246", an = "_productButton_1tdo3_246", cn = "_productCount_1tdo3_266", ln = "_bottom_1tdo3_282", rn = "_subtotal_1tdo3_290", dn = "_block_1tdo3_298", un = "_shoppingCount_1tdo3_305", mn = "_total_1tdo3_325", hn = "_link_1tdo3_331", pn = "_userInfo_1tdo3_338", _n = "_pagesMobileModal_1tdo3_349", gn = "_pagesMobileModalContent_1tdo3_363", fn = "_pagesMobileModalHeader_1tdo3_369", xn = "_pagesMobileModalFooter_1tdo3_379", y = {
   button: Es,
-  login: zs,
-  signUp: Rs,
-  buttons: Ls,
-  modal: Ds,
+  login: Rs,
+  signUp: Ls,
+  buttons: Ds,
+  modal: Hs,
   "slide-in-fade": "_slide-in-fade_1tdo3_1",
   "mobile-slide-in-fade": "_mobile-slide-in-fade_1tdo3_1",
-  closing: Hs,
+  closing: Us,
   "mobile-slide-out-fade": "_mobile-slide-out-fade_1tdo3_1",
   "slide-out-fade": "_slide-out-fade_1tdo3_1",
-  info: Us,
+  info: zs,
   top: Fs,
   title: Vs,
   clear: Ys,
@@ -1641,8 +1641,8 @@ const ni = (d) => {
   userInfo: pn,
   pagesMobileModal: _n,
   pagesMobileModalContent: gn,
-  pagesMobileModalHeader: xn,
-  pagesMobileModalFooter: fn
+  pagesMobileModalHeader: fn,
+  pagesMobileModalFooter: xn
 }, ii = (d) => {
   const { shopping: n, signUp: e, isShowUserInfo: s = !0 } = d;
   return /* @__PURE__ */ t.jsxs("div", { className: y.buttons, children: [
@@ -1651,21 +1651,21 @@ const ni = (d) => {
   ] });
 }, bn = () => {
   const [d, n] = _.useState(!1), [e, s] = _.useState([]), { cart: i } = jt();
-  function m(x) {
+  function m(f) {
     var $;
-    return !x || !(x != null && x.variants) ? !1 : ($ = x.variants.find((l) => l.id === x.activeVariantId)) == null ? void 0 : $.subscriptionSettings;
+    return !f || !(f != null && f.variants) ? !1 : ($ = f.variants.find((l) => l.id === f.activeVariantId)) == null ? void 0 : $.subscriptionSettings;
   }
   const h = i.parts.length > 0 && e.length > 0 && !m(e[0]), [o, u] = _.useState(!1);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsxs(
-      G,
+      H,
       {
         type: "Secondary",
         style: {
           padding: 10
         },
-        onClick: (x) => {
-          x.stopPropagation(), window.location.pathname.includes("/admin/builder") || (n(!0), u(!0));
+        onClick: (f) => {
+          f.stopPropagation(), window.location.pathname.includes("/admin/builder") || (n(!0), u(!0));
         },
         children: [
           /* @__PURE__ */ t.jsx(
@@ -1701,7 +1701,7 @@ const ni = (d) => {
   ] });
 }, jn = (d) => {
   const { activeProducts: n, isCartNotEmpty: e, isOpen: s } = d, { cart: i, reset: m, getTotalAndDiscount: h, updateQuantityOfProduct: o } = jt(), u = lt();
-  function x(r) {
+  function f(r) {
     u(r);
   }
   function $(r) {
@@ -1721,7 +1721,7 @@ const ni = (d) => {
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: Y(y.modal, {
+      className: G(y.modal, {
         [y.closing]: !s
       }),
       onClick: (r) => r.stopPropagation(),
@@ -1734,7 +1734,7 @@ const ni = (d) => {
           /* @__PURE__ */ t.jsx(
             "button",
             {
-              className: Y(y.clear, {
+              className: G(y.clear, {
                 [y.activeClear]: e
               }),
               disabled: !e,
@@ -1828,7 +1828,7 @@ const ni = (d) => {
                 h().total
               ] })
             ] }),
-            /* @__PURE__ */ t.jsx(G, { onClick: () => x("/checkout"), children: "Checkout" })
+            /* @__PURE__ */ t.jsx(H, { onClick: () => f("/checkout"), children: "Checkout" })
           ] })
         ] }) : /* @__PURE__ */ t.jsx(vn, {})
       ]
@@ -1863,7 +1863,7 @@ const ni = (d) => {
   if (!s)
     return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       /* @__PURE__ */ t.jsx(
-        G,
+        H,
         {
           onClick: () => {
             m("/customer-dash"), n == null || n();
@@ -1876,7 +1876,7 @@ const ni = (d) => {
         }
       ),
       d && /* @__PURE__ */ t.jsx(
-        G,
+        H,
         {
           onClick: () => {
             m("/customer-dash"), n == null || n();
@@ -1893,8 +1893,8 @@ const ni = (d) => {
   const [h, o] = _.useState("test-email@gmail.com");
   return _.useEffect(() => {
     (async () => {
-      const x = Tt(s);
-      o(x.email);
+      const f = Tt(s);
+      o(f.email);
     })();
   }, [s]), /* @__PURE__ */ t.jsx(
     "div",
@@ -1926,7 +1926,7 @@ const ni = (d) => {
         /* @__PURE__ */ t.jsxs("div", { className: y.pagesMobileModalHeader, children: [
           /* @__PURE__ */ t.jsx("div", { children: n }),
           /* @__PURE__ */ t.jsx(
-            G,
+            H,
             {
               type: "Secondary",
               onClick: m,
@@ -1972,7 +1972,7 @@ const ni = (d) => {
 }, Nn = (d) => {
   const { setIsOpenModal: n } = d;
   return /* @__PURE__ */ t.jsx(
-    G,
+    H,
     {
       type: "Secondary",
       style: {
@@ -1990,7 +1990,7 @@ const ni = (d) => {
       )
     }
   );
-}, kn = "_share_xddz7_1", In = "_modal_xddz7_8", Cn = "_header_xddz7_20", Sn = "_socials_xddz7_30", wn = "_social_xddz7_30", Bn = "_copy_xddz7_40", $n = "_title_xddz7_47", Pn = "_copyWrapper_xddz7_53", Mn = "_copyText_xddz7_62", Tn = "_copyTextMobile_xddz7_75", qn = "_copyTextMiniMobile_xddz7_94", Z = {
+}, kn = "_share_10urc_1", In = "_modal_10urc_9", Cn = "_header_10urc_21", Sn = "_socials_10urc_31", wn = "_social_10urc_31", Bn = "_copy_10urc_41", $n = "_title_10urc_48", Pn = "_copyWrapper_10urc_54", Mn = "_copyText_10urc_63", Tn = "_copyTextMobile_10urc_76", qn = "_copyTextMiniMobile_10urc_95", Z = {
   share: kn,
   modal: In,
   header: Cn,
@@ -2009,7 +2009,7 @@ const ni = (d) => {
   }
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
-      tt,
+      H,
       {
         className: Z.share,
         onClick: (s) => {
@@ -2041,8 +2041,8 @@ const ni = (d) => {
       d(!1), s(!0);
     }, 300);
   }
-  function o(u, x) {
-    return u.length > x ? u.slice(0, x) + "..." : u;
+  function o(u, f) {
+    return u.length > f ? u.slice(0, f) + "..." : u;
   }
   return /* @__PURE__ */ t.jsxs(
     "div",
@@ -2064,7 +2064,7 @@ const ni = (d) => {
         ] }),
         /* @__PURE__ */ t.jsxs("div", { className: Z.copyWrapper, children: [
           /* @__PURE__ */ t.jsxs(
-            tt,
+            H,
             {
               type: "Secondary",
               onClick: m,
@@ -2079,7 +2079,7 @@ const ni = (d) => {
             }
           ),
           /* @__PURE__ */ t.jsx(
-            tt,
+            H,
             {
               type: "Secondary",
               onClick: m,
@@ -2090,27 +2090,27 @@ const ni = (d) => {
       ]
     }
   );
-}, On = "_accordion_1s1lq_1", En = "_header_1s1lq_9", zn = "_icon_1s1lq_18", Rn = "_open_1s1lq_21", Ln = "_content_1s1lq_25", nt = {
+}, On = "_accordion_1s1lq_1", En = "_header_1s1lq_9", Rn = "_icon_1s1lq_18", Ln = "_open_1s1lq_21", Dn = "_content_1s1lq_25", st = {
   accordion: On,
   header: En,
-  icon: zn,
-  open: Rn,
-  content: Ln
+  icon: Rn,
+  open: Ln,
+  content: Dn
 }, ci = ({ title: d, content: n, defaultOpen: e = !1 }) => {
   const [s, i] = _.useState(e), [m, h] = _.useState(0), o = _.useRef(null), u = () => {
     i(!s);
   };
   return _.useEffect(() => {
     o.current && h(s ? o.current.scrollHeight : 0);
-  }, [s]), /* @__PURE__ */ t.jsxs("div", { className: nt.accordion, children: [
+  }, [s]), /* @__PURE__ */ t.jsxs("div", { className: st.accordion, children: [
     /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: nt.header,
+        className: st.header,
         onClick: u,
         children: [
           /* @__PURE__ */ t.jsx("h5", { id: "h5", children: d }),
-          /* @__PURE__ */ t.jsx("div", { className: Y(nt.icon, { [nt.open]: s }), children: /* @__PURE__ */ t.jsx(g, { name: "CaretDown" }) })
+          /* @__PURE__ */ t.jsx("div", { className: G(st.icon, { [st.open]: s }), children: /* @__PURE__ */ t.jsx(g, { name: "CaretDown" }) })
         ]
       }
     ),
@@ -2118,7 +2118,7 @@ const ni = (d) => {
       "div",
       {
         ref: o,
-        className: nt.content,
+        className: st.content,
         style: { height: `${m}px` },
         children: /* @__PURE__ */ t.jsx("p", { id: "p", children: n })
       }
@@ -2150,12 +2150,12 @@ const ni = (d) => {
       children: d
     }
   );
-}, Dn = "_buttonsBlock_1b2rb_1", Hn = "_slideUp_1b2rb_1", Un = {
-  buttonsBlock: Dn,
-  slideUp: Hn
-}, ri = () => /* @__PURE__ */ t.jsxs("div", { className: Un.buttonsBlock, children: [
+}, Hn = "_buttonsBlock_1b2rb_1", Un = "_slideUp_1b2rb_1", zn = {
+  buttonsBlock: Hn,
+  slideUp: Un
+}, ri = () => /* @__PURE__ */ t.jsxs("div", { className: zn.buttonsBlock, children: [
   /* @__PURE__ */ t.jsx(
-    G,
+    H,
     {
       type: "Primary",
       style: {
@@ -2164,7 +2164,7 @@ const ni = (d) => {
       children: "Add to Cart"
     }
   ),
-  /* @__PURE__ */ t.jsx(G, { type: "Secondary", children: "Buy" })
+  /* @__PURE__ */ t.jsx(H, { type: "Secondary", children: "Buy" })
 ] }), Fn = "_wrapper_st58d_1", Vn = "_label_st58d_10", Yn = "_textarea_st58d_18", Gn = "_length_st58d_33", ct = {
   wrapper: Fn,
   label: Vn,
@@ -2179,7 +2179,7 @@ const ni = (d) => {
     placeholder: m = "Type something...",
     type: h = "text"
   } = d, [o, u] = _.useState(s.length);
-  function x($) {
+  function f($) {
     return h === "number" ? $.replace(/[^\d\n]+/g, "") : $;
   }
   return /* @__PURE__ */ t.jsxs("div", { className: ct.wrapper, children: [
@@ -2197,7 +2197,7 @@ const ni = (d) => {
         id: e,
         value: s,
         onChange: ($) => {
-          const l = x($.target.value);
+          const l = f($.target.value);
           u(l.length), n(l);
         },
         placeholder: m,
@@ -2215,7 +2215,7 @@ const ni = (d) => {
 export {
   ci as Accordion,
   Nn as BurgerMenuButton,
-  G as Button,
+  H as Button,
   ms as ButtonTypeSettings,
   ei as ButtonsSettings,
   Kn as CategorySettings,
@@ -2243,10 +2243,10 @@ export {
   ai as ShareLink,
   bn as ShoppingButton,
   jn as ShoppingModalCart,
-  ot as Switch,
+  it as Switch,
   gi as TextSettings,
-  xi as TextareaSettings,
+  fi as TextareaSettings,
   di as TextareaUI,
-  fi as TypesText,
+  xi as TypesText,
   Ct as UserInfo
 };