@billgangcom/theme-lib 1.76.2 → 1.77.1

package/dist/ui.es.js

@@ -1,5 +1,5 @@
-import { j as t, I as j, d as U, e as Nt, g as mt, h as pt, P as gt, S as lt, i as Pt, D as ft, k as xt, v as _t, B as dt, l as ot, a as wt, m as Tt, O as ht, n as J, o as yt, C as jt, p as V, q as At, r as Dt, t as bt, w as Et, x as vt, y as W, L as Rt, z as Ct, A as St, b as ct, s as at, f as Q, E as Lt, F as R, G as Ut, M as ut, H as Ht, J as rt, K as Mt, N as zt, Q as Bt, T as Ft, U as $t, V as Vt } from "./index-hNu3o6sr.js";
-import { a1 as si, a5 as ni, $ as ii, Z as ai, a4 as oi, a3 as ci, Y as ri, _ as li, W as di, X as ui, a0 as hi, a2 as mi } from "./index-hNu3o6sr.js";
+import { j as t, I as j, d as U, e as Nt, g as mt, h as pt, P as gt, S as lt, i as kt, D as ft, k as xt, v as _t, B as dt, l as ot, a as wt, m as Tt, O as ht, n as J, o as yt, C as jt, p as V, q as At, r as Dt, t as bt, w as Et, x as vt, y as W, L as Rt, z as St, A as Ct, b as ct, s as at, f as Q, E as Lt, F as R, G as Ut, M as ut, H as Ht, J as rt, K as Mt, N as zt, Q as Bt, T as Ft, U as $t, V as Vt } from "./index-hOdaaB_D.js";
+import { a1 as si, a5 as ni, $ as ii, Z as ai, a4 as oi, a3 as ci, Y as ri, _ as li, W as di, X as ui, a0 as hi, a2 as mi } from "./index-hOdaaB_D.js";
 import g from "react";
 import "react-dom";
 const Yt = "_block_kh9z8_8", Gt = "_title_kh9z8_16", Wt = "_subtitle_kh9z8_23", Xt = "_alignmentContent_kh9z8_30", Qt = "_alignments_kh9z8_39", Jt = "_alignment_kh9z8_30", Kt = "_circle_kh9z8_64", Zt = "_paddings_kh9z8_71", te = "_padding_kh9z8_71", ee = "_active_kh9z8_97", G = {
@@ -62,7 +62,7 @@ const Yt = "_block_kh9z8_8", Gt = "_title_kh9z8_16", Wt = "_subtitle_kh9z8_23",
         return "AlignBottom";
     }
   }
-  const [_, T] = g.useState(null), [I, c] = g.useState(null);
+  const [_, M] = g.useState(null), [I, c] = g.useState(null);
   return /* @__PURE__ */ t.jsxs("div", { className: G.layout, children: [
     /* @__PURE__ */ t.jsx("h3", { className: G.title, children: "Layout (for Desktop version)" }),
     /* @__PURE__ */ t.jsxs("div", { className: G.alignmentContent, children: [
@@ -76,10 +76,10 @@ const Yt = "_block_kh9z8_8", Gt = "_title_kh9z8_16", Wt = "_subtitle_kh9z8_23",
             },
             className: G.alignment,
             onMouseEnter: () => {
-              T(l);
+              M(l);
             },
             onMouseLeave: () => {
-              T(null);
+              M(null);
             },
             children: [
               l !== a && _ !== l && /* @__PURE__ */ t.jsx("div", { className: G.circle }),
@@ -200,7 +200,7 @@ const Un = (h) => {
     title: d,
     subtitle: f,
     draggable: _ = !1,
-    withImage: T = !1,
+    withImage: M = !1,
     addable: I = !0,
     itemsOptions: c,
     hasRangeSelector: l = !1,
@@ -209,25 +209,25 @@ const Un = (h) => {
     autoScrollInterval: m,
     deletable: i,
     aspectRatio: b,
-    setAspectRatio: w
-  } = h, q = mt(
+    setAspectRatio: P
+  } = h, A = mt(
     pt(gt, {
       activationConstraint: {
         distance: 5
       }
     })
   ), E = (n) => {
-    const { active: N, over: S } = n;
-    if (S && N.id !== S.id) {
-      const O = s.findIndex((C) => C === N.id), M = s.findIndex((C) => C === S.id);
-      if (O !== -1 && M !== -1) {
-        const C = [...s], [v] = C.splice(O, 1);
-        C.splice(M, 0, v), r(C);
+    const { active: N, over: k } = n;
+    if (k && N.id !== k.id) {
+      const q = s.findIndex((S) => S === N.id), $ = s.findIndex((S) => S === k.id);
+      if (q !== -1 && $ !== -1) {
+        const S = [...s], [Z] = S.splice(q, 1);
+        S.splice($, 0, Z), r(S);
       }
     }
   };
   function K(n) {
-    if (T)
+    if (M)
       return n ? /* @__PURE__ */ t.jsx(
         "img",
         {
@@ -246,10 +246,10 @@ const Un = (h) => {
         }
       );
   }
-  const H = (n, N = !1) => {
-    const S = c.find((M) => M.id === n);
-    if (!S) return;
-    const O = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+  const L = (n, N = !1) => {
+    const k = c.find(($) => $.id === n);
+    if (!k) return;
+    const q = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         j,
         {
@@ -262,17 +262,17 @@ const Un = (h) => {
       /* @__PURE__ */ t.jsx(
         ot,
         {
-          onChange: (M) => {
-            const C = [...s], v = c.find((p) => p.name === M);
-            if (!v) return;
-            const A = v.id, z = C.map((p) => p === n ? A : p);
-            r([...z]);
+          onChange: ($) => {
+            const S = [...s], Z = c.find((p) => p.name === $);
+            if (!Z) return;
+            const v = Z.id, D = S.map((p) => p === n ? v : p);
+            r([...D]);
           },
-          value: S.name,
-          options: c.filter((M) => !s.find((C) => C === M.id)).map((M) => M.name),
-          leftAddonOptions: c.map((M) => ({
-            value: M.name,
-            addon: K(M.images)
+          value: k.name,
+          options: c.filter(($) => !s.find((S) => S === $.id)).map(($) => $.name),
+          leftAddonOptions: c.map(($) => ({
+            value: $.name,
+            addon: K($.images)
           }))
         }
       ),
@@ -284,7 +284,7 @@ const Un = (h) => {
           width: 20,
           height: 20,
           fill: "#C12A2A",
-          onClick: () => r(s.filter((M) => M !== n))
+          onClick: () => r(s.filter(($) => $ !== n))
         }
       ) }) })
     ] });
@@ -292,14 +292,14 @@ const Un = (h) => {
       ge,
       {
         id: n,
-        children: O
+        children: q
       },
       J()
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: X.product,
-        children: O
+        children: q
       },
       J()
     );
@@ -315,24 +315,24 @@ const Un = (h) => {
         }
       )
     ] }),
-    l && y && /* @__PURE__ */ t.jsx(Pt, { ...y }),
+    l && y && /* @__PURE__ */ t.jsx(kt, { ...y }),
     /* @__PURE__ */ t.jsxs("div", { className: X.products, children: [
       f && /* @__PURE__ */ t.jsx("h5", { className: X.subtitle, children: f }),
       _ ? /* @__PURE__ */ t.jsx(
         ft,
         {
-          sensors: q,
+          sensors: A,
           onDragEnd: E,
           children: /* @__PURE__ */ t.jsx(
             xt,
             {
               items: s,
               strategy: _t,
-              children: s.map((n) => H(n, i))
+              children: s.map((n) => L(n, i))
             }
           )
         }
-      ) : s.map((n) => H(n, i)),
+      ) : s.map((n) => L(n, i)),
       I && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -355,9 +355,9 @@ const Un = (h) => {
                 const n = [...s];
                 let N = null;
                 if (c) {
-                  for (let S = 0; S < c.length; S++)
-                    if (!s.find((O) => O === c[S].id)) {
-                      N = c[S];
+                  for (let k = 0; k < c.length; k++)
+                    if (!s.find((q) => q === c[k].id)) {
+                      N = c[k];
                       break;
                     }
                 }
@@ -382,13 +382,13 @@ const Un = (h) => {
         }
       )
     ] }),
-    b && w && /* @__PURE__ */ t.jsx(
+    b && P && /* @__PURE__ */ t.jsx(
       ot,
       {
         value: b,
         label: "Aspect Ratio",
         options: Object.keys(Tt),
-        onChange: (n) => w(n),
+        onChange: (n) => P(n),
         leftAddonOptions: wt
       }
     ),
@@ -422,7 +422,7 @@ const Un = (h) => {
       }
     )
   ] });
-}, fe = "_title_roi3a_1", xe = "_subtitle_roi3a_5", _e = "_productsBlock_roi3a_14", ye = "_top_roi3a_26", je = "_products_roi3a_14", be = "_product_roi3a_14", ve = "_button_roi3a_80", Ie = "_disabled_roi3a_91", Ne = "_buttons_roi3a_118", Ce = "_addButton_roi3a_164", Se = "_deleteButton_roi3a_179", Y = {
+}, fe = "_title_roi3a_1", xe = "_subtitle_roi3a_5", _e = "_productsBlock_roi3a_14", ye = "_top_roi3a_26", je = "_products_roi3a_14", be = "_product_roi3a_14", ve = "_button_roi3a_80", Ie = "_disabled_roi3a_91", Ne = "_buttons_roi3a_118", Se = "_addButton_roi3a_164", Ce = "_deleteButton_roi3a_179", Y = {
   title: fe,
   subtitle: xe,
   productsBlock: _e,
@@ -432,10 +432,10 @@ const Un = (h) => {
   button: ve,
   disabled: Ie,
   buttons: Ne,
-  addButton: Ce,
-  deleteButton: Se
+  addButton: Se,
+  deleteButton: Ce
 };
-function ke({ product: h, children: a }) {
+function Pe({ product: h, children: a }) {
   const {
     attributes: o,
     listeners: s,
@@ -472,12 +472,12 @@ const Hn = (h) => {
     editable: d = !0,
     draggable: f = !1,
     deletable: _ = !0,
-    addable: T = !0,
+    addable: M = !0,
     itemsType: I,
     itemsOptions: c,
     addableOptions: l = {},
     limit: y
-  } = h, [x, m] = g.useState(null), [i, b] = g.useState(null), w = g.useRef(null), q = mt(
+  } = h, [x, m] = g.useState(null), [i, b] = g.useState(null), P = g.useRef(null), A = mt(
     pt(gt, {
       activationConstraint: {
         distance: 5
@@ -490,26 +490,26 @@ const Hn = (h) => {
       r(n);
     }
   }, [x]), g.useEffect(() => {
-    w.current && i && (w.current.getBoundingClientRect().height, i.top);
-  }, [w.current, i]);
+    P.current && i && (P.current.getBoundingClientRect().height, i.top);
+  }, [P.current, i]);
   const E = (n, N) => {
     n.stopPropagation();
-    const S = n.target.getBoundingClientRect();
+    const k = n.target.getBoundingClientRect();
     b({
-      top: S.top + window.scrollY,
-      left: S.left - 30
+      top: k.top + window.scrollY,
+      left: k.left - 30
     }), m(N);
   }, K = (n) => {
-    const { active: N, over: S } = n;
-    if (S && N.id !== S.id) {
-      const O = s.findIndex((C) => C.id === N.id), M = s.findIndex((C) => C.id === S.id);
-      if (O !== -1 && M !== -1) {
-        const C = [...s], [v] = C.splice(O, 1);
-        C.splice(M, 0, v), r(C);
+    const { active: N, over: k } = n;
+    if (k && N.id !== k.id) {
+      const q = s.findIndex((S) => S.id === N.id), $ = s.findIndex((S) => S.id === k.id);
+      if (q !== -1 && $ !== -1) {
+        const S = [...s], [Z] = S.splice(q, 1);
+        S.splice($, 0, Z), r(S);
       }
     }
-  }, H = (n, N) => {
-    const S = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+  }, L = (n, N) => {
+    const k = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       f && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         j,
         {
@@ -522,24 +522,24 @@ const Hn = (h) => {
       I === "select" && c && /* @__PURE__ */ t.jsx(
         ot,
         {
-          onChange: (O) => {
-            const M = [...s], C = c.find((A) => A.name === O);
-            if (!C) return;
-            const v = M.map((A) => A.id === n.id ? {
-              ...C,
+          onChange: (q) => {
+            const $ = [...s], S = c.find((v) => v.name === q);
+            if (!S) return;
+            const Z = $.map((v) => v.id === n.id ? {
+              ...S,
               name: {
-                "en-US": O
+                "en-US": q
               }
-            } : A);
+            } : v);
             m({
               ...n,
               name: {
-                "en-US": O
+                "en-US": q
               }
-            }), r([...v]);
+            }), r([...Z]);
           },
           value: n.name,
-          options: c.filter((O) => !s.find((M) => M.name === O.name)).map((O) => O.name)
+          options: c.filter((q) => !s.find(($) => $.name === q.name)).map((q) => q.name)
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: Y.buttons, children: [
@@ -550,7 +550,7 @@ const Hn = (h) => {
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (O) => E(O, n)
+            onClick: (q) => E(q, n)
           }
         ) }),
         _ && /* @__PURE__ */ t.jsx("div", { className: Y.deleteButton, children: /* @__PURE__ */ t.jsx(
@@ -561,24 +561,24 @@ const Hn = (h) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => r(s.filter((O) => O.id !== n.id))
+            onClick: () => r(s.filter((q) => q.id !== n.id))
           }
         ) })
       ] })
     ] });
     return f ? /* @__PURE__ */ t.jsx(
-      ke,
+      Pe,
       {
         product: n,
         index: N,
-        children: S
+        children: k
       },
       n.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: Y.product,
-        children: S
+        children: k
       },
       n.id
     );
@@ -599,19 +599,19 @@ const Hn = (h) => {
       f ? /* @__PURE__ */ t.jsx(
         ft,
         {
-          sensors: q,
+          sensors: A,
           onDragEnd: K,
           children: /* @__PURE__ */ t.jsx(
             xt,
             {
               items: s.map((n) => n.id),
               strategy: _t,
-              children: s.map((n, N) => H(n, N))
+              children: s.map((n, N) => L(n, N))
             }
           )
         }
-      ) : s.map((n, N) => H(n, N)),
-      T && /* @__PURE__ */ t.jsx(
+      ) : s.map((n, N) => L(n, N)),
+      M && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -632,9 +632,9 @@ const Hn = (h) => {
                 const n = [...s];
                 let N = null;
                 if (c) {
-                  for (let S = 0; S < c.length; S++)
-                    if (!s.find((O) => O.id === c[S].id)) {
-                      N = c[S];
+                  for (let k = 0; k < c.length; k++)
+                    if (!s.find((q) => q.id === c[k].id)) {
+                      N = c[k];
                       break;
                     }
                 }
@@ -665,7 +665,7 @@ const Hn = (h) => {
     ] })
   ] });
 };
-function Pe(h) {
+function ke(h) {
   const { product: a, children: o } = h, { attributes: s, listeners: r, setNodeRef: e, transform: u, transition: d, isDragging: f } = yt({
     id: a.id
   }), _ = {
@@ -695,7 +695,7 @@ const zn = (h) => {
     subtitle: d,
     editable: f = !0,
     draggable: _ = !1,
-    deletable: T = !0,
+    deletable: M = !0,
     addable: I = !0,
     itemsType: c,
     itemsPlaceholder: l = "",
@@ -704,11 +704,11 @@ const zn = (h) => {
     rangeSelectorOptions: m,
     modalOptions: i,
     addableOptions: b = {},
-    limit: w
-  } = h, [q, E] = g.useState(null), [K, H] = g.useState({
+    limit: P
+  } = h, [A, E] = g.useState(null), [K, L] = g.useState({
     top: 0,
     left: 0
-  }), [n, N] = g.useState(null), S = g.useRef(null), [O, M] = g.useState(!1), C = mt(
+  }), [n, N] = g.useState(null), k = g.useRef(null), [q, $] = g.useState(!1), S = mt(
     pt(gt, {
       activationConstraint: {
         distance: 5
@@ -717,45 +717,45 @@ const zn = (h) => {
   );
   g.useEffect(() => {
     const p = () => {
-      E(null), M(!1);
+      E(null), $(!1);
     };
-    return document.body.addEventListener("click", p), E(null), M(!1), () => {
-      E(null), M(!1), document.body.removeEventListener("click", p);
+    return document.body.addEventListener("click", p), E(null), $(!1), () => {
+      E(null), $(!1), document.body.removeEventListener("click", p);
     };
   }, []), g.useEffect(() => {
-    if (q) {
-      const p = [...s].map(($) => $.id === q.id ? q : $);
+    if (A) {
+      const p = [...s].map((C) => C.id === A.id ? A : C);
       r(p);
     }
-  }, [q]), g.useEffect(() => {
-    if (S.current && n) {
-      const p = S.current.getBoundingClientRect().height, $ = window.innerHeight;
-      let k = n.top;
-      k + p > $ + window.scrollY - 200 && (k = $ + window.scrollY - p - 200), k < 0 && (k = 10), H({
-        top: k,
+  }, [A]), g.useEffect(() => {
+    if (k.current && n) {
+      const p = k.current.getBoundingClientRect().height, C = window.innerHeight;
+      let B = n.top;
+      B + p > C + window.scrollY - 200 && (B = C + window.scrollY - p - 200), B < 0 && (B = 10), L({
+        top: B,
         left: n.left
       });
     }
-  }, [S.current, n]);
-  const v = (p, $) => {
+  }, [k.current, n]);
+  const Z = (p, C) => {
     p.stopPropagation();
-    const k = p.target.getBoundingClientRect();
+    const B = p.target.getBoundingClientRect();
     N({
-      top: k.top + window.scrollY,
-      left: k.left - 30
-    }), E($), M(!0);
-  }, A = (p) => {
-    const { active: $, over: k } = p;
-    if (k && $.id !== k.id) {
-      const D = s.findIndex((L) => L.id === $.id), et = s.findIndex((L) => L.id === k.id);
-      if (D !== -1 && et !== -1) {
-        const L = [...s], [tt] = L.splice(D, 1);
-        L.splice(et, 0, tt), r(L);
+      top: B.top + window.scrollY,
+      left: B.left - 30
+    }), E(C), $(!0);
+  }, v = (p) => {
+    const { active: C, over: B } = p;
+    if (B && C.id !== B.id) {
+      const T = s.findIndex((z) => z.id === C.id), tt = s.findIndex((z) => z.id === B.id);
+      if (T !== -1 && tt !== -1) {
+        const z = [...s], [F] = z.splice(T, 1);
+        z.splice(tt, 0, F), r(z);
       }
     }
-  }, z = (p) => {
-    var k;
-    const $ = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+  }, D = (p) => {
+    var B;
+    const C = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         j,
         {
@@ -768,37 +768,37 @@ const zn = (h) => {
       c === "select" && y && /* @__PURE__ */ t.jsx(
         ot,
         {
-          onChange: (D) => {
-            const L = [...s].map((tt) => tt.id === p.id ? {
+          onChange: (T) => {
+            const z = [...s].map((F) => F.id === p.id ? {
               ...p,
               name: {
-                "en-US": D
+                "en-US": T
               }
-            } : tt);
+            } : F);
             E({
               ...p,
               name: {
-                "en-US": D
+                "en-US": T
               }
-            }), r([...L]);
+            }), r([...z]);
           },
           value: p.name["en-US"],
           options: y.filter(
-            (D) => !s.find((et) => et.name["en-US"] === D)
+            (T) => !s.find((tt) => tt.name["en-US"] === T)
           )
         }
       ),
       c === "input" && /* @__PURE__ */ t.jsx(
         Nt,
         {
-          onChange: (D) => {
-            const L = [...s].map((tt) => tt.id === p.id ? {
+          onChange: (T) => {
+            const z = [...s].map((F) => F.id === p.id ? {
               ...p,
               name: {
-                "en-US": D
+                "en-US": T
               }
-            } : tt);
-            r([...L]);
+            } : F);
+            r([...z]);
           },
           value: p.name["en-US"],
           placeholder: l
@@ -807,14 +807,14 @@ const zn = (h) => {
       c === "image" && /* @__PURE__ */ t.jsx(
         Dt,
         {
-          onChange: (D) => {
-            const L = [...s].map((tt) => tt.id === p.id ? {
+          onChange: (T) => {
+            const z = [...s].map((F) => F.id === p.id ? {
               ...p,
-              images: D
-            } : tt);
-            r([...L]);
+              images: T
+            } : F);
+            r([...z]);
           },
-          activeImage: (k = s.find((D) => D.id === p.id)) == null ? void 0 : k.images[0]
+          activeImage: (B = s.find((T) => T.id === p.id)) == null ? void 0 : B.images[0]
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: V.buttons, children: [
@@ -825,10 +825,10 @@ const zn = (h) => {
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (D) => v(D, p)
+            onClick: (T) => Z(T, p)
           }
         ) }),
-        T && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
+        M && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
           j,
           {
             name: "Trash",
@@ -836,23 +836,23 @@ const zn = (h) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => r(s.filter((D) => D.id !== p.id))
+            onClick: () => r(s.filter((T) => T.id !== p.id))
           }
         ) })
       ] })
     ] });
     return _ ? /* @__PURE__ */ t.jsx(
-      Pe,
+      ke,
       {
         product: p,
-        children: $
+        children: C
       },
       p.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: V.product,
-        children: $
+        children: C
       },
       p.id
     );
@@ -868,35 +868,35 @@ const zn = (h) => {
         }
       )
     ] }),
-    q && f && i && O && /* @__PURE__ */ t.jsx(
+    A && f && i && q && /* @__PURE__ */ t.jsx(
       At,
       {
-        ref: S,
-        activeItem: q,
+        ref: k,
+        activeItem: A,
         setActiveItem: E,
         popupPosition: K,
         modalOptions: i,
-        setIsOpenModal: M
+        setIsOpenModal: $
       }
     ),
-    x && m && /* @__PURE__ */ t.jsx(Pt, { ...m }),
+    x && m && /* @__PURE__ */ t.jsx(kt, { ...m }),
     /* @__PURE__ */ t.jsxs("div", { className: V.products, children: [
       d && /* @__PURE__ */ t.jsx("h5", { className: V.subtitle, children: d }),
       _ ? /* @__PURE__ */ t.jsx(
         ft,
         {
-          sensors: C,
-          onDragEnd: A,
+          sensors: S,
+          onDragEnd: v,
           children: /* @__PURE__ */ t.jsx(
             xt,
             {
               items: s.map((p) => p.id),
               strategy: _t,
-              children: s.map((p) => z(p))
+              children: s.map((p) => D(p))
             }
           )
         }
-      ) : s.map((p) => z(p)),
+      ) : s.map((p) => D(p)),
       I && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -910,23 +910,23 @@ const zn = (h) => {
             {
               withoutHover: !0,
               className: U(V.button, {
-                [V.disabled]: !!(w && w <= s.length)
+                [V.disabled]: !!(P && P <= s.length)
               }),
               size: "s",
-              disabled: !!(w && w <= s.length),
+              disabled: !!(P && P <= s.length),
               onClick: () => {
                 const p = [...s];
-                let $ = null;
+                let C = null;
                 if (y) {
-                  for (let k = 0; k < y.length; k++)
-                    if (!s.find((D) => D.name["en-US"] === y[k])) {
-                      $ = y[k];
+                  for (let B = 0; B < y.length; B++)
+                    if (!s.find((T) => T.name["en-US"] === y[B])) {
+                      C = y[B];
                       break;
                     }
                 }
                 c === "select" && y ? p.push({
                   name: {
-                    "en-US": $ || y[0]
+                    "en-US": C || y[0]
                   },
                   id: J(),
                   ...b,
@@ -984,7 +984,7 @@ const zn = (h) => {
   addButton: Oe,
   deleteButton: qe
 }, Ae = (h) => {
-  const { buttons: a, setButtons: o, deletable: s = !0, addable: r = !0, editableLink: e = !0 } = h, { pages: u } = bt(), [d, f] = g.useState(null), [_, T] = g.useState({
+  const { buttons: a, setButtons: o, deletable: s = !0, addable: r = !0, editableLink: e = !0 } = h, { pages: u } = bt(), [d, f] = g.useState(null), [_, M] = g.useState({
     top: 0,
     left: 0
   }), [I, c] = g.useState(null), l = g.useRef(null);
@@ -997,7 +997,7 @@ const zn = (h) => {
     if (l.current && I) {
       const m = l.current.getBoundingClientRect().height, i = window.innerHeight;
       let b = I.top;
-      b + m > i + window.scrollY - 200 && (b = i + window.scrollY - m - 200), b < 0 && (b = 10), T({
+      b + m > i + window.scrollY - 200 && (b = i + window.scrollY - m - 200), b < 0 && (b = 10), M({
         top: b,
         left: I.left
       });
@@ -1011,12 +1011,12 @@ const zn = (h) => {
       left: b.left - (r ? 30 : 65)
     }), f(i);
   }, x = (m, i) => {
-    const b = [...a], w = {
+    const b = [...a], P = {
       ...m,
       id: Math.random().toString(36).substr(2, 9)
       // Генерируем новый уникальный ID
     };
-    b.splice(i + 1, 0, w), o(b);
+    b.splice(i + 1, 0, P), o(b);
   };
   return /* @__PURE__ */ t.jsxs("div", { className: st.products, children: [
     /* @__PURE__ */ t.jsx("h5", { className: st.subtitle, children: "Button Type" }),
@@ -1029,11 +1029,11 @@ const zn = (h) => {
             ot,
             {
               onChange: (b) => {
-                const q = [...a].map((E) => E.id === m.id ? {
+                const A = [...a].map((E) => E.id === m.id ? {
                   ...m,
                   type: b
                 } : E);
-                o(q);
+                o(A);
               },
               value: m.type,
               options: ["Primary", "Secondary", "Tertiary"]
@@ -1070,7 +1070,7 @@ const zn = (h) => {
                 name: "Trash",
                 hoverable: !0,
                 onClick: () => {
-                  const b = a.filter((w) => w.id !== m.id);
+                  const b = a.filter((P) => P.id !== m.id);
                   o(b);
                 },
                 width: 20,
@@ -1213,7 +1213,7 @@ const Vn = (h) => {
     subtitle: d,
     editable: f = !0,
     draggable: _ = !1,
-    withImage: T = !1,
+    withImage: M = !1,
     deletable: I = !0,
     addable: c = !0,
     itemsType: l,
@@ -1221,12 +1221,12 @@ const Vn = (h) => {
     limit: x,
     aspectRatio: m,
     setAspectRatio: i
-  } = h, [b, w] = g.useState(
+  } = h, [b, P] = g.useState(
     null
-  ), [q, E] = g.useState({
+  ), [A, E] = g.useState({
     top: 0,
     left: 0
-  }), [K, H] = g.useState(!1), n = mt(
+  }), [K, L] = g.useState(!1), n = mt(
     pt(gt, {
       activationConstraint: {
         distance: 5
@@ -1235,28 +1235,28 @@ const Vn = (h) => {
   );
   g.useEffect(() => {
     const v = () => {
-      w(null), H(!1);
+      P(null), L(!1);
     };
-    return document.body.addEventListener("click", v), w(null), H(!1), () => {
-      w(null), H(!1), document.body.removeEventListener("click", v);
+    return document.body.addEventListener("click", v), P(null), L(!1), () => {
+      P(null), L(!1), document.body.removeEventListener("click", v);
     };
   }, []), g.useEffect(() => {
     if (b) {
-      const v = [...s].map((A) => A.listingId === b.listingId ? b : A);
+      const v = [...s].map((D) => D.listingId === b.listingId ? b : D);
       r(v);
     }
   }, [b]);
-  const N = (v, A) => {
+  const N = (v, D) => {
     v.stopPropagation();
-    const z = v.target.getBoundingClientRect(), p = 100, $ = window.innerHeight;
-    let k = z.top + window.scrollY;
-    k + p > $ && (k = $ - p - 20), H(!0), E({
-      top: k - 80,
-      left: z.left - 30
-    }), w(A);
+    const p = v.target.getBoundingClientRect(), C = 100, B = window.innerHeight;
+    let T = p.top + window.scrollY;
+    T + C > B && (T = B - C - 20), L(!0), E({
+      top: T - 80,
+      left: p.left - 30
+    }), P(D);
   };
-  function S(v) {
-    if (T)
+  function k(v) {
+    if (M)
       return v ? /* @__PURE__ */ t.jsx(
         "img",
         {
@@ -1275,19 +1275,21 @@ const Vn = (h) => {
         }
       );
   }
-  const O = (v) => {
-    const { active: A, over: z } = v;
-    if (z && A.id !== z.id) {
-      const p = s.findIndex((k) => String(k.listingId) === A.id), $ = s.findIndex((k) => String(k.listingId) === z.id);
-      if (p !== -1 && $ !== -1) {
-        const k = [...s], [D] = k.splice(p, 1);
-        k.splice($, 0, D), r(k);
+  const q = (v) => {
+    const { active: D, over: p } = v;
+    if (p && D.id !== p.id) {
+      const C = s.findIndex((T) => String(T.listingId) === D.id), B = s.findIndex((T) => String(T.listingId) === p.id);
+      if (C !== -1 && B !== -1) {
+        const T = [...s], [tt] = T.splice(C, 1);
+        T.splice(B, 0, tt), r(T);
       }
     }
-  }, M = (v) => {
-    const A = y.find((p) => v.listingId === p.id);
-    if (!A) return null;
-    const z = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+  }, $ = () => {
+    L(!1), P(null);
+  }, S = (v) => {
+    const D = y.find((C) => v.listingId === C.id);
+    if (!D) return null;
+    const p = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         j,
         {
@@ -1300,24 +1302,24 @@ const Vn = (h) => {
       l === "select" && /* @__PURE__ */ t.jsx(
         ot,
         {
-          onChange: (p) => {
-            const $ = [...s], k = y.find((L) => L.productData.name === p);
-            if (!k) return;
-            const D = {
-              listingId: k.id,
-              image: k.productData.images.length > 0 ? k.productData.images[0].cfId : ""
-            }, et = $.map((L) => L.listingId === v.listingId ? D : L);
-            w(D), r([...et]);
+          onChange: (C) => {
+            const B = [...s], T = y.find((F) => F.productData.name === C);
+            if (!T) return;
+            const tt = {
+              listingId: T.id,
+              image: T.productData.images.length > 0 ? T.productData.images[0].cfId : ""
+            }, z = B.map((F) => F.listingId === v.listingId ? tt : F);
+            P(tt), r([...z]);
           },
-          value: A.productData.name,
+          value: D.productData.name,
           options: [
-            ...y.filter((p) => !s.find(($) => $.listingId === p.id)).map((p) => p.productData.name)
+            ...y.filter((C) => !s.find((B) => B.listingId === C.id)).map((C) => C.productData.name)
           ],
-          leftAddonOptions: y.map((p) => {
-            var $;
+          leftAddonOptions: y.map((C) => {
+            var B;
             return {
-              value: p.productData.name,
-              addon: S((($ = p.productData.images[0]) == null ? void 0 : $.cfId) || "")
+              value: C.productData.name,
+              addon: k(((B = C.productData.images[0]) == null ? void 0 : B.cfId) || "")
             };
           })
         }
@@ -1330,7 +1332,7 @@ const Vn = (h) => {
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (p) => N(p, v)
+            onClick: (C) => N(C, v)
           }
         ) }),
         I && /* @__PURE__ */ t.jsx("div", { className: W.deleteButton, children: /* @__PURE__ */ t.jsx(
@@ -1341,7 +1343,7 @@ const Vn = (h) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => r(s.filter((p) => p !== v))
+            onClick: () => r(s.filter((C) => C !== v))
           }
         ) })
       ] })
@@ -1350,18 +1352,18 @@ const Vn = (h) => {
       De,
       {
         product: v,
-        children: z
+        children: p
       },
       v.listingId
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: W.product,
-        children: z
+        children: p
       },
       v.listingId
     );
-  }, C = g.useRef(null);
+  }, Z = g.useRef(null);
   return /* @__PURE__ */ t.jsxs("div", { className: W.productsBlock, children: [
     (u || a !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: W.top, children: [
       u && /* @__PURE__ */ t.jsx("h3", { className: W.title, children: u }),
@@ -1376,11 +1378,11 @@ const Vn = (h) => {
     K && b && /* @__PURE__ */ t.jsx(
       Rt,
       {
-        ref: C,
+        ref: Z,
         activeItem: b,
-        setActiveItem: w,
-        setIsOpenModal: H,
-        popupPosition: q,
+        setActiveItem: P,
+        setIsOpenModal: L,
+        popupPosition: A,
         itemsOptions: y
       }
     ),
@@ -1390,17 +1392,18 @@ const Vn = (h) => {
         ft,
         {
           sensors: n,
-          onDragEnd: O,
+          onDragEnd: q,
+          onDragStart: $,
           children: /* @__PURE__ */ t.jsx(
             xt,
             {
               items: s.map((v) => String(v.listingId)),
               strategy: _t,
-              children: s.map((v) => M(v))
+              children: s.map((v) => S(v))
             }
           )
         }
-      ) : s.map((v) => M(v)),
+      ) : s.map((v) => S(v)),
       c && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -1417,11 +1420,11 @@ const Vn = (h) => {
               size: "s",
               onClick: () => {
                 const v = [...s];
-                for (let A = 0; A < y.length; A++)
-                  if (!s.find((z) => z.listingId === y[A].id)) {
+                for (let D = 0; D < y.length; D++)
+                  if (!s.find((p) => p.listingId === y[D].id)) {
                     v.push({
-                      listingId: y[A].id,
-                      image: y[A].productData.images.length > 0 ? y[A].productData.images[0].cfId : ""
+                      listingId: y[D].id,
+                      image: y[D].productData.images.length > 0 ? y[D].productData.images[0].cfId : ""
                     });
                     break;
                   }
@@ -1464,7 +1467,7 @@ const Vn = (h) => {
       }
     )
   ] });
-}, Ee = "_options_s4lx3_1", Re = "_price_s4lx3_18", Le = "_oldPrice_s4lx3_25", Ue = "_newPrice_s4lx3_34", He = "_animate_s4lx3_42", ze = "_meta_s4lx3_60", Fe = "_info_s4lx3_66", Ve = "_infoRight_s4lx3_75", Ye = "_buttons_s4lx3_82", Ge = "_variants_s4lx3_89", We = "_variant_s4lx3_89", Xe = "_stock_s4lx3_107", Qe = "_variantInfo_s4lx3_115", Je = "_quantity_s4lx3_122", Ke = "_button_s4lx3_82", Ze = "_activeVariant_s4lx3_168", ts = "_chargeTypes_s4lx3_172", es = "_charge_s4lx3_172", ss = "_chargeActive_s4lx3_197", ns = "_title_s4lx3_205", B = {
+}, Ee = "_options_s4lx3_1", Re = "_price_s4lx3_18", Le = "_oldPrice_s4lx3_25", Ue = "_newPrice_s4lx3_34", He = "_animate_s4lx3_42", ze = "_meta_s4lx3_60", Fe = "_info_s4lx3_66", Ve = "_infoRight_s4lx3_75", Ye = "_buttons_s4lx3_82", Ge = "_variants_s4lx3_89", We = "_variant_s4lx3_89", Xe = "_stock_s4lx3_107", Qe = "_variantInfo_s4lx3_115", Je = "_quantity_s4lx3_122", Ke = "_button_s4lx3_82", Ze = "_activeVariant_s4lx3_168", ts = "_chargeTypes_s4lx3_172", es = "_charge_s4lx3_172", ss = "_chargeActive_s4lx3_197", ns = "_title_s4lx3_205", O = {
   options: Ee,
   price: Re,
   oldPrice: Le,
@@ -1488,23 +1491,23 @@ const Vn = (h) => {
 };
 var Ot = /* @__PURE__ */ ((h) => (h.ONE_TIME = "One-Time", h.RECURRING = "Subscribe & Save", h))(Ot || {});
 const is = (h) => {
-  var K, H;
+  var K, L;
   const { product: a, setIsOpen: o, isCartEnabled: s = !0 } = h, { variants: r } = a, [e, u] = g.useState(r[0]), [d, f] = g.useState(
     e.chargeTypes ? e.chargeTypes[0] : "ONE_TIME"
-  ), { notifications: _, setNotifications: T } = Ct(), I = St(), [c, l] = g.useState(1), { cart: y, reset: x, addProductToCart: m } = ct(), [i, b] = g.useState(!1);
+  ), { notifications: _, setNotifications: M } = St(), I = Ct(), [c, l] = g.useState(1), { cart: y, reset: x, addProductToCart: m } = ct(), [i, b] = g.useState(!1);
   g.useEffect(() => {
     b(!0);
     const n = setTimeout(() => b(!1), 600);
     return () => clearTimeout(n);
   }, [c]);
-  async function w() {
+  async function P() {
     try {
       m({
         productId: a.id,
         productVariantId: e.id,
         chargeType: d,
         quantity: c
-      }), T([
+      }), M([
         ..._,
         {
           id: J(),
@@ -1513,7 +1516,7 @@ const is = (h) => {
         }
       ]);
     } catch (n) {
-      T([
+      M([
         ..._,
         {
           id: J(),
@@ -1524,22 +1527,22 @@ const is = (h) => {
     }
     o == null || o(!1);
   }
-  function q() {
-    x(), w(), I("/checkout");
+  function A() {
+    x(), P(), I("/checkout");
   }
   function E(n) {
     if (n >= 864e5) {
-      const C = Math.floor(n / 864e5);
-      return `${C} ${C === 1 ? "day" : "days"}`;
+      const S = Math.floor(n / 864e5);
+      return `${S} ${S === 1 ? "day" : "days"}`;
     } else if (n >= 36e5) {
-      const C = Math.floor(n / 36e5);
-      return `${C} ${C === 1 ? "hour" : "hours"}`;
+      const S = Math.floor(n / 36e5);
+      return `${S} ${S === 1 ? "hour" : "hours"}`;
     } else if (n >= 6e4) {
-      const C = Math.floor(n / 6e4);
-      return `${C} ${C === 1 ? "minute" : "minutes"}`;
+      const S = Math.floor(n / 6e4);
+      return `${S} ${S === 1 ? "minute" : "minutes"}`;
     } else {
-      const C = Math.floor(n / 1e3);
-      return `${C} ${C === 1 ? "second" : "seconds"}`;
+      const S = Math.floor(n / 1e3);
+      return `${S} ${S === 1 ? "second" : "seconds"}`;
     }
   }
   return g.useEffect(() => {
@@ -1548,38 +1551,38 @@ const is = (h) => {
     e.chargeTypes && f(
       e.chargeTypes.includes(d) ? d : e.chargeTypes[0]
     );
-  }, [e.chargeTypes]), /* @__PURE__ */ t.jsxs("div", { className: B.options, children: [
-    e.chargeTypes && e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: B.chargeTypes, children: e.chargeTypes.map((n) => /* @__PURE__ */ t.jsx(
+  }, [e.chargeTypes]), /* @__PURE__ */ t.jsxs("div", { className: O.options, children: [
+    e.chargeTypes && e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: O.chargeTypes, children: e.chargeTypes.map((n) => /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: U(B.charge, {
-          [B.chargeActive]: d === n
+        className: U(O.charge, {
+          [O.chargeActive]: d === n
         }),
         onClick: () => f(n),
         children: Ot[n]
       },
       n
     )) }),
-    /* @__PURE__ */ t.jsx("div", { className: B.variants, children: r.filter((n) => {
+    /* @__PURE__ */ t.jsx("div", { className: O.variants, children: r.filter((n) => {
       var N;
       return (N = n.chargeTypes) == null ? void 0 : N.includes(d);
     }).map((n) => {
-      var N, S;
+      var N, k;
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: U(B.variant, {
-            [B.activeVariant]: e.id === n.id
+          className: U(O.variant, {
+            [O.activeVariant]: e.id === n.id
           }),
           onClick: () => {
             u(n), l(1);
           },
           children: [
-            /* @__PURE__ */ t.jsxs("div", { className: B.variantInfo, children: [
+            /* @__PURE__ */ t.jsxs("div", { className: O.variantInfo, children: [
               /* @__PURE__ */ t.jsx(
                 "span",
                 {
-                  className: B.title,
+                  className: O.title,
                   id: "h4",
                   dangerouslySetInnerHTML: {
                     __html: at(n.name)
@@ -1598,10 +1601,10 @@ const is = (h) => {
             /* @__PURE__ */ t.jsx("div", { id: "md", children: d === "ONE_TIME" && /* @__PURE__ */ t.jsxs(
               "span",
               {
-                className: B.stock,
+                className: O.stock,
                 id: "md",
                 children: [
-                  (N = n.quantity.restrictions) != null && N.max || n.quantity.available !== void 0 ? ((S = n.quantity.restrictions) == null ? void 0 : S.max) || n.quantity.available : "∞",
+                  (N = n.quantity.restrictions) != null && N.max || n.quantity.available !== void 0 ? ((k = n.quantity.restrictions) == null ? void 0 : k.max) || n.quantity.available : "∞",
                   " ",
                   "in stock"
                 ]
@@ -1615,7 +1618,7 @@ const is = (h) => {
     d === "ONE_TIME" && /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: B.quantity,
+        className: O.quantity,
         id: "md",
         children: [
           /* @__PURE__ */ t.jsx(
@@ -1625,7 +1628,7 @@ const is = (h) => {
               onClick: () => {
                 c > 1 ? l((n) => n - 1) : l(1);
               },
-              className: B.button,
+              className: O.button,
               disabled: e.quantity.available && e.quantity.restrictions && c <= e.quantity.restrictions.min || e.quantity.available === 0,
               children: /* @__PURE__ */ t.jsx(j, { name: "Minus" })
             }
@@ -1639,7 +1642,7 @@ const is = (h) => {
                 e.quantity.available && Number(n) > e.quantity.available ? l(e.quantity.available) : l(Number(n));
               },
               max: ((K = e.quantity.restrictions) == null ? void 0 : K.max) || e.quantity.available || Number.POSITIVE_INFINITY,
-              min: ((H = e.quantity.restrictions) == null ? void 0 : H.min) || 0,
+              min: ((L = e.quantity.restrictions) == null ? void 0 : L.min) || 0,
               centered: !0,
               disabled: e.quantity && e.quantity.available === 0 || Object.keys(e.quantity.restrictions || {}).length !== 0 && c >= e.quantity.restrictions.max
             }
@@ -1651,7 +1654,7 @@ const is = (h) => {
               onClick: () => {
                 l((n) => n + 1);
               },
-              className: B.button,
+              className: O.button,
               disabled: !!(e.quantity.available && e.quantity.restrictions && c >= e.quantity.restrictions.max || e.quantity.available === 0 || e.quantity.available && c >= e.quantity.available),
               children: /* @__PURE__ */ t.jsx(j, { name: "Plus" })
             }
@@ -1659,10 +1662,10 @@ const is = (h) => {
         ]
       }
     ),
-    /* @__PURE__ */ t.jsxs("div", { className: B.meta, children: [
-      /* @__PURE__ */ t.jsxs("div", { className: B.info, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: O.meta, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: O.info, children: [
         /* @__PURE__ */ t.jsx("span", { id: "md", children: "Delivery" }),
-        /* @__PURE__ */ t.jsxs("div", { className: B.infoRight, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: O.infoRight, children: [
           /* @__PURE__ */ t.jsx(
             j,
             {
@@ -1675,22 +1678,22 @@ const is = (h) => {
           /* @__PURE__ */ t.jsx("span", { id: "md", children: !e.deliveryTime || e.deliveryTime === 0 ? "Instant" : E(e.deliveryTime) })
         ] })
       ] }),
-      /* @__PURE__ */ t.jsxs("div", { className: B.info, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: O.info, children: [
         /* @__PURE__ */ t.jsx("span", { id: "md", children: "Price" }),
-        /* @__PURE__ */ t.jsx("div", { className: B.infoRight, children: d === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs(
+        /* @__PURE__ */ t.jsx("div", { className: O.infoRight, children: d === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs(
           "div",
           {
-            className: B.price,
+            className: O.price,
             id: "md",
             children: [
-              /* @__PURE__ */ t.jsx("span", { className: U(B.newPrice, { [B.animate]: i }), children: Q({
+              /* @__PURE__ */ t.jsx("span", { className: U(O.newPrice, { [O.animate]: i }), children: Q({
                 amount: e.price.amount * c,
                 currency: e.price.currency
               }) }),
               /* @__PURE__ */ t.jsx(
                 "span",
                 {
-                  className: B.oldPrice,
+                  className: O.oldPrice,
                   id: "md",
                   children: Q({
                     amount: e.compareAtPrice.amount * c,
@@ -1703,7 +1706,7 @@ const is = (h) => {
         ) : /* @__PURE__ */ t.jsx(
           "span",
           {
-            className: U(B.newPrice, { [B.animate]: i }),
+            className: U(O.newPrice, { [O.animate]: i }),
             id: "md",
             children: Q({
               amount: e.price.amount * c,
@@ -1713,13 +1716,13 @@ const is = (h) => {
         ) : e.subscriptionSettings && e.subscriptionSettings.compareAtPrice && (e.subscriptionSettings.compareAtPrice.amount || 0) - (e.subscriptionSettings.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs(
           "div",
           {
-            className: B.price,
+            className: O.price,
             id: "md",
             children: [
               /* @__PURE__ */ t.jsx(
                 "span",
                 {
-                  className: U(B.newPrice, { [B.animate]: i }),
+                  className: U(O.newPrice, { [O.animate]: i }),
                   id: "md",
                   children: Q({
                     amount: e.subscriptionSettings.price.amount * c,
@@ -1730,7 +1733,7 @@ const is = (h) => {
               /* @__PURE__ */ t.jsx(
                 "span",
                 {
-                  className: B.oldPrice,
+                  className: O.oldPrice,
                   id: "md",
                   children: Q({
                     amount: e.subscriptionSettings.compareAtPrice.amount * c,
@@ -1743,7 +1746,7 @@ const is = (h) => {
         ) : e.subscriptionSettings && /* @__PURE__ */ t.jsx(
           "span",
           {
-            className: U(B.newPrice, { [B.animate]: i }),
+            className: U(O.newPrice, { [O.animate]: i }),
             id: "md",
             children: Q({
               amount: e.subscriptionSettings.price.amount * c,
@@ -1753,12 +1756,12 @@ const is = (h) => {
         ) })
       ] })
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: B.buttons, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: O.buttons, children: [
       /* @__PURE__ */ t.jsx(
         R,
         {
           type: "Primary",
-          onClick: () => q(),
+          onClick: () => A(),
           disabled: e.quantity && e.quantity.available === 0 || c === 0,
           children: d === "ONE_TIME" ? "Buy Now" : "Subscribe Now"
         }
@@ -1767,7 +1770,7 @@ const is = (h) => {
         R,
         {
           type: "Secondary",
-          onClick: () => w(),
+          onClick: () => P(),
           disabled: e.quantity && e.quantity.available === 0 || c === 0,
           children: y.parts.some(
             (n) => n.productId === a.id && n.productVariantId === e.id
@@ -1776,7 +1779,7 @@ const is = (h) => {
       )
     ] })
   ] });
-}, as = "_buttons_1uy6y_23", os = "_modal_1uy6y_32", cs = "_closing_1uy6y_65", rs = "_info_1uy6y_114", ls = "_top_1uy6y_121", ds = "_title_1uy6y_132", us = "_clear_1uy6y_139", hs = "_activeClear_1uy6y_146", ms = "_count_1uy6y_150", ps = "_cart_1uy6y_165", gs = "_empty_1uy6y_173", fs = "_product_1uy6y_199", xs = "_products_1uy6y_208", _s = "_image_1uy6y_216", ys = "_productInfo_1uy6y_233", js = "_content_1uy6y_240", bs = "_name_1uy6y_246", vs = "_price_1uy6y_252", Is = "_productButtons_1uy6y_258", Ns = "_productButton_1uy6y_258", Cs = "_productCount_1uy6y_275", Ss = "_bottom_1uy6y_292", ks = "_subtotal_1uy6y_300", Ps = "_block_1uy6y_308", ws = "_shoppingCount_1uy6y_315", Ts = "_total_1uy6y_335", Ms = "_link_1uy6y_341", Bs = "_userInfo_1uy6y_348", $s = "_pagesMobileModal_1uy6y_360", Os = "_pagesMobileModalContent_1uy6y_374", qs = "_pagesMobileModalHeader_1uy6y_380", As = "_pagesMobileModalFooter_1uy6y_390", Ds = "_pageLink_1uy6y_397", Es = "_rightButtons_1uy6y_406", P = {
+}, as = "_buttons_1uy6y_23", os = "_modal_1uy6y_32", cs = "_closing_1uy6y_65", rs = "_info_1uy6y_114", ls = "_top_1uy6y_121", ds = "_title_1uy6y_132", us = "_clear_1uy6y_139", hs = "_activeClear_1uy6y_146", ms = "_count_1uy6y_150", ps = "_cart_1uy6y_165", gs = "_empty_1uy6y_173", fs = "_product_1uy6y_199", xs = "_products_1uy6y_208", _s = "_image_1uy6y_216", ys = "_productInfo_1uy6y_233", js = "_content_1uy6y_240", bs = "_name_1uy6y_246", vs = "_price_1uy6y_252", Is = "_productButtons_1uy6y_258", Ns = "_productButton_1uy6y_258", Ss = "_productCount_1uy6y_275", Cs = "_bottom_1uy6y_292", Ps = "_subtotal_1uy6y_300", ks = "_block_1uy6y_308", ws = "_shoppingCount_1uy6y_315", Ts = "_total_1uy6y_335", Ms = "_link_1uy6y_341", Bs = "_userInfo_1uy6y_348", $s = "_pagesMobileModal_1uy6y_360", Os = "_pagesMobileModalContent_1uy6y_374", qs = "_pagesMobileModalHeader_1uy6y_380", As = "_pagesMobileModalFooter_1uy6y_390", Ds = "_pageLink_1uy6y_397", Es = "_rightButtons_1uy6y_406", w = {
   buttons: as,
   modal: os,
   closing: cs,
@@ -1797,10 +1800,10 @@ const is = (h) => {
   price: vs,
   productButtons: Is,
   productButton: Ns,
-  productCount: Cs,
-  bottom: Ss,
-  subtotal: ks,
-  block: Ps,
+  productCount: Ss,
+  bottom: Cs,
+  subtotal: Ps,
+  block: ks,
   shoppingCount: ws,
   total: Ts,
   link: Ms,
@@ -1814,7 +1817,7 @@ const is = (h) => {
   delete: "_delete_1uy6y_413"
 }, Yn = (h) => {
   const { shopping: a, signUp: o, isShowUserInfo: s = !0 } = h;
-  return /* @__PURE__ */ t.jsx(t.Fragment, { children: (a || s) && /* @__PURE__ */ t.jsxs("div", { className: P.buttons, children: [
+  return /* @__PURE__ */ t.jsx(t.Fragment, { children: (a || s) && /* @__PURE__ */ t.jsxs("div", { className: w.buttons, children: [
     a && /* @__PURE__ */ t.jsx(Rs, {}),
     s && /* @__PURE__ */ t.jsx(qt, { signUp: o })
   ] }) });
@@ -1838,7 +1841,7 @@ const is = (h) => {
     return !I || !(I != null && I.variants) ? !1 : I.chargeType === "RECURRING";
   }
   const _ = u.parts.length > 0 && o.length > 0 && !f(o[0]);
-  function T() {
+  function M() {
     e(!1), setTimeout(() => {
       a(!1);
     }, 300);
@@ -1862,14 +1865,14 @@ const is = (h) => {
               name: "Handbag"
             }
           ),
-          _ && /* @__PURE__ */ t.jsx("div", { className: P.shoppingCount, children: u.parts.length })
+          _ && /* @__PURE__ */ t.jsx("div", { className: w.shoppingCount, children: u.parts.length })
         ]
       }
     ),
     h && /* @__PURE__ */ t.jsx(
       ut,
       {
-        close: T,
+        close: M,
         withAnimation: !1,
         children: /* @__PURE__ */ t.jsx(
           Ls,
@@ -1877,7 +1880,7 @@ const is = (h) => {
             activeProducts: o,
             isCartNotEmpty: _,
             isOpen: r,
-            close: T
+            close: M
           }
         )
       }
@@ -1885,9 +1888,9 @@ const is = (h) => {
   ] });
 }, Ls = (h) => {
   var x, m;
-  const { activeProducts: a, isCartNotEmpty: o, isOpen: s, close: r } = h, { cart: e, reset: u, getTotalAndDiscount: d, updateQuantityOfProduct: f, removeProduct: _ } = ct(), T = St();
+  const { activeProducts: a, isCartNotEmpty: o, isOpen: s, close: r } = h, { cart: e, reset: u, getTotalAndDiscount: d, updateQuantityOfProduct: f, removeProduct: _ } = ct(), M = Ct();
   function I(i, b) {
-    T(i, { replace: b });
+    M(i, { replace: b });
   }
   function c(i) {
     i.quantity && f({
@@ -1916,17 +1919,17 @@ const is = (h) => {
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: U(P.modal, {
-        [P.closing]: !s
+      className: U(w.modal, {
+        [w.closing]: !s
       }),
       onClick: (i) => i.stopPropagation(),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: P.top, children: [
-          /* @__PURE__ */ t.jsxs("div", { className: P.info, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: w.top, children: [
+          /* @__PURE__ */ t.jsxs("div", { className: w.info, children: [
             /* @__PURE__ */ t.jsx(
               "span",
               {
-                className: P.title,
+                className: w.title,
                 id: "h4",
                 children: "Cart"
               }
@@ -1934,18 +1937,18 @@ const is = (h) => {
             o && /* @__PURE__ */ t.jsx(
               "div",
               {
-                className: P.count,
+                className: w.count,
                 id: "md",
                 children: e.parts.length
               }
             )
           ] }),
-          /* @__PURE__ */ t.jsxs("div", { className: P.rightButtons, children: [
+          /* @__PURE__ */ t.jsxs("div", { className: w.rightButtons, children: [
             o && /* @__PURE__ */ t.jsx(
               "button",
               {
-                className: U(P.clear, {
-                  [P.activeClear]: o
+                className: U(w.clear, {
+                  [w.activeClear]: o
                 }),
                 disabled: !o,
                 onClick: u,
@@ -1966,15 +1969,15 @@ const is = (h) => {
             )
           ] })
         ] }),
-        o ? /* @__PURE__ */ t.jsxs("div", { className: P.cart, children: [
-          /* @__PURE__ */ t.jsx("div", { className: P.products, children: a.map((i) => {
-            var b, w;
+        o ? /* @__PURE__ */ t.jsxs("div", { className: w.cart, children: [
+          /* @__PURE__ */ t.jsx("div", { className: w.products, children: a.map((i) => {
+            var b, P;
             return /* @__PURE__ */ t.jsxs(
               "div",
               {
-                className: P.product,
+                className: w.product,
                 children: [
-                  /* @__PURE__ */ t.jsxs("div", { className: P.productInfo, children: [
+                  /* @__PURE__ */ t.jsxs("div", { className: w.productInfo, children: [
                     i.images.length > 0 ? /* @__PURE__ */ t.jsx(
                       "img",
                       {
@@ -1982,40 +1985,40 @@ const is = (h) => {
                         alt: "image",
                         width: "100%",
                         height: "100%",
-                        className: P.image
+                        className: w.image
                       }
-                    ) : /* @__PURE__ */ t.jsx("div", { className: P.image, children: /* @__PURE__ */ t.jsx(
+                    ) : /* @__PURE__ */ t.jsx("div", { className: w.image, children: /* @__PURE__ */ t.jsx(
                       j,
                       {
                         name: "Image",
                         fill: "var(--text-secondary)"
                       }
                     ) }),
-                    /* @__PURE__ */ t.jsxs("div", { className: P.content, children: [
+                    /* @__PURE__ */ t.jsxs("div", { className: w.content, children: [
                       /* @__PURE__ */ t.jsx(
                         "div",
                         {
-                          className: P.name,
+                          className: w.name,
                           dangerouslySetInnerHTML: {
                             __html: at(
                               ((b = i.variants.find(
-                                (q) => q.id === i.activeVariantId
+                                (A) => A.id === i.activeVariantId
                               )) == null ? void 0 : b.name) || i.name
                             )
                           }
                         }
                       ),
-                      /* @__PURE__ */ t.jsx("div", { className: P.price, children: Q({
+                      /* @__PURE__ */ t.jsx("div", { className: w.price, children: Q({
                         amount: i.variants.find(
-                          (q) => q.id === i.activeVariantId
+                          (A) => A.id === i.activeVariantId
                         ).price.amount * ((i == null ? void 0 : i.quantity) || 1),
                         currency: i.variants.find(
-                          (q) => q.id === i.activeVariantId
+                          (A) => A.id === i.activeVariantId
                         ).price.currency
                       }) })
                     ] })
                   ] }),
-                  /* @__PURE__ */ t.jsxs("div", { className: P.productButtons, children: [
+                  /* @__PURE__ */ t.jsxs("div", { className: w.productButtons, children: [
                     /* @__PURE__ */ t.jsx(
                       R,
                       {
@@ -2023,7 +2026,7 @@ const is = (h) => {
                         onClick: () => {
                           i.quantity !== 1 && l(i);
                         },
-                        className: P.productButton,
+                        className: w.productButton,
                         disabled: i.quantity === 1,
                         children: /* @__PURE__ */ t.jsx(
                           j,
@@ -2039,12 +2042,12 @@ const is = (h) => {
                     /* @__PURE__ */ t.jsx(
                       "input",
                       {
-                        className: P.productCount,
+                        className: w.productCount,
                         type: "number",
-                        value: ((w = i.quantity) == null ? void 0 : w.toString()) || "",
-                        onChange: (q) => {
+                        value: ((P = i.quantity) == null ? void 0 : P.toString()) || "",
+                        onChange: (A) => {
                           const E = Math.min(
-                            Number(q.target.value),
+                            Number(A.target.value),
                             i.variants.find((K) => K.id === i.activeVariantId).quantity.available || 1 / 0
                           );
                           E < 1 || f({
@@ -2055,7 +2058,7 @@ const is = (h) => {
                           });
                         },
                         min: 1,
-                        max: i.variants.find((q) => q.id === i.activeVariantId).quantity.available || 1 / 0
+                        max: i.variants.find((A) => A.id === i.activeVariantId).quantity.available || 1 / 0
                       }
                     ),
                     /* @__PURE__ */ t.jsx(
@@ -2063,8 +2066,8 @@ const is = (h) => {
                       {
                         type: "Secondary",
                         onClick: () => c(i),
-                        className: P.productButton,
-                        disabled: i.quantity === i.variants.find((q) => q.id === i.activeVariantId).quantity.available,
+                        className: w.productButton,
+                        disabled: i.quantity === i.variants.find((A) => A.id === i.activeVariantId).quantity.available,
                         children: /* @__PURE__ */ t.jsx(
                           j,
                           {
@@ -2076,7 +2079,7 @@ const is = (h) => {
                         )
                       }
                     ),
-                    /* @__PURE__ */ t.jsx("div", { className: P.delete, children: /* @__PURE__ */ t.jsx(
+                    /* @__PURE__ */ t.jsx("div", { className: w.delete, children: /* @__PURE__ */ t.jsx(
                       j,
                       {
                         name: "Trash",
@@ -2093,9 +2096,9 @@ const is = (h) => {
               i.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: w.bottom, children: [
+            /* @__PURE__ */ t.jsxs("div", { className: w.subtotal, children: [
+              /* @__PURE__ */ t.jsxs("div", { className: w.block, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Subtotal" }),
                 /* @__PURE__ */ t.jsx(
                   j,
@@ -2107,7 +2110,7 @@ const is = (h) => {
                   }
                 )
               ] }),
-              /* @__PURE__ */ t.jsx("div", { className: P.total, children: Q({
+              /* @__PURE__ */ t.jsx("div", { className: w.total, children: Q({
                 amount: d().total,
                 currency: e.parts.length > 0 && ((m = (x = a.find((i) => i.id === e.parts[0].productId)) == null ? void 0 : x.variants.find((i) => i.id === e.parts[0].productVariantId)) == null ? void 0 : m.price.currency) || "USD"
               }) })
@@ -2118,7 +2121,7 @@ const is = (h) => {
       ]
     }
   );
-}, Us = () => /* @__PURE__ */ t.jsxs("div", { className: P.empty, children: [
+}, Us = () => /* @__PURE__ */ t.jsxs("div", { className: w.empty, children: [
   /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
     j,
     {
@@ -2134,14 +2137,14 @@ const is = (h) => {
       "a",
       {
         href: "/products",
-        className: P.link,
+        className: w.link,
         id: "md",
         children: "view products"
       }
     )
   ] })
 ] }), qt = ({ signUp: h, close: a }) => {
-  const { token: o } = Ht(), s = St(), [r, e] = g.useState("test-email@gmail.com");
+  const { token: o } = Ht(), s = Ct(), [r, e] = g.useState("test-email@gmail.com");
   g.useEffect(() => {
     o && (async () => {
       if (!o) return;
@@ -2156,7 +2159,7 @@ const is = (h) => {
     R,
     {
       type: "Secondary",
-      className: P.userInfo,
+      className: w.userInfo,
       onClick: () => {
         u("/customer-dash"), a == null || a();
       },
@@ -2205,10 +2208,10 @@ const is = (h) => {
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: P.pagesMobileModal,
+      className: w.pagesMobileModal,
       onClick: (u) => u.stopPropagation(),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: P.pagesMobileModalHeader, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: w.pagesMobileModalHeader, children: [
           /* @__PURE__ */ t.jsx("div", { children: h }),
           /* @__PURE__ */ t.jsx(
             R,
@@ -2219,10 +2222,10 @@ const is = (h) => {
             }
           )
         ] }),
-        /* @__PURE__ */ t.jsx("div", { className: P.pagesMobileModalContent, children: s.length > 0 && s.map((u) => /* @__PURE__ */ t.jsx(
+        /* @__PURE__ */ t.jsx("div", { className: w.pagesMobileModalContent, children: s.length > 0 && s.map((u) => /* @__PURE__ */ t.jsx(
           "div",
           {
-            className: P.pageLink,
+            className: w.pageLink,
             onClick: e,
             children: /* @__PURE__ */ t.jsx(
               Mt,
@@ -2234,7 +2237,7 @@ const is = (h) => {
             )
           }
         )) }),
-        /* @__PURE__ */ t.jsx("div", { className: P.pagesMobileModalFooter, children: /* @__PURE__ */ t.jsx(
+        /* @__PURE__ */ t.jsx("div", { className: w.pagesMobileModalFooter, children: /* @__PURE__ */ t.jsx(
           qt,
           {
             signUp: o,
@@ -2316,7 +2319,7 @@ const is = (h) => {
     a && /* @__PURE__ */ t.jsx(ut, { close: o, children: /* @__PURE__ */ t.jsx(Ks, { title: h }) })
   ] });
 }, Ks = ({ title: h = "Copy Product Link" }) => {
-  const { setIsOpenModal: a } = Bt(), { notifications: o, setNotifications: s } = Ct(), { setIsOpen: r } = rt(), e = window.location.href;
+  const { setIsOpenModal: a } = Bt(), { notifications: o, setNotifications: s } = St(), { setIsOpen: r } = rt(), e = window.location.href;
   function u() {
     navigator.clipboard.writeText(e), s([
       ...o,
@@ -2332,8 +2335,8 @@ const is = (h) => {
       a(!1), r(!0);
     }, 300);
   }
-  function f(_, T) {
-    return _.length > T ? _.slice(0, T) + "..." : _;
+  function f(_, M) {
+    return _.length > M ? _.slice(0, M) + "..." : _;
   }
   return /* @__PURE__ */ t.jsxs(
     "div",
@@ -2448,12 +2451,12 @@ const is = (h) => {
       }
     ) })
   ] });
-}, cn = "_buttonsBlock_1x6xf_1", rn = "_cartDisabled_1x6xf_25", kt = {
+}, cn = "_buttonsBlock_1x6xf_1", rn = "_cartDisabled_1x6xf_25", Pt = {
   buttonsBlock: cn,
   cartDisabled: rn
 }, Qn = (h) => {
-  var T, I;
-  const { setIsOpen: a, setModalType: o, productId: s, isCartEnabled: r = !0 } = h, { cart: e } = ct(), { pageContext: u } = bt(), d = (T = u == null ? void 0 : u.listings) == null ? void 0 : T.find((c) => c.id === s);
+  var M, I;
+  const { setIsOpen: a, setModalType: o, productId: s, isCartEnabled: r = !0 } = h, { cart: e } = ct(), { pageContext: u } = bt(), d = (M = u == null ? void 0 : u.listings) == null ? void 0 : M.find((c) => c.id === s);
   if (!d)
     return null;
   const f = (I = u == null ? void 0 : u.products) == null ? void 0 : I.find(
@@ -2465,8 +2468,8 @@ const is = (h) => {
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: U(kt.buttonsBlock, {
-        [kt.cartDisabled]: !r
+      className: U(Pt.buttonsBlock, {
+        [Pt.cartDisabled]: !r
       }),
       onClick: (c) => c.stopPropagation(),
       children: [
@@ -2538,7 +2541,7 @@ const is = (h) => {
       /* @__PURE__ */ t.jsx("p", { id: "p", children: o(h) })
     ] })
   ] });
-}, hn = "_variants_18tbu_82", mn = "_variant_18tbu_82", pn = "_stock_18tbu_100", gn = "_variantInfo_18tbu_108", fn = "_title_18tbu_202", xn = "_modal_18tbu_208", _n = "_header_18tbu_228", yn = "_productOptions_18tbu_236", jn = "_loading_18tbu_244", Z = {
+}, hn = "_variants_18tbu_82", mn = "_variant_18tbu_82", pn = "_stock_18tbu_100", gn = "_variantInfo_18tbu_108", fn = "_title_18tbu_202", xn = "_modal_18tbu_208", _n = "_header_18tbu_228", yn = "_productOptions_18tbu_236", jn = "_loading_18tbu_244", et = {
   variants: hn,
   variant: mn,
   stock: pn,
@@ -2552,7 +2555,7 @@ const is = (h) => {
   var c;
   const { pageContext: a } = bt(), o = (c = a == null ? void 0 : a.listings) == null ? void 0 : c.find((l) => l.id === h.productId), [s, r] = g.useState(!0), [e, u] = g.useState(null), d = (e == null ? void 0 : e.variants[0]) || null, [f, _] = g.useState(
     "ONE_TIME"
-  ), { addProducts: T } = ct(), { setIsOpen: I } = rt();
+  ), { addProducts: M } = ct(), { setIsOpen: I } = rt();
   return g.useEffect(() => {
     (async () => {
       r(!0);
@@ -2561,17 +2564,17 @@ const is = (h) => {
           `/product/${o.productData.uniquePath}`
         )
       );
-      T(y == null ? void 0 : y.data.products), u(y == null ? void 0 : y.data.products[0]), r(!1);
+      M(y == null ? void 0 : y.data.products), u(y == null ? void 0 : y.data.products[0]), r(!1);
     })();
   }, []), g.useEffect(() => {
     I(!0);
   }, []), /* @__PURE__ */ t.jsx(ut, { close: h.setIsOpen, children: /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: Z.modal,
+      className: et.modal,
       onClick: (l) => l.stopPropagation(),
       children: [
-        s && /* @__PURE__ */ t.jsx("div", { className: Z.loading, children: /* @__PURE__ */ t.jsx($t, {}) }),
+        s && /* @__PURE__ */ t.jsx("div", { className: et.loading, children: /* @__PURE__ */ t.jsx($t, {}) }),
         h.type === "Add To Cart" && h.isCartEnabled && e && d && !s && /* @__PURE__ */ t.jsx(
           bn,
           {
@@ -2595,17 +2598,17 @@ const is = (h) => {
     }
   ) });
 }, bn = (h) => {
-  const { variants: a, activeChargeType: o, productId: s, setIsOpen: r } = h, { cart: e, addProductToCart: u, addProducts: d, updateQuantityOfProduct: f } = ct(), { notifications: _, setNotifications: T } = Ct(), { pageContext: I } = bt(), { setIsOpen: c } = rt(), l = () => {
+  const { variants: a, activeChargeType: o, productId: s, setIsOpen: r } = h, { cart: e, addProductToCart: u, addProducts: d, updateQuantityOfProduct: f } = ct(), { notifications: _, setNotifications: M } = St(), { pageContext: I } = bt(), { setIsOpen: c } = rt(), l = () => {
     c(!1), setTimeout(() => {
       r(!1);
     }, 300);
   };
   async function y(x) {
-    const m = a.find((w) => w.id === x), i = e.parts.find(
-      (w) => w.productId === h.productId && w.productVariantId === x
+    const m = a.find((P) => P.id === x), i = e.parts.find(
+      (P) => P.productId === h.productId && P.productVariantId === x
     );
     if ((m == null ? void 0 : m.quantity.available) && (m == null ? void 0 : m.quantity.restrictions) && ((i == null ? void 0 : i.quantity) || 0) + 1 > (m == null ? void 0 : m.quantity.restrictions.max) || (m == null ? void 0 : m.quantity.available) === 0 || (m == null ? void 0 : m.quantity.available) && ((i == null ? void 0 : i.quantity) || 0) + 1 > (m == null ? void 0 : m.quantity.available)) {
-      T([
+      M([
         ..._,
         { id: J(), message: "Product is out of stock", status: "error" }
       ]);
@@ -2626,7 +2629,7 @@ const is = (h) => {
           productVariantId: x,
           quantity: 1,
           chargeType: o
-        }), T([
+        }), M([
           ..._,
           {
             id: J(),
@@ -2634,12 +2637,12 @@ const is = (h) => {
             status: "success"
           }
         ]);
-      } catch (w) {
-        T([
+      } catch (P) {
+        M([
           ..._,
           {
             id: J(),
-            message: `Product failed to add to cart: ${w}`,
+            message: `Product failed to add to cart: ${P}`,
             status: "error"
           }
         ]);
@@ -2647,7 +2650,7 @@ const is = (h) => {
     }
   }
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsxs("div", { className: Z.header, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: et.header, children: [
       /* @__PURE__ */ t.jsx("div", { id: "h3", children: "Choose a Variant" }),
       /* @__PURE__ */ t.jsx(
         j,
@@ -2661,7 +2664,7 @@ const is = (h) => {
         }
       )
     ] }),
-    /* @__PURE__ */ t.jsx("div", { className: Z.variants, children: a.filter((x) => {
+    /* @__PURE__ */ t.jsx("div", { className: et.variants, children: a.filter((x) => {
       var m;
       return (m = x.chargeTypes) == null ? void 0 : m.includes(o);
     }).map((x) => {
@@ -2669,16 +2672,16 @@ const is = (h) => {
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: U(Z.variant),
+          className: U(et.variant),
           onClick: () => {
             y(x.id), r(!1);
           },
           children: [
-            /* @__PURE__ */ t.jsxs("div", { className: Z.variantInfo, children: [
+            /* @__PURE__ */ t.jsxs("div", { className: et.variantInfo, children: [
               /* @__PURE__ */ t.jsx(
                 "span",
                 {
-                  className: Z.title,
+                  className: et.title,
                   id: "h4",
                   children: x.name
                 }
@@ -2691,7 +2694,7 @@ const is = (h) => {
             /* @__PURE__ */ t.jsx("div", { id: "md", children: o === "ONE_TIME" && /* @__PURE__ */ t.jsxs(
               "span",
               {
-                className: Z.stock,
+                className: et.stock,
                 id: "md",
                 children: [
                   (i = x.quantity.restrictions) != null && i.max || x.quantity.available !== void 0 ? ((b = x.quantity.restrictions) == null ? void 0 : b.max) || x.quantity.available : "∞",
@@ -2713,12 +2716,12 @@ const is = (h) => {
     }, 300);
   };
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsxs("div", { className: Z.header, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: et.header, children: [
       /* @__PURE__ */ t.jsx(
         "div",
         {
           id: "h3",
-          className: Z.title,
+          className: et.title,
           dangerouslySetInnerHTML: {
             __html: `Buy ${at(a.name)}`
           }
@@ -2740,7 +2743,7 @@ const is = (h) => {
         }
       )
     ] }),
-    /* @__PURE__ */ t.jsx("div", { className: Z.productOptions, children: /* @__PURE__ */ t.jsx(
+    /* @__PURE__ */ t.jsx("div", { className: et.productOptions, children: /* @__PURE__ */ t.jsx(
       is,
       {
         product: a,
@@ -2749,13 +2752,13 @@ const is = (h) => {
       }
     ) })
   ] });
-}, In = "_contentModal_101ku_1", Nn = "_modalTop_101ku_13", Cn = "_loading_101ku_19", Sn = "_modalCards_101ku_27", kn = "_modalImage_101ku_32", Pn = "_card_101ku_37", wn = "_cardInfo_101ku_49", Tn = "_cardButtons_101ku_56", Mn = "_title_101ku_62", Bn = "_blockImage_101ku_69", $n = "_short_101ku_78", On = "_price_101ku_82", qn = "_oldPrice_101ku_89", An = "_newPrice_101ku_98", F = {
+}, In = "_contentModal_m2tf9_1", Nn = "_modalTop_m2tf9_12", Sn = "_loading_m2tf9_19", Cn = "_modalCards_m2tf9_28", Pn = "_modalImage_m2tf9_34", kn = "_card_m2tf9_39", wn = "_cardInfo_m2tf9_51", Tn = "_cardButtons_m2tf9_58", Mn = "_title_m2tf9_64", Bn = "_blockImage_m2tf9_71", $n = "_short_m2tf9_80", On = "_price_m2tf9_84", qn = "_oldPrice_m2tf9_91", An = "_newPrice_m2tf9_100", H = {
   contentModal: In,
   modalTop: Nn,
-  loading: Cn,
-  modalCards: Sn,
-  modalImage: kn,
-  card: Pn,
+  loading: Sn,
+  modalCards: Cn,
+  modalImage: Pn,
+  card: kn,
   cardInfo: wn,
   cardButtons: Tn,
   title: Mn,
@@ -2772,14 +2775,14 @@ const is = (h) => {
     setProductId: r,
     setIsProductModalOpen: e,
     setShowDropdown: u
-  } = h, [d, f] = g.useState(null), [_, T] = g.useState(!0), { setIsOpen: I } = rt();
+  } = h, [d, f] = g.useState(null), [_, M] = g.useState(!0), { setIsOpen: I } = rt();
   g.useEffect(() => {
     var y;
-    T(!0);
+    M(!0);
     const l = (y = o.listings) == null ? void 0 : y.filter(
       (x) => s.listingIdList.includes(x.id)
     );
-    l && f([...l]), T(!1);
+    l && f([...l]), M(!1);
   }, [o]), g.useEffect(() => {
     I(!0);
   }, []);
@@ -2791,14 +2794,14 @@ const is = (h) => {
   return /* @__PURE__ */ t.jsx(ut, { close: () => a(!1), children: /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: F.contentModal,
+      className: H.contentModal,
       onClick: (l) => l.stopPropagation(),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: F.modalTop, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: H.modalTop, children: [
           /* @__PURE__ */ t.jsx(
             "span",
             {
-              className: F.title,
+              className: H.title,
               id: "h4",
               dangerouslySetInnerHTML: {
                 __html: at(s.name)
@@ -2815,10 +2818,10 @@ const is = (h) => {
             }
           )
         ] }),
-        !_ && d && /* @__PURE__ */ t.jsx("div", { className: F.modalCards, children: d.map((l) => /* @__PURE__ */ t.jsxs(
+        !_ && d && /* @__PURE__ */ t.jsx("div", { className: H.modalCards, children: d.map((l) => /* @__PURE__ */ t.jsxs(
           "div",
           {
-            className: F.card,
+            className: H.card,
             children: [
               /* @__PURE__ */ t.jsx("div", { children: l.productData.images[0] ? /* @__PURE__ */ t.jsx(
                 "img",
@@ -2827,22 +2830,22 @@ const is = (h) => {
                   alt: "",
                   width: 64,
                   height: 64,
-                  className: F.modalImage
+                  className: H.modalImage
                 }
-              ) : /* @__PURE__ */ t.jsx("div", { className: U(F.blockImage, F.modalImage), children: /* @__PURE__ */ t.jsx(j, { name: "Image" }) }) }),
-              /* @__PURE__ */ t.jsxs("div", { className: F.cardInfo, children: [
+              ) : /* @__PURE__ */ t.jsx("div", { className: U(H.blockImage, H.modalImage), children: /* @__PURE__ */ t.jsx(j, { name: "Image" }) }) }),
+              /* @__PURE__ */ t.jsxs("div", { className: H.cardInfo, children: [
                 /* @__PURE__ */ t.jsx("div", { id: "h5", children: l.productData.compareAtPrice && (l.productData.compareAtPrice.amount || 0) - (l.productData.minPrice.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
                   at(l.productData.name, !1),
                   /* @__PURE__ */ t.jsxs(
                     "span",
                     {
-                      className: F.price,
+                      className: H.price,
                       id: "md",
                       children: [
                         /* @__PURE__ */ t.jsx(
                           "span",
                           {
-                            className: F.newPrice,
+                            className: H.newPrice,
                             id: "md",
                             children: Q({
                               amount: l.productData.minPrice.amount,
@@ -2853,7 +2856,7 @@ const is = (h) => {
                         /* @__PURE__ */ t.jsx(
                           "span",
                           {
-                            className: F.oldPrice,
+                            className: H.oldPrice,
                             id: "md",
                             children: Q({
                               amount: l.productData.compareAtPrice.amount,
@@ -2869,7 +2872,7 @@ const is = (h) => {
                   /* @__PURE__ */ t.jsx(
                     "span",
                     {
-                      className: F.newPrice,
+                      className: H.newPrice,
                       id: "md",
                       children: Q({
                         amount: l.productData.minPrice.amount,
@@ -2881,7 +2884,7 @@ const is = (h) => {
                 l.productData.shortDescription && /* @__PURE__ */ t.jsx(
                   "span",
                   {
-                    className: F.short,
+                    className: H.short,
                     id: "md",
                     dangerouslySetInnerHTML: {
                       __html: at(l.productData.shortDescription)
@@ -2889,7 +2892,7 @@ const is = (h) => {
                   }
                 )
               ] }),
-              /* @__PURE__ */ t.jsxs("div", { className: F.cardButtons, children: [
+              /* @__PURE__ */ t.jsxs("div", { className: H.cardButtons, children: [
                 /* @__PURE__ */ t.jsx(
                   R,
                   {
@@ -2916,7 +2919,7 @@ const is = (h) => {
           },
           l.id
         )) }),
-        _ && /* @__PURE__ */ t.jsx("div", { className: F.loading, children: /* @__PURE__ */ t.jsx($t, {}) })
+        _ && /* @__PURE__ */ t.jsx("div", { className: H.loading, children: /* @__PURE__ */ t.jsx($t, {}) })
       ]
     }
   ) });
@@ -2953,7 +2956,7 @@ export {
   Kn as ProductCardModal,
   is as ProductOptions,
   ai as RadioUI,
-  Pt as RangeSelector,
+  kt as RangeSelector,
   ot as Select,
   oi as SelectInfiniteList,
   ci as SelectTypeText,