@billgangcom/theme-lib 1.66.4 → 1.67.0

package/dist/ui.es.js

@@ -1,7 +1,7 @@
-import { j as t, I as j, c as V, d as bt, u as dt, e as ut, P as pt, S as ot, R as kt, D as ht, f as mt, v as _t, B as ct, g as st, h as Ct, a as St, O as lt, i as et, k as gt, C as ft, l as H, m as Bt, n as Tt, o as it, p as Mt, r as jt, t as X, L as At, w as xt, x as rt, s as yt, y as F, z as Ot, M as Nt, A as $t, E as Et, F as qt, G as wt, H as Rt, J as Dt, K as zt, N as Lt } from "./index-Du7rjeR9.js";
-import { X as sa, U as na, W as ia, Q as aa, T as oa, V as ca } from "./index-Du7rjeR9.js";
-import g from "react";
-const Ft = "_wrapper_kh9z8_2", Ut = "_block_kh9z8_8", Vt = "_title_kh9z8_16", Ht = "_subtitle_kh9z8_23", Yt = "_alignmentContent_kh9z8_30", Wt = "_alignments_kh9z8_39", Gt = "_alignment_kh9z8_30", Xt = "_circle_kh9z8_64", Qt = "_paddings_kh9z8_71", Jt = "_padding_kh9z8_71", Kt = "_active_kh9z8_97", Zt = "_input_kh9z8_104", G = {
+import { j as t, I as b, c as F, d as bt, u as lt, e as dt, P as ut, S as ot, R as kt, D as pt, f as ht, v as mt, B as ct, g as st, h as Ct, a as St, O as rt, i as et, k as _t, C as gt, l as V, m as Bt, n as Tt, o as ft, p as Mt, r as jt, t as G, L as At, w as xt, x as it, s as yt, y as z, z as Ot, M as Nt, A as $t, E as Et, F as qt, G as wt, H as Rt, J as Dt, K as zt, N as Lt } from "./index-DRmJgjTF.js";
+import { X as sa, U as na, W as ia, Q as aa, T as oa, V as ca } from "./index-DRmJgjTF.js";
+import f from "react";
+const Ft = "_wrapper_kh9z8_2", Ut = "_block_kh9z8_8", Vt = "_title_kh9z8_16", Ht = "_subtitle_kh9z8_23", Yt = "_alignmentContent_kh9z8_30", Wt = "_alignments_kh9z8_39", Gt = "_alignment_kh9z8_30", Xt = "_circle_kh9z8_64", Qt = "_paddings_kh9z8_71", Jt = "_padding_kh9z8_71", Kt = "_active_kh9z8_97", Zt = "_input_kh9z8_104", W = {
   wrapper: Ft,
   block: Ut,
   title: Vt,
@@ -30,11 +30,11 @@ const Ft = "_wrapper_kh9z8_2", Ut = "_block_kh9z8_8", Vt = "_title_kh9z8_16", Ht
     padding: a,
     setPadding: s,
     setAlignment: e,
-    isAlignment: l = !0,
-    isPadding: r = !0
+    isAlignment: o = !0,
+    isPadding: u = !0
   } = c;
-  function h(u) {
-    switch (u) {
+  function p(d) {
+    switch (d) {
       case "left":
       case "topLeft":
       case "bottomLeft":
@@ -51,8 +51,8 @@ const Ft = "_wrapper_kh9z8_2", Ut = "_block_kh9z8_8", Vt = "_title_kh9z8_16", Ht
         return "TextAlignCenter";
     }
   }
-  function m(u) {
-    switch (u) {
+  function _(d) {
+    switch (d) {
       case "left":
         return "AlignLeft";
       case "right":
@@ -63,40 +63,40 @@ const Ft = "_wrapper_kh9z8_2", Ut = "_block_kh9z8_8", Vt = "_title_kh9z8_16", Ht
         return "AlignBottom";
     }
   }
-  const [_, S] = g.useState(null), [v, n] = 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: [
-      l && /* @__PURE__ */ t.jsxs("div", { className: G.block, children: [
-        /* @__PURE__ */ t.jsx("h5", { className: G.subtitle, children: "Alignment" }),
-        /* @__PURE__ */ t.jsx("div", { className: G.alignments, children: te.map((u) => /* @__PURE__ */ t.jsxs(
+  const [h, k] = f.useState(null), [y, n] = f.useState(null);
+  return /* @__PURE__ */ t.jsxs("div", { className: W.layout, children: [
+    /* @__PURE__ */ t.jsx("h3", { className: W.title, children: "Layout (for Desktop version)" }),
+    /* @__PURE__ */ t.jsxs("div", { className: W.alignmentContent, children: [
+      o && /* @__PURE__ */ t.jsxs("div", { className: W.block, children: [
+        /* @__PURE__ */ t.jsx("h5", { className: W.subtitle, children: "Alignment" }),
+        /* @__PURE__ */ t.jsx("div", { className: W.alignments, children: te.map((d) => /* @__PURE__ */ t.jsxs(
           "div",
           {
             onClick: () => {
-              e(u);
+              e(d);
             },
-            className: G.alignment,
+            className: W.alignment,
             onMouseEnter: () => {
-              S(u);
+              k(d);
             },
             onMouseLeave: () => {
-              S(null);
+              k(null);
             },
             children: [
-              u !== i && _ !== u && /* @__PURE__ */ t.jsx("div", { className: G.circle }),
-              u !== i && _ === u && /* @__PURE__ */ t.jsx(
-                j,
+              d !== i && h !== d && /* @__PURE__ */ t.jsx("div", { className: W.circle }),
+              d !== i && h === d && /* @__PURE__ */ t.jsx(
+                b,
                 {
-                  name: h(_),
+                  name: p(h),
                   fill: "#c2c2c2",
                   width: 22,
                   height: 22
                 }
               ),
-              u === i && /* @__PURE__ */ t.jsx(
-                j,
+              d === i && /* @__PURE__ */ t.jsx(
+                b,
                 {
-                  name: h(i),
+                  name: p(i),
                   fill: "#FF3F19",
                   width: 22,
                   height: 22
@@ -104,28 +104,28 @@ const Ft = "_wrapper_kh9z8_2", Ut = "_block_kh9z8_8", Vt = "_title_kh9z8_16", Ht
               )
             ]
           },
-          u
+          d
         )) })
       ] }),
-      r && /* @__PURE__ */ t.jsxs("div", { className: G.block, children: [
-        /* @__PURE__ */ t.jsx("h5", { className: G.subtitle, children: "Paddings" }),
-        /* @__PURE__ */ t.jsx("div", { className: G.paddings, children: ee.map((u) => /* @__PURE__ */ t.jsxs(
+      u && /* @__PURE__ */ t.jsxs("div", { className: W.block, children: [
+        /* @__PURE__ */ t.jsx("h5", { className: W.subtitle, children: "Paddings" }),
+        /* @__PURE__ */ t.jsx("div", { className: W.paddings, children: ee.map((d) => /* @__PURE__ */ t.jsxs(
           "label",
           {
-            className: V(G.padding, {
-              [G.active]: v === u
+            className: F(W.padding, {
+              [W.active]: y === d
             }),
             onFocus: () => {
-              n(u);
+              n(d);
             },
             onBlur: () => {
               n(null);
             },
             children: [
               /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-                j,
+                b,
                 {
-                  name: m(u),
+                  name: _(d),
                   width: 20,
                   height: 20
                 }
@@ -134,10 +134,10 @@ const Ft = "_wrapper_kh9z8_2", Ut = "_block_kh9z8_8", Vt = "_title_kh9z8_16", Ht
                 bt,
                 {
                   type: "number",
-                  value: String(a[u]),
-                  onChange: (o) => s({
+                  value: String(a[d]),
+                  onChange: (r) => s({
                     ...a,
-                    [u]: Math.min(Number(o), 999)
+                    [d]: Math.min(Number(r), 999)
                   }),
                   max: 999,
                   paddingless: !0,
@@ -146,12 +146,12 @@ const Ft = "_wrapper_kh9z8_2", Ut = "_block_kh9z8_8", Vt = "_title_kh9z8_16", Ht
               )
             ]
           },
-          u
+          d
         )) })
       ] })
     ] })
   ] });
-}, se = "_title_82zux_1", ne = "_subtitle_82zux_5", ie = "_header_82zux_12", ae = "_text_82zux_13", oe = "_productsBlock_82zux_14", ce = "_top_82zux_26", re = "_itemsBlock_82zux_35", le = "_typeTexts_82zux_41", de = "_block_82zux_48", ue = "_active_82zux_61", pe = "_products_82zux_14", he = "_product_82zux_14", me = "_button_82zux_80", _e = "_disabled_82zux_91", ge = "_image_82zux_95", fe = "_info_82zux_102", xe = "_name_82zux_114", je = "_buttons_82zux_118", ve = "_modal_82zux_125", be = "_link_82zux_145", ye = "_modalOptions_82zux_151", Ne = "_addButton_82zux_157", Ie = "_deleteButton_82zux_179", Q = {
+}, se = "_title_82zux_1", ne = "_subtitle_82zux_5", ie = "_header_82zux_12", ae = "_text_82zux_13", oe = "_productsBlock_82zux_14", ce = "_top_82zux_26", re = "_itemsBlock_82zux_35", le = "_typeTexts_82zux_41", de = "_block_82zux_48", ue = "_active_82zux_61", pe = "_products_82zux_14", he = "_product_82zux_14", me = "_button_82zux_80", _e = "_disabled_82zux_91", ge = "_image_82zux_95", fe = "_info_82zux_102", xe = "_name_82zux_114", je = "_buttons_82zux_118", ve = "_modal_82zux_125", be = "_link_82zux_145", ye = "_modalOptions_82zux_151", Ne = "_addButton_82zux_157", Ie = "_deleteButton_82zux_179", X = {
   title: se,
   subtitle: ne,
   header: ie,
@@ -181,21 +181,21 @@ function ke({ id: c, children: i }) {
     attributes: a,
     listeners: s,
     setNodeRef: e,
-    transform: l,
-    transition: r,
-    isDragging: h
-  } = gt({
+    transform: o,
+    transition: u,
+    isDragging: p
+  } = _t({
     id: c
-  }), m = {
-    transform: ft.Transform.toString(l),
-    transition: r
+  }), _ = {
+    transform: gt.Transform.toString(o),
+    transition: u
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
       ref: e,
-      style: m,
-      className: `${Q.product} ${h ? Q.dragging : ""}`,
+      style: _,
+      className: `${X.product} ${p ? X.dragging : ""}`,
       ...a,
       ...s,
       children: i
@@ -208,49 +208,49 @@ const zi = (c) => {
     setIsActiveItems: a,
     items: s,
     setItems: e,
-    other: l,
-    tags: r,
-    title: h,
-    subtitle: m,
-    draggable: _ = !1,
-    withImage: S = !1,
-    addable: v = !0,
+    other: o,
+    tags: u,
+    title: p,
+    subtitle: _,
+    draggable: h = !1,
+    withImage: k = !1,
+    addable: y = !0,
     itemsOptions: n,
-    hasRangeSelector: u = !1,
-    rangeSelectorOptions: o,
-    limit: T,
-    autoScrollInterval: f,
-    deletable: I,
-    aspectRatio: k,
-    setAspectRatio: O
-  } = c, z = dt(
-    ut(pt, {
+    hasRangeSelector: d = !1,
+    rangeSelectorOptions: r,
+    limit: B,
+    autoScrollInterval: g,
+    deletable: T,
+    aspectRatio: I,
+    setAspectRatio: M
+  } = c, x = lt(
+    dt(ut, {
       activationConstraint: {
         distance: 5
       }
     })
-  ), R = (p) => {
-    const { active: C, over: $ } = p;
-    if ($ && C.id !== $.id) {
-      const y = s.findIndex((M) => M === C.id), w = s.findIndex((M) => M === $.id);
-      if (y !== -1 && w !== -1) {
-        const M = [...s], [x] = M.splice(y, 1);
-        M.splice(w, 0, x), e(M);
+  ), R = (m) => {
+    const { active: j, over: S } = m;
+    if (S && j.id !== S.id) {
+      const P = s.findIndex((A) => A === j.id), $ = s.findIndex((A) => A === S.id);
+      if (P !== -1 && $ !== -1) {
+        const A = [...s], [v] = A.splice(P, 1);
+        A.splice($, 0, v), e(A);
       }
     }
   };
-  function b(p) {
-    if (S)
-      return p ? /* @__PURE__ */ t.jsx(
+  function Q(m) {
+    if (k)
+      return m ? /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: `https://imagedelivery.net/${p[0]}/w=1000`,
+          src: `https://imagedelivery.net/${m[0]}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
         }
       ) : /* @__PURE__ */ t.jsx(
-        j,
+        b,
         {
           name: "Image",
           width: 16,
@@ -259,12 +259,12 @@ const zi = (c) => {
         }
       );
   }
-  const L = (p, C = !1) => {
-    const $ = n.find((w) => w.id === p);
-    if (!$) return;
-    const y = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        j,
+  const U = (m, j = !1) => {
+    const S = n.find(($) => $.id === m);
+    if (!S) return;
+    const P = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      h && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+        b,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -275,78 +275,78 @@ const zi = (c) => {
       /* @__PURE__ */ t.jsx(
         st,
         {
-          onChange: (w) => {
-            const M = [...s], x = n.find((d) => d.name === w);
-            if (!x) return;
-            const A = x.id, U = M.map((d) => d === p ? A : d);
-            e([...U]);
+          onChange: ($) => {
+            const A = [...s], v = n.find((l) => l.name === $);
+            if (!v) return;
+            const O = v.id, L = A.map((l) => l === m ? O : l);
+            e([...L]);
           },
-          value: $.name,
-          options: n.filter((w) => !s.find((M) => M === w.id)).map((w) => w.name),
-          leftAddonOptions: n.map((w) => ({
-            value: w.name,
-            addon: b(w.images)
+          value: S.name,
+          options: n.filter(($) => !s.find((A) => A === $.id)).map(($) => $.name),
+          leftAddonOptions: n.map(($) => ({
+            value: $.name,
+            addon: Q($.images)
           }))
         }
       ),
-      C && /* @__PURE__ */ t.jsx("div", { className: Q.buttons, children: /* @__PURE__ */ t.jsx("div", { className: Q.deleteButton, children: /* @__PURE__ */ t.jsx(
-        j,
+      j && /* @__PURE__ */ t.jsx("div", { className: X.buttons, children: /* @__PURE__ */ t.jsx("div", { className: X.deleteButton, children: /* @__PURE__ */ t.jsx(
+        b,
         {
           name: "Trash",
           hoverable: !0,
           width: 20,
           height: 20,
           fill: "#C12A2A",
-          onClick: () => e(s.filter((w) => w !== p))
+          onClick: () => e(s.filter(($) => $ !== m))
         }
       ) }) })
     ] });
-    return _ ? /* @__PURE__ */ t.jsx(
+    return h ? /* @__PURE__ */ t.jsx(
       ke,
       {
-        id: p,
-        children: y
+        id: m,
+        children: P
       },
       et()
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: Q.product,
-        children: y
+        className: X.product,
+        children: P
       },
       et()
     );
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: Q.productsBlock, children: [
-    (h || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: Q.top, children: [
-      h && /* @__PURE__ */ t.jsx("h3", { className: Q.title, children: h }),
+  return /* @__PURE__ */ t.jsxs("div", { className: X.productsBlock, children: [
+    (p || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: X.top, children: [
+      p && /* @__PURE__ */ t.jsx("h3", { className: X.title, children: p }),
       i !== void 0 && /* @__PURE__ */ t.jsx(
         ot,
         {
           current: i,
-          onChange: (p) => a == null ? void 0 : a(p)
+          onChange: (m) => a == null ? void 0 : a(m)
         }
       )
     ] }),
-    u && o && /* @__PURE__ */ t.jsx(kt, { ...o }),
-    /* @__PURE__ */ t.jsxs("div", { className: Q.products, children: [
-      m && /* @__PURE__ */ t.jsx("h5", { className: Q.subtitle, children: m }),
-      _ ? /* @__PURE__ */ t.jsx(
-        ht,
+    d && r && /* @__PURE__ */ t.jsx(kt, { ...r }),
+    /* @__PURE__ */ t.jsxs("div", { className: X.products, children: [
+      _ && /* @__PURE__ */ t.jsx("h5", { className: X.subtitle, children: _ }),
+      h ? /* @__PURE__ */ t.jsx(
+        pt,
         {
-          sensors: z,
+          sensors: x,
           onDragEnd: R,
           children: /* @__PURE__ */ t.jsx(
-            mt,
+            ht,
             {
               items: s,
-              strategy: _t,
-              children: s.map((p) => L(p, I))
+              strategy: mt,
+              children: s.map((m) => U(m, T))
             }
           )
         }
-      ) : s.map((p) => L(p, I)),
-      v && /* @__PURE__ */ t.jsx(
+      ) : s.map((m) => U(m, T)),
+      y && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -359,30 +359,30 @@ const zi = (c) => {
             ct,
             {
               withoutHover: !0,
-              className: V(Q.button, {
-                [Q.disabled]: !!(T && T <= s.length || s.length === n.length)
+              className: F(X.button, {
+                [X.disabled]: !!(B && B <= s.length || s.length === n.length)
               }),
               size: "s",
-              disabled: !!(T && T <= s.length || s.length === n.length),
+              disabled: !!(B && B <= s.length || s.length === n.length),
               onClick: () => {
-                const p = [...s];
-                let C = null;
+                const m = [...s];
+                let j = null;
                 if (n) {
-                  for (let $ = 0; $ < n.length; $++)
-                    if (!s.find((y) => y === n[$].id)) {
-                      C = n[$];
+                  for (let S = 0; S < n.length; S++)
+                    if (!s.find((P) => P === n[S].id)) {
+                      j = n[S];
                       break;
                     }
                 }
-                p.push((C == null ? void 0 : C.id) || n[0].id), e(p);
+                m.push((j == null ? void 0 : j.id) || n[0].id), e(m);
               },
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ t.jsxs("div", { className: Q.addButton, children: [
+              children: /* @__PURE__ */ t.jsxs("div", { className: X.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
-                  j,
+                  b,
                   {
                     name: "Plus",
                     width: 16,
@@ -395,37 +395,37 @@ const zi = (c) => {
         }
       )
     ] }),
-    k && O && /* @__PURE__ */ t.jsx(
+    I && M && /* @__PURE__ */ t.jsx(
       st,
       {
-        value: k,
+        value: I,
         label: "Aspect Ratio",
         options: Object.keys(Ct),
-        onChange: (p) => O(p),
+        onChange: (m) => M(m),
         leftAddonOptions: St
       }
     ),
-    r !== void 0 && /* @__PURE__ */ t.jsx(
-      lt,
+    u !== void 0 && /* @__PURE__ */ t.jsx(
+      rt,
       {
         tagsTitle: "Tags",
-        items: r
+        items: u
       }
     ),
-    l !== void 0 && /* @__PURE__ */ t.jsx(
-      lt,
+    o !== void 0 && /* @__PURE__ */ t.jsx(
+      rt,
       {
         otherTitle: "Other",
-        items: l
+        items: o
       }
     ),
-    f !== void 0 && /* @__PURE__ */ t.jsx(
+    g !== void 0 && /* @__PURE__ */ t.jsx(
       bt,
       {
         label: "Auto scroll interval",
         type: "number",
-        value: String(f.scrollInterval),
-        onChange: (p) => f.setScrollInterval(Number(p)),
+        value: String(g.scrollInterval),
+        onChange: (m) => g.setScrollInterval(Number(m)),
         min: 0.1,
         max: 100,
         style: {
@@ -435,7 +435,7 @@ const zi = (c) => {
       }
     )
   ] });
-}, Ce = "_title_roi3a_1", Se = "_subtitle_roi3a_5", $e = "_header_roi3a_12", qe = "_text_roi3a_13", we = "_productsBlock_roi3a_14", Pe = "_top_roi3a_26", Be = "_itemsBlock_roi3a_35", Te = "_typeTexts_roi3a_41", Me = "_block_roi3a_48", Ae = "_active_roi3a_61", Oe = "_products_roi3a_14", Ee = "_product_roi3a_14", Re = "_button_roi3a_80", De = "_disabled_roi3a_91", ze = "_image_roi3a_95", Le = "_info_roi3a_102", Fe = "_name_roi3a_114", Ue = "_buttons_roi3a_118", Ve = "_modal_roi3a_125", He = "_link_roi3a_145", Ye = "_modalOptions_roi3a_151", We = "_addButton_roi3a_164", Ge = "_deleteButton_roi3a_179", Xe = "_closeIcon_roi3a_191", Y = {
+}, Ce = "_title_roi3a_1", Se = "_subtitle_roi3a_5", $e = "_header_roi3a_12", qe = "_text_roi3a_13", we = "_productsBlock_roi3a_14", Pe = "_top_roi3a_26", Be = "_itemsBlock_roi3a_35", Te = "_typeTexts_roi3a_41", Me = "_block_roi3a_48", Ae = "_active_roi3a_61", Oe = "_products_roi3a_14", Ee = "_product_roi3a_14", Re = "_button_roi3a_80", De = "_disabled_roi3a_91", ze = "_image_roi3a_95", Le = "_info_roi3a_102", Fe = "_name_roi3a_114", Ue = "_buttons_roi3a_118", Ve = "_modal_roi3a_125", He = "_link_roi3a_145", Ye = "_modalOptions_roi3a_151", We = "_addButton_roi3a_164", Ge = "_deleteButton_roi3a_179", Xe = "_closeIcon_roi3a_191", H = {
   title: Ce,
   subtitle: Se,
   header: $e,
@@ -466,21 +466,21 @@ function Qe({ product: c, children: i }) {
     attributes: a,
     listeners: s,
     setNodeRef: e,
-    transform: l,
-    transition: r,
-    isDragging: h
-  } = gt({
+    transform: o,
+    transition: u,
+    isDragging: p
+  } = _t({
     id: c.id
-  }), m = {
-    transform: ft.Transform.toString(l),
-    transition: r
+  }), _ = {
+    transform: gt.Transform.toString(o),
+    transition: u
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
       ref: e,
-      style: m,
-      className: `${Y.product} ${h ? Y.dragging : ""}`,
+      style: _,
+      className: `${H.product} ${p ? H.dragging : ""}`,
       ...a,
       ...s,
       children: i
@@ -493,51 +493,51 @@ const Li = (c) => {
     setIsActiveItems: a,
     items: s,
     setItems: e,
-    title: l,
-    subtitle: r,
-    editable: h = !0,
-    draggable: m = !1,
-    deletable: _ = !0,
-    addable: S = !0,
-    itemsType: v,
+    title: o,
+    subtitle: u,
+    editable: p = !0,
+    draggable: _ = !1,
+    deletable: h = !0,
+    addable: k = !0,
+    itemsType: y,
     itemsOptions: n,
-    addableOptions: u = {},
-    limit: o
-  } = c, [T, f] = g.useState(null), [I, k] = g.useState(null), O = g.useRef(null), z = dt(
-    ut(pt, {
+    addableOptions: d = {},
+    limit: r
+  } = c, [B, g] = f.useState(null), [T, I] = f.useState(null), M = f.useRef(null), x = lt(
+    dt(ut, {
       activationConstraint: {
         distance: 5
       }
     })
   );
-  g.useEffect(() => {
-    if (T) {
-      const p = [...s].map((C) => C.id === T.id ? T : C);
-      e(p);
+  f.useEffect(() => {
+    if (B) {
+      const m = [...s].map((j) => j.id === B.id ? B : j);
+      e(m);
     }
-  }, [T]), g.useEffect(() => {
-    O.current && I && (O.current.getBoundingClientRect().height, I.top);
-  }, [O.current, I]);
-  const R = (p, C) => {
-    p.stopPropagation();
-    const $ = p.target.getBoundingClientRect();
-    k({
-      top: $.top + window.scrollY,
-      left: $.left - 30
-    }), f(C);
-  }, b = (p) => {
-    const { active: C, over: $ } = p;
-    if ($ && C.id !== $.id) {
-      const y = s.findIndex((M) => M.id === C.id), w = s.findIndex((M) => M.id === $.id);
-      if (y !== -1 && w !== -1) {
-        const M = [...s], [x] = M.splice(y, 1);
-        M.splice(w, 0, x), e(M);
+  }, [B]), f.useEffect(() => {
+    M.current && T && (M.current.getBoundingClientRect().height, T.top);
+  }, [M.current, T]);
+  const R = (m, j) => {
+    m.stopPropagation();
+    const S = m.target.getBoundingClientRect();
+    I({
+      top: S.top + window.scrollY,
+      left: S.left - 30
+    }), g(j);
+  }, Q = (m) => {
+    const { active: j, over: S } = m;
+    if (S && j.id !== S.id) {
+      const P = s.findIndex((A) => A.id === j.id), $ = s.findIndex((A) => A.id === S.id);
+      if (P !== -1 && $ !== -1) {
+        const A = [...s], [v] = A.splice(P, 1);
+        A.splice($, 0, v), e(A);
       }
     }
-  }, L = (p, C) => {
-    const $ = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      m && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        j,
+  }, U = (m, j) => {
+    const S = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+        b,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -545,99 +545,99 @@ const Li = (c) => {
           height: 20
         }
       ) }),
-      v === "select" && n && /* @__PURE__ */ t.jsx(
+      y === "select" && n && /* @__PURE__ */ t.jsx(
         st,
         {
-          onChange: (y) => {
-            const w = [...s], M = n.find((A) => A.name === y);
-            if (!M) return;
-            const x = w.map((A) => A.id === p.id ? {
-              ...M,
+          onChange: (P) => {
+            const $ = [...s], A = n.find((O) => O.name === P);
+            if (!A) return;
+            const v = $.map((O) => O.id === m.id ? {
+              ...A,
               name: {
-                "en-US": y
+                "en-US": P
               }
-            } : A);
-            f({
-              ...p,
+            } : O);
+            g({
+              ...m,
               name: {
-                "en-US": y
+                "en-US": P
               }
-            }), e([...x]);
+            }), e([...v]);
           },
-          value: p.name,
-          options: n.filter((y) => !s.find((w) => w.name === y.name)).map((y) => y.name)
+          value: m.name,
+          options: n.filter((P) => !s.find(($) => $.name === P.name)).map((P) => P.name)
         }
       ),
-      /* @__PURE__ */ t.jsxs("div", { className: Y.buttons, children: [
-        h && /* @__PURE__ */ t.jsx("div", { className: Y.deleteButton, children: /* @__PURE__ */ t.jsx(
-          j,
+      /* @__PURE__ */ t.jsxs("div", { className: H.buttons, children: [
+        p && /* @__PURE__ */ t.jsx("div", { className: H.deleteButton, children: /* @__PURE__ */ t.jsx(
+          b,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (y) => R(y, p)
+            onClick: (P) => R(P, m)
           }
         ) }),
-        _ && /* @__PURE__ */ t.jsx("div", { className: Y.deleteButton, children: /* @__PURE__ */ t.jsx(
-          j,
+        h && /* @__PURE__ */ t.jsx("div", { className: H.deleteButton, children: /* @__PURE__ */ t.jsx(
+          b,
           {
             name: "Trash",
             hoverable: !0,
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => e(s.filter((y) => y.id !== p.id))
+            onClick: () => e(s.filter((P) => P.id !== m.id))
           }
         ) })
       ] })
     ] });
-    return m ? /* @__PURE__ */ t.jsx(
+    return _ ? /* @__PURE__ */ t.jsx(
       Qe,
       {
-        product: p,
-        index: C,
-        children: $
+        product: m,
+        index: j,
+        children: S
       },
-      p.id
+      m.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: Y.product,
-        children: $
+        className: H.product,
+        children: S
       },
-      p.id
+      m.id
     );
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: Y.productsBlock, children: [
-    (l || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: Y.top, children: [
-      l && /* @__PURE__ */ t.jsx("h3", { className: Y.title, children: l }),
+  return /* @__PURE__ */ t.jsxs("div", { className: H.productsBlock, children: [
+    (o || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: H.top, children: [
+      o && /* @__PURE__ */ t.jsx("h3", { className: H.title, children: o }),
       i !== void 0 && /* @__PURE__ */ t.jsx(
         ot,
         {
           current: i,
-          onChange: (p) => a == null ? void 0 : a(p)
+          onChange: (m) => a == null ? void 0 : a(m)
         }
       )
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: Y.products, children: [
-      r && /* @__PURE__ */ t.jsx("h5", { className: Y.subtitle, children: r }),
-      m ? /* @__PURE__ */ t.jsx(
-        ht,
+    /* @__PURE__ */ t.jsxs("div", { className: H.products, children: [
+      u && /* @__PURE__ */ t.jsx("h5", { className: H.subtitle, children: u }),
+      _ ? /* @__PURE__ */ t.jsx(
+        pt,
         {
-          sensors: z,
-          onDragEnd: b,
+          sensors: x,
+          onDragEnd: Q,
           children: /* @__PURE__ */ t.jsx(
-            mt,
+            ht,
             {
-              items: s.map((p) => p.id),
-              strategy: _t,
-              children: s.map((p, C) => L(p, C))
+              items: s.map((m) => m.id),
+              strategy: mt,
+              children: s.map((m, j) => U(m, j))
             }
           )
         }
-      ) : s.map((p, C) => L(p, C)),
-      S && /* @__PURE__ */ t.jsx(
+      ) : s.map((m, j) => U(m, j)),
+      k && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -649,34 +649,34 @@ const Li = (c) => {
             ct,
             {
               withoutHover: !0,
-              className: V(Y.button, {
-                [Y.disabled]: !!(o && o <= s.length || s.length === (n == null ? void 0 : n.length))
+              className: F(H.button, {
+                [H.disabled]: !!(r && r <= s.length || s.length === (n == null ? void 0 : n.length))
               }),
               size: "s",
-              disabled: !!(o && o <= s.length || s.length === (n == null ? void 0 : n.length)),
+              disabled: !!(r && r <= s.length || s.length === (n == null ? void 0 : n.length)),
               onClick: () => {
-                const p = [...s];
-                let C = null;
+                const m = [...s];
+                let j = null;
                 if (n) {
-                  for (let $ = 0; $ < n.length; $++)
-                    if (!s.find((y) => y.id === n[$].id)) {
-                      C = n[$];
+                  for (let S = 0; S < n.length; S++)
+                    if (!s.find((P) => P.id === n[S].id)) {
+                      j = n[S];
                       break;
                     }
                 }
-                v === "select" && n && p.push({
-                  name: C ? C.name : n[0].name,
-                  id: (C == null ? void 0 : C.id) || n[0].id,
-                  ...u
-                }), e(p);
+                y === "select" && n && m.push({
+                  name: j ? j.name : n[0].name,
+                  id: (j == null ? void 0 : j.id) || n[0].id,
+                  ...d
+                }), e(m);
               },
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ t.jsxs("div", { className: Y.addButton, children: [
+              children: /* @__PURE__ */ t.jsxs("div", { className: H.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
-                  j,
+                  b,
                   {
                     name: "Plus",
                     width: 16,
@@ -692,18 +692,18 @@ const Li = (c) => {
   ] });
 };
 function Je(c) {
-  const { product: i, children: a } = c, { attributes: s, listeners: e, setNodeRef: l, transform: r, transition: h, isDragging: m } = gt({
+  const { product: i, children: a } = c, { attributes: s, listeners: e, setNodeRef: o, transform: u, transition: p, isDragging: _ } = _t({
     id: i.id
-  }), _ = {
-    transform: ft.Transform.toString(r),
-    transition: h
+  }), h = {
+    transform: gt.Transform.toString(u),
+    transition: p
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      ref: l,
-      style: _,
-      className: `${H.product} ${m ? H.dragging : ""}`,
+      ref: o,
+      style: h,
+      className: `${V.product} ${_ ? V.dragging : ""}`,
       ...s,
       ...e,
       children: a
@@ -716,74 +716,74 @@ const Fi = (c) => {
     setIsActiveItems: a,
     items: s,
     setItems: e,
-    other: l,
-    title: r,
-    subtitle: h,
-    editable: m = !0,
-    draggable: _ = !1,
-    deletable: S = !0,
-    addable: v = !0,
+    other: o,
+    title: u,
+    subtitle: p,
+    editable: _ = !0,
+    draggable: h = !1,
+    deletable: k = !0,
+    addable: y = !0,
     itemsType: n,
-    itemsPlaceholder: u = "",
-    itemsOptions: o,
-    hasRangeSelector: T = !1,
-    rangeSelectorOptions: f,
-    modalOptions: I,
-    addableOptions: k = {},
-    limit: O
-  } = c, [z, R] = g.useState(null), [b, L] = g.useState({
+    itemsPlaceholder: d = "",
+    itemsOptions: r,
+    hasRangeSelector: B = !1,
+    rangeSelectorOptions: g,
+    modalOptions: T,
+    addableOptions: I = {},
+    limit: M
+  } = c, [x, R] = f.useState(null), [Q, U] = f.useState({
     top: 0,
     left: 0
-  }), [p, C] = g.useState(null), $ = g.useRef(null), [y, w] = g.useState(!1), M = dt(
-    ut(pt, {
+  }), [m, j] = f.useState(null), S = f.useRef(null), [P, $] = f.useState(!1), A = lt(
+    dt(ut, {
       activationConstraint: {
         distance: 5
       }
     })
   );
-  g.useEffect(() => {
-    const d = () => {
-      R(null), w(!1);
+  f.useEffect(() => {
+    const l = () => {
+      R(null), $(!1);
     };
-    return document.body.addEventListener("click", d), R(null), w(!1), () => {
-      R(null), w(!1), document.body.removeEventListener("click", d);
+    return document.body.addEventListener("click", l), R(null), $(!1), () => {
+      R(null), $(!1), document.body.removeEventListener("click", l);
     };
-  }, []), g.useEffect(() => {
-    if (z) {
-      const d = [...s].map((B) => B.id === z.id ? z : B);
-      e(d);
+  }, []), f.useEffect(() => {
+    if (x) {
+      const l = [...s].map((w) => w.id === x.id ? x : w);
+      e(l);
     }
-  }, [z]), g.useEffect(() => {
-    if ($.current && p) {
-      const d = $.current.getBoundingClientRect().height, B = window.innerHeight;
-      let N = p.top;
-      N + d > B + window.scrollY - 200 && (N = B + window.scrollY - d - 200), N < 0 && (N = 10), L({
+  }, [x]), f.useEffect(() => {
+    if (S.current && m) {
+      const l = S.current.getBoundingClientRect().height, w = window.innerHeight;
+      let N = m.top;
+      N + l > w + window.scrollY - 200 && (N = w + window.scrollY - l - 200), N < 0 && (N = 10), U({
         top: N,
-        left: p.left
+        left: m.left
       });
     }
-  }, [$.current, p]);
-  const x = (d, B) => {
-    d.stopPropagation();
-    const N = d.target.getBoundingClientRect();
-    C({
+  }, [S.current, m]);
+  const v = (l, w) => {
+    l.stopPropagation();
+    const N = l.target.getBoundingClientRect();
+    j({
       top: N.top + window.scrollY,
       left: N.left - 30
-    }), R(B), w(!0);
-  }, A = (d) => {
-    const { active: B, over: N } = d;
-    if (N && B.id !== N.id) {
-      const E = s.findIndex((D) => D.id === B.id), K = s.findIndex((D) => D.id === N.id);
+    }), R(w), $(!0);
+  }, O = (l) => {
+    const { active: w, over: N } = l;
+    if (N && w.id !== N.id) {
+      const E = s.findIndex((D) => D.id === w.id), K = s.findIndex((D) => D.id === N.id);
       if (E !== -1 && K !== -1) {
         const D = [...s], [J] = D.splice(E, 1);
         D.splice(K, 0, J), e(D);
       }
     }
-  }, U = (d) => {
+  }, L = (l) => {
     var N;
-    const B = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        j,
+    const w = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      h && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+        b,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -791,25 +791,25 @@ const Fi = (c) => {
           height: 20
         }
       ) }),
-      n === "select" && o && /* @__PURE__ */ t.jsx(
+      n === "select" && r && /* @__PURE__ */ t.jsx(
         st,
         {
           onChange: (E) => {
-            const D = [...s].map((J) => J.id === d.id ? {
-              ...d,
+            const D = [...s].map((J) => J.id === l.id ? {
+              ...l,
               name: {
                 "en-US": E
               }
             } : J);
             R({
-              ...d,
+              ...l,
               name: {
                 "en-US": E
               }
             }), e([...D]);
           },
-          value: d.name["en-US"],
-          options: o.filter(
+          value: l.name["en-US"],
+          options: r.filter(
             (E) => !s.find((K) => K.name["en-US"] === E)
           )
         }
@@ -818,112 +818,112 @@ const Fi = (c) => {
         bt,
         {
           onChange: (E) => {
-            const D = [...s].map((J) => J.id === d.id ? {
-              ...d,
+            const D = [...s].map((J) => J.id === l.id ? {
+              ...l,
               name: {
                 "en-US": E
               }
             } : J);
             e([...D]);
           },
-          value: d.name["en-US"],
-          placeholder: u
+          value: l.name["en-US"],
+          placeholder: d
         }
       ),
       n === "image" && /* @__PURE__ */ t.jsx(
         Tt,
         {
           onChange: (E) => {
-            const D = [...s].map((J) => J.id === d.id ? {
-              ...d,
+            const D = [...s].map((J) => J.id === l.id ? {
+              ...l,
               images: E
             } : J);
             e([...D]);
           },
-          activeImage: (N = s.find((E) => E.id === d.id)) == null ? void 0 : N.images[0]
+          activeImage: (N = s.find((E) => E.id === l.id)) == null ? void 0 : N.images[0]
         }
       ),
-      /* @__PURE__ */ t.jsxs("div", { className: H.buttons, children: [
-        m && /* @__PURE__ */ t.jsx("div", { className: H.deleteButton, children: /* @__PURE__ */ t.jsx(
-          j,
+      /* @__PURE__ */ t.jsxs("div", { className: V.buttons, children: [
+        _ && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
+          b,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (E) => x(E, d)
+            onClick: (E) => v(E, l)
           }
         ) }),
-        S && /* @__PURE__ */ t.jsx("div", { className: H.deleteButton, children: /* @__PURE__ */ t.jsx(
-          j,
+        k && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
+          b,
           {
             name: "Trash",
             hoverable: !0,
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => e(s.filter((E) => E.id !== d.id))
+            onClick: () => e(s.filter((E) => E.id !== l.id))
           }
         ) })
       ] })
     ] });
-    return _ ? /* @__PURE__ */ t.jsx(
+    return h ? /* @__PURE__ */ t.jsx(
       Je,
       {
-        product: d,
-        children: B
+        product: l,
+        children: w
       },
-      d.id
+      l.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: H.product,
-        children: B
+        className: V.product,
+        children: w
       },
-      d.id
+      l.id
     );
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: H.productsBlock, children: [
-    (r || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: H.top, children: [
-      r && /* @__PURE__ */ t.jsx("h3", { className: H.title, children: r }),
+  return /* @__PURE__ */ t.jsxs("div", { className: V.productsBlock, children: [
+    (u || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: V.top, children: [
+      u && /* @__PURE__ */ t.jsx("h3", { className: V.title, children: u }),
       i !== void 0 && /* @__PURE__ */ t.jsx(
         ot,
         {
           current: i,
-          onChange: (d) => a == null ? void 0 : a(d)
+          onChange: (l) => a == null ? void 0 : a(l)
         }
       )
     ] }),
-    z && m && I && y && /* @__PURE__ */ t.jsx(
+    x && _ && T && P && /* @__PURE__ */ t.jsx(
       Bt,
       {
-        ref: $,
-        activeItem: z,
+        ref: S,
+        activeItem: x,
         setActiveItem: R,
-        popupPosition: b,
-        modalOptions: I,
-        setIsOpenModal: w
+        popupPosition: Q,
+        modalOptions: T,
+        setIsOpenModal: $
       }
     ),
-    T && f && /* @__PURE__ */ t.jsx(kt, { ...f }),
-    /* @__PURE__ */ t.jsxs("div", { className: H.products, children: [
-      h && /* @__PURE__ */ t.jsx("h5", { className: H.subtitle, children: h }),
-      _ ? /* @__PURE__ */ t.jsx(
-        ht,
+    B && g && /* @__PURE__ */ t.jsx(kt, { ...g }),
+    /* @__PURE__ */ t.jsxs("div", { className: V.products, children: [
+      p && /* @__PURE__ */ t.jsx("h5", { className: V.subtitle, children: p }),
+      h ? /* @__PURE__ */ t.jsx(
+        pt,
         {
-          sensors: M,
-          onDragEnd: A,
+          sensors: A,
+          onDragEnd: O,
           children: /* @__PURE__ */ t.jsx(
-            mt,
+            ht,
             {
-              items: s.map((d) => d.id),
-              strategy: _t,
-              children: s.map((d) => U(d))
+              items: s.map((l) => l.id),
+              strategy: mt,
+              children: s.map((l) => L(l))
             }
           )
         }
-      ) : s.map((d) => U(d)),
-      v && /* @__PURE__ */ t.jsx(
+      ) : s.map((l) => L(l)),
+      y && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -935,52 +935,52 @@ const Fi = (c) => {
             ct,
             {
               withoutHover: !0,
-              className: V(H.button, {
-                [H.disabled]: !!(O && O <= s.length)
+              className: F(V.button, {
+                [V.disabled]: !!(M && M <= s.length)
               }),
               size: "s",
-              disabled: !!(O && O <= s.length),
+              disabled: !!(M && M <= s.length),
               onClick: () => {
-                const d = [...s];
-                let B = null;
-                if (o) {
-                  for (let N = 0; N < o.length; N++)
-                    if (!s.find((E) => E.name["en-US"] === o[N])) {
-                      B = o[N];
+                const l = [...s];
+                let w = null;
+                if (r) {
+                  for (let N = 0; N < r.length; N++)
+                    if (!s.find((E) => E.name["en-US"] === r[N])) {
+                      w = r[N];
                       break;
                     }
                 }
-                n === "select" && o ? d.push({
+                n === "select" && r ? l.push({
                   name: {
-                    "en-US": B || o[0]
+                    "en-US": w || r[0]
                   },
                   id: et(),
-                  ...k,
+                  ...I,
                   maxSymbols: 100
                   // пример значения
-                }) : n === "input" ? d.push({
+                }) : n === "input" ? l.push({
                   name: {
                     "en-US": ""
                   },
                   id: et(),
-                  ...k,
+                  ...I,
                   maxSymbols: 100
-                }) : d.push({
+                }) : l.push({
                   name: {
                     "en-US": `Image ${s.length + 1}`
                   },
                   id: et(),
-                  ...k,
+                  ...I,
                   maxSymbols: 100
-                }), e(d);
+                }), e(l);
               },
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ t.jsxs("div", { className: H.addButton, children: [
+              children: /* @__PURE__ */ t.jsxs("div", { className: V.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
-                  j,
+                  b,
                   {
                     name: "Plus",
                     width: 16,
@@ -993,11 +993,11 @@ const Fi = (c) => {
         }
       )
     ] }),
-    l !== void 0 && /* @__PURE__ */ t.jsx(
-      lt,
+    o !== void 0 && /* @__PURE__ */ t.jsx(
+      rt,
       {
         otherTitle: "Other",
-        items: l
+        items: o
       }
     )
   ] });
@@ -1025,43 +1025,43 @@ const Fi = (c) => {
   addButton: xs,
   deleteButton: js
 }, vs = (c) => {
-  const { buttons: i, setButtons: a, deletable: s = !0, addable: e = !0, editableLink: l = !0 } = c, { pages: r } = it(), [h, m] = g.useState(null), [_, S] = g.useState({
+  const { buttons: i, setButtons: a, deletable: s = !0, addable: e = !0, editableLink: o = !0 } = c, { pages: u } = ft(), [p, _] = f.useState(null), [h, k] = f.useState({
     top: 0,
     left: 0
-  }), [v, n] = g.useState(null), u = g.useRef(null);
-  g.useEffect(() => {
-    if (h) {
-      const f = [...i].map((I) => I.id === h.id ? h : I);
-      a(f);
+  }), [y, n] = f.useState(null), d = f.useRef(null);
+  f.useEffect(() => {
+    if (p) {
+      const g = [...i].map((T) => T.id === p.id ? p : T);
+      a(g);
     }
-  }, [h]), g.useEffect(() => {
-    if (u.current && v) {
-      const f = u.current.getBoundingClientRect().height, I = window.innerHeight;
-      let k = v.top;
-      k + f > I + window.scrollY - 200 && (k = I + window.scrollY - f - 200), k < 0 && (k = 10), S({
-        top: k,
-        left: v.left
+  }, [p]), f.useEffect(() => {
+    if (d.current && y) {
+      const g = d.current.getBoundingClientRect().height, T = window.innerHeight;
+      let I = y.top;
+      I + g > T + window.scrollY - 200 && (I = T + window.scrollY - g - 200), I < 0 && (I = 10), k({
+        top: I,
+        left: y.left
       });
     }
-  }, [u.current, v]);
-  const o = (f, I) => {
-    f.stopPropagation();
-    const k = f.target.getBoundingClientRect();
+  }, [d.current, y]);
+  const r = (g, T) => {
+    g.stopPropagation();
+    const I = g.target.getBoundingClientRect();
     n({
-      top: k.top + window.scrollY - 70,
-      left: k.left - (e ? 30 : 65)
-    }), m(I);
-  }, T = (f, I) => {
-    const k = [...i], O = {
-      ...f,
+      top: I.top + window.scrollY - 70,
+      left: I.left - (e ? 30 : 65)
+    }), _(T);
+  }, B = (g, T) => {
+    const I = [...i], M = {
+      ...g,
       id: Math.random().toString(36).substr(2, 9)
       // Генерируем новый уникальный ID
     };
-    k.splice(I + 1, 0, O), a(k);
+    I.splice(T + 1, 0, M), a(I);
   };
   return /* @__PURE__ */ t.jsxs("div", { className: Z.products, children: [
     /* @__PURE__ */ t.jsx("h5", { className: Z.subtitle, children: "Button Type" }),
-    i.map((f, I) => /* @__PURE__ */ t.jsxs(
+    i.map((g, T) => /* @__PURE__ */ t.jsxs(
       "div",
       {
         className: Z.product,
@@ -1069,50 +1069,50 @@ const Fi = (c) => {
           /* @__PURE__ */ t.jsx(
             st,
             {
-              onChange: (k) => {
-                const z = [...i].map((R) => R.id === f.id ? {
-                  ...f,
-                  type: k
+              onChange: (I) => {
+                const x = [...i].map((R) => R.id === g.id ? {
+                  ...g,
+                  type: I
                 } : R);
-                a(z);
+                a(x);
               },
-              value: f.type,
+              value: g.type,
               options: ["Primary", "Secondary", "Tertiary"]
             }
           ),
           /* @__PURE__ */ t.jsxs("div", { className: Z.buttons, children: [
             /* @__PURE__ */ t.jsx("div", { className: Z.deleteButton, children: /* @__PURE__ */ t.jsx(
-              j,
+              b,
               {
                 name: "Copy",
                 hoverable: !0,
                 width: 20,
                 height: 20,
                 onClick: () => {
-                  T(f, I);
+                  B(g, T);
                 }
               }
             ) }),
             /* @__PURE__ */ t.jsx("div", { className: Z.deleteButton, children: /* @__PURE__ */ t.jsx(
-              j,
+              b,
               {
                 name: "Sliders",
                 hoverable: !0,
                 width: 20,
                 height: 20,
-                onClick: (k) => {
-                  o(k, f);
+                onClick: (I) => {
+                  r(I, g);
                 }
               }
             ) }),
             s && /* @__PURE__ */ t.jsx("div", { className: Z.deleteButton, children: /* @__PURE__ */ t.jsx(
-              j,
+              b,
               {
                 name: "Trash",
                 hoverable: !0,
                 onClick: () => {
-                  const k = i.filter((O) => O.id !== f.id);
-                  a(k);
+                  const I = i.filter((M) => M.id !== g.id);
+                  a(I);
                 },
                 width: 20,
                 height: 20,
@@ -1122,16 +1122,16 @@ const Fi = (c) => {
           ] })
         ]
       },
-      f.id
+      g.id
     )),
-    h && /* @__PURE__ */ t.jsx(
+    p && /* @__PURE__ */ t.jsx(
       Mt,
       {
-        ref: u,
-        activeButton: h,
-        setActiveButton: m,
-        popupPosition: _,
-        editableLink: l
+        ref: d,
+        activeButton: p,
+        setActiveButton: _,
+        popupPosition: h,
+        editableLink: o
       }
     ),
     e && /* @__PURE__ */ t.jsx(
@@ -1149,8 +1149,8 @@ const Fi = (c) => {
             className: Z.button,
             size: "s",
             onClick: () => {
-              const f = [...i];
-              l ? f.push({
+              const g = [...i];
+              o ? g.push({
                 type: "Primary",
                 id: et(),
                 typesText: [],
@@ -1158,9 +1158,9 @@ const Fi = (c) => {
                   "en-US": "Button Name"
                 },
                 destination: "Go to Page",
-                page: r ? Object.values(r)[0].path : "/",
+                page: u ? Object.values(u)[0].path : "/",
                 openInNewTab: !1
-              }) : f.push({
+              }) : g.push({
                 type: "Primary",
                 id: et(),
                 typesText: [],
@@ -1168,9 +1168,9 @@ const Fi = (c) => {
                   "en-US": "Create Ticket"
                 },
                 destination: "Go to Page",
-                page: r ? Object.values(r)[0].path : "/",
+                page: u ? Object.values(u)[0].path : "/",
                 openInNewTab: !1
-              }), a(f);
+              }), a(g);
             },
             style: {
               width: "fit-content"
@@ -1178,7 +1178,7 @@ const Fi = (c) => {
             children: /* @__PURE__ */ t.jsxs("div", { className: Z.addButton, children: [
               /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
               /* @__PURE__ */ t.jsx(
-                j,
+                b,
                 {
                   name: "Plus",
                   width: 16,
@@ -1197,9 +1197,9 @@ const Fi = (c) => {
     setIsActiveButtons: a,
     buttons: s,
     setButtons: e,
-    editableLink: l = !0,
-    addable: r = !0,
-    deletable: h = !0
+    editableLink: o = !0,
+    addable: u = !0,
+    deletable: p = !0
   } = c;
   return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsxs("div", { className: jt.buttonsBlock, children: [
     /* @__PURE__ */ t.jsxs("div", { className: jt.top, children: [
@@ -1208,7 +1208,7 @@ const Fi = (c) => {
         ot,
         {
           current: i,
-          onChange: (m) => a(m)
+          onChange: (_) => a(_)
         }
       )
     ] }),
@@ -1217,26 +1217,26 @@ const Fi = (c) => {
       {
         buttons: s,
         setButtons: e,
-        editableLink: l,
-        addable: r,
-        deletable: h
+        editableLink: o,
+        addable: u,
+        deletable: p
       }
     )
   ] }) });
 };
 function bs(c) {
-  const { product: i, children: a } = c, { attributes: s, listeners: e, setNodeRef: l, transform: r, transition: h, isDragging: m } = gt({
+  const { product: i, children: a } = c, { attributes: s, listeners: e, setNodeRef: o, transform: u, transition: p, isDragging: _ } = _t({
     id: String(i.listingId)
-  }), _ = {
-    transform: ft.Transform.toString(r),
-    transition: h
+  }), h = {
+    transform: gt.Transform.toString(u),
+    transition: p
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      ref: l,
-      style: _,
-      className: `${X.product} ${m ? X.dragging : ""}`,
+      ref: o,
+      style: h,
+      className: `${G.product} ${_ ? G.dragging : ""}`,
       ...s,
       ...e,
       children: a
@@ -1249,65 +1249,65 @@ const Vi = (c) => {
     setIsActiveItems: a,
     items: s,
     setItems: e,
-    other: l,
-    title: r,
-    subtitle: h,
-    editable: m = !0,
-    draggable: _ = !1,
-    withImage: S = !1,
-    deletable: v = !0,
+    other: o,
+    title: u,
+    subtitle: p,
+    editable: _ = !0,
+    draggable: h = !1,
+    withImage: k = !1,
+    deletable: y = !0,
     addable: n = !0,
-    itemsType: u,
-    itemsOptions: o,
-    limit: T,
-    aspectRatio: f,
-    setAspectRatio: I
-  } = c, [k, O] = g.useState(
+    itemsType: d,
+    itemsOptions: r,
+    limit: B,
+    aspectRatio: g,
+    setAspectRatio: T
+  } = c, [I, M] = f.useState(
     null
-  ), [z, R] = g.useState({
+  ), [x, R] = f.useState({
     top: 0,
     left: 0
-  }), [b, L] = g.useState(!1), p = dt(
-    ut(pt, {
+  }), [Q, U] = f.useState(!1), m = lt(
+    dt(ut, {
       activationConstraint: {
         distance: 5
       }
     })
   );
-  g.useEffect(() => {
-    const x = () => {
-      O(null), L(!1);
+  f.useEffect(() => {
+    const v = () => {
+      M(null), U(!1);
     };
-    return document.body.addEventListener("click", x), O(null), L(!1), () => {
-      O(null), L(!1), document.body.removeEventListener("click", x);
+    return document.body.addEventListener("click", v), M(null), U(!1), () => {
+      M(null), U(!1), document.body.removeEventListener("click", v);
     };
-  }, []), g.useEffect(() => {
-    if (k) {
-      const x = [...s].map((A) => A.listingId === k.listingId ? k : A);
-      e(x);
+  }, []), f.useEffect(() => {
+    if (I) {
+      const v = [...s].map((O) => O.listingId === I.listingId ? I : O);
+      e(v);
     }
-  }, [k]);
-  const C = (x, A) => {
-    x.stopPropagation();
-    const U = x.target.getBoundingClientRect(), d = 100, B = window.innerHeight;
-    let N = U.top + window.scrollY;
-    N + d > B && (N = B - d - 20), L(!0), R({
+  }, [I]);
+  const j = (v, O) => {
+    v.stopPropagation();
+    const L = v.target.getBoundingClientRect(), l = 100, w = window.innerHeight;
+    let N = L.top + window.scrollY;
+    N + l > w && (N = w - l - 20), U(!0), R({
       top: N - 80,
-      left: U.left - 30
-    }), O(A);
+      left: L.left - 30
+    }), M(O);
   };
-  function $(x) {
-    if (S)
-      return x ? /* @__PURE__ */ t.jsx(
+  function S(v) {
+    if (k)
+      return v ? /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: `https://imagedelivery.net/${x}/w=1000`,
+          src: `https://imagedelivery.net/${v}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
         }
       ) : /* @__PURE__ */ t.jsx(
-        j,
+        b,
         {
           name: "Image",
           width: 16,
@@ -1316,21 +1316,21 @@ const Vi = (c) => {
         }
       );
   }
-  const y = (x) => {
-    const { active: A, over: U } = x;
-    if (U && A.id !== U.id) {
-      const d = s.findIndex((N) => String(N.listingId) === A.id), B = s.findIndex((N) => String(N.listingId) === U.id);
-      if (d !== -1 && B !== -1) {
-        const N = [...s], [E] = N.splice(d, 1);
-        N.splice(B, 0, E), e(N);
+  const P = (v) => {
+    const { active: O, over: L } = v;
+    if (L && O.id !== L.id) {
+      const l = s.findIndex((N) => String(N.listingId) === O.id), w = s.findIndex((N) => String(N.listingId) === L.id);
+      if (l !== -1 && w !== -1) {
+        const N = [...s], [E] = N.splice(l, 1);
+        N.splice(w, 0, E), e(N);
       }
     }
-  }, w = (x) => {
-    const A = o.find((d) => x.listingId === d.id);
-    if (!A) return null;
-    const U = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        j,
+  }, $ = (v) => {
+    const O = r.find((l) => v.listingId === l.id);
+    if (!O) return null;
+    const L = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      h && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+        b,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -1338,110 +1338,110 @@ const Vi = (c) => {
           height: 20
         }
       ) }),
-      u === "select" && /* @__PURE__ */ t.jsx(
+      d === "select" && /* @__PURE__ */ t.jsx(
         st,
         {
-          onChange: (d) => {
-            const B = [...s], N = o.find((D) => D.productData.name === d);
+          onChange: (l) => {
+            const w = [...s], N = r.find((D) => D.productData.name === l);
             if (!N) return;
             const E = {
               listingId: N.id,
               image: N.productData.images.length > 0 ? N.productData.images[0].cfId : ""
-            }, K = B.map((D) => D.listingId === x.listingId ? E : D);
-            O(E), e([...K]);
+            }, K = w.map((D) => D.listingId === v.listingId ? E : D);
+            M(E), e([...K]);
           },
-          value: A.productData.name,
+          value: O.productData.name,
           options: [
-            ...o.filter((d) => !s.find((B) => B.listingId === d.id)).map((d) => d.productData.name)
+            ...r.filter((l) => !s.find((w) => w.listingId === l.id)).map((l) => l.productData.name)
           ],
-          leftAddonOptions: o.map((d) => {
-            var B;
+          leftAddonOptions: r.map((l) => {
+            var w;
             return {
-              value: d.productData.name,
-              addon: $(((B = d.productData.images[0]) == null ? void 0 : B.cfId) || "")
+              value: l.productData.name,
+              addon: S(((w = l.productData.images[0]) == null ? void 0 : w.cfId) || "")
             };
           })
         }
       ),
-      /* @__PURE__ */ t.jsxs("div", { className: X.buttons, children: [
-        m && /* @__PURE__ */ t.jsx("div", { className: X.deleteButton, children: /* @__PURE__ */ t.jsx(
-          j,
+      /* @__PURE__ */ t.jsxs("div", { className: G.buttons, children: [
+        _ && /* @__PURE__ */ t.jsx("div", { className: G.deleteButton, children: /* @__PURE__ */ t.jsx(
+          b,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (d) => C(d, x)
+            onClick: (l) => j(l, v)
           }
         ) }),
-        v && /* @__PURE__ */ t.jsx("div", { className: X.deleteButton, children: /* @__PURE__ */ t.jsx(
-          j,
+        y && /* @__PURE__ */ t.jsx("div", { className: G.deleteButton, children: /* @__PURE__ */ t.jsx(
+          b,
           {
             name: "Trash",
             hoverable: !0,
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => e(s.filter((d) => d !== x))
+            onClick: () => e(s.filter((l) => l !== v))
           }
         ) })
       ] })
     ] });
-    return _ ? /* @__PURE__ */ t.jsx(
+    return h ? /* @__PURE__ */ t.jsx(
       bs,
       {
-        product: x,
-        children: U
+        product: v,
+        children: L
       },
-      x.listingId
+      v.listingId
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: X.product,
-        children: U
+        className: G.product,
+        children: L
       },
-      x.listingId
+      v.listingId
     );
-  }, M = g.useRef(null);
-  return /* @__PURE__ */ t.jsxs("div", { className: X.productsBlock, children: [
-    (r || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: X.top, children: [
-      r && /* @__PURE__ */ t.jsx("h3", { className: X.title, children: r }),
+  }, A = f.useRef(null);
+  return /* @__PURE__ */ t.jsxs("div", { className: G.productsBlock, children: [
+    (u || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: G.top, children: [
+      u && /* @__PURE__ */ t.jsx("h3", { className: G.title, children: u }),
       i !== void 0 && /* @__PURE__ */ t.jsx(
         ot,
         {
           current: i,
-          onChange: (x) => a == null ? void 0 : a(x)
+          onChange: (v) => a == null ? void 0 : a(v)
         }
       )
     ] }),
-    b && k && /* @__PURE__ */ t.jsx(
+    Q && I && /* @__PURE__ */ t.jsx(
       At,
       {
-        ref: M,
-        activeItem: k,
-        setActiveItem: O,
-        setIsOpenModal: L,
-        popupPosition: z,
-        itemsOptions: o
+        ref: A,
+        activeItem: I,
+        setActiveItem: M,
+        setIsOpenModal: U,
+        popupPosition: x,
+        itemsOptions: r
       }
     ),
-    i && /* @__PURE__ */ t.jsxs("div", { className: X.products, children: [
-      h && /* @__PURE__ */ t.jsx("h5", { className: X.subtitle, children: h }),
-      _ ? /* @__PURE__ */ t.jsx(
-        ht,
+    i && /* @__PURE__ */ t.jsxs("div", { className: G.products, children: [
+      p && /* @__PURE__ */ t.jsx("h5", { className: G.subtitle, children: p }),
+      h ? /* @__PURE__ */ t.jsx(
+        pt,
         {
-          sensors: p,
-          onDragEnd: y,
+          sensors: m,
+          onDragEnd: P,
           children: /* @__PURE__ */ t.jsx(
-            mt,
+            ht,
             {
-              items: s.map((x) => String(x.listingId)),
-              strategy: _t,
-              children: s.map((x) => w(x))
+              items: s.map((v) => String(v.listingId)),
+              strategy: mt,
+              children: s.map((v) => $(v))
             }
           )
         }
-      ) : s.map((x) => w(x)),
+      ) : s.map((v) => $(v)),
       n && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -1454,28 +1454,28 @@ const Vi = (c) => {
             ct,
             {
               withoutHover: !0,
-              className: X.button,
+              className: G.button,
               size: "s",
               onClick: () => {
-                const x = [...s];
-                for (let A = 0; A < o.length; A++)
-                  if (!s.find((U) => U.listingId === o[A].id)) {
-                    x.push({
-                      listingId: o[A].id,
-                      image: o[A].productData.images.length > 0 ? o[A].productData.images[0].cfId : ""
+                const v = [...s];
+                for (let O = 0; O < r.length; O++)
+                  if (!s.find((L) => L.listingId === r[O].id)) {
+                    v.push({
+                      listingId: r[O].id,
+                      image: r[O].productData.images.length > 0 ? r[O].productData.images[0].cfId : ""
                     });
                     break;
                   }
-                e(x);
+                e(v);
               },
-              disabled: s.length === (T || o.length),
+              disabled: s.length === (B || r.length),
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ t.jsxs("div", { className: X.addButton, children: [
+              children: /* @__PURE__ */ t.jsxs("div", { className: G.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
-                  j,
+                  b,
                   {
                     name: "Plus",
                     width: 16,
@@ -1488,24 +1488,24 @@ const Vi = (c) => {
         }
       )
     ] }),
-    f && I && /* @__PURE__ */ t.jsx(
+    g && T && /* @__PURE__ */ t.jsx(
       st,
       {
-        value: f,
+        value: g,
         options: Object.keys(Ct),
-        onChange: (x) => I(x),
+        onChange: (v) => T(v),
         leftAddonOptions: St
       }
     ),
-    i && l !== void 0 && /* @__PURE__ */ t.jsx(
-      lt,
+    i && o !== void 0 && /* @__PURE__ */ t.jsx(
+      rt,
       {
         otherTitle: "Other",
-        items: l
+        items: o
       }
     )
   ] });
-}, ys = "_options_1aiq8_1", Ns = "_price_1aiq8_18", Is = "_oldPrice_1aiq8_25", ks = "_newPrice_1aiq8_33", Cs = "_animate_1aiq8_40", Ss = "_appearAndBounce_1aiq8_1", $s = "_meta_1aiq8_58", qs = "_info_1aiq8_64", ws = "_infoRight_1aiq8_72", Ps = "_buttons_1aiq8_79", Bs = "_variants_1aiq8_86", Ts = "_variant_1aiq8_86", Ms = "_stock_1aiq8_104", As = "_variantInfo_1aiq8_111", Os = "_quantity_1aiq8_117", Es = "_count_1aiq8_124", Rs = "_focused_1aiq8_141", Ds = "_button_1aiq8_79", zs = "_activeVariant_1aiq8_167", Ls = "_chargeTypes_1aiq8_171", Fs = "_charge_1aiq8_171", Us = "_chargeActive_1aiq8_196", Vs = "_title_1aiq8_204", P = {
+}, ys = "_options_1aiq8_1", Ns = "_price_1aiq8_18", Is = "_oldPrice_1aiq8_25", ks = "_newPrice_1aiq8_33", Cs = "_animate_1aiq8_40", Ss = "_appearAndBounce_1aiq8_1", $s = "_meta_1aiq8_58", qs = "_info_1aiq8_64", ws = "_infoRight_1aiq8_72", Ps = "_buttons_1aiq8_79", Bs = "_variants_1aiq8_86", Ts = "_variant_1aiq8_86", Ms = "_stock_1aiq8_104", As = "_variantInfo_1aiq8_111", Os = "_quantity_1aiq8_117", Es = "_count_1aiq8_124", Rs = "_focused_1aiq8_141", Ds = "_button_1aiq8_79", zs = "_activeVariant_1aiq8_167", Ls = "_chargeTypes_1aiq8_171", Fs = "_charge_1aiq8_171", Us = "_chargeActive_1aiq8_196", Vs = "_title_1aiq8_204", q = {
   options: ys,
   price: Ns,
   oldPrice: Is,
@@ -1532,125 +1532,125 @@ const Vi = (c) => {
 };
 var It = /* @__PURE__ */ ((c) => (c.ONE_TIME = "One-Time", c.RECURRING = "Subscribe & Save", c))(It || {});
 const Hs = (c) => {
-  var z, R;
-  const { product: i, setIsOpen: a } = c, { variants: s } = i, [e, l] = g.useState(s[0]), [r, h] = g.useState(
+  var I, M;
+  const { product: i, setIsOpen: a } = c, { variants: s } = i, [e, o] = f.useState(s[0]), [u, p] = f.useState(
     e.chargeTypes ? e.chargeTypes[0] : "ONE_TIME"
-  ), m = xt(), [_, S] = g.useState(1), { reset: v, addProductToCart: n, addProducts: u } = rt(), [o, T] = g.useState(!1), { pageContext: f } = it();
-  g.useEffect(() => {
-    T(!0);
-    const b = setTimeout(() => T(!1), 600);
-    return () => clearTimeout(b);
-  }, [_]);
-  async function I() {
-    await u((f == null ? void 0 : f.products) || []), await n({
+  ), _ = xt(), [h, k] = f.useState(1), { reset: y, addProductToCart: n } = it(), [d, r] = f.useState(!1);
+  f.useEffect(() => {
+    r(!0);
+    const x = setTimeout(() => r(!1), 600);
+    return () => clearTimeout(x);
+  }, [h]);
+  async function B() {
+    await n({
       productId: i.id,
       productVariantId: e.id,
-      quantity: _
+      quantity: h
     }), a == null || a(!1);
   }
-  function k() {
-    v(), I(), m("/checkout");
+  function g() {
+    y(), B(), _("/checkout");
   }
-  function O(b) {
-    if (b >= 864e5) {
-      const y = Math.floor(b / 864e5);
-      return `${y} ${y === 1 ? "day" : "days"}`;
-    } else if (b >= 36e5) {
-      const y = Math.floor(b / 36e5);
-      return `${y} ${y === 1 ? "hour" : "hours"}`;
-    } else if (b >= 6e4) {
-      const y = Math.floor(b / 6e4);
-      return `${y} ${y === 1 ? "minute" : "minutes"}`;
+  function T(x) {
+    if (x >= 864e5) {
+      const j = Math.floor(x / 864e5);
+      return `${j} ${j === 1 ? "day" : "days"}`;
+    } else if (x >= 36e5) {
+      const j = Math.floor(x / 36e5);
+      return `${j} ${j === 1 ? "hour" : "hours"}`;
+    } else if (x >= 6e4) {
+      const j = Math.floor(x / 6e4);
+      return `${j} ${j === 1 ? "minute" : "minutes"}`;
     } else {
-      const y = Math.floor(b / 1e3);
-      return `${y} ${y === 1 ? "second" : "seconds"}`;
+      const j = Math.floor(x / 1e3);
+      return `${j} ${j === 1 ? "second" : "seconds"}`;
     }
   }
-  return g.useEffect(() => {
-    e.quantity && e.quantity.available === 0 && S(0);
-  }, [e.quantity.available]), /* @__PURE__ */ t.jsxs("div", { className: P.options, children: [
-    e.chargeTypes && e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: P.chargeTypes, children: e.chargeTypes.map((b) => /* @__PURE__ */ t.jsx(
+  return f.useEffect(() => {
+    e.quantity && e.quantity.available === 0 ? k(0) : k(1);
+  }, [e.quantity.available]), /* @__PURE__ */ t.jsxs("div", { className: q.options, children: [
+    e.chargeTypes && e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: q.chargeTypes, children: e.chargeTypes.map((x) => /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: V(P.charge, {
-          [P.chargeActive]: r === b
+        className: F(q.charge, {
+          [q.chargeActive]: u === x
         }),
-        onClick: () => h(b),
-        children: It[b]
+        onClick: () => p(x),
+        children: It[x]
       },
-      b
+      x
     )) }),
-    /* @__PURE__ */ t.jsx("div", { className: P.variants, children: s.map((b) => {
-      var L, p;
+    /* @__PURE__ */ t.jsx("div", { className: q.variants, children: s.map((x) => {
+      var R, Q;
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: V(P.variant, {
-            [P.activeVariant]: e.id === b.id
+          className: F(q.variant, {
+            [q.activeVariant]: e.id === x.id
           }),
-          onClick: () => l(b),
+          onClick: () => o(x),
           children: [
-            /* @__PURE__ */ t.jsxs("div", { className: P.variantInfo, children: [
-              /* @__PURE__ */ t.jsx("span", { className: P.title, children: yt(b.name) }),
+            /* @__PURE__ */ t.jsxs("div", { className: q.variantInfo, children: [
+              /* @__PURE__ */ t.jsx("span", { className: q.title, children: yt(x.name) }),
               /* @__PURE__ */ t.jsxs("span", { children: [
                 "$",
-                r === "ONE_TIME" ? b.price.amount : b.subscriptionSettings ? b.subscriptionSettings.price.amount : "Price Not Found"
+                u === "ONE_TIME" ? x.price.amount : x.subscriptionSettings ? x.subscriptionSettings.price.amount : "Price Not Found"
               ] })
             ] }),
-            /* @__PURE__ */ t.jsx("div", { children: r === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: P.stock, children: [
-              (L = b.quantity.restrictions) != null && L.max || b.quantity.available !== void 0 ? ((p = b.quantity.restrictions) == null ? void 0 : p.max) || b.quantity.available : "∞",
+            /* @__PURE__ */ t.jsx("div", { children: u === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: q.stock, children: [
+              (R = x.quantity.restrictions) != null && R.max || x.quantity.available !== void 0 ? ((Q = x.quantity.restrictions) == null ? void 0 : Q.max) || x.quantity.available : "∞",
               " ",
               "in stock"
             ] }) })
           ]
         },
-        b.id
+        x.id
       );
     }) }),
-    r === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: P.quantity, children: [
+    u === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: q.quantity, children: [
       /* @__PURE__ */ t.jsx(
-        F,
+        z,
         {
           type: "Secondary",
           onClick: () => {
-            _ > 1 ? S((b) => b - 1) : S(1);
+            h > 1 ? k((x) => x - 1) : k(1);
           },
-          className: P.button,
-          disabled: e.quantity.available && e.quantity.restrictions && _ <= e.quantity.restrictions.min || e.quantity.available === 0,
-          children: /* @__PURE__ */ t.jsx(j, { name: "Minus" })
+          className: q.button,
+          disabled: e.quantity.available && e.quantity.restrictions && h <= e.quantity.restrictions.min || e.quantity.available === 0,
+          children: /* @__PURE__ */ t.jsx(b, { name: "Minus" })
         }
       ),
       /* @__PURE__ */ t.jsx(
         Ot,
         {
           type: "number",
-          value: String(_),
-          onChange: (b) => S(Number(b)),
-          max: ((z = e.quantity.restrictions) == null ? void 0 : z.max) || e.quantity.available || Number.POSITIVE_INFINITY,
-          min: ((R = e.quantity.restrictions) == null ? void 0 : R.min) || 0,
+          value: String(h),
+          onChange: (x) => k(Number(x)),
+          max: ((I = e.quantity.restrictions) == null ? void 0 : I.max) || e.quantity.available || Number.POSITIVE_INFINITY,
+          min: ((M = e.quantity.restrictions) == null ? void 0 : M.min) || 0,
           centered: !0,
-          disabled: e.quantity && e.quantity.available === 0 || Object.keys(e.quantity.restrictions || {}).length !== 0 && _ >= e.quantity.restrictions.max
+          disabled: e.quantity && e.quantity.available === 0 || Object.keys(e.quantity.restrictions || {}).length !== 0 && h >= e.quantity.restrictions.max
         }
       ),
       /* @__PURE__ */ t.jsx(
-        F,
+        z,
         {
           type: "Secondary",
           onClick: () => {
-            S((b) => b + 1);
+            k((x) => x + 1);
           },
-          className: P.button,
-          disabled: !!(e.quantity.available && e.quantity.restrictions && _ >= e.quantity.restrictions.max || e.quantity.available === 0),
-          children: /* @__PURE__ */ t.jsx(j, { name: "Plus" })
+          className: q.button,
+          disabled: !!(e.quantity.available && e.quantity.restrictions && h >= e.quantity.restrictions.max || e.quantity.available === 0),
+          children: /* @__PURE__ */ t.jsx(b, { name: "Plus" })
         }
       )
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: P.meta, children: [
-      /* @__PURE__ */ t.jsxs("div", { className: P.info, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: q.meta, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: q.info, children: [
         /* @__PURE__ */ t.jsx("span", { children: "Delivery" }),
-        /* @__PURE__ */ t.jsxs("div", { className: P.infoRight, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: q.infoRight, children: [
           /* @__PURE__ */ t.jsx(
-            j,
+            b,
             {
               name: "Lightning",
               fill: "#FF3F19",
@@ -1658,60 +1658,60 @@ const Hs = (c) => {
               height: 20
             }
           ),
-          /* @__PURE__ */ t.jsx("span", { children: !e.deliveryTime || e.deliveryTime === 0 ? "Instant" : O(e.deliveryTime) })
+          /* @__PURE__ */ t.jsx("span", { children: !e.deliveryTime || e.deliveryTime === 0 ? "Instant" : T(e.deliveryTime) })
         ] })
       ] }),
-      /* @__PURE__ */ t.jsxs("div", { className: P.info, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: q.info, children: [
         /* @__PURE__ */ t.jsx("span", { children: "Price" }),
-        /* @__PURE__ */ t.jsx("div", { className: P.infoRight, children: r === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: P.price, children: [
-          /* @__PURE__ */ t.jsxs("span", { className: V(P.newPrice, { [P.animate]: o }), children: [
+        /* @__PURE__ */ t.jsx("div", { className: q.infoRight, children: u === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: q.price, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: F(q.newPrice, { [q.animate]: d }), children: [
             "$ ",
-            (e.price.amount || 0) * _
+            (e.price.amount || 0) * h
           ] }),
-          /* @__PURE__ */ t.jsxs("span", { className: P.oldPrice, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: q.oldPrice, children: [
             "$ ",
-            (e.compareAtPrice.amount || 0) * _
+            (e.compareAtPrice.amount || 0) * h
           ] })
-        ] }) : /* @__PURE__ */ t.jsxs("span", { className: V(P.newPrice, { [P.animate]: o }), children: [
+        ] }) : /* @__PURE__ */ t.jsxs("span", { className: F(q.newPrice, { [q.animate]: d }), children: [
           "$ ",
-          (e.price.amount || 0) * _
-        ] }) : e.subscriptionSettings && e.subscriptionSettings.compareAtPrice && (e.subscriptionSettings.compareAtPrice.amount || 0) - (e.subscriptionSettings.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: P.price, children: [
-          /* @__PURE__ */ t.jsxs("span", { className: V(P.newPrice, { [P.animate]: o }), children: [
+          (e.price.amount || 0) * h
+        ] }) : e.subscriptionSettings && e.subscriptionSettings.compareAtPrice && (e.subscriptionSettings.compareAtPrice.amount || 0) - (e.subscriptionSettings.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: q.price, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: F(q.newPrice, { [q.animate]: d }), children: [
             "$ ",
             e.subscriptionSettings.price.amount || 0
           ] }),
-          /* @__PURE__ */ t.jsxs("span", { className: P.oldPrice, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: q.oldPrice, children: [
             "$ ",
             e.subscriptionSettings.compareAtPrice.amount || 0
           ] })
-        ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsxs("span", { className: V(P.newPrice, { [P.animate]: o }), children: [
+        ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsxs("span", { className: F(q.newPrice, { [q.animate]: d }), children: [
           "$ ",
           e.subscriptionSettings.price.amount || 0
         ] }) })
       ] })
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: P.buttons, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: q.buttons, children: [
       /* @__PURE__ */ t.jsx(
-        F,
+        z,
         {
           type: "Primary",
-          onClick: () => k(),
+          onClick: () => g(),
           disabled: e.quantity && e.quantity.available === 0,
-          children: r === "ONE_TIME" ? "Buy Now" : "Subscribe Now"
+          children: u === "ONE_TIME" ? "Buy Now" : "Subscribe Now"
         }
       ),
-      r === "ONE_TIME" && /* @__PURE__ */ t.jsx(
-        F,
+      u === "ONE_TIME" && /* @__PURE__ */ t.jsx(
+        z,
         {
           type: "Secondary",
-          onClick: () => I(),
+          onClick: () => B(),
           disabled: e.quantity && e.quantity.available === 0,
           children: "Add to Cart"
         }
       )
     ] })
   ] });
-}, Ys = "_button_14q75_1", Ws = "_login_14q75_14", Gs = "_signUp_14q75_18", Xs = "_buttons_14q75_23", Qs = "_modal_14q75_32", Js = "_closing_14q75_64", Ks = "_info_14q75_113", Zs = "_top_14q75_120", tn = "_title_14q75_131", en = "_clear_14q75_138", sn = "_activeClear_14q75_145", nn = "_count_14q75_149", an = "_cart_14q75_164", on = "_empty_14q75_172", cn = "_product_14q75_198", rn = "_products_14q75_207", ln = "_image_14q75_215", dn = "_productInfo_14q75_230", un = "_content_14q75_237", pn = "_name_14q75_243", hn = "_price_14q75_249", mn = "_productButtons_14q75_255", _n = "_productButton_14q75_255", gn = "_productCount_14q75_272", fn = "_bottom_14q75_289", xn = "_subtotal_14q75_297", jn = "_block_14q75_305", vn = "_shoppingCount_14q75_312", bn = "_total_14q75_332", yn = "_link_14q75_338", Nn = "_userInfo_14q75_345", In = "_pagesMobileModal_14q75_356", kn = "_pagesMobileModalContent_14q75_370", Cn = "_pagesMobileModalHeader_14q75_376", Sn = "_pagesMobileModalFooter_14q75_386", q = {
+}, Ys = "_button_14q75_1", Ws = "_login_14q75_14", Gs = "_signUp_14q75_18", Xs = "_buttons_14q75_23", Qs = "_modal_14q75_32", Js = "_closing_14q75_64", Ks = "_info_14q75_113", Zs = "_top_14q75_120", tn = "_title_14q75_131", en = "_clear_14q75_138", sn = "_activeClear_14q75_145", nn = "_count_14q75_149", an = "_cart_14q75_164", on = "_empty_14q75_172", cn = "_product_14q75_198", rn = "_products_14q75_207", ln = "_image_14q75_215", dn = "_productInfo_14q75_230", un = "_content_14q75_237", pn = "_name_14q75_243", hn = "_price_14q75_249", mn = "_productButtons_14q75_255", _n = "_productButton_14q75_255", gn = "_productCount_14q75_272", fn = "_bottom_14q75_289", xn = "_subtotal_14q75_297", jn = "_block_14q75_305", vn = "_shoppingCount_14q75_312", bn = "_total_14q75_332", yn = "_link_14q75_338", Nn = "_userInfo_14q75_345", In = "_pagesMobileModal_14q75_356", kn = "_pagesMobileModalContent_14q75_370", Cn = "_pagesMobileModalHeader_14q75_376", Sn = "_pagesMobileModalFooter_14q75_386", C = {
   button: Ys,
   login: Ws,
   signUp: Gs,
@@ -1753,46 +1753,45 @@ const Hs = (c) => {
   pagesMobileModalFooter: Sn
 }, Hi = (c) => {
   const { shopping: i, signUp: a, isShowUserInfo: s = !0 } = c;
-  return /* @__PURE__ */ t.jsxs("div", { className: q.buttons, children: [
+  return /* @__PURE__ */ t.jsxs("div", { className: C.buttons, children: [
     i && /* @__PURE__ */ t.jsx($n, {}),
     s && /* @__PURE__ */ t.jsx(Pt, { signUp: a })
   ] });
 }, $n = () => {
-  const [c, i] = g.useState(!1), [a, s] = g.useState([]), { cart: e } = rt(), { pageContext: l } = it();
-  function r(n) {
+  const [c, i] = f.useState(!1), [a, s] = f.useState([]), { cart: e, products: o } = it();
+  function u(n) {
     if (n.variants.length > 0) {
-      for (let u = 0; u < e.parts.length; u++)
-        for (let o = 0; o < n.variants.length; o++)
-          if (n.variants[o] && e.parts[u].productVariantId === n.variants[o].id)
-            return e.parts[u].productVariantId;
+      for (let d = 0; d < e.parts.length; d++)
+        for (let r = 0; r < n.variants.length; r++)
+          if (n.variants[r] && e.parts[d].productVariantId === n.variants[r].id)
+            return e.parts[d].productVariantId;
     }
     return n.variants[0].id;
   }
-  function h(n) {
-    for (let u = 0; u < e.parts.length; u++)
-      for (let o = 0; o < n.variants.length; o++)
-        if (n.variants[o] && e.parts[u].productVariantId === n.variants[o].id)
-          return e.parts[u].quantity;
+  function p(n) {
+    for (let d = 0; d < e.parts.length; d++)
+      for (let r = 0; r < n.variants.length; r++)
+        if (n.variants[r] && e.parts[d].productVariantId === n.variants[r].id)
+          return e.parts[d].quantity;
   }
-  g.useEffect(() => {
+  f.useEffect(() => {
     (async () => {
-      var f;
-      const u = e.parts.map((I) => String(I.productId)), T = (((f = l == null ? void 0 : l.products) == null ? void 0 : f.filter((I) => u.includes(String(I.id)))) || []).map((I) => ({
-        ...I,
-        activeVariantId: r(I),
-        quantity: h(I)
+      const d = e.parts.map((g) => String(g.productId)), B = (o.filter((g) => d.includes(String(g.id))) || []).map((g) => ({
+        ...g,
+        activeVariantId: u(g),
+        quantity: p(g)
       }));
-      s(T);
+      s(B);
     })();
   }, [e.parts]);
-  function m(n) {
-    var u;
-    return !n || !(n != null && n.variants) ? !1 : (u = n.variants.find((o) => o.id === n.activeVariantId)) == null ? void 0 : u.subscriptionSettings;
+  function _(n) {
+    var d;
+    return !n || !(n != null && n.variants) ? !1 : (d = n.variants.find((r) => r.id === n.activeVariantId)) == null ? void 0 : d.subscriptionSettings;
   }
-  const _ = e.parts.length > 0 && a.length > 0 && !m(a[0]), [S, v] = g.useState(!1);
+  const h = e.parts.length > 0 && a.length > 0 && !_(a[0]), [k, y] = f.useState(!1);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsxs(
-      F,
+      z,
       {
         type: "Secondary",
         style: {
@@ -1800,17 +1799,17 @@ const Hs = (c) => {
           position: "relative"
         },
         onClick: (n) => {
-          n.stopPropagation(), window.location.pathname.includes("/admin/builder") || (i(!0), v(!0));
+          n.stopPropagation(), window.location.pathname.includes("/admin/builder") || (i(!0), y(!0));
         },
         children: [
           /* @__PURE__ */ t.jsx(
-            j,
+            b,
             {
               name: "Handbag",
               fill: "var(--text-primary)"
             }
           ),
-          _ && /* @__PURE__ */ t.jsx("div", { className: q.shoppingCount, children: e.parts.length })
+          h && /* @__PURE__ */ t.jsx("div", { className: C.shoppingCount, children: e.parts.length })
         ]
       }
     ),
@@ -1818,7 +1817,7 @@ const Hs = (c) => {
       Nt,
       {
         close: () => {
-          v(!1), setTimeout(() => {
+          y(!1), setTimeout(() => {
             i(!1);
           }, 300);
         },
@@ -1827,27 +1826,27 @@ const Hs = (c) => {
           qn,
           {
             activeProducts: a,
-            isCartNotEmpty: _,
-            isOpen: S
+            isCartNotEmpty: h,
+            isOpen: k
           }
         )
       }
     )
   ] });
 }, qn = (c) => {
-  const { activeProducts: i, isCartNotEmpty: a, isOpen: s } = c, { cart: e, reset: l, getTotalAndDiscount: r, updateQuantityOfProduct: h } = rt(), m = xt();
-  function _(n) {
-    m(n);
+  const { activeProducts: i, isCartNotEmpty: a, isOpen: s } = c, { cart: e, reset: o, getTotalAndDiscount: u, updateQuantityOfProduct: p } = it(), _ = xt();
+  function h(n) {
+    _(n);
   }
-  function S(n) {
-    n.quantity && h({
+  function k(n) {
+    n.quantity && p({
       productId: n.id,
       productVariantId: n.activeVariantId,
       quantity: n.quantity + 1
     });
   }
-  function v(n) {
-    n.quantity && h({
+  function y(n) {
+    n.quantity && p({
       productId: n.id,
       productVariantId: n.activeVariantId,
       quantity: n.quantity - 1
@@ -1856,35 +1855,35 @@ const Hs = (c) => {
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: V(q.modal, {
-        [q.closing]: !s
+      className: F(C.modal, {
+        [C.closing]: !s
       }),
       onClick: (n) => n.stopPropagation(),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: q.top, children: [
-          /* @__PURE__ */ t.jsxs("div", { className: q.info, children: [
-            /* @__PURE__ */ t.jsx("span", { className: q.title, children: "Cart" }),
-            a && /* @__PURE__ */ t.jsx("div", { className: q.count, children: e.parts.length })
+        /* @__PURE__ */ t.jsxs("div", { className: C.top, children: [
+          /* @__PURE__ */ t.jsxs("div", { className: C.info, children: [
+            /* @__PURE__ */ t.jsx("span", { className: C.title, children: "Cart" }),
+            a && /* @__PURE__ */ t.jsx("div", { className: C.count, children: e.parts.length })
           ] }),
           /* @__PURE__ */ t.jsx(
             "button",
             {
-              className: V(q.clear, {
-                [q.activeClear]: a
+              className: F(C.clear, {
+                [C.activeClear]: a
               }),
               disabled: !a,
-              onClick: l,
+              onClick: o,
               children: "Clear all"
             }
           )
         ] }),
-        a ? /* @__PURE__ */ t.jsxs("div", { className: q.cart, children: [
-          /* @__PURE__ */ t.jsx("div", { className: q.products, children: i.map((n) => /* @__PURE__ */ t.jsxs(
+        a ? /* @__PURE__ */ t.jsxs("div", { className: C.cart, children: [
+          /* @__PURE__ */ t.jsx("div", { className: C.products, children: [...new Map(i.map((n) => [n.id, n])).values()].map((n) => /* @__PURE__ */ t.jsxs(
             "div",
             {
-              className: q.product,
+              className: C.product,
               children: [
-                /* @__PURE__ */ t.jsxs("div", { className: q.productInfo, children: [
+                /* @__PURE__ */ t.jsxs("div", { className: C.productInfo, children: [
                   n.images.length > 0 ? /* @__PURE__ */ t.jsx(
                     "img",
                     {
@@ -1892,35 +1891,35 @@ const Hs = (c) => {
                       alt: "image",
                       width: "100%",
                       height: "100%",
-                      className: q.image
+                      className: C.image
                     }
-                  ) : /* @__PURE__ */ t.jsx("div", { className: q.image, children: /* @__PURE__ */ t.jsx(
-                    j,
+                  ) : /* @__PURE__ */ t.jsx("div", { className: C.image, children: /* @__PURE__ */ t.jsx(
+                    b,
                     {
                       name: "Image",
                       fill: "var(--text-secondary)"
                     }
                   ) }),
-                  /* @__PURE__ */ t.jsxs("div", { className: q.content, children: [
-                    /* @__PURE__ */ t.jsx("div", { className: q.name, children: yt(n.name) }),
-                    /* @__PURE__ */ t.jsxs("div", { className: q.price, children: [
+                  /* @__PURE__ */ t.jsxs("div", { className: C.content, children: [
+                    /* @__PURE__ */ t.jsx("div", { className: C.name, children: yt(n.name) }),
+                    /* @__PURE__ */ t.jsxs("div", { className: C.price, children: [
                       "$",
-                      n.variants.find((u) => u.id === n.activeVariantId).price.amount * ((n == null ? void 0 : n.quantity) || 1)
+                      n.variants.find((d) => d.id === n.activeVariantId).price.amount * ((n == null ? void 0 : n.quantity) || 1)
                     ] })
                   ] })
                 ] }),
-                /* @__PURE__ */ t.jsxs("div", { className: q.productButtons, children: [
+                /* @__PURE__ */ t.jsxs("div", { className: C.productButtons, children: [
                   /* @__PURE__ */ t.jsx(
-                    F,
+                    z,
                     {
                       type: "Secondary",
                       onClick: () => {
-                        n.quantity !== 1 && v(n);
+                        n.quantity !== 1 && y(n);
                       },
-                      className: q.productButton,
+                      className: C.productButton,
                       disabled: n.quantity === 1,
                       children: /* @__PURE__ */ t.jsx(
-                        j,
+                        b,
                         {
                           name: "Minus",
                           fill: "#757575",
@@ -1930,16 +1929,16 @@ const Hs = (c) => {
                       )
                     }
                   ),
-                  /* @__PURE__ */ t.jsx("div", { className: q.productCount, children: n.quantity }),
+                  /* @__PURE__ */ t.jsx("div", { className: C.productCount, children: n.quantity }),
                   /* @__PURE__ */ t.jsx(
-                    F,
+                    z,
                     {
                       type: "Secondary",
-                      onClick: () => S(n),
-                      className: q.productButton,
-                      disabled: n.quantity === n.variants.find((u) => u.id === n.activeVariantId).quantity.available,
+                      onClick: () => k(n),
+                      className: C.productButton,
+                      disabled: n.quantity === n.variants.find((d) => d.id === n.activeVariantId).quantity.available,
                       children: /* @__PURE__ */ t.jsx(
-                        j,
+                        b,
                         {
                           name: "Plus",
                           fill: "#757575",
@@ -1954,12 +1953,12 @@ const Hs = (c) => {
             },
             n.id
           )) }),
-          /* @__PURE__ */ t.jsxs("div", { className: q.bottom, children: [
-            /* @__PURE__ */ t.jsxs("div", { className: q.subtotal, children: [
-              /* @__PURE__ */ t.jsxs("div", { className: q.block, children: [
+          /* @__PURE__ */ t.jsxs("div", { className: C.bottom, children: [
+            /* @__PURE__ */ t.jsxs("div", { className: C.subtotal, children: [
+              /* @__PURE__ */ t.jsxs("div", { className: C.block, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Subtotal" }),
                 /* @__PURE__ */ t.jsx(
-                  j,
+                  b,
                   {
                     name: "Info",
                     width: 20,
@@ -1968,20 +1967,20 @@ const Hs = (c) => {
                   }
                 )
               ] }),
-              /* @__PURE__ */ t.jsxs("div", { className: q.total, children: [
+              /* @__PURE__ */ t.jsxs("div", { className: C.total, children: [
                 "$",
-                r().total
+                u().total
               ] })
             ] }),
-            /* @__PURE__ */ t.jsx(F, { onClick: () => _("/checkout"), children: "Checkout" })
+            /* @__PURE__ */ t.jsx(z, { onClick: () => h("/checkout"), children: "Checkout" })
           ] })
         ] }) : /* @__PURE__ */ t.jsx(wn, {})
       ]
     }
   );
-}, wn = () => /* @__PURE__ */ t.jsxs("div", { className: q.empty, children: [
+}, wn = () => /* @__PURE__ */ t.jsxs("div", { className: C.empty, children: [
   /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-    j,
+    b,
     {
       name: "Handbag",
       fill: "var(--text-secondary)"
@@ -1995,23 +1994,23 @@ const Hs = (c) => {
       "a",
       {
         href: "/products",
-        className: q.link,
+        className: C.link,
         children: "view products"
       }
     )
   ] })
 ] }), Pt = ({ signUp: c, close: i }) => {
   const a = JSON.parse(localStorage.getItem("token") || "{}"), { data: s } = a, e = xt();
-  function l(m) {
-    window.location.pathname.includes("/admin/builder") || e(m);
+  function o(_) {
+    window.location.pathname.includes("/admin/builder") || e(_);
   }
   if (!s)
     return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       /* @__PURE__ */ t.jsx(
-        F,
+        z,
         {
           onClick: () => {
-            l("/customer-dash"), i == null || i();
+            o("/customer-dash"), i == null || i();
           },
           type: "Secondary",
           style: {
@@ -2021,10 +2020,10 @@ const Hs = (c) => {
         }
       ),
       c && /* @__PURE__ */ t.jsx(
-        F,
+        z,
         {
           onClick: () => {
-            l("/customer-dash"), i == null || i();
+            o("/customer-dash"), i == null || i();
           },
           type: "Primary",
           style: {
@@ -2035,20 +2034,20 @@ const Hs = (c) => {
         }
       )
     ] });
-  const [r, h] = g.useState("test-email@gmail.com");
-  return g.useEffect(() => {
+  const [u, p] = f.useState("test-email@gmail.com");
+  return f.useEffect(() => {
     (async () => {
-      const _ = Et(s);
-      h(_.email);
+      const h = Et(s);
+      p(h.email);
     })();
   }, [s]), /* @__PURE__ */ t.jsx(
     "div",
     {
-      className: q.userInfo,
+      className: C.userInfo,
       onClick: () => {
-        l("/customer-dash"), i == null || i();
+        o("/customer-dash"), i == null || i();
       },
-      children: /* @__PURE__ */ t.jsx("div", { children: r || "test-email@gmail.com" })
+      children: /* @__PURE__ */ t.jsx("div", { children: u || "test-email@gmail.com" })
     }
   );
 }, Pn = ({
@@ -2057,7 +2056,7 @@ const Hs = (c) => {
   setIsOpen: a,
   signUp: s
 }) => {
-  const { setIsOpen: e } = $t(), l = () => {
+  const { setIsOpen: e } = $t(), o = () => {
     e(!1), setTimeout(() => {
       a(!1), e(!0);
     }, 300);
@@ -2065,18 +2064,18 @@ const Hs = (c) => {
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: q.pagesMobileModal,
-      onClick: (r) => r.stopPropagation(),
+      className: C.pagesMobileModal,
+      onClick: (u) => u.stopPropagation(),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: q.pagesMobileModalHeader, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: C.pagesMobileModalHeader, children: [
           /* @__PURE__ */ t.jsx("div", { children: i }),
           /* @__PURE__ */ t.jsx(
-            F,
+            z,
             {
               type: "Secondary",
-              onClick: l,
+              onClick: o,
               children: /* @__PURE__ */ t.jsx(
-                j,
+                b,
                 {
                   name: "X",
                   fill: "var(--text-primary)"
@@ -2085,12 +2084,12 @@ const Hs = (c) => {
             }
           )
         ] }),
-        /* @__PURE__ */ t.jsx("div", { className: q.pagesMobileModalContent, children: c }),
-        /* @__PURE__ */ t.jsx("div", { className: q.pagesMobileModalFooter, children: /* @__PURE__ */ t.jsx(
+        /* @__PURE__ */ t.jsx("div", { className: C.pagesMobileModalContent, children: c }),
+        /* @__PURE__ */ t.jsx("div", { className: C.pagesMobileModalFooter, children: /* @__PURE__ */ t.jsx(
           Pt,
           {
             signUp: s,
-            close: l
+            close: o
           }
         ) })
       ]
@@ -2101,7 +2100,7 @@ const Hs = (c) => {
   logo: i,
   signUp: a
 }) => {
-  const [s, e] = g.useState(!1);
+  const [s, e] = f.useState(!1);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(Bn, { setIsOpenModal: e }),
     s && /* @__PURE__ */ t.jsx(
@@ -2124,7 +2123,7 @@ const Hs = (c) => {
 }, Bn = (c) => {
   const { setIsOpenModal: i } = c;
   return /* @__PURE__ */ t.jsx(
-    F,
+    z,
     {
       type: "Secondary",
       style: {
@@ -2134,7 +2133,7 @@ const Hs = (c) => {
         a.stopPropagation(), window.location.pathname.includes("/admin/builder") || i(!0);
       },
       children: /* @__PURE__ */ t.jsx(
-        j,
+        b,
         {
           name: "List",
           fill: "var(--text-primary)"
@@ -2161,7 +2160,7 @@ const Hs = (c) => {
   }
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
-      F,
+      z,
       {
         className: tt.share,
         onClick: (e) => {
@@ -2169,7 +2168,7 @@ const Hs = (c) => {
         },
         type: "Secondary",
         children: /* @__PURE__ */ t.jsx(
-          j,
+          b,
           {
             name: "Share",
             fill: "#757575",
@@ -2181,61 +2180,61 @@ const Hs = (c) => {
     i && /* @__PURE__ */ t.jsx(Nt, { close: a, children: /* @__PURE__ */ t.jsx(Vn, { title: c }) })
   ] });
 }, Vn = ({ title: c = "Copy Product Link" }) => {
-  const { setIsOpenModal: i } = qt(), { notification: a, setNotification: s } = wt(), { setIsOpen: e } = $t(), l = window.location.href;
-  function r() {
-    navigator.clipboard.writeText(l), s({
+  const { setIsOpenModal: i } = qt(), { notification: a, setNotification: s } = wt(), { setIsOpen: e } = $t(), o = window.location.href;
+  function u() {
+    navigator.clipboard.writeText(o), s({
       message: "Link copied to clipboard",
       status: "success"
     });
   }
-  function h() {
+  function p() {
     e(!1), setTimeout(() => {
       i(!1), e(!0);
     }, 300);
   }
-  function m(_, S) {
-    return _.length > S ? _.slice(0, S) + "..." : _;
+  function _(h, k) {
+    return h.length > k ? h.slice(0, k) + "..." : h;
   }
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
       className: tt.modal,
-      onClick: (_) => _.stopPropagation(),
+      onClick: (h) => h.stopPropagation(),
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: tt.header, children: [
           /* @__PURE__ */ t.jsx("div", { className: tt.title, children: c }),
           /* @__PURE__ */ t.jsx(
-            j,
+            b,
             {
               name: "X",
               fill: "#757575",
-              onClick: h,
+              onClick: p,
               hoverable: !0
             }
           )
         ] }),
         /* @__PURE__ */ t.jsxs("div", { className: tt.copyWrapper, children: [
           /* @__PURE__ */ t.jsxs(
-            F,
+            z,
             {
               type: "Secondary",
-              onClick: r,
+              onClick: u,
               style: {
                 flex: 1
               },
               children: [
-                /* @__PURE__ */ t.jsx("div", { className: tt.copyText, children: m(l, 100) }),
-                /* @__PURE__ */ t.jsx("div", { className: tt.copyTextMobile, children: m(l, 40) }),
-                /* @__PURE__ */ t.jsx("div", { className: tt.copyTextMiniMobile, children: m(l, 20) })
+                /* @__PURE__ */ t.jsx("div", { className: tt.copyText, children: _(o, 100) }),
+                /* @__PURE__ */ t.jsx("div", { className: tt.copyTextMobile, children: _(o, 40) }),
+                /* @__PURE__ */ t.jsx("div", { className: tt.copyTextMiniMobile, children: _(o, 20) })
               ]
             }
           ),
           /* @__PURE__ */ t.jsx(
-            F,
+            z,
             {
               type: "Secondary",
-              onClick: r,
-              children: a ? /* @__PURE__ */ t.jsx(j, { name: "Check" }) : /* @__PURE__ */ t.jsx(j, { name: "Copy" })
+              onClick: u,
+              children: a ? /* @__PURE__ */ t.jsx(b, { name: "Check" }) : /* @__PURE__ */ t.jsx(b, { name: "Copy" })
             }
           )
         ] })
@@ -2249,29 +2248,29 @@ const Hs = (c) => {
   open: Gn,
   content: Xn
 }, Gi = ({ title: c, content: i, defaultOpen: a = !1 }) => {
-  const [s, e] = g.useState(a), [l, r] = g.useState(0), h = g.useRef(null), m = () => {
+  const [s, e] = f.useState(a), [o, u] = f.useState(0), p = f.useRef(null), _ = () => {
     e(!s);
   };
-  return g.useEffect(() => {
-    h.current && r(s ? h.current.scrollHeight : 0);
+  return f.useEffect(() => {
+    p.current && u(s ? p.current.scrollHeight : 0);
   }, [s]), /* @__PURE__ */ t.jsxs("div", { className: at.accordion, children: [
     /* @__PURE__ */ t.jsxs(
       "div",
       {
         className: at.header,
-        onClick: m,
+        onClick: _,
         children: [
           /* @__PURE__ */ t.jsx("h5", { id: "h5", children: c }),
-          /* @__PURE__ */ t.jsx("div", { className: V(at.icon, { [at.open]: s }), children: /* @__PURE__ */ t.jsx(j, { name: "CaretDown" }) })
+          /* @__PURE__ */ t.jsx("div", { className: F(at.icon, { [at.open]: s }), children: /* @__PURE__ */ t.jsx(b, { name: "CaretDown" }) })
         ]
       }
     ),
     /* @__PURE__ */ t.jsx(
       "div",
       {
-        ref: h,
+        ref: p,
         className: at.content,
-        style: { height: `${l}px` },
+        style: { height: `${o}px` },
         children: /* @__PURE__ */ t.jsx("p", { id: "p", children: i })
       }
     )
@@ -2288,13 +2287,13 @@ const Hs = (c) => {
         children: c
       }
     );
-  const l = xt(), r = /^https?:\/\//.test(i), h = (m) => {
-    r || s === "_blank" ? s === "_blank" ? window.open(i, "_blank") : window.open(i, "_self") : (m.preventDefault(), l(i));
+  const o = xt(), u = /^https?:\/\//.test(i), p = (_) => {
+    u || s === "_blank" ? s === "_blank" ? window.open(i, "_blank") : window.open(i, "_self") : (_.preventDefault(), o(i));
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      onClick: h,
+      onClick: p,
       className: a,
       role: "link",
       style: { cursor: "pointer" },
@@ -2306,24 +2305,24 @@ const Hs = (c) => {
   buttonsBlock: Qn,
   slideUp: Jn
 }, Qi = (c) => {
-  var _, S;
-  const { setIsOpen: i, setModalType: a, productId: s } = c, { cart: e } = rt(), { pageContext: l } = it(), r = (_ = l == null ? void 0 : l.listings) == null ? void 0 : _.find((v) => v.id === s);
-  if (!r)
+  var h, k;
+  const { setIsOpen: i, setModalType: a, productId: s } = c, { cart: e } = it(), { pageContext: o } = ft(), u = (h = o == null ? void 0 : o.listings) == null ? void 0 : h.find((y) => y.id === s);
+  if (!u)
     return null;
-  const h = (S = l == null ? void 0 : l.products) == null ? void 0 : S.find(
-    (v) => v.uniquePath === r.productData.uniquePath
+  const p = (k = o == null ? void 0 : o.products) == null ? void 0 : k.find(
+    (y) => y.uniquePath === u.productData.uniquePath
   );
-  if (!h)
+  if (!p)
     return null;
-  const m = e.parts.find((v) => v.productId === h.id);
+  const _ = e.parts.find((y) => y.productId === p.id);
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
       className: Kn.buttonsBlock,
-      onClick: (v) => v.stopPropagation(),
+      onClick: (y) => y.stopPropagation(),
       children: [
         /* @__PURE__ */ t.jsx(
-          F,
+          z,
           {
             type: "Secondary",
             style: {
@@ -2332,11 +2331,11 @@ const Hs = (c) => {
             onClick: () => {
               a("Add To Cart"), i(!0);
             },
-            children: m ? "Add More" : "Add To Cart"
+            children: _ ? "Add More" : "Add To Cart"
           }
         ),
         /* @__PURE__ */ t.jsx(
-          F,
+          z,
           {
             type: "Primary",
             onClick: () => {
@@ -2356,7 +2355,7 @@ const Hs = (c) => {
   const { general: i } = Rt();
   if (!i) return /* @__PURE__ */ t.jsx(t.Fragment, {});
   function a(s) {
-    const e = new Date(s), l = {
+    const e = new Date(s), o = {
       month: "short",
       day: "2-digit",
       year: "numeric",
@@ -2364,7 +2363,7 @@ const Hs = (c) => {
       minute: "2-digit",
       hour12: !1
     };
-    return e.toLocaleDateString("en-US", l);
+    return e.toLocaleDateString("en-US", o);
   }
   return /* @__PURE__ */ t.jsxs("div", { className: vt.wrapper, children: [
     /* @__PURE__ */ t.jsx("div", { className: vt.logo, children: i.info.logo ? /* @__PURE__ */ t.jsx(
@@ -2375,7 +2374,7 @@ const Hs = (c) => {
         style: { objectFit: "contain", width: "48px", height: "48px" }
       }
     ) : /* @__PURE__ */ t.jsx(
-      j,
+      b,
       {
         name: "Image",
         width: 48,
@@ -2387,7 +2386,7 @@ const Hs = (c) => {
       /* @__PURE__ */ t.jsx("p", { id: "p", children: a(c) })
     ] })
   ] });
-}, si = "_options_puxd1_1", ni = "_price_puxd1_12", ii = "_oldPrice_puxd1_19", ai = "_newPrice_puxd1_27", oi = "_animate_puxd1_34", ci = "_appearAndBounce_puxd1_1", ri = "_meta_puxd1_52", li = "_info_puxd1_58", di = "_infoRight_puxd1_66", ui = "_buttons_puxd1_73", pi = "_variants_puxd1_80", hi = "_variant_puxd1_80", mi = "_stock_puxd1_98", _i = "_variantInfo_puxd1_105", gi = "_quantity_puxd1_111", fi = "_count_puxd1_118", xi = "_focused_puxd1_135", ji = "_button_puxd1_73", vi = "_activeVariant_puxd1_161", bi = "_chargeTypes_puxd1_165", yi = "_charge_puxd1_165", Ni = "_chargeActive_puxd1_190", Ii = "_title_puxd1_198", ki = "_modal_puxd1_204", Ci = "_header_puxd1_224", Si = "_productOptions_puxd1_232", $i = "_loading_puxd1_236", W = {
+}, si = "_options_puxd1_1", ni = "_price_puxd1_12", ii = "_oldPrice_puxd1_19", ai = "_newPrice_puxd1_27", oi = "_animate_puxd1_34", ci = "_appearAndBounce_puxd1_1", ri = "_meta_puxd1_52", li = "_info_puxd1_58", di = "_infoRight_puxd1_66", ui = "_buttons_puxd1_73", pi = "_variants_puxd1_80", hi = "_variant_puxd1_80", mi = "_stock_puxd1_98", _i = "_variantInfo_puxd1_105", gi = "_quantity_puxd1_111", fi = "_count_puxd1_118", xi = "_focused_puxd1_135", ji = "_button_puxd1_73", vi = "_activeVariant_puxd1_161", bi = "_chargeTypes_puxd1_165", yi = "_charge_puxd1_165", Ni = "_chargeActive_puxd1_190", Ii = "_title_puxd1_198", ki = "_modal_puxd1_204", Ci = "_header_puxd1_224", Si = "_productOptions_puxd1_232", $i = "_loading_puxd1_236", Y = {
   options: si,
   price: ni,
   oldPrice: ii,
@@ -2416,61 +2415,58 @@ const Hs = (c) => {
   productOptions: Si,
   loading: $i
 }, Ki = (c) => {
-  var v;
-  const { pageContext: i, setPageContext: a } = it(), s = (v = i == null ? void 0 : i.listings) == null ? void 0 : v.find((n) => n.id === c.productId), [e, l] = g.useState(!0), [r, h] = g.useState(null), m = (r == null ? void 0 : r.variants[0]) || null, [_, S] = g.useState(
-    m != null && m.chargeTypes && m.chargeTypes.length > 1 ? m.chargeTypes[0] : "ONE_TIME"
-  );
-  if (g.useEffect(() => {
+  var y;
+  const { pageContext: i } = ft(), a = (y = i == null ? void 0 : i.listings) == null ? void 0 : y.find((n) => n.id === c.productId), [s, e] = f.useState(!0), [o, u] = f.useState(null), p = (o == null ? void 0 : o.variants[0]) || null, [_, h] = f.useState(
+    p != null && p.chargeTypes && p.chargeTypes.length > 1 ? p.chargeTypes[0] : "ONE_TIME"
+  ), { addProducts: k } = it();
+  if (f.useEffect(() => {
     (async () => {
-      l(!0);
-      const u = await zt(
+      e(!0);
+      const d = await zt(
         encodeURIComponent(
-          `/product/${s.productData.uniquePath}`
+          `/product/${a.productData.uniquePath}`
         )
       );
-      a({
-        ...i,
-        products: [...(i == null ? void 0 : i.products) || [], ...(u == null ? void 0 : u.data.products) || []]
-      }), h(u == null ? void 0 : u.data.products[0]), l(!1);
+      k(d == null ? void 0 : d.data.products), u(d == null ? void 0 : d.data.products[0]), e(!1);
     })();
-  }, []), e)
+  }, []), s)
     return /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: W.modal,
+        className: Y.modal,
         onClick: (n) => n.stopPropagation(),
-        children: /* @__PURE__ */ t.jsx("div", { className: W.loading, children: /* @__PURE__ */ t.jsx(Dt, {}) })
+        children: /* @__PURE__ */ t.jsx("div", { className: Y.loading, children: /* @__PURE__ */ t.jsx(Dt, {}) })
       }
     );
-  if (!r) {
+  if (!o) {
     c.setIsOpen(!1);
     return;
   }
-  if (!m) {
+  if (!p) {
     c.setIsOpen(!1);
     return;
   }
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: W.modal,
+      className: Y.modal,
       onClick: (n) => n.stopPropagation(),
       children: [
-        c.type === "Add To Cart" && !e && /* @__PURE__ */ t.jsx(
+        c.type === "Add To Cart" && !s && /* @__PURE__ */ t.jsx(
           qi,
           {
-            variants: r.variants,
-            activeVariant: m,
+            variants: o.variants,
+            activeVariant: p,
             activeChargeType: _,
-            setActiveChargeType: S,
-            productId: r.id,
+            setActiveChargeType: h,
+            productId: o.id,
             setIsOpen: c.setIsOpen
           }
         ),
-        c.type === "Buy Now" && !e && /* @__PURE__ */ t.jsx(
+        c.type === "Buy Now" && !s && /* @__PURE__ */ t.jsx(
           wi,
           {
-            product: r,
+            product: o,
             setIsOpen: c.setIsOpen
           }
         )
@@ -2478,88 +2474,88 @@ const Hs = (c) => {
     }
   );
 }, qi = (c) => {
-  const { variants: i, activeChargeType: a, setActiveChargeType: s, activeVariant: e, productId: l, setIsOpen: r } = c, { cart: h, addProductToCart: m, addProducts: _, updateQuantityOfProduct: S } = rt(), { setNotification: v } = wt(), { pageContext: n } = it();
-  async function u(o) {
-    const T = h.parts.find(
-      (f) => f.productId === c.productId && f.productVariantId === o
+  const { variants: i, activeChargeType: a, setActiveChargeType: s, activeVariant: e, productId: o, setIsOpen: u } = c, { cart: p, addProductToCart: _, addProducts: h, updateQuantityOfProduct: k } = it(), { setNotification: y } = wt(), { pageContext: n } = ft();
+  async function d(r) {
+    const B = p.parts.find(
+      (g) => g.productId === c.productId && g.productVariantId === r
     );
-    T ? S({
-      productId: l,
-      productVariantId: o,
-      quantity: T.quantity + 1
-    }) : (n != null && n.products && await _(n.products), await m({
-      productId: l,
-      productVariantId: o,
+    B ? k({
+      productId: o,
+      productVariantId: r,
+      quantity: B.quantity + 1
+    }) : (n != null && n.products && await h(n.products), await _({
+      productId: o,
+      productVariantId: r,
       quantity: 1
-    })), v({
+    })), y({
       message: "Product added to cart",
       status: "success"
     });
   }
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsxs("div", { className: W.header, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: Y.header, children: [
       /* @__PURE__ */ t.jsx("div", { id: "h3", children: "Choose a variant" }),
       /* @__PURE__ */ t.jsx(
-        j,
+        b,
         {
           name: "X",
           width: 24,
           height: 24,
           fill: "var(--text-secondary)",
           hoverable: !0,
-          onClick: () => r(!1)
+          onClick: () => u(!1)
         }
       )
     ] }),
-    e.chargeTypes && e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: W.chargeTypes, children: e.chargeTypes.map((o) => /* @__PURE__ */ t.jsx(
+    e.chargeTypes && e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: Y.chargeTypes, children: e.chargeTypes.map((r) => /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: V(W.charge, {
-          [W.chargeActive]: a === o
+        className: F(Y.charge, {
+          [Y.chargeActive]: a === r
         }),
-        onClick: () => s(o),
-        children: It[o]
+        onClick: () => s(r),
+        children: It[r]
       },
-      o
+      r
     )) }),
-    /* @__PURE__ */ t.jsx("div", { className: W.variants, children: i.map((o) => {
-      var T, f;
+    /* @__PURE__ */ t.jsx("div", { className: Y.variants, children: i.map((r) => {
+      var B, g;
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: V(W.variant),
+          className: F(Y.variant),
           onClick: () => {
-            u(o.id), r(!1);
+            d(r.id), u(!1);
           },
           children: [
-            /* @__PURE__ */ t.jsxs("div", { className: W.variantInfo, children: [
-              /* @__PURE__ */ t.jsx("span", { className: W.title, children: o.name }),
+            /* @__PURE__ */ t.jsxs("div", { className: Y.variantInfo, children: [
+              /* @__PURE__ */ t.jsx("span", { className: Y.title, children: r.name }),
               /* @__PURE__ */ t.jsxs("span", { children: [
                 "$",
-                a === "ONE_TIME" ? o.price.amount : o.subscriptionSettings ? o.subscriptionSettings.price.amount : "Price Not Found"
+                a === "ONE_TIME" ? r.price.amount : r.subscriptionSettings ? r.subscriptionSettings.price.amount : "Price Not Found"
               ] })
             ] }),
-            /* @__PURE__ */ t.jsx("div", { children: a === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: W.stock, children: [
-              (T = o.quantity.restrictions) != null && T.max || o.quantity.available !== void 0 ? ((f = o.quantity.restrictions) == null ? void 0 : f.max) || o.quantity.available : "∞",
+            /* @__PURE__ */ t.jsx("div", { children: a === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: Y.stock, children: [
+              (B = r.quantity.restrictions) != null && B.max || r.quantity.available !== void 0 ? ((g = r.quantity.restrictions) == null ? void 0 : g.max) || r.quantity.available : "∞",
               " ",
               "in stock"
             ] }) })
           ]
         },
-        o.id
+        r.id
       );
     }) })
   ] });
 }, wi = (c) => {
   const { product: i, setIsOpen: a } = c;
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsxs("div", { className: W.header, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: Y.header, children: [
       /* @__PURE__ */ t.jsxs("div", { id: "h3", children: [
         "Buy ",
         yt(i.name)
       ] }),
       /* @__PURE__ */ t.jsx(
-        j,
+        b,
         {
           name: "X",
           width: 24,
@@ -2574,7 +2570,7 @@ const Hs = (c) => {
         }
       )
     ] }),
-    /* @__PURE__ */ t.jsx("div", { className: W.productOptions, children: /* @__PURE__ */ t.jsx(
+    /* @__PURE__ */ t.jsx("div", { className: Y.productOptions, children: /* @__PURE__ */ t.jsx(
       Hs,
       {
         product: i,
@@ -2595,11 +2591,11 @@ const Hs = (c) => {
     label: a,
     value: s,
     maxLength: e,
-    placeholder: l = "Type something...",
-    type: r = "text"
-  } = c, [h, m] = g.useState(s.length), { themeSettings: _ } = Lt();
-  function S(v) {
-    return r === "number" ? v.replace(/[^\d\n]+/g, "") : v;
+    placeholder: o = "Type something...",
+    type: u = "text"
+  } = c, [p, _] = f.useState(s.length), { themeSettings: h } = Lt();
+  function k(y) {
+    return u === "number" ? y.replace(/[^\d\n]+/g, "") : y;
   }
   return /* @__PURE__ */ t.jsxs("div", { className: nt.wrapper, children: [
     a && /* @__PURE__ */ t.jsx(
@@ -2615,20 +2611,20 @@ const Hs = (c) => {
       {
         id: a,
         value: s,
-        onChange: (v) => {
-          const n = S(v.target.value);
-          m(n.length), i(n);
+        onChange: (y) => {
+          const n = k(y.target.value);
+          _(n.length), i(n);
         },
-        placeholder: l,
-        className: V(nt.textarea, {
-          [nt.contentBorder]: _.inputs.border.active,
-          [nt.contentField]: _.inputs.field.active
+        placeholder: o,
+        className: F(nt.textarea, {
+          [nt.contentBorder]: h.inputs.border.active,
+          [nt.contentField]: h.inputs.field.active
         }),
         maxLength: e
       }
     ),
     e && /* @__PURE__ */ t.jsxs("div", { className: nt.length, children: [
-      h,
+      p,
       "/",
       e
     ] })
@@ -2637,7 +2633,7 @@ const Hs = (c) => {
 export {
   Gi as Accordion,
   Bn as BurgerMenuButton,
-  F as Button,
+  z as Button,
   vs as ButtonTypeSettings,
   Ui as ButtonsSettings,
   zi as CategorySettings,
@@ -2647,7 +2643,7 @@ export {
   wn as EmptyCart,
   Fi as FormSettings,
   Hi as HeaderButtons,
-  j as Icon,
+  b as Icon,
   bt as InputSettings,
   Ot as InputUI,
   na as ItemsSettings,