@billgangcom/theme-lib 1.66.2 → 1.66.3

package/dist/ui.es.js

@@ -1,7 +1,7 @@
-import { j as t, I as j, c as U, d as bt, u as dt, e as ut, P as ht, S as ot, R as kt, D as mt, f as pt, 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 Pt, n as Tt, o as it, p as Mt, r as jt, t as G, 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 wt, G as qt, H as Rt, J as Dt } from "./index-B-Mm1sSt.js";
-import { W as Ki, N as Zi, U as ta, V as ea, K as sa, T as na, Q as ia } from "./index-B-Mm1sSt.js";
+import { j as t, I as b, c as U, d as vt, u as dt, e as ut, P as ht, S as ot, R as kt, D as pt, f as mt, v as _t, B as ct, g as st, h as Ct, a as St, O as rt, i as et, k as gt, C as ft, l as H, m as Pt, n as Tt, o as it, p as Mt, r as bt, t as Q, L as At, w as xt, x as lt, s as yt, y as F, z as Ot, M as Nt, A as qt, E as Et, F as $t, G as wt, H as Rt, J as Dt } from "./index-CsIHg99C.js";
+import { W as Zi, N as ta, U as ea, V as sa, K as na, T as ia, Q as aa } from "./index-CsIHg99C.js";
 import f from "react";
-const zt = "_wrapper_kh9z8_2", Lt = "_block_kh9z8_8", Ft = "_title_kh9z8_16", Vt = "_subtitle_kh9z8_23", Ut = "_alignmentContent_kh9z8_30", Ht = "_alignments_kh9z8_39", Yt = "_alignment_kh9z8_30", Wt = "_circle_kh9z8_64", Gt = "_paddings_kh9z8_71", Qt = "_padding_kh9z8_71", Xt = "_active_kh9z8_97", Jt = "_input_kh9z8_104", W = {
+const zt = "_wrapper_kh9z8_2", Lt = "_block_kh9z8_8", Ft = "_title_kh9z8_16", Vt = "_subtitle_kh9z8_23", Ut = "_alignmentContent_kh9z8_30", Ht = "_alignments_kh9z8_39", Yt = "_alignment_kh9z8_30", Wt = "_circle_kh9z8_64", Gt = "_paddings_kh9z8_71", Qt = "_padding_kh9z8_71", Xt = "_active_kh9z8_97", Jt = "_input_kh9z8_104", G = {
   wrapper: zt,
   block: Lt,
   title: Ft,
@@ -24,17 +24,17 @@ const zt = "_wrapper_kh9z8_2", Lt = "_block_kh9z8_8", Ft = "_title_kh9z8_16", Vt
   "bottomLeft",
   "bottom",
   "bottomRight"
-], Zt = ["left", "top", "right", "bottom"], Ai = (c) => {
+], Zt = ["left", "top", "right", "bottom"], Oi = (c) => {
   const {
     alignment: i,
     padding: a,
     setPadding: s,
     setAlignment: e,
-    isAlignment: r = !0,
+    isAlignment: l = !0,
     isPadding: d = !0
   } = c;
-  function m(p) {
-    switch (p) {
+  function p(m) {
+    switch (m) {
       case "left":
       case "topLeft":
       case "bottomLeft":
@@ -51,8 +51,8 @@ const zt = "_wrapper_kh9z8_2", Lt = "_block_kh9z8_8", Ft = "_title_kh9z8_16", Vt
         return "TextAlignCenter";
     }
   }
-  function _(p) {
-    switch (p) {
+  function _(m) {
+    switch (m) {
       case "left":
         return "AlignLeft";
       case "right":
@@ -63,40 +63,40 @@ const zt = "_wrapper_kh9z8_2", Lt = "_block_kh9z8_8", Ft = "_title_kh9z8_16", Vt
         return "AlignBottom";
     }
   }
-  const [u, w] = 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: [
-      r && /* @__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: Kt.map((p) => /* @__PURE__ */ t.jsxs(
+  const [u, $] = f.useState(null), [y, n] = f.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: Kt.map((m) => /* @__PURE__ */ t.jsxs(
           "div",
           {
             onClick: () => {
-              e(p);
+              e(m);
             },
-            className: W.alignment,
+            className: G.alignment,
             onMouseEnter: () => {
-              w(p);
+              $(m);
             },
             onMouseLeave: () => {
-              w(null);
+              $(null);
             },
             children: [
-              p !== i && u !== p && /* @__PURE__ */ t.jsx("div", { className: W.circle }),
-              p !== i && u === p && /* @__PURE__ */ t.jsx(
-                j,
+              m !== i && u !== m && /* @__PURE__ */ t.jsx("div", { className: G.circle }),
+              m !== i && u === m && /* @__PURE__ */ t.jsx(
+                b,
                 {
-                  name: m(u),
+                  name: p(u),
                   fill: "#c2c2c2",
                   width: 22,
                   height: 22
                 }
               ),
-              p === i && /* @__PURE__ */ t.jsx(
-                j,
+              m === i && /* @__PURE__ */ t.jsx(
+                b,
                 {
-                  name: m(i),
+                  name: p(i),
                   fill: "#FF3F19",
                   width: 22,
                   height: 22
@@ -104,40 +104,40 @@ const zt = "_wrapper_kh9z8_2", Lt = "_block_kh9z8_8", Ft = "_title_kh9z8_16", Vt
               )
             ]
           },
-          p
+          m
         )) })
       ] }),
-      d && /* @__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: Zt.map((p) => /* @__PURE__ */ t.jsxs(
+      d && /* @__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: Zt.map((m) => /* @__PURE__ */ t.jsxs(
           "label",
           {
-            className: U(W.padding, {
-              [W.active]: y === p
+            className: U(G.padding, {
+              [G.active]: y === m
             }),
             onFocus: () => {
-              n(p);
+              n(m);
             },
             onBlur: () => {
               n(null);
             },
             children: [
               /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-                j,
+                b,
                 {
-                  name: _(p),
+                  name: _(m),
                   width: 20,
                   height: 20
                 }
               ) }),
               /* @__PURE__ */ t.jsx(
-                bt,
+                vt,
                 {
                   type: "number",
-                  value: String(a[p]),
+                  value: String(a[m]),
                   onChange: (o) => s({
                     ...a,
-                    [p]: Math.min(Number(o), 999)
+                    [m]: Math.min(Number(o), 999)
                   }),
                   max: 999,
                   paddingless: !0,
@@ -146,12 +146,12 @@ const zt = "_wrapper_kh9z8_2", Lt = "_block_kh9z8_8", Ft = "_title_kh9z8_16", Vt
               )
             ]
           },
-          p
+          m
         )) })
       ] })
     ] })
   ] });
-}, te = "_title_82zux_1", ee = "_subtitle_82zux_5", se = "_header_82zux_12", ne = "_text_82zux_13", ie = "_productsBlock_82zux_14", ae = "_top_82zux_26", oe = "_itemsBlock_82zux_35", ce = "_typeTexts_82zux_41", re = "_block_82zux_48", le = "_active_82zux_61", de = "_products_82zux_14", ue = "_product_82zux_14", he = "_button_82zux_80", me = "_disabled_82zux_91", pe = "_image_82zux_95", _e = "_info_82zux_102", ge = "_name_82zux_114", fe = "_buttons_82zux_118", xe = "_modal_82zux_125", je = "_link_82zux_145", ve = "_modalOptions_82zux_151", be = "_addButton_82zux_157", ye = "_deleteButton_82zux_179", Q = {
+}, te = "_title_82zux_1", ee = "_subtitle_82zux_5", se = "_header_82zux_12", ne = "_text_82zux_13", ie = "_productsBlock_82zux_14", ae = "_top_82zux_26", oe = "_itemsBlock_82zux_35", ce = "_typeTexts_82zux_41", le = "_block_82zux_48", re = "_active_82zux_61", de = "_products_82zux_14", ue = "_product_82zux_14", he = "_button_82zux_80", pe = "_disabled_82zux_91", me = "_image_82zux_95", _e = "_info_82zux_102", ge = "_name_82zux_114", fe = "_buttons_82zux_118", xe = "_modal_82zux_125", be = "_link_82zux_145", je = "_modalOptions_82zux_151", ve = "_addButton_82zux_157", ye = "_deleteButton_82zux_179", X = {
   title: te,
   subtitle: ee,
   header: se,
@@ -160,20 +160,20 @@ const zt = "_wrapper_kh9z8_2", Lt = "_block_kh9z8_8", Ft = "_title_kh9z8_16", Vt
   top: ae,
   itemsBlock: oe,
   typeTexts: ce,
-  block: re,
-  active: le,
+  block: le,
+  active: re,
   products: de,
   product: ue,
   button: he,
-  disabled: me,
-  image: pe,
+  disabled: pe,
+  image: me,
   info: _e,
   name: ge,
   buttons: fe,
   modal: xe,
-  link: je,
-  modalOptions: ve,
-  addButton: be,
+  link: be,
+  modalOptions: je,
+  addButton: ve,
   deleteButton: ye
 };
 function Ne({ id: c, children: i }) {
@@ -181,13 +181,13 @@ function Ne({ id: c, children: i }) {
     attributes: a,
     listeners: s,
     setNodeRef: e,
-    transform: r,
+    transform: l,
     transition: d,
-    isDragging: m
+    isDragging: p
   } = gt({
     id: c
   }), _ = {
-    transform: ft.Transform.toString(r),
+    transform: ft.Transform.toString(l),
     transition: d
   };
   return /* @__PURE__ */ t.jsx(
@@ -195,28 +195,28 @@ function Ne({ id: c, children: i }) {
     {
       ref: e,
       style: _,
-      className: `${Q.product} ${m ? Q.dragging : ""}`,
+      className: `${X.product} ${p ? X.dragging : ""}`,
       ...a,
       ...s,
       children: i
     }
   );
 }
-const Oi = (c) => {
+const Ei = (c) => {
   const {
     isActiveItems: i,
     setIsActiveItems: a,
     items: s,
     setItems: e,
-    other: r,
+    other: l,
     tags: d,
-    title: m,
+    title: p,
     subtitle: _,
     draggable: u = !1,
-    withImage: w = !1,
+    withImage: $ = !1,
     addable: y = !0,
     itemsOptions: n,
-    hasRangeSelector: p = !1,
+    hasRangeSelector: m = !1,
     rangeSelectorOptions: o,
     limit: T,
     autoScrollInterval: g,
@@ -232,15 +232,15 @@ const Oi = (c) => {
   ), R = (h) => {
     const { active: C, over: S } = h;
     if (S && C.id !== S.id) {
-      const b = s.findIndex((M) => M === C.id), q = s.findIndex((M) => M === S.id);
-      if (b !== -1 && q !== -1) {
-        const M = [...s], [x] = M.splice(b, 1);
-        M.splice(q, 0, x), e(M);
+      const v = s.findIndex((M) => M === C.id), w = s.findIndex((M) => M === S.id);
+      if (v !== -1 && w !== -1) {
+        const M = [...s], [x] = M.splice(v, 1);
+        M.splice(w, 0, x), e(M);
       }
     }
   };
-  function v(h) {
-    if (w)
+  function j(h) {
+    if ($)
       return h ? /* @__PURE__ */ t.jsx(
         "img",
         {
@@ -250,7 +250,7 @@ const Oi = (c) => {
           height: 16
         }
       ) : /* @__PURE__ */ t.jsx(
-        j,
+        b,
         {
           name: "Image",
           width: 16,
@@ -260,11 +260,11 @@ const Oi = (c) => {
       );
   }
   const L = (h, C = !1) => {
-    const S = n.find((q) => q.id === h);
+    const S = n.find((w) => w.id === h);
     if (!S) return;
-    const b = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    const v = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       u && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        j,
+        b,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -275,29 +275,29 @@ const Oi = (c) => {
       /* @__PURE__ */ t.jsx(
         st,
         {
-          onChange: (q) => {
-            const M = [...s], x = n.find((l) => l.name === q);
+          onChange: (w) => {
+            const M = [...s], x = n.find((r) => r.name === w);
             if (!x) return;
-            const A = x.id, V = M.map((l) => l === h ? A : l);
+            const A = x.id, V = M.map((r) => r === h ? A : r);
             e([...V]);
           },
           value: S.name,
-          options: n.filter((q) => !s.find((M) => M === q.id)).map((q) => q.name),
-          leftAddonOptions: n.map((q) => ({
-            value: q.name,
-            addon: v(q.images)
+          options: n.filter((w) => !s.find((M) => M === w.id)).map((w) => w.name),
+          leftAddonOptions: n.map((w) => ({
+            value: w.name,
+            addon: j(w.images)
           }))
         }
       ),
-      C && /* @__PURE__ */ t.jsx("div", { className: Q.buttons, children: /* @__PURE__ */ t.jsx("div", { className: Q.deleteButton, children: /* @__PURE__ */ t.jsx(
-        j,
+      C && /* @__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((q) => q !== h))
+          onClick: () => e(s.filter((w) => w !== h))
         }
       ) }) })
     ] });
@@ -305,21 +305,21 @@ const Oi = (c) => {
       Ne,
       {
         id: h,
-        children: b
+        children: v
       },
       et()
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: Q.product,
-        children: b
+        className: X.product,
+        children: v
       },
       et()
     );
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: Q.productsBlock, children: [
-    (m || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: Q.top, children: [
-      m && /* @__PURE__ */ t.jsx("h3", { className: Q.title, children: m }),
+  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,
         {
@@ -328,16 +328,16 @@ const Oi = (c) => {
         }
       )
     ] }),
-    p && o && /* @__PURE__ */ t.jsx(kt, { ...o }),
-    /* @__PURE__ */ t.jsxs("div", { className: Q.products, children: [
-      _ && /* @__PURE__ */ t.jsx("h5", { className: Q.subtitle, children: _ }),
+    m && o && /* @__PURE__ */ t.jsx(kt, { ...o }),
+    /* @__PURE__ */ t.jsxs("div", { className: X.products, children: [
+      _ && /* @__PURE__ */ t.jsx("h5", { className: X.subtitle, children: _ }),
       u ? /* @__PURE__ */ t.jsx(
-        mt,
+        pt,
         {
           sensors: z,
           onDragEnd: R,
           children: /* @__PURE__ */ t.jsx(
-            pt,
+            mt,
             {
               items: s,
               strategy: _t,
@@ -359,8 +359,8 @@ const Oi = (c) => {
             ct,
             {
               withoutHover: !0,
-              className: U(Q.button, {
-                [Q.disabled]: !!(T && T <= s.length || s.length === n.length)
+              className: U(X.button, {
+                [X.disabled]: !!(T && T <= s.length || s.length === n.length)
               }),
               size: "s",
               disabled: !!(T && T <= s.length || s.length === n.length),
@@ -369,7 +369,7 @@ const Oi = (c) => {
                 let C = null;
                 if (n) {
                   for (let S = 0; S < n.length; S++)
-                    if (!s.find((b) => b === n[S].id)) {
+                    if (!s.find((v) => v === n[S].id)) {
                       C = n[S];
                       break;
                     }
@@ -379,10 +379,10 @@ const Oi = (c) => {
               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,
@@ -406,21 +406,21 @@ const Oi = (c) => {
       }
     ),
     d !== void 0 && /* @__PURE__ */ t.jsx(
-      lt,
+      rt,
       {
         tagsTitle: "Tags",
         items: d
       }
     ),
-    r !== void 0 && /* @__PURE__ */ t.jsx(
-      lt,
+    l !== void 0 && /* @__PURE__ */ t.jsx(
+      rt,
       {
         otherTitle: "Other",
-        items: r
+        items: l
       }
     ),
     g !== void 0 && /* @__PURE__ */ t.jsx(
-      bt,
+      vt,
       {
         label: "Auto scroll interval",
         type: "number",
@@ -435,14 +435,14 @@ const Oi = (c) => {
       }
     )
   ] });
-}, Ie = "_title_roi3a_1", ke = "_subtitle_roi3a_5", Ce = "_header_roi3a_12", Se = "_text_roi3a_13", $e = "_productsBlock_roi3a_14", we = "_top_roi3a_26", qe = "_itemsBlock_roi3a_35", Be = "_typeTexts_roi3a_41", Pe = "_block_roi3a_48", Te = "_active_roi3a_61", Me = "_products_roi3a_14", Ae = "_product_roi3a_14", Oe = "_button_roi3a_80", Ee = "_disabled_roi3a_91", Re = "_image_roi3a_95", De = "_info_roi3a_102", ze = "_name_roi3a_114", Le = "_buttons_roi3a_118", Fe = "_modal_roi3a_125", Ve = "_link_roi3a_145", Ue = "_modalOptions_roi3a_151", He = "_addButton_roi3a_164", Ye = "_deleteButton_roi3a_179", We = "_closeIcon_roi3a_191", Y = {
+}, Ie = "_title_roi3a_1", ke = "_subtitle_roi3a_5", Ce = "_header_roi3a_12", Se = "_text_roi3a_13", qe = "_productsBlock_roi3a_14", $e = "_top_roi3a_26", we = "_itemsBlock_roi3a_35", Be = "_typeTexts_roi3a_41", Pe = "_block_roi3a_48", Te = "_active_roi3a_61", Me = "_products_roi3a_14", Ae = "_product_roi3a_14", Oe = "_button_roi3a_80", Ee = "_disabled_roi3a_91", Re = "_image_roi3a_95", De = "_info_roi3a_102", ze = "_name_roi3a_114", Le = "_buttons_roi3a_118", Fe = "_modal_roi3a_125", Ve = "_link_roi3a_145", Ue = "_modalOptions_roi3a_151", He = "_addButton_roi3a_164", Ye = "_deleteButton_roi3a_179", We = "_closeIcon_roi3a_191", Y = {
   title: Ie,
   subtitle: ke,
   header: Ce,
   text: Se,
-  productsBlock: $e,
-  top: we,
-  itemsBlock: qe,
+  productsBlock: qe,
+  top: $e,
+  itemsBlock: we,
   typeTexts: Be,
   block: Pe,
   active: Te,
@@ -466,13 +466,13 @@ function Ge({ product: c, children: i }) {
     attributes: a,
     listeners: s,
     setNodeRef: e,
-    transform: r,
+    transform: l,
     transition: d,
-    isDragging: m
+    isDragging: p
   } = gt({
     id: c.id
   }), _ = {
-    transform: ft.Transform.toString(r),
+    transform: ft.Transform.toString(l),
     transition: d
   };
   return /* @__PURE__ */ t.jsx(
@@ -480,28 +480,28 @@ function Ge({ product: c, children: i }) {
     {
       ref: e,
       style: _,
-      className: `${Y.product} ${m ? Y.dragging : ""}`,
+      className: `${Y.product} ${p ? Y.dragging : ""}`,
       ...a,
       ...s,
       children: i
     }
   );
 }
-const Ei = (c) => {
+const Ri = (c) => {
   const {
     isActiveItems: i,
     setIsActiveItems: a,
     items: s,
     setItems: e,
-    title: r,
+    title: l,
     subtitle: d,
-    editable: m = !0,
+    editable: p = !0,
     draggable: _ = !1,
     deletable: u = !0,
-    addable: w = !0,
+    addable: $ = !0,
     itemsType: y,
     itemsOptions: n,
-    addableOptions: p = {},
+    addableOptions: m = {},
     limit: o
   } = c, [T, g] = f.useState(null), [I, k] = f.useState(null), O = f.useRef(null), z = dt(
     ut(ht, {
@@ -525,19 +525,19 @@ const Ei = (c) => {
       top: S.top + window.scrollY,
       left: S.left - 30
     }), g(C);
-  }, v = (h) => {
+  }, j = (h) => {
     const { active: C, over: S } = h;
     if (S && C.id !== S.id) {
-      const b = s.findIndex((M) => M.id === C.id), q = s.findIndex((M) => M.id === S.id);
-      if (b !== -1 && q !== -1) {
-        const M = [...s], [x] = M.splice(b, 1);
-        M.splice(q, 0, x), e(M);
+      const v = s.findIndex((M) => M.id === C.id), w = s.findIndex((M) => M.id === S.id);
+      if (v !== -1 && w !== -1) {
+        const M = [...s], [x] = M.splice(v, 1);
+        M.splice(w, 0, x), e(M);
       }
     }
   }, L = (h, C) => {
     const S = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        j,
+        b,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -548,46 +548,46 @@ const Ei = (c) => {
       y === "select" && n && /* @__PURE__ */ t.jsx(
         st,
         {
-          onChange: (b) => {
-            const q = [...s], M = n.find((A) => A.name === b);
+          onChange: (v) => {
+            const w = [...s], M = n.find((A) => A.name === v);
             if (!M) return;
-            const x = q.map((A) => A.id === h.id ? {
+            const x = w.map((A) => A.id === h.id ? {
               ...M,
               name: {
-                "en-US": b
+                "en-US": v
               }
             } : A);
             g({
               ...h,
               name: {
-                "en-US": b
+                "en-US": v
               }
             }), e([...x]);
           },
           value: h.name,
-          options: n.filter((b) => !s.find((q) => q.name === b.name)).map((b) => b.name)
+          options: n.filter((v) => !s.find((w) => w.name === v.name)).map((v) => v.name)
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: Y.buttons, children: [
-        m && /* @__PURE__ */ t.jsx("div", { className: Y.deleteButton, children: /* @__PURE__ */ t.jsx(
-          j,
+        p && /* @__PURE__ */ t.jsx("div", { className: Y.deleteButton, children: /* @__PURE__ */ t.jsx(
+          b,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (b) => R(b, h)
+            onClick: (v) => R(v, h)
           }
         ) }),
         u && /* @__PURE__ */ t.jsx("div", { className: Y.deleteButton, children: /* @__PURE__ */ t.jsx(
-          j,
+          b,
           {
             name: "Trash",
             hoverable: !0,
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => e(s.filter((b) => b.id !== h.id))
+            onClick: () => e(s.filter((v) => v.id !== h.id))
           }
         ) })
       ] })
@@ -610,8 +610,8 @@ const Ei = (c) => {
     );
   };
   return /* @__PURE__ */ t.jsxs("div", { className: Y.productsBlock, children: [
-    (r || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: Y.top, children: [
-      r && /* @__PURE__ */ t.jsx("h3", { className: Y.title, children: r }),
+    (l || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: Y.top, children: [
+      l && /* @__PURE__ */ t.jsx("h3", { className: Y.title, children: l }),
       i !== void 0 && /* @__PURE__ */ t.jsx(
         ot,
         {
@@ -623,12 +623,12 @@ const Ei = (c) => {
     /* @__PURE__ */ t.jsxs("div", { className: Y.products, children: [
       d && /* @__PURE__ */ t.jsx("h5", { className: Y.subtitle, children: d }),
       _ ? /* @__PURE__ */ t.jsx(
-        mt,
+        pt,
         {
           sensors: z,
-          onDragEnd: v,
+          onDragEnd: j,
           children: /* @__PURE__ */ t.jsx(
-            pt,
+            mt,
             {
               items: s.map((h) => h.id),
               strategy: _t,
@@ -637,7 +637,7 @@ const Ei = (c) => {
           )
         }
       ) : s.map((h, C) => L(h, C)),
-      w && /* @__PURE__ */ t.jsx(
+      $ && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -659,7 +659,7 @@ const Ei = (c) => {
                 let C = null;
                 if (n) {
                   for (let S = 0; S < n.length; S++)
-                    if (!s.find((b) => b.id === n[S].id)) {
+                    if (!s.find((v) => v.id === n[S].id)) {
                       C = n[S];
                       break;
                     }
@@ -667,7 +667,7 @@ const Ei = (c) => {
                 y === "select" && n && h.push({
                   name: C ? C.name : n[0].name,
                   id: (C == null ? void 0 : C.id) || n[0].id,
-                  ...p
+                  ...m
                 }), e(h);
               },
               style: {
@@ -676,7 +676,7 @@ const Ei = (c) => {
               children: /* @__PURE__ */ t.jsxs("div", { className: Y.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
-                  j,
+                  b,
                   {
                     name: "Plus",
                     width: 16,
@@ -692,16 +692,16 @@ const Ei = (c) => {
   ] });
 };
 function Qe(c) {
-  const { product: i, children: a } = c, { attributes: s, listeners: e, setNodeRef: r, transform: d, transition: m, isDragging: _ } = gt({
+  const { product: i, children: a } = c, { attributes: s, listeners: e, setNodeRef: l, transform: d, transition: p, isDragging: _ } = gt({
     id: i.id
   }), u = {
     transform: ft.Transform.toString(d),
-    transition: m
+    transition: p
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      ref: r,
+      ref: l,
       style: u,
       className: `${H.product} ${_ ? H.dragging : ""}`,
       ...s,
@@ -710,31 +710,31 @@ function Qe(c) {
     }
   );
 }
-const Ri = (c) => {
+const Di = (c) => {
   const {
     isActiveItems: i,
     setIsActiveItems: a,
     items: s,
     setItems: e,
-    other: r,
+    other: l,
     title: d,
-    subtitle: m,
+    subtitle: p,
     editable: _ = !0,
     draggable: u = !1,
-    deletable: w = !0,
+    deletable: $ = !0,
     addable: y = !0,
     itemsType: n,
-    itemsPlaceholder: p = "",
+    itemsPlaceholder: m = "",
     itemsOptions: o,
     hasRangeSelector: T = !1,
     rangeSelectorOptions: g,
     modalOptions: I,
     addableOptions: k = {},
     limit: O
-  } = c, [z, R] = f.useState(null), [v, L] = f.useState({
+  } = c, [z, R] = f.useState(null), [j, L] = f.useState({
     top: 0,
     left: 0
-  }), [h, C] = f.useState(null), S = f.useRef(null), [b, q] = f.useState(!1), M = dt(
+  }), [h, C] = f.useState(null), S = f.useRef(null), [v, w] = f.useState(!1), M = dt(
     ut(ht, {
       activationConstraint: {
         distance: 5
@@ -742,36 +742,36 @@ const Ri = (c) => {
     })
   );
   f.useEffect(() => {
-    const l = () => {
-      R(null), q(!1);
+    const r = () => {
+      R(null), w(!1);
     };
-    return document.body.addEventListener("click", l), R(null), q(!1), () => {
-      R(null), q(!1), document.body.removeEventListener("click", l);
+    return document.body.addEventListener("click", r), R(null), w(!1), () => {
+      R(null), w(!1), document.body.removeEventListener("click", r);
     };
   }, []), f.useEffect(() => {
     if (z) {
-      const l = [...s].map((P) => P.id === z.id ? z : P);
-      e(l);
+      const r = [...s].map((P) => P.id === z.id ? z : P);
+      e(r);
     }
   }, [z]), f.useEffect(() => {
     if (S.current && h) {
-      const l = S.current.getBoundingClientRect().height, P = window.innerHeight;
+      const r = S.current.getBoundingClientRect().height, P = window.innerHeight;
       let N = h.top;
-      N + l > P + window.scrollY - 200 && (N = P + window.scrollY - l - 200), N < 0 && (N = 10), L({
+      N + r > P + window.scrollY - 200 && (N = P + window.scrollY - r - 200), N < 0 && (N = 10), L({
         top: N,
         left: h.left
       });
     }
   }, [S.current, h]);
-  const x = (l, P) => {
-    l.stopPropagation();
-    const N = l.target.getBoundingClientRect();
+  const x = (r, P) => {
+    r.stopPropagation();
+    const N = r.target.getBoundingClientRect();
     C({
       top: N.top + window.scrollY,
       left: N.left - 30
-    }), R(P), q(!0);
-  }, A = (l) => {
-    const { active: P, over: N } = l;
+    }), R(P), w(!0);
+  }, A = (r) => {
+    const { active: P, over: N } = r;
     if (N && P.id !== N.id) {
       const E = s.findIndex((D) => D.id === P.id), K = s.findIndex((D) => D.id === N.id);
       if (E !== -1 && K !== -1) {
@@ -779,11 +779,11 @@ const Ri = (c) => {
         D.splice(K, 0, J), e(D);
       }
     }
-  }, V = (l) => {
+  }, V = (r) => {
     var N;
     const P = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       u && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        j,
+        b,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -795,74 +795,74 @@ const Ri = (c) => {
         st,
         {
           onChange: (E) => {
-            const D = [...s].map((J) => J.id === l.id ? {
-              ...l,
+            const D = [...s].map((J) => J.id === r.id ? {
+              ...r,
               name: {
                 "en-US": E
               }
             } : J);
             R({
-              ...l,
+              ...r,
               name: {
                 "en-US": E
               }
             }), e([...D]);
           },
-          value: l.name["en-US"],
+          value: r.name["en-US"],
           options: o.filter(
             (E) => !s.find((K) => K.name["en-US"] === E)
           )
         }
       ),
       n === "input" && /* @__PURE__ */ t.jsx(
-        bt,
+        vt,
         {
           onChange: (E) => {
-            const D = [...s].map((J) => J.id === l.id ? {
-              ...l,
+            const D = [...s].map((J) => J.id === r.id ? {
+              ...r,
               name: {
                 "en-US": E
               }
             } : J);
             e([...D]);
           },
-          value: l.name["en-US"],
-          placeholder: p
+          value: r.name["en-US"],
+          placeholder: m
         }
       ),
       n === "image" && /* @__PURE__ */ t.jsx(
         Tt,
         {
           onChange: (E) => {
-            const D = [...s].map((J) => J.id === l.id ? {
-              ...l,
+            const D = [...s].map((J) => J.id === r.id ? {
+              ...r,
               images: E
             } : J);
             e([...D]);
           },
-          activeImage: (N = s.find((E) => E.id === l.id)) == null ? void 0 : N.images[0]
+          activeImage: (N = s.find((E) => E.id === r.id)) == null ? void 0 : N.images[0]
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: H.buttons, children: [
         _ && /* @__PURE__ */ t.jsx("div", { className: H.deleteButton, children: /* @__PURE__ */ t.jsx(
-          j,
+          b,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (E) => x(E, l)
+            onClick: (E) => x(E, r)
           }
         ) }),
-        w && /* @__PURE__ */ t.jsx("div", { className: H.deleteButton, children: /* @__PURE__ */ t.jsx(
-          j,
+        $ && /* @__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((E) => E.id !== l.id))
+            onClick: () => e(s.filter((E) => E.id !== r.id))
           }
         ) })
       ] })
@@ -870,17 +870,17 @@ const Ri = (c) => {
     return u ? /* @__PURE__ */ t.jsx(
       Qe,
       {
-        product: l,
+        product: r,
         children: P
       },
-      l.id
+      r.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: H.product,
         children: P
       },
-      l.id
+      r.id
     );
   };
   return /* @__PURE__ */ t.jsxs("div", { className: H.productsBlock, children: [
@@ -890,39 +890,39 @@ const Ri = (c) => {
         ot,
         {
           current: i,
-          onChange: (l) => a == null ? void 0 : a(l)
+          onChange: (r) => a == null ? void 0 : a(r)
         }
       )
     ] }),
-    z && _ && I && b && /* @__PURE__ */ t.jsx(
+    z && _ && I && v && /* @__PURE__ */ t.jsx(
       Pt,
       {
         ref: S,
         activeItem: z,
         setActiveItem: R,
-        popupPosition: v,
+        popupPosition: j,
         modalOptions: I,
-        setIsOpenModal: q
+        setIsOpenModal: w
       }
     ),
     T && g && /* @__PURE__ */ t.jsx(kt, { ...g }),
     /* @__PURE__ */ t.jsxs("div", { className: H.products, children: [
-      m && /* @__PURE__ */ t.jsx("h5", { className: H.subtitle, children: m }),
+      p && /* @__PURE__ */ t.jsx("h5", { className: H.subtitle, children: p }),
       u ? /* @__PURE__ */ t.jsx(
-        mt,
+        pt,
         {
           sensors: M,
           onDragEnd: A,
           children: /* @__PURE__ */ t.jsx(
-            pt,
+            mt,
             {
-              items: s.map((l) => l.id),
+              items: s.map((r) => r.id),
               strategy: _t,
-              children: s.map((l) => V(l))
+              children: s.map((r) => V(r))
             }
           )
         }
-      ) : s.map((l) => V(l)),
+      ) : s.map((r) => V(r)),
       y && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -941,7 +941,7 @@ const Ri = (c) => {
               size: "s",
               disabled: !!(O && O <= s.length),
               onClick: () => {
-                const l = [...s];
+                const r = [...s];
                 let P = null;
                 if (o) {
                   for (let N = 0; N < o.length; N++)
@@ -950,7 +950,7 @@ const Ri = (c) => {
                       break;
                     }
                 }
-                n === "select" && o ? l.push({
+                n === "select" && o ? r.push({
                   name: {
                     "en-US": P || o[0]
                   },
@@ -958,21 +958,21 @@ const Ri = (c) => {
                   ...k,
                   maxSymbols: 100
                   // пример значения
-                }) : n === "input" ? l.push({
+                }) : n === "input" ? r.push({
                   name: {
                     "en-US": ""
                   },
                   id: et(),
                   ...k,
                   maxSymbols: 100
-                }) : l.push({
+                }) : r.push({
                   name: {
                     "en-US": `Image ${s.length + 1}`
                   },
                   id: et(),
                   ...k,
                   maxSymbols: 100
-                }), e(l);
+                }), e(r);
               },
               style: {
                 width: "fit-content"
@@ -980,7 +980,7 @@ const Ri = (c) => {
               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,
@@ -993,15 +993,15 @@ const Ri = (c) => {
         }
       )
     ] }),
-    r !== void 0 && /* @__PURE__ */ t.jsx(
-      lt,
+    l !== void 0 && /* @__PURE__ */ t.jsx(
+      rt,
       {
         otherTitle: "Other",
-        items: r
+        items: l
       }
     )
   ] });
-}, Xe = "_subtitle_jql1y_1", Je = "_header_jql1y_8", Ke = "_text_jql1y_9", Ze = "_productsBlock_jql1y_10", ts = "_buttonsBlock_jql1y_11", es = "_top_jql1y_23", ss = "_itemsBlock_jql1y_32", ns = "_typeTexts_jql1y_38", is = "_block_jql1y_45", as = "_active_jql1y_58", os = "_products_jql1y_10", cs = "_product_jql1y_10", rs = "_button_jql1y_11", ls = "_image_jql1y_88", ds = "_info_jql1y_95", us = "_name_jql1y_107", hs = "_buttons_jql1y_11", ms = "_modal_jql1y_118", ps = "_other_jql1y_138", _s = "_options_jql1y_144", gs = "_addButton_jql1y_150", fs = "_deleteButton_jql1y_165", Z = {
+}, Xe = "_subtitle_jql1y_1", Je = "_header_jql1y_8", Ke = "_text_jql1y_9", Ze = "_productsBlock_jql1y_10", ts = "_buttonsBlock_jql1y_11", es = "_top_jql1y_23", ss = "_itemsBlock_jql1y_32", ns = "_typeTexts_jql1y_38", is = "_block_jql1y_45", as = "_active_jql1y_58", os = "_products_jql1y_10", cs = "_product_jql1y_10", ls = "_button_jql1y_11", rs = "_image_jql1y_88", ds = "_info_jql1y_95", us = "_name_jql1y_107", hs = "_buttons_jql1y_11", ps = "_modal_jql1y_118", ms = "_other_jql1y_138", _s = "_options_jql1y_144", gs = "_addButton_jql1y_150", fs = "_deleteButton_jql1y_165", Z = {
   subtitle: Xe,
   header: Je,
   text: Ke,
@@ -1014,36 +1014,36 @@ const Ri = (c) => {
   active: as,
   products: os,
   product: cs,
-  button: rs,
-  image: ls,
+  button: ls,
+  image: rs,
   info: ds,
   name: us,
   buttons: hs,
-  modal: ms,
-  other: ps,
+  modal: ps,
+  other: ms,
   options: _s,
   addButton: gs,
   deleteButton: fs
 }, xs = (c) => {
-  const { buttons: i, setButtons: a, deletable: s = !0, addable: e = !0, editableLink: r = !0 } = c, { pages: d } = it(), [m, _] = f.useState(null), [u, w] = f.useState({
+  const { buttons: i, setButtons: a, deletable: s = !0, addable: e = !0, editableLink: l = !0 } = c, { pages: d } = it(), [p, _] = f.useState(null), [u, $] = f.useState({
     top: 0,
     left: 0
-  }), [y, n] = f.useState(null), p = f.useRef(null);
+  }), [y, n] = f.useState(null), m = f.useRef(null);
   f.useEffect(() => {
-    if (m) {
-      const g = [...i].map((I) => I.id === m.id ? m : I);
+    if (p) {
+      const g = [...i].map((I) => I.id === p.id ? p : I);
       a(g);
     }
-  }, [m]), f.useEffect(() => {
-    if (p.current && y) {
-      const g = p.current.getBoundingClientRect().height, I = window.innerHeight;
+  }, [p]), f.useEffect(() => {
+    if (m.current && y) {
+      const g = m.current.getBoundingClientRect().height, I = window.innerHeight;
       let k = y.top;
-      k + g > I + window.scrollY - 200 && (k = I + window.scrollY - g - 200), k < 0 && (k = 10), w({
+      k + g > I + window.scrollY - 200 && (k = I + window.scrollY - g - 200), k < 0 && (k = 10), $({
         top: k,
         left: y.left
       });
     }
-  }, [p.current, y]);
+  }, [m.current, y]);
   const o = (g, I) => {
     g.stopPropagation();
     const k = g.target.getBoundingClientRect();
@@ -1082,7 +1082,7 @@ const Ri = (c) => {
           ),
           /* @__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,
@@ -1094,7 +1094,7 @@ const Ri = (c) => {
               }
             ) }),
             /* @__PURE__ */ t.jsx("div", { className: Z.deleteButton, children: /* @__PURE__ */ t.jsx(
-              j,
+              b,
               {
                 name: "Sliders",
                 hoverable: !0,
@@ -1106,7 +1106,7 @@ const Ri = (c) => {
               }
             ) }),
             s && /* @__PURE__ */ t.jsx("div", { className: Z.deleteButton, children: /* @__PURE__ */ t.jsx(
-              j,
+              b,
               {
                 name: "Trash",
                 hoverable: !0,
@@ -1124,14 +1124,14 @@ const Ri = (c) => {
       },
       g.id
     )),
-    m && /* @__PURE__ */ t.jsx(
+    p && /* @__PURE__ */ t.jsx(
       Mt,
       {
-        ref: p,
-        activeButton: m,
+        ref: m,
+        activeButton: p,
         setActiveButton: _,
         popupPosition: u,
-        editableLink: r
+        editableLink: l
       }
     ),
     e && /* @__PURE__ */ t.jsx(
@@ -1150,7 +1150,7 @@ const Ri = (c) => {
             size: "s",
             onClick: () => {
               const g = [...i];
-              r ? g.push({
+              l ? g.push({
                 type: "Primary",
                 id: et(),
                 typesText: [],
@@ -1178,7 +1178,7 @@ const Ri = (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,
@@ -1191,19 +1191,19 @@ const Ri = (c) => {
       }
     )
   ] });
-}, Di = (c) => {
+}, zi = (c) => {
   const {
     isActiveButtons: i,
     setIsActiveButtons: a,
     buttons: s,
     setButtons: e,
-    editableLink: r = !0,
+    editableLink: l = !0,
     addable: d = !0,
-    deletable: m = !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: [
-      /* @__PURE__ */ t.jsx("h3", { className: jt.title, children: "Buttons" }),
+  return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsxs("div", { className: bt.buttonsBlock, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: bt.top, children: [
+      /* @__PURE__ */ t.jsx("h3", { className: bt.title, children: "Buttons" }),
       /* @__PURE__ */ t.jsx(
         ot,
         {
@@ -1217,47 +1217,47 @@ const Ri = (c) => {
       {
         buttons: s,
         setButtons: e,
-        editableLink: r,
+        editableLink: l,
         addable: d,
-        deletable: m
+        deletable: p
       }
     )
   ] }) });
 };
-function js(c) {
-  const { product: i, children: a } = c, { attributes: s, listeners: e, setNodeRef: r, transform: d, transition: m, isDragging: _ } = gt({
+function bs(c) {
+  const { product: i, children: a } = c, { attributes: s, listeners: e, setNodeRef: l, transform: d, transition: p, isDragging: _ } = gt({
     id: String(i.listingId)
   }), u = {
     transform: ft.Transform.toString(d),
-    transition: m
+    transition: p
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      ref: r,
+      ref: l,
       style: u,
-      className: `${G.product} ${_ ? G.dragging : ""}`,
+      className: `${Q.product} ${_ ? Q.dragging : ""}`,
       ...s,
       ...e,
       children: a
     }
   );
 }
-const zi = (c) => {
+const Li = (c) => {
   const {
     isActiveItems: i,
     setIsActiveItems: a,
     items: s,
     setItems: e,
-    other: r,
+    other: l,
     title: d,
-    subtitle: m,
+    subtitle: p,
     editable: _ = !0,
     draggable: u = !1,
-    withImage: w = !1,
+    withImage: $ = !1,
     deletable: y = !0,
     addable: n = !0,
-    itemsType: p,
+    itemsType: m,
     itemsOptions: o,
     limit: T,
     aspectRatio: g,
@@ -1267,7 +1267,7 @@ const zi = (c) => {
   ), [z, R] = f.useState({
     top: 0,
     left: 0
-  }), [v, L] = f.useState(!1), h = dt(
+  }), [j, L] = f.useState(!1), h = dt(
     ut(ht, {
       activationConstraint: {
         distance: 5
@@ -1289,15 +1289,15 @@ const zi = (c) => {
   }, [k]);
   const C = (x, A) => {
     x.stopPropagation();
-    const V = x.target.getBoundingClientRect(), l = 100, P = window.innerHeight;
+    const V = x.target.getBoundingClientRect(), r = 100, P = window.innerHeight;
     let N = V.top + window.scrollY;
-    N + l > P && (N = P - l - 20), L(!0), R({
+    N + r > P && (N = P - r - 20), L(!0), R({
       top: N - 80,
       left: V.left - 30
     }), O(A);
   };
   function S(x) {
-    if (w)
+    if ($)
       return x ? /* @__PURE__ */ t.jsx(
         "img",
         {
@@ -1307,7 +1307,7 @@ const zi = (c) => {
           height: 16
         }
       ) : /* @__PURE__ */ t.jsx(
-        j,
+        b,
         {
           name: "Image",
           width: 16,
@@ -1316,21 +1316,21 @@ const zi = (c) => {
         }
       );
   }
-  const b = (x) => {
+  const v = (x) => {
     const { active: A, over: V } = x;
     if (V && A.id !== V.id) {
-      const l = s.findIndex((N) => String(N.listingId) === A.id), P = s.findIndex((N) => String(N.listingId) === V.id);
-      if (l !== -1 && P !== -1) {
-        const N = [...s], [E] = N.splice(l, 1);
+      const r = s.findIndex((N) => String(N.listingId) === A.id), P = s.findIndex((N) => String(N.listingId) === V.id);
+      if (r !== -1 && P !== -1) {
+        const N = [...s], [E] = N.splice(r, 1);
         N.splice(P, 0, E), e(N);
       }
     }
-  }, q = (x) => {
-    const A = o.find((l) => x.listingId === l.id);
+  }, w = (x) => {
+    const A = o.find((r) => x.listingId === r.id);
     if (!A) return null;
     const V = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       u && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        j,
+        b,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -1338,11 +1338,11 @@ const zi = (c) => {
           height: 20
         }
       ) }),
-      p === "select" && /* @__PURE__ */ t.jsx(
+      m === "select" && /* @__PURE__ */ t.jsx(
         st,
         {
-          onChange: (l) => {
-            const P = [...s], N = o.find((D) => D.productData.name === l);
+          onChange: (r) => {
+            const P = [...s], N = o.find((D) => D.productData.name === r);
             if (!N) return;
             const E = {
               listingId: N.id,
@@ -1352,43 +1352,43 @@ const zi = (c) => {
           },
           value: A.productData.name,
           options: [
-            ...o.filter((l) => !s.find((P) => P.listingId === l.id)).map((l) => l.productData.name)
+            ...o.filter((r) => !s.find((P) => P.listingId === r.id)).map((r) => r.productData.name)
           ],
-          leftAddonOptions: o.map((l) => {
+          leftAddonOptions: o.map((r) => {
             var P;
             return {
-              value: l.productData.name,
-              addon: S(((P = l.productData.images[0]) == null ? void 0 : P.cfId) || "")
+              value: r.productData.name,
+              addon: S(((P = r.productData.images[0]) == null ? void 0 : P.cfId) || "")
             };
           })
         }
       ),
-      /* @__PURE__ */ t.jsxs("div", { className: G.buttons, children: [
-        _ && /* @__PURE__ */ t.jsx("div", { className: G.deleteButton, children: /* @__PURE__ */ t.jsx(
-          j,
+      /* @__PURE__ */ t.jsxs("div", { className: Q.buttons, children: [
+        _ && /* @__PURE__ */ t.jsx("div", { className: Q.deleteButton, children: /* @__PURE__ */ t.jsx(
+          b,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (l) => C(l, x)
+            onClick: (r) => C(r, x)
           }
         ) }),
-        y && /* @__PURE__ */ t.jsx("div", { className: G.deleteButton, children: /* @__PURE__ */ t.jsx(
-          j,
+        y && /* @__PURE__ */ t.jsx("div", { className: Q.deleteButton, children: /* @__PURE__ */ t.jsx(
+          b,
           {
             name: "Trash",
             hoverable: !0,
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => e(s.filter((l) => l !== x))
+            onClick: () => e(s.filter((r) => r !== x))
           }
         ) })
       ] })
     ] });
     return u ? /* @__PURE__ */ t.jsx(
-      js,
+      bs,
       {
         product: x,
         children: V
@@ -1397,15 +1397,15 @@ const zi = (c) => {
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: G.product,
+        className: Q.product,
         children: V
       },
       x.listingId
     );
   }, M = f.useRef(null);
-  return /* @__PURE__ */ t.jsxs("div", { className: G.productsBlock, children: [
-    (d || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: G.top, children: [
-      d && /* @__PURE__ */ t.jsx("h3", { className: G.title, children: d }),
+  return /* @__PURE__ */ t.jsxs("div", { className: Q.productsBlock, children: [
+    (d || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: Q.top, children: [
+      d && /* @__PURE__ */ t.jsx("h3", { className: Q.title, children: d }),
       i !== void 0 && /* @__PURE__ */ t.jsx(
         ot,
         {
@@ -1414,7 +1414,7 @@ const zi = (c) => {
         }
       )
     ] }),
-    v && k && /* @__PURE__ */ t.jsx(
+    j && k && /* @__PURE__ */ t.jsx(
       At,
       {
         ref: M,
@@ -1425,23 +1425,23 @@ const zi = (c) => {
         itemsOptions: o
       }
     ),
-    i && /* @__PURE__ */ t.jsxs("div", { className: G.products, children: [
-      m && /* @__PURE__ */ t.jsx("h5", { className: G.subtitle, children: m }),
+    i && /* @__PURE__ */ t.jsxs("div", { className: Q.products, children: [
+      p && /* @__PURE__ */ t.jsx("h5", { className: Q.subtitle, children: p }),
       u ? /* @__PURE__ */ t.jsx(
-        mt,
+        pt,
         {
           sensors: h,
-          onDragEnd: b,
+          onDragEnd: v,
           children: /* @__PURE__ */ t.jsx(
-            pt,
+            mt,
             {
               items: s.map((x) => String(x.listingId)),
               strategy: _t,
-              children: s.map((x) => q(x))
+              children: s.map((x) => w(x))
             }
           )
         }
-      ) : s.map((x) => q(x)),
+      ) : s.map((x) => w(x)),
       n && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -1454,7 +1454,7 @@ const zi = (c) => {
             ct,
             {
               withoutHover: !0,
-              className: G.button,
+              className: Q.button,
               size: "s",
               onClick: () => {
                 const x = [...s];
@@ -1472,10 +1472,10 @@ const zi = (c) => {
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ t.jsxs("div", { className: G.addButton, children: [
+              children: /* @__PURE__ */ t.jsxs("div", { className: Q.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
-                  j,
+                  b,
                   {
                     name: "Plus",
                     width: 16,
@@ -1497,26 +1497,26 @@ const zi = (c) => {
         leftAddonOptions: St
       }
     ),
-    i && r !== void 0 && /* @__PURE__ */ t.jsx(
-      lt,
+    i && l !== void 0 && /* @__PURE__ */ t.jsx(
+      rt,
       {
         otherTitle: "Other",
-        items: r
+        items: l
       }
     )
   ] });
-}, vs = "_options_1vlf9_1", bs = "_price_1vlf9_13", ys = "_oldPrice_1vlf9_20", Ns = "_newPrice_1vlf9_28", Is = "_animate_1vlf9_35", ks = "_appearAndBounce_1vlf9_1", Cs = "_meta_1vlf9_53", Ss = "_info_1vlf9_59", $s = "_infoRight_1vlf9_67", ws = "_buttons_1vlf9_74", qs = "_variants_1vlf9_81", Bs = "_variant_1vlf9_81", Ps = "_stock_1vlf9_99", Ts = "_variantInfo_1vlf9_106", Ms = "_quantity_1vlf9_112", As = "_count_1vlf9_119", Os = "_focused_1vlf9_136", Es = "_button_1vlf9_74", Rs = "_activeVariant_1vlf9_162", Ds = "_chargeTypes_1vlf9_166", zs = "_charge_1vlf9_166", Ls = "_chargeActive_1vlf9_191", Fs = "_title_1vlf9_199", B = {
-  options: vs,
-  price: bs,
+}, js = "_options_1aiq8_1", vs = "_price_1aiq8_18", ys = "_oldPrice_1aiq8_25", Ns = "_newPrice_1aiq8_33", Is = "_animate_1aiq8_40", ks = "_appearAndBounce_1aiq8_1", Cs = "_meta_1aiq8_58", Ss = "_info_1aiq8_64", qs = "_infoRight_1aiq8_72", $s = "_buttons_1aiq8_79", ws = "_variants_1aiq8_86", Bs = "_variant_1aiq8_86", Ps = "_stock_1aiq8_104", Ts = "_variantInfo_1aiq8_111", Ms = "_quantity_1aiq8_117", As = "_count_1aiq8_124", Os = "_focused_1aiq8_141", Es = "_button_1aiq8_79", Rs = "_activeVariant_1aiq8_167", Ds = "_chargeTypes_1aiq8_171", zs = "_charge_1aiq8_171", Ls = "_chargeActive_1aiq8_196", Fs = "_title_1aiq8_204", B = {
+  options: js,
+  price: vs,
   oldPrice: ys,
   newPrice: Ns,
   animate: Is,
   appearAndBounce: ks,
   meta: Cs,
   info: Ss,
-  infoRight: $s,
-  buttons: ws,
-  variants: qs,
+  infoRight: qs,
+  buttons: $s,
+  variants: ws,
   variant: Bs,
   stock: Ps,
   variantInfo: Ts,
@@ -1533,16 +1533,16 @@ const zi = (c) => {
 var It = /* @__PURE__ */ ((c) => (c.ONE_TIME = "One-Time", c.RECURRING = "Subscribe & Save", c))(It || {});
 const Vs = (c) => {
   var z, R;
-  const { product: i, setIsOpen: a } = c, { variants: s } = i, [e, r] = f.useState(s[0]), [d, m] = f.useState(
+  const { product: i, setIsOpen: a } = c, { variants: s } = i, [e, l] = f.useState(s[0]), [d, p] = f.useState(
     e.chargeTypes ? e.chargeTypes[0] : "ONE_TIME"
-  ), _ = xt(), [u, w] = f.useState(1), { reset: y, addProductToCart: n, addProducts: p } = rt(), [o, T] = f.useState(!1), { pageContext: g } = it();
+  ), _ = xt(), [u, $] = f.useState(1), { reset: y, addProductToCart: n, addProducts: m } = lt(), [o, T] = f.useState(!1), { pageContext: g } = it();
   f.useEffect(() => {
     T(!0);
-    const v = setTimeout(() => T(!1), 600);
-    return () => clearTimeout(v);
+    const j = setTimeout(() => T(!1), 600);
+    return () => clearTimeout(j);
   }, [u]);
   async function I() {
-    await p((g == null ? void 0 : g.products) || []), await n({
+    await m((g == null ? void 0 : g.products) || []), await n({
       productId: i.id,
       productVariantId: e.id,
       quantity: u
@@ -1551,60 +1551,60 @@ const Vs = (c) => {
   function k() {
     y(), I(), _("/checkout");
   }
-  function O(v) {
-    if (v >= 864e5) {
-      const b = Math.floor(v / 864e5);
-      return `${b} ${b === 1 ? "day" : "days"}`;
-    } else if (v >= 36e5) {
-      const b = Math.floor(v / 36e5);
-      return `${b} ${b === 1 ? "hour" : "hours"}`;
-    } else if (v >= 6e4) {
-      const b = Math.floor(v / 6e4);
-      return `${b} ${b === 1 ? "minute" : "minutes"}`;
+  function O(j) {
+    if (j >= 864e5) {
+      const v = Math.floor(j / 864e5);
+      return `${v} ${v === 1 ? "day" : "days"}`;
+    } else if (j >= 36e5) {
+      const v = Math.floor(j / 36e5);
+      return `${v} ${v === 1 ? "hour" : "hours"}`;
+    } else if (j >= 6e4) {
+      const v = Math.floor(j / 6e4);
+      return `${v} ${v === 1 ? "minute" : "minutes"}`;
     } else {
-      const b = Math.floor(v / 1e3);
-      return `${b} ${b === 1 ? "second" : "seconds"}`;
+      const v = Math.floor(j / 1e3);
+      return `${v} ${v === 1 ? "second" : "seconds"}`;
     }
   }
   return f.useEffect(() => {
-    e.quantity && e.quantity.available === 0 && w(0);
+    e.quantity && e.quantity.available === 0 && $(0);
   }, [e.quantity.available]), /* @__PURE__ */ t.jsxs("div", { className: B.options, children: [
-    e.chargeTypes && e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: B.chargeTypes, children: e.chargeTypes.map((v) => /* @__PURE__ */ t.jsx(
+    e.chargeTypes && e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: B.chargeTypes, children: e.chargeTypes.map((j) => /* @__PURE__ */ t.jsx(
       "div",
       {
         className: U(B.charge, {
-          [B.chargeActive]: d === v
+          [B.chargeActive]: d === j
         }),
-        onClick: () => m(v),
-        children: It[v]
+        onClick: () => p(j),
+        children: It[j]
       },
-      v
+      j
     )) }),
-    /* @__PURE__ */ t.jsx("div", { className: B.variants, children: s.map((v) => {
+    /* @__PURE__ */ t.jsx("div", { className: B.variants, children: s.map((j) => {
       var L, h;
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
           className: U(B.variant, {
-            [B.activeVariant]: e.id === v.id
+            [B.activeVariant]: e.id === j.id
           }),
-          onClick: () => r(v),
+          onClick: () => l(j),
           children: [
             /* @__PURE__ */ t.jsxs("div", { className: B.variantInfo, children: [
-              /* @__PURE__ */ t.jsx("span", { className: B.title, children: yt(v.name) }),
+              /* @__PURE__ */ t.jsx("span", { className: B.title, children: yt(j.name) }),
               /* @__PURE__ */ t.jsxs("span", { children: [
                 "$",
-                d === "ONE_TIME" ? v.price.amount : v.subscriptionSettings ? v.subscriptionSettings.price.amount : "Price Not Found"
+                d === "ONE_TIME" ? j.price.amount : j.subscriptionSettings ? j.subscriptionSettings.price.amount : "Price Not Found"
               ] })
             ] }),
             /* @__PURE__ */ t.jsx("div", { children: d === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: B.stock, children: [
-              (L = v.quantity.restrictions) != null && L.max || v.quantity.available !== void 0 ? ((h = v.quantity.restrictions) == null ? void 0 : h.max) || v.quantity.available : "∞",
+              (L = j.quantity.restrictions) != null && L.max || j.quantity.available !== void 0 ? ((h = j.quantity.restrictions) == null ? void 0 : h.max) || j.quantity.available : "∞",
               " ",
               "in stock"
             ] }) })
           ]
         },
-        v.id
+        j.id
       );
     }) }),
     d === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: B.quantity, children: [
@@ -1613,11 +1613,11 @@ const Vs = (c) => {
         {
           type: "Secondary",
           onClick: () => {
-            u > 1 ? w((v) => v - 1) : w(1);
+            u > 1 ? $((j) => j - 1) : $(1);
           },
           className: B.button,
           disabled: e.quantity.available && e.quantity.restrictions && u <= e.quantity.restrictions.min || e.quantity.available === 0,
-          children: /* @__PURE__ */ t.jsx(j, { name: "Minus" })
+          children: /* @__PURE__ */ t.jsx(b, { name: "Minus" })
         }
       ),
       /* @__PURE__ */ t.jsx(
@@ -1625,7 +1625,7 @@ const Vs = (c) => {
         {
           type: "number",
           value: String(u),
-          onChange: (v) => w(Number(v)),
+          onChange: (j) => $(Number(j)),
           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,
           centered: !0,
@@ -1637,11 +1637,11 @@ const Vs = (c) => {
         {
           type: "Secondary",
           onClick: () => {
-            w((v) => v + 1);
+            $((j) => j + 1);
           },
           className: B.button,
           disabled: !!(e.quantity.available && e.quantity.restrictions && u >= e.quantity.restrictions.max || e.quantity.available === 0),
-          children: /* @__PURE__ */ t.jsx(j, { name: "Plus" })
+          children: /* @__PURE__ */ t.jsx(b, { name: "Plus" })
         }
       )
     ] }),
@@ -1650,7 +1650,7 @@ const Vs = (c) => {
         /* @__PURE__ */ t.jsx("span", { children: "Delivery" }),
         /* @__PURE__ */ t.jsxs("div", { className: B.infoRight, children: [
           /* @__PURE__ */ t.jsx(
-            j,
+            b,
             {
               name: "Lightning",
               fill: "#FF3F19",
@@ -1711,7 +1711,7 @@ const Vs = (c) => {
       )
     ] })
   ] });
-}, Us = "_button_14q75_1", Hs = "_login_14q75_14", Ys = "_signUp_14q75_18", Ws = "_buttons_14q75_23", Gs = "_modal_14q75_32", Qs = "_closing_14q75_64", Xs = "_info_14q75_113", Js = "_top_14q75_120", Ks = "_title_14q75_131", Zs = "_clear_14q75_138", tn = "_activeClear_14q75_145", en = "_count_14q75_149", sn = "_cart_14q75_164", nn = "_empty_14q75_172", an = "_product_14q75_198", on = "_products_14q75_207", cn = "_image_14q75_215", rn = "_productInfo_14q75_230", ln = "_content_14q75_237", dn = "_name_14q75_243", un = "_price_14q75_249", hn = "_productButtons_14q75_255", mn = "_productButton_14q75_255", pn = "_productCount_14q75_272", _n = "_bottom_14q75_289", gn = "_subtotal_14q75_297", fn = "_block_14q75_305", xn = "_shoppingCount_14q75_312", jn = "_total_14q75_332", vn = "_link_14q75_338", bn = "_userInfo_14q75_345", yn = "_pagesMobileModal_14q75_356", Nn = "_pagesMobileModalContent_14q75_370", In = "_pagesMobileModalHeader_14q75_376", kn = "_pagesMobileModalFooter_14q75_386", $ = {
+}, Us = "_button_14q75_1", Hs = "_login_14q75_14", Ys = "_signUp_14q75_18", Ws = "_buttons_14q75_23", Gs = "_modal_14q75_32", Qs = "_closing_14q75_64", Xs = "_info_14q75_113", Js = "_top_14q75_120", Ks = "_title_14q75_131", Zs = "_clear_14q75_138", tn = "_activeClear_14q75_145", en = "_count_14q75_149", sn = "_cart_14q75_164", nn = "_empty_14q75_172", an = "_product_14q75_198", on = "_products_14q75_207", cn = "_image_14q75_215", ln = "_productInfo_14q75_230", rn = "_content_14q75_237", dn = "_name_14q75_243", un = "_price_14q75_249", hn = "_productButtons_14q75_255", pn = "_productButton_14q75_255", mn = "_productCount_14q75_272", _n = "_bottom_14q75_289", gn = "_subtotal_14q75_297", fn = "_block_14q75_305", xn = "_shoppingCount_14q75_312", bn = "_total_14q75_332", jn = "_link_14q75_338", vn = "_userInfo_14q75_345", yn = "_pagesMobileModal_14q75_356", Nn = "_pagesMobileModalContent_14q75_370", In = "_pagesMobileModalHeader_14q75_376", kn = "_pagesMobileModalFooter_14q75_386", q = {
   button: Us,
   login: Hs,
   signUp: Ys,
@@ -1733,63 +1733,63 @@ const Vs = (c) => {
   product: an,
   products: on,
   image: cn,
-  productInfo: rn,
-  content: ln,
+  productInfo: ln,
+  content: rn,
   name: dn,
   price: un,
   productButtons: hn,
-  productButton: mn,
-  productCount: pn,
+  productButton: pn,
+  productCount: mn,
   bottom: _n,
   subtotal: gn,
   block: fn,
   shoppingCount: xn,
-  total: jn,
-  link: vn,
-  userInfo: bn,
+  total: bn,
+  link: jn,
+  userInfo: vn,
   pagesMobileModal: yn,
   pagesMobileModalContent: Nn,
   pagesMobileModalHeader: In,
   pagesMobileModalFooter: kn
-}, Li = (c) => {
+}, Fi = (c) => {
   const { shopping: i, signUp: a, isShowUserInfo: s = !0 } = c;
-  return /* @__PURE__ */ t.jsxs("div", { className: $.buttons, children: [
+  return /* @__PURE__ */ t.jsxs("div", { className: q.buttons, children: [
     i && /* @__PURE__ */ t.jsx(Cn, {}),
     s && /* @__PURE__ */ t.jsx(Bt, { signUp: a })
   ] });
 }, Cn = () => {
-  const [c, i] = f.useState(!1), [a, s] = f.useState([]), { cart: e } = rt(), { pageContext: r } = it();
+  const [c, i] = f.useState(!1), [a, s] = f.useState([]), { cart: e } = lt(), { pageContext: l } = it();
   function d(n) {
     if (n.variants.length > 0) {
-      for (let p = 0; p < e.parts.length; p++)
+      for (let m = 0; m < e.parts.length; m++)
         for (let o = 0; o < n.variants.length; o++)
-          if (n.variants[o] && e.parts[p].productVariantId === n.variants[o].id)
-            return e.parts[p].productVariantId;
+          if (n.variants[o] && e.parts[m].productVariantId === n.variants[o].id)
+            return e.parts[m].productVariantId;
     }
     return n.variants[0].id;
   }
-  function m(n) {
-    for (let p = 0; p < e.parts.length; p++)
+  function p(n) {
+    for (let m = 0; m < e.parts.length; m++)
       for (let o = 0; o < n.variants.length; o++)
-        if (n.variants[o] && e.parts[p].productVariantId === n.variants[o].id)
-          return e.parts[p].quantity;
+        if (n.variants[o] && e.parts[m].productVariantId === n.variants[o].id)
+          return e.parts[m].quantity;
   }
   f.useEffect(() => {
     (async () => {
       var g;
-      const p = e.parts.map((I) => String(I.productId)), T = (((g = r == null ? void 0 : r.products) == null ? void 0 : g.filter((I) => p.includes(String(I.id)))) || []).map((I) => ({
+      const m = e.parts.map((I) => String(I.productId)), T = (((g = l == null ? void 0 : l.products) == null ? void 0 : g.filter((I) => m.includes(String(I.id)))) || []).map((I) => ({
         ...I,
         activeVariantId: d(I),
-        quantity: m(I)
+        quantity: p(I)
       }));
       s(T);
     })();
   }, [e.parts]);
   function _(n) {
-    var p;
-    return !n || !(n != null && n.variants) ? !1 : (p = n.variants.find((o) => o.id === n.activeVariantId)) == null ? void 0 : p.subscriptionSettings;
+    var m;
+    return !n || !(n != null && n.variants) ? !1 : (m = n.variants.find((o) => o.id === n.activeVariantId)) == null ? void 0 : m.subscriptionSettings;
   }
-  const u = e.parts.length > 0 && a.length > 0 && !_(a[0]), [w, y] = f.useState(!1);
+  const u = e.parts.length > 0 && a.length > 0 && !_(a[0]), [$, y] = f.useState(!1);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsxs(
       F,
@@ -1804,13 +1804,13 @@ const Vs = (c) => {
         },
         children: [
           /* @__PURE__ */ t.jsx(
-            j,
+            b,
             {
               name: "Handbag",
               fill: "var(--text-primary)"
             }
           ),
-          u && /* @__PURE__ */ t.jsx("div", { className: $.shoppingCount, children: e.parts.length })
+          u && /* @__PURE__ */ t.jsx("div", { className: q.shoppingCount, children: e.parts.length })
         ]
       }
     ),
@@ -1828,26 +1828,26 @@ const Vs = (c) => {
           {
             activeProducts: a,
             isCartNotEmpty: u,
-            isOpen: w
+            isOpen: $
           }
         )
       }
     )
   ] });
 }, Sn = (c) => {
-  const { activeProducts: i, isCartNotEmpty: a, isOpen: s } = c, { cart: e, reset: r, getTotalAndDiscount: d, updateQuantityOfProduct: m } = rt(), _ = xt();
+  const { activeProducts: i, isCartNotEmpty: a, isOpen: s } = c, { cart: e, reset: l, getTotalAndDiscount: d, updateQuantityOfProduct: p } = lt(), _ = xt();
   function u(n) {
     _(n);
   }
-  function w(n) {
-    n.quantity && m({
+  function $(n) {
+    n.quantity && p({
       productId: n.id,
       productVariantId: n.activeVariantId,
       quantity: n.quantity + 1
     });
   }
   function y(n) {
-    n.quantity && m({
+    n.quantity && p({
       productId: n.id,
       productVariantId: n.activeVariantId,
       quantity: n.quantity - 1
@@ -1856,35 +1856,35 @@ const Vs = (c) => {
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: U($.modal, {
-        [$.closing]: !s
+      className: U(q.modal, {
+        [q.closing]: !s
       }),
       onClick: (n) => n.stopPropagation(),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: $.top, children: [
-          /* @__PURE__ */ t.jsxs("div", { className: $.info, children: [
-            /* @__PURE__ */ t.jsx("span", { className: $.title, children: "Cart" }),
-            a && /* @__PURE__ */ t.jsx("div", { className: $.count, children: e.parts.length })
+        /* @__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.jsx(
             "button",
             {
-              className: U($.clear, {
-                [$.activeClear]: a
+              className: U(q.clear, {
+                [q.activeClear]: a
               }),
               disabled: !a,
-              onClick: r,
+              onClick: l,
               children: "Clear all"
             }
           )
         ] }),
-        a ? /* @__PURE__ */ t.jsxs("div", { className: $.cart, children: [
-          /* @__PURE__ */ t.jsx("div", { className: $.products, children: i.map((n) => /* @__PURE__ */ t.jsxs(
+        a ? /* @__PURE__ */ t.jsxs("div", { className: q.cart, children: [
+          /* @__PURE__ */ t.jsx("div", { className: q.products, children: i.map((n) => /* @__PURE__ */ t.jsxs(
             "div",
             {
-              className: $.product,
+              className: q.product,
               children: [
-                /* @__PURE__ */ t.jsxs("div", { className: $.productInfo, children: [
+                /* @__PURE__ */ t.jsxs("div", { className: q.productInfo, children: [
                   n.images.length > 0 ? /* @__PURE__ */ t.jsx(
                     "img",
                     {
@@ -1892,24 +1892,24 @@ const Vs = (c) => {
                       alt: "image",
                       width: "100%",
                       height: "100%",
-                      className: $.image
+                      className: q.image
                     }
-                  ) : /* @__PURE__ */ t.jsx("div", { className: $.image, children: /* @__PURE__ */ t.jsx(
-                    j,
+                  ) : /* @__PURE__ */ t.jsx("div", { className: q.image, children: /* @__PURE__ */ t.jsx(
+                    b,
                     {
                       name: "Image",
                       fill: "var(--text-secondary)"
                     }
                   ) }),
-                  /* @__PURE__ */ t.jsxs("div", { className: $.content, children: [
-                    /* @__PURE__ */ t.jsx("div", { className: $.name, children: yt(n.name) }),
-                    /* @__PURE__ */ t.jsxs("div", { className: $.price, children: [
+                  /* @__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: [
                       "$",
-                      n.variants.find((p) => p.id === n.activeVariantId).price.amount * ((n == null ? void 0 : n.quantity) || 1)
+                      n.variants.find((m) => m.id === n.activeVariantId).price.amount * ((n == null ? void 0 : n.quantity) || 1)
                     ] })
                   ] })
                 ] }),
-                /* @__PURE__ */ t.jsxs("div", { className: $.productButtons, children: [
+                /* @__PURE__ */ t.jsxs("div", { className: q.productButtons, children: [
                   /* @__PURE__ */ t.jsx(
                     F,
                     {
@@ -1917,10 +1917,10 @@ const Vs = (c) => {
                       onClick: () => {
                         n.quantity !== 1 && y(n);
                       },
-                      className: $.productButton,
+                      className: q.productButton,
                       disabled: n.quantity === 1,
                       children: /* @__PURE__ */ t.jsx(
-                        j,
+                        b,
                         {
                           name: "Minus",
                           fill: "#757575",
@@ -1930,16 +1930,16 @@ const Vs = (c) => {
                       )
                     }
                   ),
-                  /* @__PURE__ */ t.jsx("div", { className: $.productCount, children: n.quantity }),
+                  /* @__PURE__ */ t.jsx("div", { className: q.productCount, children: n.quantity }),
                   /* @__PURE__ */ t.jsx(
                     F,
                     {
                       type: "Secondary",
-                      onClick: () => w(n),
-                      className: $.productButton,
-                      disabled: n.quantity === n.variants.find((p) => p.id === n.activeVariantId).quantity.available,
+                      onClick: () => $(n),
+                      className: q.productButton,
+                      disabled: n.quantity === n.variants.find((m) => m.id === n.activeVariantId).quantity.available,
                       children: /* @__PURE__ */ t.jsx(
-                        j,
+                        b,
                         {
                           name: "Plus",
                           fill: "#757575",
@@ -1954,12 +1954,12 @@ const Vs = (c) => {
             },
             n.id
           )) }),
-          /* @__PURE__ */ t.jsxs("div", { className: $.bottom, children: [
-            /* @__PURE__ */ t.jsxs("div", { className: $.subtotal, children: [
-              /* @__PURE__ */ t.jsxs("div", { className: $.block, children: [
+          /* @__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.jsx("span", { children: "Subtotal" }),
                 /* @__PURE__ */ t.jsx(
-                  j,
+                  b,
                   {
                     name: "Info",
                     width: 20,
@@ -1968,20 +1968,20 @@ const Vs = (c) => {
                   }
                 )
               ] }),
-              /* @__PURE__ */ t.jsxs("div", { className: $.total, children: [
+              /* @__PURE__ */ t.jsxs("div", { className: q.total, children: [
                 "$",
                 d().total
               ] })
             ] }),
             /* @__PURE__ */ t.jsx(F, { onClick: () => u("/checkout"), children: "Checkout" })
           ] })
-        ] }) : /* @__PURE__ */ t.jsx($n, {})
+        ] }) : /* @__PURE__ */ t.jsx(qn, {})
       ]
     }
   );
-}, $n = () => /* @__PURE__ */ t.jsxs("div", { className: $.empty, children: [
+}, qn = () => /* @__PURE__ */ t.jsxs("div", { className: q.empty, children: [
   /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-    j,
+    b,
     {
       name: "Handbag",
       fill: "var(--text-secondary)"
@@ -1995,14 +1995,14 @@ const Vs = (c) => {
       "a",
       {
         href: "/products",
-        className: $.link,
+        className: q.link,
         children: "view products"
       }
     )
   ] })
 ] }), Bt = ({ signUp: c, close: i }) => {
   const a = JSON.parse(localStorage.getItem("token") || "{}"), { data: s } = a, e = xt();
-  function r(_) {
+  function l(_) {
     window.location.pathname.includes("/admin/builder") || e(_);
   }
   if (!s)
@@ -2011,7 +2011,7 @@ const Vs = (c) => {
         F,
         {
           onClick: () => {
-            r("/customer-dash"), i == null || i();
+            l("/customer-dash"), i == null || i();
           },
           type: "Secondary",
           style: {
@@ -2024,7 +2024,7 @@ const Vs = (c) => {
         F,
         {
           onClick: () => {
-            r("/customer-dash"), i == null || i();
+            l("/customer-dash"), i == null || i();
           },
           type: "Primary",
           style: {
@@ -2035,29 +2035,29 @@ const Vs = (c) => {
         }
       )
     ] });
-  const [d, m] = f.useState("test-email@gmail.com");
+  const [d, p] = f.useState("test-email@gmail.com");
   return f.useEffect(() => {
     (async () => {
       const u = Et(s);
-      m(u.email);
+      p(u.email);
     })();
   }, [s]), /* @__PURE__ */ t.jsx(
     "div",
     {
-      className: $.userInfo,
+      className: q.userInfo,
       onClick: () => {
-        r("/customer-dash"), i == null || i();
+        l("/customer-dash"), i == null || i();
       },
       children: /* @__PURE__ */ t.jsx("div", { children: d || "test-email@gmail.com" })
     }
   );
-}, wn = ({
+}, $n = ({
   children: c,
   logo: i,
   setIsOpen: a,
   signUp: s
 }) => {
-  const { setIsOpen: e } = $t(), r = () => {
+  const { setIsOpen: e } = qt(), l = () => {
     e(!1), setTimeout(() => {
       a(!1), e(!0);
     }, 300);
@@ -2065,18 +2065,18 @@ const Vs = (c) => {
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: $.pagesMobileModal,
+      className: q.pagesMobileModal,
       onClick: (d) => d.stopPropagation(),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: $.pagesMobileModalHeader, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: q.pagesMobileModalHeader, children: [
           /* @__PURE__ */ t.jsx("div", { children: i }),
           /* @__PURE__ */ t.jsx(
             F,
             {
               type: "Secondary",
-              onClick: r,
+              onClick: l,
               children: /* @__PURE__ */ t.jsx(
-                j,
+                b,
                 {
                   name: "X",
                   fill: "var(--text-primary)"
@@ -2085,27 +2085,27 @@ const Vs = (c) => {
             }
           )
         ] }),
-        /* @__PURE__ */ t.jsx("div", { className: $.pagesMobileModalContent, children: c }),
-        /* @__PURE__ */ t.jsx("div", { className: $.pagesMobileModalFooter, children: /* @__PURE__ */ t.jsx(
+        /* @__PURE__ */ t.jsx("div", { className: q.pagesMobileModalContent, children: c }),
+        /* @__PURE__ */ t.jsx("div", { className: q.pagesMobileModalFooter, children: /* @__PURE__ */ t.jsx(
           Bt,
           {
             signUp: s,
-            close: r
+            close: l
           }
         ) })
       ]
     }
   );
-}, Fi = ({
+}, Vi = ({
   children: c,
   logo: i,
   signUp: a
 }) => {
   const [s, e] = f.useState(!1);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx(qn, { setIsOpenModal: e }),
+    /* @__PURE__ */ t.jsx(wn, { setIsOpenModal: e }),
     s && /* @__PURE__ */ t.jsx(Nt, { close: () => e(!1), children: /* @__PURE__ */ t.jsx(
-      wn,
+      $n,
       {
         logo: i,
         setIsOpen: e,
@@ -2114,7 +2114,7 @@ const Vs = (c) => {
       }
     ) })
   ] });
-}, qn = (c) => {
+}, wn = (c) => {
   const { setIsOpenModal: i } = c;
   return /* @__PURE__ */ t.jsx(
     F,
@@ -2127,7 +2127,7 @@ const Vs = (c) => {
         a.stopPropagation(), window.location.pathname.includes("/admin/builder") || i(!0);
       },
       children: /* @__PURE__ */ t.jsx(
-        j,
+        b,
         {
           name: "List",
           fill: "var(--text-primary)"
@@ -2147,8 +2147,8 @@ const Vs = (c) => {
   copyText: Dn,
   copyTextMobile: zn,
   copyTextMiniMobile: Ln
-}, Vi = ({ title: c = "Copy Product Link" }) => {
-  const { isOpenModal: i, setIsOpenModal: a } = wt();
+}, Ui = ({ title: c = "Copy Product Link" }) => {
+  const { isOpenModal: i, setIsOpenModal: a } = $t();
   function s() {
     a(!0);
   }
@@ -2162,7 +2162,7 @@ const Vs = (c) => {
         },
         type: "Secondary",
         children: /* @__PURE__ */ t.jsx(
-          j,
+          b,
           {
             name: "Share",
             fill: "#757575",
@@ -2174,20 +2174,20 @@ const Vs = (c) => {
     i && /* @__PURE__ */ t.jsx(Nt, { close: a, children: /* @__PURE__ */ t.jsx(Fn, { title: c }) })
   ] });
 }, Fn = ({ title: c = "Copy Product Link" }) => {
-  const { setIsOpenModal: i } = wt(), { notification: a, setNotification: s } = qt(), { setIsOpen: e } = $t(), r = window.location.href;
+  const { setIsOpenModal: i } = $t(), { notification: a, setNotification: s } = wt(), { setIsOpen: e } = qt(), l = window.location.href;
   function d() {
-    navigator.clipboard.writeText(r), s({
+    navigator.clipboard.writeText(l), s({
       message: "Link copied to clipboard",
       status: "success"
     });
   }
-  function m() {
+  function p() {
     e(!1), setTimeout(() => {
       i(!1), e(!0);
     }, 300);
   }
-  function _(u, w) {
-    return u.length > w ? u.slice(0, w) + "..." : u;
+  function _(u, $) {
+    return u.length > $ ? u.slice(0, $) + "..." : u;
   }
   return /* @__PURE__ */ t.jsxs(
     "div",
@@ -2198,11 +2198,11 @@ const Vs = (c) => {
         /* @__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: m,
+              onClick: p,
               hoverable: !0
             }
           )
@@ -2217,9 +2217,9 @@ const Vs = (c) => {
                 flex: 1
               },
               children: [
-                /* @__PURE__ */ t.jsx("div", { className: tt.copyText, children: _(r, 100) }),
-                /* @__PURE__ */ t.jsx("div", { className: tt.copyTextMobile, children: _(r, 40) }),
-                /* @__PURE__ */ t.jsx("div", { className: tt.copyTextMiniMobile, children: _(r, 20) })
+                /* @__PURE__ */ t.jsx("div", { className: tt.copyText, children: _(l, 100) }),
+                /* @__PURE__ */ t.jsx("div", { className: tt.copyTextMobile, children: _(l, 40) }),
+                /* @__PURE__ */ t.jsx("div", { className: tt.copyTextMiniMobile, children: _(l, 20) })
               ]
             }
           ),
@@ -2228,7 +2228,7 @@ const Vs = (c) => {
             {
               type: "Secondary",
               onClick: d,
-              children: a ? /* @__PURE__ */ t.jsx(j, { name: "Check" }) : /* @__PURE__ */ t.jsx(j, { name: "Copy" })
+              children: a ? /* @__PURE__ */ t.jsx(b, { name: "Check" }) : /* @__PURE__ */ t.jsx(b, { name: "Copy" })
             }
           )
         ] })
@@ -2241,12 +2241,12 @@ const Vs = (c) => {
   icon: Hn,
   open: Yn,
   content: Wn
-}, Ui = ({ title: c, content: i, defaultOpen: a = !1 }) => {
-  const [s, e] = f.useState(a), [r, d] = f.useState(0), m = f.useRef(null), _ = () => {
+}, Hi = ({ title: c, content: i, defaultOpen: a = !1 }) => {
+  const [s, e] = f.useState(a), [l, d] = f.useState(0), p = f.useRef(null), _ = () => {
     e(!s);
   };
   return f.useEffect(() => {
-    m.current && d(s ? m.current.scrollHeight : 0);
+    p.current && d(s ? p.current.scrollHeight : 0);
   }, [s]), /* @__PURE__ */ t.jsxs("div", { className: at.accordion, children: [
     /* @__PURE__ */ t.jsxs(
       "div",
@@ -2255,21 +2255,21 @@ const Vs = (c) => {
         onClick: _,
         children: [
           /* @__PURE__ */ t.jsx("h5", { id: "h5", children: c }),
-          /* @__PURE__ */ t.jsx("div", { className: U(at.icon, { [at.open]: s }), children: /* @__PURE__ */ t.jsx(j, { name: "CaretDown" }) })
+          /* @__PURE__ */ t.jsx("div", { className: U(at.icon, { [at.open]: s }), children: /* @__PURE__ */ t.jsx(b, { name: "CaretDown" }) })
         ]
       }
     ),
     /* @__PURE__ */ t.jsx(
       "div",
       {
-        ref: m,
+        ref: p,
         className: at.content,
-        style: { height: `${r}px` },
+        style: { height: `${l}px` },
         children: /* @__PURE__ */ t.jsx("p", { id: "p", children: i })
       }
     )
   ] });
-}, Hi = ({ children: c, path: i, className: a, target: s = "_self", id: e }) => {
+}, Yi = ({ children: c, path: i, className: a, target: s = "_self", id: e }) => {
   if (window.location.pathname.includes("/admin/builder"))
     return /* @__PURE__ */ t.jsx(
       "div",
@@ -2281,13 +2281,13 @@ const Vs = (c) => {
         children: c
       }
     );
-  const r = xt(), d = /^https?:\/\//.test(i), m = (_) => {
-    d || s === "_blank" ? s === "_blank" ? window.open(i, "_blank") : window.open(i, "_self") : (_.preventDefault(), r(i));
+  const l = xt(), d = /^https?:\/\//.test(i), p = (_) => {
+    d || s === "_blank" ? s === "_blank" ? window.open(i, "_blank") : window.open(i, "_self") : (_.preventDefault(), l(i));
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      onClick: m,
+      onClick: p,
       className: a,
       role: "link",
       style: { cursor: "pointer" },
@@ -2298,17 +2298,17 @@ const Vs = (c) => {
 }, Gn = "_buttonsBlock_1b2rb_1", Qn = "_slideUp_1b2rb_1", Xn = {
   buttonsBlock: Gn,
   slideUp: Qn
-}, Yi = (c) => {
-  var u, w;
-  const { setIsOpen: i, setModalType: a, productId: s } = c, { cart: e } = rt(), { pageContext: r } = it(), d = (u = r == null ? void 0 : r.listings) == null ? void 0 : u.find((y) => y.id === s);
+}, Wi = (c) => {
+  var u, $;
+  const { setIsOpen: i, setModalType: a, productId: s } = c, { cart: e } = lt(), { pageContext: l } = it(), d = (u = l == null ? void 0 : l.listings) == null ? void 0 : u.find((y) => y.id === s);
   if (!d)
     return null;
-  const m = (w = r == null ? void 0 : r.products) == null ? void 0 : w.find(
+  const p = ($ = l == null ? void 0 : l.products) == null ? void 0 : $.find(
     (y) => y.uniquePath === d.productData.uniquePath
   );
-  if (!m)
+  if (!p)
     return null;
-  const _ = e.parts.find((y) => y.productId === m.id);
+  const _ = e.parts.find((y) => y.productId === p.id);
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -2341,15 +2341,15 @@ const Vs = (c) => {
       ]
     }
   );
-}, Jn = "_wrapper_27wzz_1", Kn = "_logo_27wzz_8", Zn = "_info_27wzz_12", vt = {
+}, Jn = "_wrapper_27wzz_1", Kn = "_logo_27wzz_8", Zn = "_info_27wzz_12", jt = {
   wrapper: Jn,
   logo: Kn,
   info: Zn
-}, Wi = ({ date: c }) => {
+}, Gi = ({ date: c }) => {
   const { general: i } = Rt();
   if (!i) return /* @__PURE__ */ t.jsx(t.Fragment, {});
   function a(s) {
-    const e = new Date(s), r = {
+    const e = new Date(s), l = {
       month: "short",
       day: "2-digit",
       year: "numeric",
@@ -2357,10 +2357,10 @@ const Vs = (c) => {
       minute: "2-digit",
       hour12: !1
     };
-    return e.toLocaleDateString("en-US", r);
+    return e.toLocaleDateString("en-US", l);
   }
-  return /* @__PURE__ */ t.jsxs("div", { className: vt.wrapper, children: [
-    /* @__PURE__ */ t.jsx("div", { className: vt.logo, children: i.info.logo ? /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ t.jsxs("div", { className: jt.wrapper, children: [
+    /* @__PURE__ */ t.jsx("div", { className: jt.logo, children: i.info.logo ? /* @__PURE__ */ t.jsx(
       "img",
       {
         src: `https://imagedelivery.net/${i.info.logo.cfId}/w=500,h=500`,
@@ -2368,19 +2368,19 @@ const Vs = (c) => {
         style: { objectFit: "contain", width: "48px", height: "48px" }
       }
     ) : /* @__PURE__ */ t.jsx(
-      j,
+      b,
       {
         name: "Image",
         width: 48,
         height: 48
       }
     ) }),
-    /* @__PURE__ */ t.jsxs("div", { className: vt.info, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: jt.info, children: [
       /* @__PURE__ */ t.jsx("h3", { id: "h4", children: i.info.name }),
       /* @__PURE__ */ t.jsx("p", { id: "p", children: a(c) })
     ] })
   ] });
-}, ti = "_options_mju90_1", ei = "_price_mju90_12", si = "_oldPrice_mju90_19", ni = "_newPrice_mju90_27", ii = "_animate_mju90_34", ai = "_appearAndBounce_mju90_1", oi = "_meta_mju90_52", ci = "_info_mju90_58", ri = "_infoRight_mju90_66", li = "_buttons_mju90_73", di = "_variants_mju90_80", ui = "_variant_mju90_80", hi = "_stock_mju90_98", mi = "_variantInfo_mju90_105", pi = "_quantity_mju90_111", _i = "_count_mju90_118", gi = "_focused_mju90_135", fi = "_button_mju90_73", xi = "_activeVariant_mju90_161", ji = "_chargeTypes_mju90_165", vi = "_charge_mju90_165", bi = "_chargeActive_mju90_190", yi = "_title_mju90_198", Ni = "_modal_mju90_204", Ii = "_header_mju90_218", X = {
+}, ti = "_options_6lbld_1", ei = "_price_6lbld_12", si = "_oldPrice_6lbld_19", ni = "_newPrice_6lbld_27", ii = "_animate_6lbld_34", ai = "_appearAndBounce_6lbld_1", oi = "_meta_6lbld_52", ci = "_info_6lbld_58", li = "_infoRight_6lbld_66", ri = "_buttons_6lbld_73", di = "_variants_6lbld_80", ui = "_variant_6lbld_80", hi = "_stock_6lbld_98", pi = "_variantInfo_6lbld_105", mi = "_quantity_6lbld_111", _i = "_count_6lbld_118", gi = "_focused_6lbld_135", fi = "_button_6lbld_73", xi = "_activeVariant_6lbld_161", bi = "_chargeTypes_6lbld_165", ji = "_charge_6lbld_165", vi = "_chargeActive_6lbld_190", yi = "_title_6lbld_198", Ni = "_modal_6lbld_204", Ii = "_header_6lbld_224", ki = "_productOptions_6lbld_232", W = {
   options: ti,
   price: ei,
   oldPrice: si,
@@ -2389,26 +2389,27 @@ const Vs = (c) => {
   appearAndBounce: ai,
   meta: oi,
   info: ci,
-  infoRight: ri,
-  buttons: li,
+  infoRight: li,
+  buttons: ri,
   variants: di,
   variant: ui,
   stock: hi,
-  variantInfo: mi,
-  quantity: pi,
+  variantInfo: pi,
+  quantity: mi,
   count: _i,
   focused: gi,
   button: fi,
   activeVariant: xi,
-  chargeTypes: ji,
-  charge: vi,
-  chargeActive: bi,
+  chargeTypes: bi,
+  charge: ji,
+  chargeActive: vi,
   title: yi,
   modal: Ni,
-  header: Ii
-}, Gi = (c) => {
-  var m, _;
-  const { pageContext: i } = it(), a = (m = i == null ? void 0 : i.listings) == null ? void 0 : m.find((u) => u.id === c.productId);
+  header: Ii,
+  productOptions: ki
+}, Qi = (c) => {
+  var p, _;
+  const { pageContext: i } = it(), a = (p = i == null ? void 0 : i.listings) == null ? void 0 : p.find((u) => u.id === c.productId);
   if (!a)
     return;
   const s = (_ = i == null ? void 0 : i.products) == null ? void 0 : _.find(
@@ -2416,28 +2417,28 @@ const Vs = (c) => {
   );
   if (!s)
     return;
-  const e = s.variants[0], [r, d] = f.useState(
+  const e = s.variants[0], [l, d] = f.useState(
     e.chargeTypes && e.chargeTypes.length > 1 ? e.chargeTypes[0] : "ONE_TIME"
   );
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: X.modal,
+      className: W.modal,
       onClick: (u) => u.stopPropagation(),
       children: [
         c.type === "Add To Cart" && /* @__PURE__ */ t.jsx(
-          ki,
+          Ci,
           {
             variants: s.variants,
             activeVariant: e,
-            activeChargeType: r,
+            activeChargeType: l,
             setActiveChargeType: d,
             productId: s.id,
             setIsOpen: c.setIsOpen
           }
         ),
         c.type === "Buy Now" && /* @__PURE__ */ t.jsx(
-          Ci,
+          Si,
           {
             product: s,
             setIsOpen: c.setIsOpen
@@ -2446,18 +2447,18 @@ const Vs = (c) => {
       ]
     }
   );
-}, ki = (c) => {
-  const { variants: i, activeChargeType: a, setActiveChargeType: s, activeVariant: e, productId: r, setIsOpen: d } = c, { cart: m, addProductToCart: _, addProducts: u, updateQuantityOfProduct: w } = rt(), { setNotification: y } = qt(), { pageContext: n } = it();
-  async function p(o) {
-    const T = m.parts.find(
+}, Ci = (c) => {
+  const { variants: i, activeChargeType: a, setActiveChargeType: s, activeVariant: e, productId: l, setIsOpen: d } = c, { cart: p, addProductToCart: _, addProducts: u, updateQuantityOfProduct: $ } = lt(), { setNotification: y } = wt(), { pageContext: n } = it();
+  async function m(o) {
+    const T = p.parts.find(
       (g) => g.productId === c.productId && g.productVariantId === o
     );
-    T ? w({
-      productId: r,
+    T ? $({
+      productId: l,
       productVariantId: o,
       quantity: T.quantity + 1
     }) : (n != null && n.products && await u(n.products), await _({
-      productId: r,
+      productId: l,
       productVariantId: o,
       quantity: 1
     })), y({
@@ -2465,11 +2466,11 @@ const Vs = (c) => {
       status: "success"
     });
   }
-  return /* @__PURE__ */ t.jsxs("div", { className: X.modal, children: [
-    /* @__PURE__ */ t.jsxs("div", { className: X.header, children: [
+  return /* @__PURE__ */ t.jsxs("div", { className: W.modal, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: W.header, children: [
       /* @__PURE__ */ t.jsx("div", { id: "h3", children: "Choose a variant" }),
       /* @__PURE__ */ t.jsx(
-        j,
+        b,
         {
           name: "X",
           width: 24,
@@ -2480,35 +2481,35 @@ const Vs = (c) => {
         }
       )
     ] }),
-    e.chargeTypes && e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: X.chargeTypes, children: e.chargeTypes.map((o) => /* @__PURE__ */ t.jsx(
+    e.chargeTypes && e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: W.chargeTypes, children: e.chargeTypes.map((o) => /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: U(X.charge, {
-          [X.chargeActive]: a === o
+        className: U(W.charge, {
+          [W.chargeActive]: a === o
         }),
         onClick: () => s(o),
         children: It[o]
       },
       o
     )) }),
-    /* @__PURE__ */ t.jsx("div", { className: X.variants, children: i.map((o) => {
+    /* @__PURE__ */ t.jsx("div", { className: W.variants, children: i.map((o) => {
       var T, g;
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: U(X.variant),
+          className: U(W.variant),
           onClick: () => {
-            p(o.id), d(!1);
+            m(o.id), d(!1);
           },
           children: [
-            /* @__PURE__ */ t.jsxs("div", { className: X.variantInfo, children: [
-              /* @__PURE__ */ t.jsx("span", { className: X.title, children: o.name }),
+            /* @__PURE__ */ t.jsxs("div", { className: W.variantInfo, children: [
+              /* @__PURE__ */ t.jsx("span", { className: W.title, children: o.name }),
               /* @__PURE__ */ t.jsxs("span", { children: [
                 "$",
                 a === "ONE_TIME" ? o.price.amount : o.subscriptionSettings ? o.subscriptionSettings.price.amount : "Price Not Found"
               ] })
             ] }),
-            /* @__PURE__ */ t.jsx("div", { children: a === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: X.stock, children: [
+            /* @__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 ? ((g = o.quantity.restrictions) == null ? void 0 : g.max) || o.quantity.available : "∞",
               " ",
               "in stock"
@@ -2519,16 +2520,16 @@ const Vs = (c) => {
       );
     }) })
   ] });
-}, Ci = (c) => {
+}, Si = (c) => {
   const { product: i, setIsOpen: a } = c;
-  return /* @__PURE__ */ t.jsxs("div", { className: X.modal, children: [
-    /* @__PURE__ */ t.jsxs("div", { className: X.header, children: [
+  return /* @__PURE__ */ t.jsxs("div", { className: W.modal, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: W.header, children: [
       /* @__PURE__ */ t.jsxs("div", { id: "h3", children: [
         "Buy ",
         yt(i.name)
       ] }),
       /* @__PURE__ */ t.jsx(
-        j,
+        b,
         {
           name: "X",
           width: 24,
@@ -2543,31 +2544,31 @@ const Vs = (c) => {
         }
       )
     ] }),
-    /* @__PURE__ */ t.jsx(
+    /* @__PURE__ */ t.jsx("div", { className: W.productOptions, children: /* @__PURE__ */ t.jsx(
       Vs,
       {
         product: i,
         setIsOpen: a
       }
-    )
+    ) })
   ] });
-}, Si = "_wrapper_1efqk_1", $i = "_label_1efqk_10", wi = "_contentBorder_1efqk_19", qi = "_contentField_1efqk_23", Bi = "_textarea_1efqk_27", Pi = "_length_1efqk_42", nt = {
-  wrapper: Si,
+}, qi = "_wrapper_1efqk_1", $i = "_label_1efqk_10", wi = "_contentBorder_1efqk_19", Bi = "_contentField_1efqk_23", Pi = "_textarea_1efqk_27", Ti = "_length_1efqk_42", nt = {
+  wrapper: qi,
   label: $i,
   contentBorder: wi,
-  contentField: qi,
-  textarea: Bi,
-  length: Pi
-}, Qi = (c) => {
+  contentField: Bi,
+  textarea: Pi,
+  length: Ti
+}, Xi = (c) => {
   const {
     onChange: i,
     label: a,
     value: s,
     maxLength: e,
-    placeholder: r = "Type something...",
+    placeholder: l = "Type something...",
     type: d = "text"
-  } = c, [m, _] = f.useState(s.length), { themeSettings: u } = Dt();
-  function w(y) {
+  } = c, [p, _] = f.useState(s.length), { themeSettings: u } = Dt();
+  function $(y) {
     return d === "number" ? y.replace(/[^\d\n]+/g, "") : y;
   }
   return /* @__PURE__ */ t.jsxs("div", { className: nt.wrapper, children: [
@@ -2585,10 +2586,10 @@ const Vs = (c) => {
         id: a,
         value: s,
         onChange: (y) => {
-          const n = w(y.target.value);
+          const n = $(y.target.value);
           _(n.length), i(n);
         },
-        placeholder: r,
+        placeholder: l,
         className: U(nt.textarea, {
           [nt.contentBorder]: u.inputs.border.active,
           [nt.contentField]: u.inputs.field.active
@@ -2597,51 +2598,51 @@ const Vs = (c) => {
       }
     ),
     e && /* @__PURE__ */ t.jsxs("div", { className: nt.length, children: [
-      m,
+      p,
       "/",
       e
     ] })
   ] });
 };
 export {
-  Ui as Accordion,
-  qn as BurgerMenuButton,
+  Hi as Accordion,
+  wn as BurgerMenuButton,
   F as Button,
   xs as ButtonTypeSettings,
-  Di as ButtonsSettings,
-  Oi as CategorySettings,
+  zi as ButtonsSettings,
+  Ei as CategorySettings,
   It as ChargeTypes,
   Tt as ChooseImage,
-  Ki as ChooseImageModal,
-  $n as EmptyCart,
-  Ri as FormSettings,
-  Li as HeaderButtons,
-  j as Icon,
-  bt as InputSettings,
+  Zi as ChooseImageModal,
+  qn as EmptyCart,
+  Di as FormSettings,
+  Fi as HeaderButtons,
+  b as Icon,
+  vt as InputSettings,
   Ot as InputUI,
-  Zi as ItemsSettings,
-  Ai as LayoutSettings,
-  Hi as Link,
-  zi as ListingSelector,
-  ta as Loader,
-  Wi as MetaInfoPost,
+  ta as ItemsSettings,
+  Oi as LayoutSettings,
+  Yi as Link,
+  Li as ListingSelector,
+  ea as Loader,
+  Gi as MetaInfoPost,
   Nt as Modal,
-  Fi as PagesMobileMenu,
-  wn as PagesMobileModal,
-  Ei as PagesSettings,
-  Yi as ProductCardButtons,
-  Gi as ProductCardModal,
+  Vi as PagesMobileMenu,
+  $n as PagesMobileModal,
+  Ri as PagesSettings,
+  Wi as ProductCardButtons,
+  Qi as ProductCardModal,
   Vs as ProductOptions,
   kt as RangeSelector,
   st as Select,
-  ea as SelectInfiniteList,
-  Vi as ShareLink,
+  sa as SelectInfiniteList,
+  Ui as ShareLink,
   Cn as ShoppingButton,
   Sn as ShoppingModalCart,
   ot as Switch,
-  sa as TextSettings,
-  na as TextareaSettings,
-  Qi as TextareaUI,
-  ia as TypesText,
+  na as TextSettings,
+  ia as TextareaSettings,
+  Xi as TextareaUI,
+  aa as TypesText,
   Bt as UserInfo
 };