@billgangcom/theme-lib 1.64.0 → 1.65.0

package/dist/ui.es.js

@@ -1,8 +1,8 @@
-import { j as t, I as v, c as V, a as pt, S as ot, R as St, B as ct, O as _t, d as lt, u as gt, e as ft, P as xt, D as vt, f as jt, v as bt, g as yt, C as Nt, h as H, i as Pt, k as at, l as Tt, m as rt, n as Mt, o as mt, p as G, L as At, r as ut, t as dt, s as It, w as F, x as Ot, M as kt, y as wt, z as Et, A as $t, E as qt, F as Dt, G as Rt } from "./index-Dg3k5gYy.js";
-import { Q as Ki, J as Zi, N as ta, H as ea, T as na, K as sa } from "./index-Dg3k5gYy.js";
+import { j as t, I as j, c as V, a as yt, u as ut, d as mt, P as ht, S as ot, R as St, D as pt, e as _t, v as gt, B as ct, O as It, f as rt, g as ft, C as xt, h as H, i as Pt, k as at, l as Tt, m as lt, n as Mt, o as jt, p as G, L as At, r as vt, t as dt, s as Nt, w as F, x as Ot, M as kt, y as $t, z as Et, A as wt, E as qt, F as Dt, G as Rt } from "./index-BPn2qi_o.js";
+import { Q as Zi, J as ta, N as ea, H as na, T as sa, K as ia } from "./index-BPn2qi_o.js";
 import x from "react";
 import "@phosphor-icons/react";
-const Lt = "_wrapper_1vmyb_2", zt = "_alignmentBlock_1vmyb_8", Ft = "_title_1vmyb_15", Vt = "_subtitle_1vmyb_22", Ut = "_alignmentContent_1vmyb_29", Ht = "_alignments_1vmyb_37", Yt = "_alignment_1vmyb_8", Wt = "_circle_1vmyb_60", Gt = "_paddings_1vmyb_67", Qt = "_padding_1vmyb_67", Xt = "_active_1vmyb_91", Jt = "_input_1vmyb_98", X = {
+const Lt = "_wrapper_1vmyb_2", zt = "_alignmentBlock_1vmyb_8", Ft = "_title_1vmyb_15", Vt = "_subtitle_1vmyb_22", Ut = "_alignmentContent_1vmyb_29", Ht = "_alignments_1vmyb_37", Yt = "_alignment_1vmyb_8", Wt = "_circle_1vmyb_60", Gt = "_paddings_1vmyb_67", Qt = "_padding_1vmyb_67", Xt = "_active_1vmyb_91", Jt = "_input_1vmyb_98", J = {
   wrapper: Lt,
   alignmentBlock: zt,
   title: Ft,
@@ -25,10 +25,10 @@ const Lt = "_wrapper_1vmyb_2", zt = "_alignmentBlock_1vmyb_8", Ft = "_title_1vmy
   "bottomLeft",
   "bottom",
   "bottomRight"
-], Zt = ["left", "top", "right", "bottom"], Ai = (o) => {
+], Zt = ["left", "top", "right", "bottom"], Oi = (o) => {
   const { alignment: s, padding: e, setPadding: n, setAlignment: i } = o;
-  function c(r) {
-    switch (r) {
+  function c(l) {
+    switch (l) {
       case "left":
       case "topLeft":
       case "bottomLeft":
@@ -45,8 +45,8 @@ const Lt = "_wrapper_1vmyb_2", zt = "_alignmentBlock_1vmyb_8", Ft = "_title_1vmy
         return "TextAlignCenter";
     }
   }
-  function u(r) {
-    switch (r) {
+  function u(l) {
+    switch (l) {
       case "left":
         return "AlignLeft";
       case "right":
@@ -57,38 +57,38 @@ const Lt = "_wrapper_1vmyb_2", zt = "_alignmentBlock_1vmyb_8", Ft = "_title_1vmy
         return "AlignBottom";
     }
   }
-  const [l, m] = x.useState(null), [p, B] = x.useState(null);
-  return /* @__PURE__ */ t.jsxs("div", { className: X.layout, children: [
-    /* @__PURE__ */ t.jsx("h3", { className: X.title, children: "Layout (for Desktop version)" }),
-    /* @__PURE__ */ t.jsxs("div", { className: X.alignmentBlock, children: [
-      /* @__PURE__ */ t.jsx("h5", { className: X.subtitle, children: "Alignment" }),
-      /* @__PURE__ */ t.jsxs("div", { className: X.alignmentContent, children: [
-        /* @__PURE__ */ t.jsx("div", { className: X.alignments, children: Kt.map((r) => /* @__PURE__ */ t.jsxs(
+  const [r, m] = x.useState(null), [p, B] = x.useState(null);
+  return /* @__PURE__ */ t.jsxs("div", { className: J.layout, children: [
+    /* @__PURE__ */ t.jsx("h3", { className: J.title, children: "Layout (for Desktop version)" }),
+    /* @__PURE__ */ t.jsxs("div", { className: J.alignmentBlock, children: [
+      /* @__PURE__ */ t.jsx("h5", { className: J.subtitle, children: "Alignment" }),
+      /* @__PURE__ */ t.jsxs("div", { className: J.alignmentContent, children: [
+        /* @__PURE__ */ t.jsx("div", { className: J.alignments, children: Kt.map((l) => /* @__PURE__ */ t.jsxs(
           "div",
           {
             onClick: () => {
-              i(r);
+              i(l);
             },
-            className: X.alignment,
+            className: J.alignment,
             onMouseEnter: () => {
-              m(r);
+              m(l);
             },
             onMouseLeave: () => {
               m(null);
             },
             children: [
-              r !== s && l !== r && /* @__PURE__ */ t.jsx("div", { className: X.circle }),
-              r !== s && l === r && /* @__PURE__ */ t.jsx(
-                v,
+              l !== s && r !== l && /* @__PURE__ */ t.jsx("div", { className: J.circle }),
+              l !== s && r === l && /* @__PURE__ */ t.jsx(
+                j,
                 {
-                  name: c(l),
+                  name: c(r),
                   fill: "#c2c2c2",
                   width: 22,
                   height: 22
                 }
               ),
-              r === s && /* @__PURE__ */ t.jsx(
-                v,
+              l === s && /* @__PURE__ */ t.jsx(
+                j,
                 {
                   name: c(s),
                   fill: "#FF3F19",
@@ -98,37 +98,37 @@ const Lt = "_wrapper_1vmyb_2", zt = "_alignmentBlock_1vmyb_8", Ft = "_title_1vmy
               )
             ]
           },
-          r
+          l
         )) }),
-        /* @__PURE__ */ t.jsx("div", { className: X.paddings, children: Zt.map((r) => /* @__PURE__ */ t.jsxs(
+        /* @__PURE__ */ t.jsx("div", { className: J.paddings, children: Zt.map((l) => /* @__PURE__ */ t.jsxs(
           "label",
           {
-            className: V(X.padding, {
-              [X.active]: p === r
+            className: V(J.padding, {
+              [J.active]: p === l
             }),
             onFocus: () => {
-              B(r);
+              B(l);
             },
             onBlur: () => {
               B(null);
             },
             children: [
               /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-                v,
+                j,
                 {
-                  name: u(r),
+                  name: u(l),
                   width: 20,
                   height: 20
                 }
               ) }),
               /* @__PURE__ */ t.jsx(
-                pt,
+                yt,
                 {
                   type: "number",
-                  value: String(e[r]),
+                  value: String(e[l]),
                   onChange: (a) => n({
                     ...e,
-                    [r]: Math.min(Number(a), 999)
+                    [l]: Math.min(Number(a), 999)
                   }),
                   max: 999,
                   paddingless: !0,
@@ -137,12 +137,12 @@ const Lt = "_wrapper_1vmyb_2", zt = "_alignmentBlock_1vmyb_8", Ft = "_title_1vmy
               )
             ]
           },
-          r
+          l
         )) })
       ] })
     ] })
   ] });
-}, te = "_title_82zux_1", ee = "_subtitle_82zux_5", ne = "_header_82zux_12", se = "_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", me = "_button_82zux_80", he = "_disabled_82zux_91", pe = "_image_82zux_95", _e = "_info_82zux_102", ge = "_name_82zux_114", fe = "_buttons_82zux_118", xe = "_modal_82zux_125", ve = "_link_82zux_145", je = "_modalOptions_82zux_151", be = "_addButton_82zux_157", ye = "_deleteButton_82zux_179", J = {
+}, te = "_title_82zux_1", ee = "_subtitle_82zux_5", ne = "_header_82zux_12", se = "_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", me = "_button_82zux_80", he = "_disabled_82zux_91", pe = "_image_82zux_95", _e = "_info_82zux_102", ge = "_name_82zux_114", fe = "_buttons_82zux_118", xe = "_modal_82zux_125", ve = "_link_82zux_145", je = "_modalOptions_82zux_151", be = "_addButton_82zux_157", ye = "_deleteButton_82zux_179", Q = {
   title: te,
   subtitle: ee,
   header: ne,
@@ -151,8 +151,8 @@ const Lt = "_wrapper_1vmyb_2", zt = "_alignmentBlock_1vmyb_8", Ft = "_title_1vmy
   top: ae,
   itemsBlock: oe,
   typeTexts: ce,
-  block: le,
-  active: re,
+  block: re,
+  active: le,
   products: de,
   product: ue,
   button: me,
@@ -166,7 +166,34 @@ const Lt = "_wrapper_1vmyb_2", zt = "_alignmentBlock_1vmyb_8", Ft = "_title_1vmy
   modalOptions: je,
   addButton: be,
   deleteButton: ye
-}, Oi = (o) => {
+};
+function Ie({ id: o, children: s }) {
+  const {
+    attributes: e,
+    listeners: n,
+    setNodeRef: i,
+    transform: c,
+    transition: u,
+    isDragging: r
+  } = ft({
+    id: o
+  }), m = {
+    transform: xt.Transform.toString(c),
+    transition: u
+  };
+  return /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      ref: i,
+      style: m,
+      className: `${Q.product} ${r ? Q.dragging : ""}`,
+      ...e,
+      ...n,
+      children: s
+    }
+  );
+}
+const Ei = (o) => {
   const {
     isActiveItems: s,
     setIsActiveItems: e,
@@ -174,29 +201,45 @@ const Lt = "_wrapper_1vmyb_2", zt = "_alignmentBlock_1vmyb_8", Ft = "_title_1vmy
     setItems: i,
     other: c,
     title: u,
-    subtitle: l,
+    subtitle: r,
     draggable: m = !1,
     withImage: p = !1,
     addable: B = !0,
-    itemsOptions: r,
+    itemsOptions: l,
     hasRangeSelector: a = !1,
-    rangeSelectorOptions: j,
+    rangeSelectorOptions: b,
     limit: d,
     autoScrollInterval: S,
     deletable: g
-  } = o;
-  function y(k) {
+  } = o, k = ut(
+    mt(ht, {
+      activationConstraint: {
+        distance: 5
+      }
+    })
+  ), q = (v) => {
+    console.log("Trigger?");
+    const { active: M, over: O } = v;
+    if (O && M.id !== O.id) {
+      const I = n.findIndex(($) => $ === M.id), h = n.findIndex(($) => $ === O.id);
+      if (I !== -1 && h !== -1) {
+        const $ = [...n], [P] = $.splice(I, 1);
+        $.splice(h, 0, P), i($);
+      }
+    }
+  };
+  function E(v) {
     if (p)
-      return k ? /* @__PURE__ */ t.jsx(
+      return v ? /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: `https://imagedelivery.net/${k[0]}/w=1000`,
+          src: `https://imagedelivery.net/${v[0]}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
         }
       ) : /* @__PURE__ */ t.jsx(
-        v,
+        j,
         {
           name: "Image",
           width: 16,
@@ -205,12 +248,12 @@ const Lt = "_wrapper_1vmyb_2", zt = "_alignmentBlock_1vmyb_8", Ft = "_title_1vmy
         }
       );
   }
-  const q = (k, h = !1) => {
-    const $ = r.find((L) => L.id === k);
-    if (!$) return;
-    const R = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+  const f = (v, M = !1) => {
+    const O = l.find((h) => h.id === v);
+    if (!O) return;
+    const I = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       m && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        v,
+        j,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -219,55 +262,76 @@ const Lt = "_wrapper_1vmyb_2", zt = "_alignmentBlock_1vmyb_8", Ft = "_title_1vmy
         }
       ) }),
       /* @__PURE__ */ t.jsx(
-        lt,
+        rt,
         {
-          onChange: (L) => {
-            const I = [...n], b = r.find((f) => f.name === L);
-            if (!b) return;
-            const M = b.id, P = I.map((f) => f === k ? M : f);
-            i([...P]);
+          onChange: (h) => {
+            const $ = [...n], P = l.find((A) => A.name === h);
+            if (!P) return;
+            const y = P.id, N = $.map((A) => A === v ? y : A);
+            i([...N]);
           },
-          value: $.name,
-          options: r.filter((L) => !n.find((I) => I === L.id)).map((L) => L.name),
-          leftAddon: y($.images)
+          value: O.name,
+          options: l.filter((h) => !n.find(($) => $ === h.id)).map((h) => h.name),
+          leftAddon: E(O.images)
         }
       ),
-      h && /* @__PURE__ */ t.jsx("div", { className: J.buttons, children: /* @__PURE__ */ t.jsx("div", { className: J.deleteButton, children: /* @__PURE__ */ t.jsx(
-        v,
+      M && /* @__PURE__ */ t.jsx("div", { className: Q.buttons, children: /* @__PURE__ */ t.jsx("div", { className: Q.deleteButton, children: /* @__PURE__ */ t.jsx(
+        j,
         {
           name: "Trash",
           hoverable: !0,
           width: 20,
           height: 20,
           fill: "#C12A2A",
-          onClick: () => i(n.filter((L) => L !== k))
+          onClick: () => i(n.filter((h) => h !== v))
         }
       ) }) })
     ] });
-    return /* @__PURE__ */ t.jsx(
+    return m ? /* @__PURE__ */ t.jsx(
+      Ie,
+      {
+        id: v,
+        children: I
+      },
+      v
+    ) : /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: J.product,
-        children: R
+        className: Q.product,
+        children: I
       },
-      k
+      v
     );
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: J.productsBlock, children: [
-    (u || s !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: J.top, children: [
-      u && /* @__PURE__ */ t.jsx("h3", { className: J.title, children: u }),
+  return /* @__PURE__ */ t.jsxs("div", { className: Q.productsBlock, children: [
+    (u || s !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: Q.top, children: [
+      u && /* @__PURE__ */ t.jsx("h3", { className: Q.title, children: u }),
       s !== void 0 && /* @__PURE__ */ t.jsx(
         ot,
         {
           current: s,
-          onChange: (k) => e == null ? void 0 : e(k)
+          onChange: (v) => e == null ? void 0 : e(v)
         }
       )
     ] }),
-    a && j && /* @__PURE__ */ t.jsx(St, { ...j }),
-    /* @__PURE__ */ t.jsxs("div", { className: J.products, children: [
-      l && /* @__PURE__ */ t.jsx("h5", { className: J.subtitle, children: l }),
-      n.map((k) => q(k, g)),
+    a && b && /* @__PURE__ */ t.jsx(St, { ...b }),
+    /* @__PURE__ */ t.jsxs("div", { className: Q.products, children: [
+      r && /* @__PURE__ */ t.jsx("h5", { className: Q.subtitle, children: r }),
+      m ? /* @__PURE__ */ t.jsx(
+        pt,
+        {
+          sensors: k,
+          onDragEnd: q,
+          children: /* @__PURE__ */ t.jsx(
+            _t,
+            {
+              items: n,
+              strategy: gt,
+              children: n.map((v) => f(v, g))
+            }
+          )
+        }
+      ) : n.map((v) => f(v, g)),
       B && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -281,30 +345,30 @@ const Lt = "_wrapper_1vmyb_2", zt = "_alignmentBlock_1vmyb_8", Ft = "_title_1vmy
             ct,
             {
               withoutHover: !0,
-              className: V(J.button, {
-                [J.disabled]: !!(d && d <= n.length || n.length === r.length)
+              className: V(Q.button, {
+                [Q.disabled]: !!(d && d <= n.length || n.length === l.length)
               }),
               size: "s",
-              disabled: !!(d && d <= n.length || n.length === r.length),
+              disabled: !!(d && d <= n.length || n.length === l.length),
               onClick: () => {
-                const k = [...n];
-                let h = null;
-                if (r) {
-                  for (let $ = 0; $ < r.length; $++)
-                    if (!n.find((R) => R === r[$].id)) {
-                      h = r[$];
+                const v = [...n];
+                let M = null;
+                if (l) {
+                  for (let O = 0; O < l.length; O++)
+                    if (!n.find((I) => I === l[O].id)) {
+                      M = l[O];
                       break;
                     }
                 }
-                k.push((h == null ? void 0 : h.id) || r[0].id), i(k);
+                v.push((M == null ? void 0 : M.id) || l[0].id), i(v);
               },
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ t.jsxs("div", { className: J.addButton, children: [
+              children: /* @__PURE__ */ t.jsxs("div", { className: Q.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
-                  v,
+                  j,
                   {
                     name: "Plus",
                     width: 16,
@@ -317,14 +381,14 @@ const Lt = "_wrapper_1vmyb_2", zt = "_alignmentBlock_1vmyb_8", Ft = "_title_1vmy
         }
       )
     ] }),
-    c !== void 0 && /* @__PURE__ */ t.jsx(_t, { items: c }),
+    c !== void 0 && /* @__PURE__ */ t.jsx(It, { items: c }),
     S !== void 0 && /* @__PURE__ */ t.jsx(
-      pt,
+      yt,
       {
         label: "Auto scroll interval",
         type: "number",
         value: String(S.scrollInterval),
-        onChange: (k) => S.setScrollInterval(Number(k)),
+        onChange: (v) => S.setScrollInterval(Number(v)),
         min: 0.1,
         max: 100,
         style: {
@@ -334,44 +398,44 @@ const Lt = "_wrapper_1vmyb_2", zt = "_alignmentBlock_1vmyb_8", Ft = "_title_1vmy
       }
     )
   ] });
-}, Ne = "_title_roi3a_1", Ie = "_subtitle_roi3a_5", ke = "_header_roi3a_12", Ce = "_text_roi3a_13", Se = "_productsBlock_roi3a_14", we = "_top_roi3a_26", $e = "_itemsBlock_roi3a_35", qe = "_typeTexts_roi3a_41", Be = "_block_roi3a_48", Pe = "_active_roi3a_61", Te = "_products_roi3a_14", Me = "_product_roi3a_14", Ae = "_button_roi3a_80", Oe = "_disabled_roi3a_91", Ee = "_image_roi3a_95", De = "_info_roi3a_102", Re = "_name_roi3a_114", Le = "_buttons_roi3a_118", ze = "_modal_roi3a_125", Fe = "_link_roi3a_145", Ve = "_modalOptions_roi3a_151", Ue = "_addButton_roi3a_164", He = "_deleteButton_roi3a_179", Ye = "_closeIcon_roi3a_191", Y = {
+}, Ne = "_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", De = "_image_roi3a_95", Re = "_info_roi3a_102", Le = "_name_roi3a_114", ze = "_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: Ne,
-  subtitle: Ie,
-  header: ke,
-  text: Ce,
-  productsBlock: Se,
+  subtitle: ke,
+  header: Ce,
+  text: Se,
+  productsBlock: $e,
   top: we,
-  itemsBlock: $e,
-  typeTexts: qe,
-  block: Be,
-  active: Pe,
-  products: Te,
-  product: Me,
-  button: Ae,
-  disabled: Oe,
-  image: Ee,
-  info: De,
-  name: Re,
-  buttons: Le,
-  modal: ze,
-  link: Fe,
-  modalOptions: Ve,
-  addButton: Ue,
-  deleteButton: He,
-  closeIcon: Ye
+  itemsBlock: qe,
+  typeTexts: Be,
+  block: Pe,
+  active: Te,
+  products: Me,
+  product: Ae,
+  button: Oe,
+  disabled: Ee,
+  image: De,
+  info: Re,
+  name: Le,
+  buttons: ze,
+  modal: Fe,
+  link: Ve,
+  modalOptions: Ue,
+  addButton: He,
+  deleteButton: Ye,
+  closeIcon: We
 };
-function We({ product: o, children: s }) {
+function Ge({ product: o, children: s }) {
   const {
     attributes: e,
     listeners: n,
     setNodeRef: i,
     transform: c,
     transition: u,
-    isDragging: l
-  } = yt({
+    isDragging: r
+  } = ft({
     id: o.id
   }), m = {
-    transform: Nt.Transform.toString(c),
+    transform: xt.Transform.toString(c),
     transition: u
   };
   return /* @__PURE__ */ t.jsx(
@@ -379,14 +443,14 @@ function We({ product: o, children: s }) {
     {
       ref: i,
       style: m,
-      className: `${Y.product} ${l ? Y.dragging : ""}`,
+      className: `${Y.product} ${r ? Y.dragging : ""}`,
       ...e,
       ...n,
       children: s
     }
   );
 }
-const Ei = (o) => {
+const Di = (o) => {
   const {
     isActiveItems: s,
     setIsActiveItems: e,
@@ -394,16 +458,16 @@ const Ei = (o) => {
     setItems: i,
     title: c,
     subtitle: u,
-    editable: l = !0,
+    editable: r = !0,
     draggable: m = !1,
     deletable: p = !0,
     addable: B = !0,
-    itemsType: r,
+    itemsType: l,
     itemsOptions: a,
-    addableOptions: j = {},
+    addableOptions: b = {},
     limit: d
-  } = o, [S, g] = x.useState(null), [y, q] = x.useState(null), k = x.useRef(null), h = gt(
-    ft(xt, {
+  } = o, [S, g] = x.useState(null), [k, q] = x.useState(null), E = x.useRef(null), f = ut(
+    mt(ht, {
       activationConstraint: {
         distance: 5
       }
@@ -411,32 +475,32 @@ const Ei = (o) => {
   );
   x.useEffect(() => {
     if (S) {
-      const I = [...n].map((b) => b.id === S.id ? S : b);
+      const I = [...n].map((h) => h.id === S.id ? S : h);
       i(I);
     }
   }, [S]), x.useEffect(() => {
-    k.current && y && (k.current.getBoundingClientRect().height, y.top);
-  }, [k.current, y]);
-  const $ = (I, b) => {
+    E.current && k && (E.current.getBoundingClientRect().height, k.top);
+  }, [E.current, k]);
+  const v = (I, h) => {
     I.stopPropagation();
-    const M = I.target.getBoundingClientRect();
+    const $ = I.target.getBoundingClientRect();
     q({
-      top: M.top + window.scrollY,
-      left: M.left - 30
-    }), g(b);
-  }, R = (I) => {
-    const { active: b, over: M } = I;
-    if (M && b.id !== M.id) {
-      const P = n.findIndex((N) => N.id === b.id), f = n.findIndex((N) => N.id === M.id);
-      if (P !== -1 && f !== -1) {
+      top: $.top + window.scrollY,
+      left: $.left - 30
+    }), g(h);
+  }, M = (I) => {
+    const { active: h, over: $ } = I;
+    if ($ && h.id !== $.id) {
+      const P = n.findIndex((N) => N.id === h.id), y = n.findIndex((N) => N.id === $.id);
+      if (P !== -1 && y !== -1) {
         const N = [...n], [A] = N.splice(P, 1);
-        N.splice(f, 0, A), i(N);
+        N.splice(y, 0, A), i(N);
       }
     }
-  }, L = (I, b) => {
-    const M = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+  }, O = (I, h) => {
+    const $ = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       m && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        v,
+        j,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -444,13 +508,13 @@ const Ei = (o) => {
           height: 20
         }
       ) }),
-      r === "select" && a && /* @__PURE__ */ t.jsx(
-        lt,
+      l === "select" && a && /* @__PURE__ */ t.jsx(
+        rt,
         {
           onChange: (P) => {
-            const f = [...n], N = a.find((U) => U.name === P);
+            const y = [...n], N = a.find((U) => U.name === P);
             if (!N) return;
-            const A = f.map((U) => U.id === I.id ? {
+            const A = y.map((U) => U.id === I.id ? {
               ...N,
               name: {
                 "en-US": P
@@ -464,22 +528,22 @@ const Ei = (o) => {
             }), i([...A]);
           },
           value: I.name,
-          options: a.filter((P) => !n.find((f) => f.name === P.name)).map((P) => P.name)
+          options: a.filter((P) => !n.find((y) => y.name === P.name)).map((P) => P.name)
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: Y.buttons, children: [
-        l && /* @__PURE__ */ t.jsx("div", { className: Y.deleteButton, children: /* @__PURE__ */ t.jsx(
-          v,
+        r && /* @__PURE__ */ t.jsx("div", { className: Y.deleteButton, children: /* @__PURE__ */ t.jsx(
+          j,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (P) => $(P, I)
+            onClick: (P) => v(P, I)
           }
         ) }),
         p && /* @__PURE__ */ t.jsx("div", { className: Y.deleteButton, children: /* @__PURE__ */ t.jsx(
-          v,
+          j,
           {
             name: "Trash",
             hoverable: !0,
@@ -492,18 +556,18 @@ const Ei = (o) => {
       ] })
     ] });
     return m ? /* @__PURE__ */ t.jsx(
-      We,
+      Ge,
       {
         product: I,
-        index: b,
-        children: M
+        index: h,
+        children: $
       },
       I.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: Y.product,
-        children: M
+        children: $
       },
       I.id
     );
@@ -522,20 +586,20 @@ const Ei = (o) => {
     /* @__PURE__ */ t.jsxs("div", { className: Y.products, children: [
       u && /* @__PURE__ */ t.jsx("h5", { className: Y.subtitle, children: u }),
       m ? /* @__PURE__ */ t.jsx(
-        vt,
+        pt,
         {
-          sensors: h,
-          onDragEnd: R,
+          sensors: f,
+          onDragEnd: M,
           children: /* @__PURE__ */ t.jsx(
-            jt,
+            _t,
             {
               items: n.map((I) => I.id),
-              strategy: bt,
-              children: n.map((I, b) => L(I, b))
+              strategy: gt,
+              children: n.map((I, h) => O(I, h))
             }
           )
         }
-      ) : n.map((I, b) => L(I, b)),
+      ) : n.map((I, h) => O(I, h)),
       B && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -555,18 +619,18 @@ const Ei = (o) => {
               disabled: !!(d && d <= n.length || n.length === (a == null ? void 0 : a.length)),
               onClick: () => {
                 const I = [...n];
-                let b = null;
+                let h = null;
                 if (a) {
-                  for (let M = 0; M < a.length; M++)
-                    if (!n.find((P) => P.id === a[M].id)) {
-                      b = a[M];
+                  for (let $ = 0; $ < a.length; $++)
+                    if (!n.find((P) => P.id === a[$].id)) {
+                      h = a[$];
                       break;
                     }
                 }
-                r === "select" && a && I.push({
-                  name: b ? b.name : a[0].name,
-                  id: (b == null ? void 0 : b.id) || a[0].id,
-                  ...j
+                l === "select" && a && I.push({
+                  name: h ? h.name : a[0].name,
+                  id: (h == null ? void 0 : h.id) || a[0].id,
+                  ...b
                 }), i(I);
               },
               style: {
@@ -575,7 +639,7 @@ const Ei = (o) => {
               children: /* @__PURE__ */ t.jsxs("div", { className: Y.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
-                  v,
+                  j,
                   {
                     name: "Plus",
                     width: 16,
@@ -590,12 +654,12 @@ const Ei = (o) => {
     ] })
   ] });
 };
-function Ge(o) {
-  const { product: s, children: e } = o, { attributes: n, listeners: i, setNodeRef: c, transform: u, transition: l, isDragging: m } = yt({
+function Qe(o) {
+  const { product: s, children: e } = o, { attributes: n, listeners: i, setNodeRef: c, transform: u, transition: r, isDragging: m } = ft({
     id: s.id
   }), p = {
-    transform: Nt.Transform.toString(u),
-    transition: l
+    transform: xt.Transform.toString(u),
+    transition: r
   };
   return /* @__PURE__ */ t.jsx(
     "div",
@@ -609,7 +673,7 @@ function Ge(o) {
     }
   );
 }
-const Di = (o) => {
+const Ri = (o) => {
   const {
     isActiveItems: s,
     setIsActiveItems: e,
@@ -617,25 +681,25 @@ const Di = (o) => {
     setItems: i,
     other: c,
     title: u,
-    subtitle: l,
+    subtitle: r,
     editable: m = !0,
     draggable: p = !1,
     withImage: B = !1,
-    deletable: r = !0,
+    deletable: l = !0,
     addable: a = !0,
-    itemsType: j,
+    itemsType: b,
     itemsPlaceholder: d = "",
     itemsOptions: S,
     hasRangeSelector: g = !1,
-    rangeSelectorOptions: y,
+    rangeSelectorOptions: k,
     modalOptions: q,
-    addableOptions: k = {},
-    limit: h
-  } = o, [$, R] = x.useState(null), [L, I] = x.useState({
+    addableOptions: E = {},
+    limit: f
+  } = o, [v, M] = x.useState(null), [O, I] = x.useState({
     top: 0,
     left: 0
-  }), [b, M] = x.useState(null), P = x.useRef(null), [f, N] = x.useState(!1), A = gt(
-    ft(xt, {
+  }), [h, $] = x.useState(null), P = x.useRef(null), [y, N] = x.useState(!1), A = ut(
+    mt(ht, {
       activationConstraint: {
         distance: 5
       }
@@ -643,35 +707,35 @@ const Di = (o) => {
   );
   x.useEffect(() => {
     const _ = () => {
-      R(null), N(!1);
+      M(null), N(!1);
     };
-    return document.body.addEventListener("click", _), R(null), N(!1), () => {
-      R(null), N(!1), document.body.removeEventListener("click", _);
+    return document.body.addEventListener("click", _), M(null), N(!1), () => {
+      M(null), N(!1), document.body.removeEventListener("click", _);
     };
   }, []), x.useEffect(() => {
-    if ($) {
-      const _ = [...n].map((E) => E.id === $.id ? $ : E);
+    if (v) {
+      const _ = [...n].map((R) => R.id === v.id ? v : R);
       i(_);
     }
-  }, [$]), x.useEffect(() => {
-    if (P.current && b) {
-      const _ = P.current.getBoundingClientRect().height, E = window.innerHeight;
-      let T = b.top;
-      T + _ > E + window.scrollY - 200 && (T = E + window.scrollY - _ - 200), T < 0 && (T = 10), I({
+  }, [v]), x.useEffect(() => {
+    if (P.current && h) {
+      const _ = P.current.getBoundingClientRect().height, R = window.innerHeight;
+      let T = h.top;
+      T + _ > R + window.scrollY - 200 && (T = R + window.scrollY - _ - 200), T < 0 && (T = 10), I({
         top: T,
-        left: b.left
+        left: h.left
       });
     }
-  }, [P.current, b]);
-  const U = (_, E) => {
+  }, [P.current, h]);
+  const U = (_, R) => {
     _.stopPropagation();
     const T = _.target.getBoundingClientRect();
-    M({
+    $({
       top: T.top + window.scrollY,
       left: T.left - 30
-    }), R(E), N(!0);
+    }), M(R), N(!0);
   };
-  function O(_) {
+  function D(_) {
     if (B)
       return _ ? /* @__PURE__ */ t.jsx(
         "img",
@@ -682,7 +746,7 @@ const Di = (o) => {
           height: 16
         }
       ) : /* @__PURE__ */ t.jsx(
-        v,
+        j,
         {
           name: "Image",
           width: 16,
@@ -692,19 +756,19 @@ const Di = (o) => {
       );
   }
   const z = (_) => {
-    const { active: E, over: T } = _;
-    if (T && E.id !== T.id) {
-      const D = n.findIndex((W) => W.id === E.id), nt = n.findIndex((W) => W.id === T.id);
-      if (D !== -1 && nt !== -1) {
-        const W = [...n], [K] = W.splice(D, 1);
+    const { active: R, over: T } = _;
+    if (T && R.id !== T.id) {
+      const L = n.findIndex((W) => W.id === R.id), nt = n.findIndex((W) => W.id === T.id);
+      if (L !== -1 && nt !== -1) {
+        const W = [...n], [K] = W.splice(L, 1);
         W.splice(nt, 0, K), i(W);
       }
     }
   }, Z = (_) => {
     var T;
-    const E = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    const R = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       p && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        v,
+        j,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -712,38 +776,38 @@ const Di = (o) => {
           height: 20
         }
       ) }),
-      j === "select" && S && /* @__PURE__ */ t.jsx(
-        lt,
+      b === "select" && S && /* @__PURE__ */ t.jsx(
+        rt,
         {
-          onChange: (D) => {
+          onChange: (L) => {
             const W = [...n].map((K) => K.id === _.id ? {
               ..._,
               name: {
-                "en-US": D
+                "en-US": L
               }
             } : K);
-            R({
+            M({
               ..._,
               name: {
-                "en-US": D
+                "en-US": L
               }
             }), i([...W]);
           },
           value: _.name["en-US"],
           options: S.filter(
-            (D) => !n.find((nt) => nt.name["en-US"] === D)
+            (L) => !n.find((nt) => nt.name["en-US"] === L)
           ),
-          leftAddon: O(_.images)
+          leftAddon: D(_.images)
         }
       ),
-      j === "input" && /* @__PURE__ */ t.jsx(
-        pt,
+      b === "input" && /* @__PURE__ */ t.jsx(
+        yt,
         {
-          onChange: (D) => {
+          onChange: (L) => {
             const W = [...n].map((K) => K.id === _.id ? {
               ..._,
               name: {
-                "en-US": D
+                "en-US": L
               }
             } : K);
             i([...W]);
@@ -752,55 +816,55 @@ const Di = (o) => {
           placeholder: d
         }
       ),
-      j === "image" && /* @__PURE__ */ t.jsx(
+      b === "image" && /* @__PURE__ */ t.jsx(
         Tt,
         {
-          onChange: (D) => {
+          onChange: (L) => {
             const W = [...n].map((K) => K.id === _.id ? {
               ..._,
-              images: D
+              images: L
             } : K);
             i([...W]);
           },
-          activeImage: (T = n.find((D) => D.id === _.id)) == null ? void 0 : T.images[0]
+          activeImage: (T = n.find((L) => L.id === _.id)) == null ? void 0 : T.images[0]
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: H.buttons, children: [
         m && /* @__PURE__ */ t.jsx("div", { className: H.deleteButton, children: /* @__PURE__ */ t.jsx(
-          v,
+          j,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (D) => U(D, _)
+            onClick: (L) => U(L, _)
           }
         ) }),
-        r && /* @__PURE__ */ t.jsx("div", { className: H.deleteButton, children: /* @__PURE__ */ t.jsx(
-          v,
+        l && /* @__PURE__ */ t.jsx("div", { className: H.deleteButton, children: /* @__PURE__ */ t.jsx(
+          j,
           {
             name: "Trash",
             hoverable: !0,
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => i(n.filter((D) => D.id !== _.id))
+            onClick: () => i(n.filter((L) => L.id !== _.id))
           }
         ) })
       ] })
     ] });
     return p ? /* @__PURE__ */ t.jsx(
-      Ge,
+      Qe,
       {
         product: _,
-        children: E
+        children: R
       },
       _.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: H.product,
-        children: E
+        children: R
       },
       _.id
     );
@@ -816,30 +880,30 @@ const Di = (o) => {
         }
       )
     ] }),
-    $ && m && q && f && /* @__PURE__ */ t.jsx(
+    v && m && q && y && /* @__PURE__ */ t.jsx(
       Pt,
       {
         ref: P,
-        activeItem: $,
-        setActiveItem: R,
-        popupPosition: L,
+        activeItem: v,
+        setActiveItem: M,
+        popupPosition: O,
         modalOptions: q,
         setIsOpenModal: N
       }
     ),
-    g && y && /* @__PURE__ */ t.jsx(St, { ...y }),
+    g && k && /* @__PURE__ */ t.jsx(St, { ...k }),
     /* @__PURE__ */ t.jsxs("div", { className: H.products, children: [
-      l && /* @__PURE__ */ t.jsx("h5", { className: H.subtitle, children: l }),
+      r && /* @__PURE__ */ t.jsx("h5", { className: H.subtitle, children: r }),
       p ? /* @__PURE__ */ t.jsx(
-        vt,
+        pt,
         {
           sensors: A,
           onDragEnd: z,
           children: /* @__PURE__ */ t.jsx(
-            jt,
+            _t,
             {
               items: n.map((_) => _.id),
-              strategy: bt,
+              strategy: gt,
               children: n.map((_) => Z(_))
             }
           )
@@ -858,41 +922,41 @@ const Di = (o) => {
             {
               withoutHover: !0,
               className: V(H.button, {
-                [H.disabled]: !!(h && h <= n.length)
+                [H.disabled]: !!(f && f <= n.length)
               }),
               size: "s",
-              disabled: !!(h && h <= n.length),
+              disabled: !!(f && f <= n.length),
               onClick: () => {
                 const _ = [...n];
-                let E = null;
+                let R = null;
                 if (S) {
                   for (let T = 0; T < S.length; T++)
-                    if (!n.find((D) => D.name["en-US"] === S[T])) {
-                      E = S[T];
+                    if (!n.find((L) => L.name["en-US"] === S[T])) {
+                      R = S[T];
                       break;
                     }
                 }
-                j === "select" && S ? _.push({
+                b === "select" && S ? _.push({
                   name: {
-                    "en-US": E || S[0]
+                    "en-US": R || S[0]
                   },
                   id: at(),
-                  ...k,
+                  ...E,
                   maxSymbols: 100
                   // пример значения
-                }) : j === "input" ? _.push({
+                }) : b === "input" ? _.push({
                   name: {
                     "en-US": ""
                   },
                   id: at(),
-                  ...k,
+                  ...E,
                   maxSymbols: 100
                 }) : _.push({
                   name: {
                     "en-US": `Image ${n.length + 1}`
                   },
                   id: at(),
-                  ...k,
+                  ...E,
                   maxSymbols: 100
                 }), i(_);
               },
@@ -902,7 +966,7 @@ const Di = (o) => {
               children: /* @__PURE__ */ t.jsxs("div", { className: H.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
-                  v,
+                  j,
                   {
                     name: "Plus",
                     width: 16,
@@ -915,82 +979,82 @@ const Di = (o) => {
         }
       )
     ] }),
-    c !== void 0 && /* @__PURE__ */ t.jsx(_t, { items: c })
+    c !== void 0 && /* @__PURE__ */ t.jsx(It, { items: c })
   ] });
-}, Qe = "_subtitle_jql1y_1", Xe = "_header_jql1y_8", Je = "_text_jql1y_9", Ke = "_productsBlock_jql1y_10", Ze = "_buttonsBlock_jql1y_11", tn = "_top_jql1y_23", en = "_itemsBlock_jql1y_32", nn = "_typeTexts_jql1y_38", sn = "_block_jql1y_45", an = "_active_jql1y_58", on = "_products_jql1y_10", cn = "_product_jql1y_10", ln = "_button_jql1y_11", rn = "_image_jql1y_88", dn = "_info_jql1y_95", un = "_name_jql1y_107", mn = "_buttons_jql1y_11", hn = "_modal_jql1y_118", pn = "_other_jql1y_138", _n = "_options_jql1y_144", gn = "_addButton_jql1y_150", fn = "_deleteButton_jql1y_165", tt = {
-  subtitle: Qe,
-  header: Xe,
-  text: Je,
-  productsBlock: Ke,
-  buttonsBlock: Ze,
-  top: tn,
-  itemsBlock: en,
-  typeTexts: nn,
-  block: sn,
-  active: an,
-  products: on,
-  product: cn,
+}, Xe = "_subtitle_jql1y_1", Je = "_header_jql1y_8", Ke = "_text_jql1y_9", Ze = "_productsBlock_jql1y_10", tn = "_buttonsBlock_jql1y_11", en = "_top_jql1y_23", nn = "_itemsBlock_jql1y_32", sn = "_typeTexts_jql1y_38", an = "_block_jql1y_45", on = "_active_jql1y_58", cn = "_products_jql1y_10", rn = "_product_jql1y_10", ln = "_button_jql1y_11", dn = "_image_jql1y_88", un = "_info_jql1y_95", mn = "_name_jql1y_107", hn = "_buttons_jql1y_11", pn = "_modal_jql1y_118", _n = "_other_jql1y_138", gn = "_options_jql1y_144", fn = "_addButton_jql1y_150", xn = "_deleteButton_jql1y_165", tt = {
+  subtitle: Xe,
+  header: Je,
+  text: Ke,
+  productsBlock: Ze,
+  buttonsBlock: tn,
+  top: en,
+  itemsBlock: nn,
+  typeTexts: sn,
+  block: an,
+  active: on,
+  products: cn,
+  product: rn,
   button: ln,
-  image: rn,
-  info: dn,
-  name: un,
-  buttons: mn,
-  modal: hn,
-  other: pn,
-  options: _n,
-  addButton: gn,
-  deleteButton: fn
-}, xn = (o) => {
-  const { buttons: s, setButtons: e, deletable: n = !0, addable: i = !0, editableLink: c = !0 } = o, { pages: u } = rt(), [l, m] = x.useState(null), [p, B] = x.useState({
+  image: dn,
+  info: un,
+  name: mn,
+  buttons: hn,
+  modal: pn,
+  other: _n,
+  options: gn,
+  addButton: fn,
+  deleteButton: xn
+}, vn = (o) => {
+  const { buttons: s, setButtons: e, deletable: n = !0, addable: i = !0, editableLink: c = !0 } = o, { pages: u } = lt(), [r, m] = x.useState(null), [p, B] = x.useState({
     top: 0,
     left: 0
-  }), [r, a] = x.useState(null), j = x.useRef(null);
+  }), [l, a] = x.useState(null), b = x.useRef(null);
   x.useEffect(() => {
-    if (l) {
-      const g = [...s].map((y) => y.id === l.id ? l : y);
+    if (r) {
+      const g = [...s].map((k) => k.id === r.id ? r : k);
       e(g);
     }
-  }, [l]), x.useEffect(() => {
-    if (j.current && r) {
-      const g = j.current.getBoundingClientRect().height, y = window.innerHeight;
-      let q = r.top;
-      q + g > y + window.scrollY - 200 && (q = y + window.scrollY - g - 200), q < 0 && (q = 10), B({
+  }, [r]), x.useEffect(() => {
+    if (b.current && l) {
+      const g = b.current.getBoundingClientRect().height, k = window.innerHeight;
+      let q = l.top;
+      q + g > k + window.scrollY - 200 && (q = k + window.scrollY - g - 200), q < 0 && (q = 10), B({
         top: q,
-        left: r.left
+        left: l.left
       });
     }
-  }, [j.current, r]);
-  const d = (g, y) => {
+  }, [b.current, l]);
+  const d = (g, k) => {
     g.stopPropagation();
     const q = g.target.getBoundingClientRect();
     a({
       top: q.top + window.scrollY - 70,
       left: q.left - (i ? 30 : 65)
-    }), m(y);
-  }, S = (g, y) => {
-    const q = [...s], k = {
+    }), m(k);
+  }, S = (g, k) => {
+    const q = [...s], E = {
       ...g,
       id: Math.random().toString(36).substr(2, 9)
       // Генерируем новый уникальный ID
     };
-    q.splice(y + 1, 0, k), e(q);
+    q.splice(k + 1, 0, E), e(q);
   };
   return /* @__PURE__ */ t.jsxs("div", { className: tt.products, children: [
     /* @__PURE__ */ t.jsx("h5", { className: tt.subtitle, children: "Button Type" }),
-    s.map((g, y) => /* @__PURE__ */ t.jsxs(
+    s.map((g, k) => /* @__PURE__ */ t.jsxs(
       "div",
       {
         className: tt.product,
         children: [
           /* @__PURE__ */ t.jsx(
-            lt,
+            rt,
             {
               onChange: (q) => {
-                const h = [...s].map(($) => $.id === g.id ? {
+                const f = [...s].map((v) => v.id === g.id ? {
                   ...g,
                   type: q
-                } : $);
-                e(h);
+                } : v);
+                e(f);
               },
               value: g.type,
               options: ["Primary", "Secondary", "Tertiary"]
@@ -998,19 +1062,19 @@ const Di = (o) => {
           ),
           /* @__PURE__ */ t.jsxs("div", { className: tt.buttons, children: [
             /* @__PURE__ */ t.jsx("div", { className: tt.deleteButton, children: /* @__PURE__ */ t.jsx(
-              v,
+              j,
               {
                 name: "Copy",
                 hoverable: !0,
                 width: 20,
                 height: 20,
                 onClick: () => {
-                  S(g, y);
+                  S(g, k);
                 }
               }
             ) }),
             /* @__PURE__ */ t.jsx("div", { className: tt.deleteButton, children: /* @__PURE__ */ t.jsx(
-              v,
+              j,
               {
                 name: "Sliders",
                 hoverable: !0,
@@ -1022,12 +1086,12 @@ const Di = (o) => {
               }
             ) }),
             n && /* @__PURE__ */ t.jsx("div", { className: tt.deleteButton, children: /* @__PURE__ */ t.jsx(
-              v,
+              j,
               {
                 name: "Trash",
                 hoverable: !0,
                 onClick: () => {
-                  const q = s.filter((k) => k.id !== g.id);
+                  const q = s.filter((E) => E.id !== g.id);
                   e(q);
                 },
                 width: 20,
@@ -1040,11 +1104,11 @@ const Di = (o) => {
       },
       g.id
     )),
-    l && /* @__PURE__ */ t.jsx(
+    r && /* @__PURE__ */ t.jsx(
       Mt,
       {
-        ref: j,
-        activeButton: l,
+        ref: b,
+        activeButton: r,
         setActiveButton: m,
         popupPosition: p,
         editableLink: c
@@ -1094,7 +1158,7 @@ const Di = (o) => {
             children: /* @__PURE__ */ t.jsxs("div", { className: tt.addButton, children: [
               /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
               /* @__PURE__ */ t.jsx(
-                v,
+                j,
                 {
                   name: "Plus",
                   width: 16,
@@ -1107,7 +1171,7 @@ const Di = (o) => {
       }
     )
   ] });
-}, Ri = (o) => {
+}, Li = (o) => {
   const {
     isActiveButtons: s,
     setIsActiveButtons: e,
@@ -1115,11 +1179,11 @@ const Di = (o) => {
     setButtons: i,
     editableLink: c = !0,
     addable: u = !0,
-    deletable: l = !0
+    deletable: r = !0
   } = o;
-  return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsxs("div", { className: mt.buttonsBlock, children: [
-    /* @__PURE__ */ t.jsxs("div", { className: mt.top, children: [
-      /* @__PURE__ */ t.jsx("h3", { className: mt.title, children: "Buttons" }),
+  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" }),
       /* @__PURE__ */ t.jsx(
         ot,
         {
@@ -1129,23 +1193,23 @@ const Di = (o) => {
       )
     ] }),
     s && /* @__PURE__ */ t.jsx(
-      xn,
+      vn,
       {
         buttons: n,
         setButtons: i,
         editableLink: c,
         addable: u,
-        deletable: l
+        deletable: r
       }
     )
   ] }) });
 };
-function vn(o) {
-  const { product: s, children: e } = o, { attributes: n, listeners: i, setNodeRef: c, transform: u, transition: l, isDragging: m } = yt({
+function jn(o) {
+  const { product: s, children: e } = o, { attributes: n, listeners: i, setNodeRef: c, transform: u, transition: r, isDragging: m } = ft({
     id: String(s.listingId)
   }), p = {
-    transform: Nt.Transform.toString(u),
-    transition: l
+    transform: xt.Transform.toString(u),
+    transition: r
   };
   return /* @__PURE__ */ t.jsx(
     "div",
@@ -1159,7 +1223,7 @@ function vn(o) {
     }
   );
 }
-const Li = (o) => {
+const zi = (o) => {
   const {
     isActiveItems: s,
     setIsActiveItems: e,
@@ -1167,61 +1231,61 @@ const Li = (o) => {
     setItems: i,
     other: c,
     title: u,
-    subtitle: l,
+    subtitle: r,
     editable: m = !0,
     draggable: p = !1,
     withImage: B = !1,
-    deletable: r = !0,
+    deletable: l = !0,
     addable: a = !0,
-    itemsType: j,
+    itemsType: b,
     itemsOptions: d,
     limit: S
-  } = o, [g, y] = x.useState(
+  } = o, [g, k] = x.useState(
     null
-  ), [q, k] = x.useState({
+  ), [q, E] = x.useState({
     top: 0,
     left: 0
-  }), [h, $] = x.useState(!1), R = gt(
-    ft(xt, {
+  }), [f, v] = x.useState(!1), M = ut(
+    mt(ht, {
       activationConstraint: {
         distance: 5
       }
     })
   );
   x.useEffect(() => {
-    const f = () => {
-      y(null), $(!1);
+    const y = () => {
+      k(null), v(!1);
     };
-    return document.body.addEventListener("click", f), y(null), $(!1), () => {
-      y(null), $(!1), document.body.removeEventListener("click", f);
+    return document.body.addEventListener("click", y), k(null), v(!1), () => {
+      k(null), v(!1), document.body.removeEventListener("click", y);
     };
   }, []), x.useEffect(() => {
     if (g) {
-      const f = [...n].map((N) => N.listingId === g.listingId ? g : N);
-      i(f);
+      const y = [...n].map((N) => N.listingId === g.listingId ? g : N);
+      i(y);
     }
   }, [g]);
-  const L = (f, N) => {
-    f.stopPropagation();
-    const A = f.target.getBoundingClientRect(), U = 100, O = window.innerHeight;
+  const O = (y, N) => {
+    y.stopPropagation();
+    const A = y.target.getBoundingClientRect(), U = 100, D = window.innerHeight;
     let z = A.top + window.scrollY;
-    z + U > O && (z = O - U - 20), $(!0), k({
+    z + U > D && (z = D - U - 20), v(!0), E({
       top: z - 80,
       left: A.left - 30
-    }), y(N);
+    }), k(N);
   };
-  function I(f) {
+  function I(y) {
     if (B)
-      return f ? /* @__PURE__ */ t.jsx(
+      return y ? /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: `https://imagedelivery.net/${f}/w=1000`,
+          src: `https://imagedelivery.net/${y}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
         }
       ) : /* @__PURE__ */ t.jsx(
-        v,
+        j,
         {
           name: "Image",
           width: 16,
@@ -1230,21 +1294,21 @@ const Li = (o) => {
         }
       );
   }
-  const b = (f) => {
-    const { active: N, over: A } = f;
+  const h = (y) => {
+    const { active: N, over: A } = y;
     if (A && N.id !== A.id) {
-      const U = n.findIndex((z) => String(z.listingId) === N.id), O = n.findIndex((z) => String(z.listingId) === A.id);
-      if (U !== -1 && O !== -1) {
+      const U = n.findIndex((z) => String(z.listingId) === N.id), D = n.findIndex((z) => String(z.listingId) === A.id);
+      if (U !== -1 && D !== -1) {
         const z = [...n], [Z] = z.splice(U, 1);
-        z.splice(O, 0, Z), i(z);
+        z.splice(D, 0, Z), i(z);
       }
     }
-  }, M = (f, N) => {
-    const A = d.find((O) => f.listingId === O.id);
+  }, $ = (y, N) => {
+    const A = d.find((D) => y.listingId === D.id);
     if (!A) return null;
     const U = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       p && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        v,
+        j,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -1252,66 +1316,66 @@ const Li = (o) => {
           height: 20
         }
       ) }),
-      j === "select" && /* @__PURE__ */ t.jsx(
-        lt,
+      b === "select" && /* @__PURE__ */ t.jsx(
+        rt,
         {
-          onChange: (O) => {
-            const z = [...n], Z = d.find((T) => T.productData.name === O);
+          onChange: (D) => {
+            const z = [...n], Z = d.find((T) => T.productData.name === D);
             if (!Z) return;
             const _ = {
               listingId: Z.id,
               image: Z.productData.images.length > 0 ? Z.productData.images[0].cfId : ""
-            }, E = z.map((T) => T.listingId === f.listingId ? _ : T);
-            y(_), i([...E]);
+            }, R = z.map((T) => T.listingId === y.listingId ? _ : T);
+            k(_), i([...R]);
           },
           value: A.productData.name,
           options: [
-            ...d.filter((O) => !n.find((z) => z.listingId === O.id)).map((O) => O.productData.name)
+            ...d.filter((D) => !n.find((z) => z.listingId === D.id)).map((D) => D.productData.name)
           ],
           leftAddon: I(
-            f.image || A.productData.images.length > 0 && A.productData.images[0].cfId || ""
+            y.image || A.productData.images.length > 0 && A.productData.images[0].cfId || ""
           )
         },
         N
       ),
       /* @__PURE__ */ t.jsxs("div", { className: G.buttons, children: [
         m && /* @__PURE__ */ t.jsx("div", { className: G.deleteButton, children: /* @__PURE__ */ t.jsx(
-          v,
+          j,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (O) => L(O, f)
+            onClick: (D) => O(D, y)
           }
         ) }),
-        r && /* @__PURE__ */ t.jsx("div", { className: G.deleteButton, children: /* @__PURE__ */ t.jsx(
-          v,
+        l && /* @__PURE__ */ t.jsx("div", { className: G.deleteButton, children: /* @__PURE__ */ t.jsx(
+          j,
           {
             name: "Trash",
             hoverable: !0,
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => i(n.filter((O) => O !== f))
+            onClick: () => i(n.filter((D) => D !== y))
           }
         ) })
       ] })
     ] });
     return p ? /* @__PURE__ */ t.jsx(
-      vn,
+      jn,
       {
-        product: f,
+        product: y,
         children: U
       },
-      f.listingId
+      y.listingId
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: G.product,
         children: U
       },
-      f.listingId
+      y.listingId
     );
   }, P = x.useRef(null);
   return /* @__PURE__ */ t.jsxs("div", { className: G.productsBlock, children: [
@@ -1321,38 +1385,38 @@ const Li = (o) => {
         ot,
         {
           current: s,
-          onChange: (f) => e == null ? void 0 : e(f)
+          onChange: (y) => e == null ? void 0 : e(y)
         }
       )
     ] }),
-    h && g && /* @__PURE__ */ t.jsx(
+    f && g && /* @__PURE__ */ t.jsx(
       At,
       {
         ref: P,
         activeItem: g,
-        setActiveItem: y,
-        setIsOpenModal: $,
+        setActiveItem: k,
+        setIsOpenModal: v,
         popupPosition: q,
         itemsOptions: d
       }
     ),
     s && /* @__PURE__ */ t.jsxs("div", { className: G.products, children: [
-      l && /* @__PURE__ */ t.jsx("h5", { className: G.subtitle, children: l }),
+      r && /* @__PURE__ */ t.jsx("h5", { className: G.subtitle, children: r }),
       p ? /* @__PURE__ */ t.jsx(
-        vt,
+        pt,
         {
-          sensors: R,
-          onDragEnd: b,
+          sensors: M,
+          onDragEnd: h,
           children: /* @__PURE__ */ t.jsx(
-            jt,
+            _t,
             {
-              items: n.map((f) => String(f.listingId)),
-              strategy: bt,
-              children: n.map((f, N) => M(f, N))
+              items: n.map((y) => String(y.listingId)),
+              strategy: gt,
+              children: n.map((y, N) => $(y, N))
             }
           )
         }
-      ) : n.map((f, N) => M(f, N)),
+      ) : n.map((y, N) => $(y, N)),
       a && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -1368,16 +1432,16 @@ const Li = (o) => {
               className: G.button,
               size: "s",
               onClick: () => {
-                const f = [...n];
+                const y = [...n];
                 for (let N = 0; N < d.length; N++)
                   if (!n.find((A) => A.listingId === d[N].id)) {
-                    f.push({
+                    y.push({
                       listingId: d[N].id,
                       image: d[N].productData.images.length > 0 ? d[N].productData.images[0].cfId : ""
                     });
                     break;
                   }
-                i(f);
+                i(y);
               },
               disabled: n.length === (S || d.length),
               style: {
@@ -1386,7 +1450,7 @@ const Li = (o) => {
               children: /* @__PURE__ */ t.jsxs("div", { className: G.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
-                  v,
+                  j,
                   {
                     name: "Plus",
                     width: 16,
@@ -1399,108 +1463,108 @@ const Li = (o) => {
         }
       )
     ] }),
-    s && c !== void 0 && /* @__PURE__ */ t.jsx(_t, { items: c })
+    s && c !== void 0 && /* @__PURE__ */ t.jsx(It, { items: c })
   ] });
-}, jn = "_options_1vlf9_1", bn = "_price_1vlf9_13", yn = "_oldPrice_1vlf9_20", Nn = "_newPrice_1vlf9_28", In = "_animate_1vlf9_35", kn = "_appearAndBounce_1vlf9_1", Cn = "_meta_1vlf9_53", Sn = "_info_1vlf9_59", wn = "_infoRight_1vlf9_67", $n = "_buttons_1vlf9_74", qn = "_variants_1vlf9_81", Bn = "_variant_1vlf9_81", Pn = "_stock_1vlf9_99", Tn = "_variantInfo_1vlf9_106", Mn = "_quantity_1vlf9_112", An = "_count_1vlf9_119", On = "_focused_1vlf9_136", En = "_button_1vlf9_74", Dn = "_activeVariant_1vlf9_162", Rn = "_chargeTypes_1vlf9_166", Ln = "_charge_1vlf9_166", zn = "_chargeActive_1vlf9_191", Fn = "_title_1vlf9_199", w = {
-  options: jn,
-  price: bn,
-  oldPrice: yn,
+}, bn = "_options_1vlf9_1", yn = "_price_1vlf9_13", In = "_oldPrice_1vlf9_20", Nn = "_newPrice_1vlf9_28", kn = "_animate_1vlf9_35", Cn = "_appearAndBounce_1vlf9_1", Sn = "_meta_1vlf9_53", $n = "_info_1vlf9_59", wn = "_infoRight_1vlf9_67", qn = "_buttons_1vlf9_74", Bn = "_variants_1vlf9_81", Pn = "_variant_1vlf9_81", Tn = "_stock_1vlf9_99", Mn = "_variantInfo_1vlf9_106", An = "_quantity_1vlf9_112", On = "_count_1vlf9_119", En = "_focused_1vlf9_136", Dn = "_button_1vlf9_74", Rn = "_activeVariant_1vlf9_162", Ln = "_chargeTypes_1vlf9_166", zn = "_charge_1vlf9_166", Fn = "_chargeActive_1vlf9_191", Vn = "_title_1vlf9_199", w = {
+  options: bn,
+  price: yn,
+  oldPrice: In,
   newPrice: Nn,
-  animate: In,
-  appearAndBounce: kn,
-  meta: Cn,
-  info: Sn,
+  animate: kn,
+  appearAndBounce: Cn,
+  meta: Sn,
+  info: $n,
   infoRight: wn,
-  buttons: $n,
-  variants: qn,
-  variant: Bn,
-  stock: Pn,
-  variantInfo: Tn,
-  quantity: Mn,
-  count: An,
-  focused: On,
-  button: En,
-  activeVariant: Dn,
-  chargeTypes: Rn,
-  charge: Ln,
-  chargeActive: zn,
-  title: Fn
+  buttons: qn,
+  variants: Bn,
+  variant: Pn,
+  stock: Tn,
+  variantInfo: Mn,
+  quantity: An,
+  count: On,
+  focused: En,
+  button: Dn,
+  activeVariant: Rn,
+  chargeTypes: Ln,
+  charge: zn,
+  chargeActive: Fn,
+  title: Vn
 };
 var Ct = /* @__PURE__ */ ((o) => (o.ONE_TIME = "One-Time", o.RECURRING = "Subscribe & Save", o))(Ct || {});
-const Vn = (o) => {
-  var q, k;
+const Un = (o) => {
+  var q, E;
   const { variants: s } = o, [e, n] = x.useState(s[0]), [i, c] = x.useState(
     e.chargeTypes ? e.chargeTypes[0] : "ONE_TIME"
-  ), u = ut(), [l, m] = x.useState(1), { products: p, cart: B, reset: r, addProductToCart: a } = dt(), [j, d] = x.useState(!1);
+  ), u = vt(), [r, m] = x.useState(1), { products: p, cart: B, reset: l, addProductToCart: a } = dt(), [b, d] = x.useState(!1);
   console.log(B), x.useEffect(() => {
     d(!0);
-    const h = setTimeout(() => d(!1), 600);
-    return () => clearTimeout(h);
-  }, [l]);
+    const f = setTimeout(() => d(!1), 600);
+    return () => clearTimeout(f);
+  }, [r]);
   async function S() {
     console.log("Products P", p), await a({
       productId: o.id,
       productVariantId: e.id,
-      quantity: l
+      quantity: r
     });
   }
   function g() {
-    r(), S(), u("/checkout");
+    l(), S(), u("/checkout");
   }
-  function y(h) {
-    if (h >= 864e5) {
-      const b = Math.floor(h / 864e5);
-      return `${b} ${b === 1 ? "day" : "days"}`;
-    } else if (h >= 36e5) {
-      const b = Math.floor(h / 36e5);
-      return `${b} ${b === 1 ? "hour" : "hours"}`;
-    } else if (h >= 6e4) {
-      const b = Math.floor(h / 6e4);
-      return `${b} ${b === 1 ? "minute" : "minutes"}`;
+  function k(f) {
+    if (f >= 864e5) {
+      const h = Math.floor(f / 864e5);
+      return `${h} ${h === 1 ? "day" : "days"}`;
+    } else if (f >= 36e5) {
+      const h = Math.floor(f / 36e5);
+      return `${h} ${h === 1 ? "hour" : "hours"}`;
+    } else if (f >= 6e4) {
+      const h = Math.floor(f / 6e4);
+      return `${h} ${h === 1 ? "minute" : "minutes"}`;
     } else {
-      const b = Math.floor(h / 1e3);
-      return `${b} ${b === 1 ? "second" : "seconds"}`;
+      const h = Math.floor(f / 1e3);
+      return `${h} ${h === 1 ? "second" : "seconds"}`;
     }
   }
   return x.useEffect(() => {
     e.quantity && e.quantity.available === 0 && m(0);
   }, [e.quantity.available]), /* @__PURE__ */ t.jsxs("div", { className: w.options, children: [
-    e.chargeTypes && e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: w.chargeTypes, children: e.chargeTypes.map((h) => /* @__PURE__ */ t.jsx(
+    e.chargeTypes && e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: w.chargeTypes, children: e.chargeTypes.map((f) => /* @__PURE__ */ t.jsx(
       "div",
       {
         className: V(w.charge, {
-          [w.chargeActive]: i === h
+          [w.chargeActive]: i === f
         }),
-        onClick: () => c(h),
-        children: Ct[h]
+        onClick: () => c(f),
+        children: Ct[f]
       },
-      h
+      f
     )) }),
-    /* @__PURE__ */ t.jsx("div", { className: w.variants, children: s.map((h) => {
-      var $, R;
+    /* @__PURE__ */ t.jsx("div", { className: w.variants, children: s.map((f) => {
+      var v, M;
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
           className: V(w.variant, {
-            [w.activeVariant]: e.id === h.id
+            [w.activeVariant]: e.id === f.id
           }),
-          onClick: () => n(h),
+          onClick: () => n(f),
           children: [
             /* @__PURE__ */ t.jsxs("div", { className: w.variantInfo, children: [
-              /* @__PURE__ */ t.jsx("span", { className: w.title, children: It(h.name) }),
+              /* @__PURE__ */ t.jsx("span", { className: w.title, children: Nt(f.name) }),
               /* @__PURE__ */ t.jsxs("span", { children: [
                 "$",
-                i === "ONE_TIME" ? h.price.amount : h.subscriptionSettings ? h.subscriptionSettings.price.amount : "Price Not Found"
+                i === "ONE_TIME" ? f.price.amount : f.subscriptionSettings ? f.subscriptionSettings.price.amount : "Price Not Found"
               ] })
             ] }),
             /* @__PURE__ */ t.jsx("div", { children: i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: w.stock, children: [
-              ($ = h.quantity.restrictions) != null && $.max || h.quantity.available !== void 0 ? ((R = h.quantity.restrictions) == null ? void 0 : R.max) || h.quantity.available : "∞",
+              (v = f.quantity.restrictions) != null && v.max || f.quantity.available !== void 0 ? ((M = f.quantity.restrictions) == null ? void 0 : M.max) || f.quantity.available : "∞",
               " ",
               "in stock"
             ] }) })
           ]
         },
-        h.id
+        f.id
       );
     }) }),
     i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: w.quantity, children: [
@@ -1509,23 +1573,23 @@ const Vn = (o) => {
         {
           type: "Secondary",
           onClick: () => {
-            l > 1 ? m((h) => h - 1) : m(1);
+            r > 1 ? m((f) => f - 1) : m(1);
           },
           className: w.button,
-          disabled: e.quantity.available && e.quantity.restrictions && l <= e.quantity.restrictions.min || e.quantity.available === 0,
-          children: /* @__PURE__ */ t.jsx(v, { name: "Minus" })
+          disabled: e.quantity.available && e.quantity.restrictions && r <= e.quantity.restrictions.min || e.quantity.available === 0,
+          children: /* @__PURE__ */ t.jsx(j, { name: "Minus" })
         }
       ),
       /* @__PURE__ */ t.jsx(
         Ot,
         {
           type: "number",
-          value: String(l),
-          onChange: (h) => m(Number(h)),
+          value: String(r),
+          onChange: (f) => m(Number(f)),
           max: ((q = e.quantity.restrictions) == null ? void 0 : q.max) || e.quantity.available || Number.POSITIVE_INFINITY,
-          min: ((k = e.quantity.restrictions) == null ? void 0 : k.min) || 0,
+          min: ((E = e.quantity.restrictions) == null ? void 0 : E.min) || 0,
           centered: !0,
-          disabled: e.quantity && e.quantity.available === 0 || Object.keys(e.quantity.restrictions || {}).length !== 0 && l >= e.quantity.restrictions.max
+          disabled: e.quantity && e.quantity.available === 0 || Object.keys(e.quantity.restrictions || {}).length !== 0 && r >= e.quantity.restrictions.max
         }
       ),
       /* @__PURE__ */ t.jsx(
@@ -1533,11 +1597,11 @@ const Vn = (o) => {
         {
           type: "Secondary",
           onClick: () => {
-            m((h) => h + 1);
+            m((f) => f + 1);
           },
           className: w.button,
-          disabled: !!(e.quantity.available && e.quantity.restrictions && l >= e.quantity.restrictions.max || e.quantity.available === 0),
-          children: /* @__PURE__ */ t.jsx(v, { name: "Plus" })
+          disabled: !!(e.quantity.available && e.quantity.restrictions && r >= e.quantity.restrictions.max || e.quantity.available === 0),
+          children: /* @__PURE__ */ t.jsx(j, { name: "Plus" })
         }
       )
     ] }),
@@ -1546,7 +1610,7 @@ const Vn = (o) => {
         /* @__PURE__ */ t.jsx("span", { children: "Delivery" }),
         /* @__PURE__ */ t.jsxs("div", { className: w.infoRight, children: [
           /* @__PURE__ */ t.jsx(
-            v,
+            j,
             {
               name: "Lightning",
               fill: "#FF3F19",
@@ -1554,25 +1618,25 @@ const Vn = (o) => {
               height: 20
             }
           ),
-          /* @__PURE__ */ t.jsx("span", { children: !e.deliveryTime || e.deliveryTime === 0 ? "Instant" : y(e.deliveryTime) })
+          /* @__PURE__ */ t.jsx("span", { children: !e.deliveryTime || e.deliveryTime === 0 ? "Instant" : k(e.deliveryTime) })
         ] })
       ] }),
       /* @__PURE__ */ t.jsxs("div", { className: w.info, children: [
         /* @__PURE__ */ t.jsx("span", { children: "Price" }),
         /* @__PURE__ */ t.jsx("div", { className: w.infoRight, children: i === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: w.price, children: [
-          /* @__PURE__ */ t.jsxs("span", { className: V(w.newPrice, { [w.animate]: j }), children: [
+          /* @__PURE__ */ t.jsxs("span", { className: V(w.newPrice, { [w.animate]: b }), children: [
             "$ ",
-            (e.price.amount || 0) * l
+            (e.price.amount || 0) * r
           ] }),
           /* @__PURE__ */ t.jsxs("span", { className: w.oldPrice, children: [
             "$ ",
-            (e.compareAtPrice.amount || 0) * l
+            (e.compareAtPrice.amount || 0) * r
           ] })
-        ] }) : /* @__PURE__ */ t.jsxs("span", { className: V(w.newPrice, { [w.animate]: j }), children: [
+        ] }) : /* @__PURE__ */ t.jsxs("span", { className: V(w.newPrice, { [w.animate]: b }), children: [
           "$ ",
-          (e.price.amount || 0) * l
+          (e.price.amount || 0) * r
         ] }) : e.subscriptionSettings && e.subscriptionSettings.compareAtPrice && (e.subscriptionSettings.compareAtPrice.amount || 0) - (e.subscriptionSettings.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: w.price, children: [
-          /* @__PURE__ */ t.jsxs("span", { className: V(w.newPrice, { [w.animate]: j }), children: [
+          /* @__PURE__ */ t.jsxs("span", { className: V(w.newPrice, { [w.animate]: b }), children: [
             "$ ",
             e.subscriptionSettings.price.amount || 0
           ] }),
@@ -1580,7 +1644,7 @@ const Vn = (o) => {
             "$ ",
             e.subscriptionSettings.compareAtPrice.amount || 0
           ] })
-        ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsxs("span", { className: V(w.newPrice, { [w.animate]: j }), children: [
+        ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsxs("span", { className: V(w.newPrice, { [w.animate]: b }), children: [
           "$ ",
           e.subscriptionSettings.price.amount || 0
         ] }) })
@@ -1607,85 +1671,85 @@ const Vn = (o) => {
       )
     ] })
   ] });
-}, Un = "_button_14q75_1", Hn = "_login_14q75_14", Yn = "_signUp_14q75_18", Wn = "_buttons_14q75_23", Gn = "_modal_14q75_32", Qn = "_closing_14q75_64", Xn = "_info_14q75_113", Jn = "_top_14q75_120", Kn = "_title_14q75_131", Zn = "_clear_14q75_138", ts = "_activeClear_14q75_145", es = "_count_14q75_149", ns = "_cart_14q75_164", ss = "_empty_14q75_172", is = "_product_14q75_198", as = "_products_14q75_207", os = "_image_14q75_215", cs = "_productInfo_14q75_230", ls = "_content_14q75_237", rs = "_name_14q75_243", ds = "_price_14q75_249", us = "_productButtons_14q75_255", ms = "_productButton_14q75_255", hs = "_productCount_14q75_272", ps = "_bottom_14q75_289", _s = "_subtotal_14q75_297", gs = "_block_14q75_305", fs = "_shoppingCount_14q75_312", xs = "_total_14q75_332", vs = "_link_14q75_338", js = "_userInfo_14q75_345", bs = "_pagesMobileModal_14q75_356", ys = "_pagesMobileModalContent_14q75_370", Ns = "_pagesMobileModalHeader_14q75_376", Is = "_pagesMobileModalFooter_14q75_386", C = {
-  button: Un,
-  login: Hn,
-  signUp: Yn,
-  buttons: Wn,
-  modal: Gn,
+}, Hn = "_button_14q75_1", Yn = "_login_14q75_14", Wn = "_signUp_14q75_18", Gn = "_buttons_14q75_23", Qn = "_modal_14q75_32", Xn = "_closing_14q75_64", Jn = "_info_14q75_113", Kn = "_top_14q75_120", Zn = "_title_14q75_131", ts = "_clear_14q75_138", es = "_activeClear_14q75_145", ns = "_count_14q75_149", ss = "_cart_14q75_164", is = "_empty_14q75_172", as = "_product_14q75_198", os = "_products_14q75_207", cs = "_image_14q75_215", rs = "_productInfo_14q75_230", ls = "_content_14q75_237", ds = "_name_14q75_243", us = "_price_14q75_249", ms = "_productButtons_14q75_255", hs = "_productButton_14q75_255", ps = "_productCount_14q75_272", _s = "_bottom_14q75_289", gs = "_subtotal_14q75_297", fs = "_block_14q75_305", xs = "_shoppingCount_14q75_312", vs = "_total_14q75_332", js = "_link_14q75_338", bs = "_userInfo_14q75_345", ys = "_pagesMobileModal_14q75_356", Is = "_pagesMobileModalContent_14q75_370", Ns = "_pagesMobileModalHeader_14q75_376", ks = "_pagesMobileModalFooter_14q75_386", C = {
+  button: Hn,
+  login: Yn,
+  signUp: Wn,
+  buttons: Gn,
+  modal: Qn,
   "slide-in-fade": "_slide-in-fade_14q75_1",
   "mobile-slide-in-fade": "_mobile-slide-in-fade_14q75_1",
-  closing: Qn,
+  closing: Xn,
   "mobile-slide-out-fade": "_mobile-slide-out-fade_14q75_1",
   "slide-out-fade": "_slide-out-fade_14q75_1",
-  info: Xn,
-  top: Jn,
-  title: Kn,
-  clear: Zn,
-  activeClear: ts,
-  count: es,
-  cart: ns,
-  empty: ss,
-  product: is,
-  products: as,
-  image: os,
-  productInfo: cs,
+  info: Jn,
+  top: Kn,
+  title: Zn,
+  clear: ts,
+  activeClear: es,
+  count: ns,
+  cart: ss,
+  empty: is,
+  product: as,
+  products: os,
+  image: cs,
+  productInfo: rs,
   content: ls,
-  name: rs,
-  price: ds,
-  productButtons: us,
-  productButton: ms,
-  productCount: hs,
-  bottom: ps,
-  subtotal: _s,
-  block: gs,
-  shoppingCount: fs,
-  total: xs,
-  link: vs,
-  userInfo: js,
-  pagesMobileModal: bs,
-  pagesMobileModalContent: ys,
+  name: ds,
+  price: us,
+  productButtons: ms,
+  productButton: hs,
+  productCount: ps,
+  bottom: _s,
+  subtotal: gs,
+  block: fs,
+  shoppingCount: xs,
+  total: vs,
+  link: js,
+  userInfo: bs,
+  pagesMobileModal: ys,
+  pagesMobileModalContent: Is,
   pagesMobileModalHeader: Ns,
-  pagesMobileModalFooter: Is
-}, zi = (o) => {
+  pagesMobileModalFooter: ks
+}, Fi = (o) => {
   const { shopping: s, signUp: e, isShowUserInfo: n = !0 } = o;
   return /* @__PURE__ */ t.jsxs("div", { className: C.buttons, children: [
-    s && /* @__PURE__ */ t.jsx(ks, {}),
+    s && /* @__PURE__ */ t.jsx(Cs, {}),
     n && /* @__PURE__ */ t.jsx(Bt, { signUp: e })
   ] });
-}, ks = () => {
-  const [o, s] = x.useState(!1), [e, n] = x.useState([]), { cart: i } = dt(), { pageContext: c } = rt();
+}, Cs = () => {
+  const [o, s] = x.useState(!1), [e, n] = x.useState([]), { cart: i } = dt(), { pageContext: c } = lt();
   function u(a) {
     if (a.variants.length > 0) {
-      for (let j = 0; j < i.parts.length; j++)
+      for (let b = 0; b < i.parts.length; b++)
         for (let d = 0; d < a.variants.length; d++)
-          if (a.variants[d] && i.parts[j].productVariantId === a.variants[d].id)
-            return i.parts[j].productVariantId;
+          if (a.variants[d] && i.parts[b].productVariantId === a.variants[d].id)
+            return i.parts[b].productVariantId;
     }
     return a.variants[0].id;
   }
-  function l(a) {
-    for (let j = 0; j < i.parts.length; j++)
+  function r(a) {
+    for (let b = 0; b < i.parts.length; b++)
       for (let d = 0; d < a.variants.length; d++)
-        if (a.variants[d] && i.parts[j].productVariantId === a.variants[d].id)
-          return i.parts[j].quantity;
+        if (a.variants[d] && i.parts[b].productVariantId === a.variants[d].id)
+          return i.parts[b].quantity;
   }
   x.useEffect(() => {
     (async () => {
       var g;
-      const j = i.parts.map((y) => String(y.productId)), S = (((g = c == null ? void 0 : c.products) == null ? void 0 : g.filter((y) => j.includes(String(y.id)))) || []).map((y) => ({
-        ...y,
-        activeVariantId: u(y),
-        quantity: l(y)
+      const b = i.parts.map((k) => String(k.productId)), S = (((g = c == null ? void 0 : c.products) == null ? void 0 : g.filter((k) => b.includes(String(k.id)))) || []).map((k) => ({
+        ...k,
+        activeVariantId: u(k),
+        quantity: r(k)
       }));
       n(S);
     })();
   }, [i.parts]);
   function m(a) {
-    var j;
-    return !a || !(a != null && a.variants) ? !1 : (j = a.variants.find((d) => d.id === a.activeVariantId)) == null ? void 0 : j.subscriptionSettings;
+    var b;
+    return !a || !(a != null && a.variants) ? !1 : (b = a.variants.find((d) => d.id === a.activeVariantId)) == null ? void 0 : b.subscriptionSettings;
   }
-  const p = i.parts.length > 0 && e.length > 0 && !m(e[0]), [B, r] = x.useState(!1);
+  const p = i.parts.length > 0 && e.length > 0 && !m(e[0]), [B, l] = x.useState(!1);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsxs(
       F,
@@ -1696,11 +1760,11 @@ const Vn = (o) => {
           position: "relative"
         },
         onClick: (a) => {
-          a.stopPropagation(), window.location.pathname.includes("/admin/builder") || (s(!0), r(!0));
+          a.stopPropagation(), window.location.pathname.includes("/admin/builder") || (s(!0), l(!0));
         },
         children: [
           /* @__PURE__ */ t.jsx(
-            v,
+            j,
             {
               name: "Handbag",
               fill: "var(--text-primary)"
@@ -1714,13 +1778,13 @@ const Vn = (o) => {
       kt,
       {
         close: () => {
-          r(!1), setTimeout(() => {
+          l(!1), setTimeout(() => {
             s(!1);
           }, 300);
         },
         withAnimation: !1,
         children: /* @__PURE__ */ t.jsx(
-          Cs,
+          Ss,
           {
             activeProducts: e,
             isCartNotEmpty: p,
@@ -1730,20 +1794,20 @@ const Vn = (o) => {
       }
     )
   ] });
-}, Cs = (o) => {
-  const { activeProducts: s, isCartNotEmpty: e, isOpen: n } = o, { cart: i, reset: c, getTotalAndDiscount: u, updateQuantityOfProduct: l } = dt(), m = ut();
+}, Ss = (o) => {
+  const { activeProducts: s, isCartNotEmpty: e, isOpen: n } = o, { cart: i, reset: c, getTotalAndDiscount: u, updateQuantityOfProduct: r } = dt(), m = vt();
   function p(a) {
     m(a);
   }
   function B(a) {
-    a.quantity && l({
+    a.quantity && r({
       productId: a.id,
       productVariantId: a.activeVariantId,
       quantity: a.quantity + 1
     });
   }
-  function r(a) {
-    a.quantity && l({
+  function l(a) {
+    a.quantity && r({
       productId: a.id,
       productVariantId: a.activeVariantId,
       quantity: a.quantity - 1
@@ -1791,17 +1855,17 @@ const Vn = (o) => {
                       className: C.image
                     }
                   ) : /* @__PURE__ */ t.jsx("div", { className: C.image, children: /* @__PURE__ */ t.jsx(
-                    v,
+                    j,
                     {
                       name: "Image",
                       fill: "var(--text-secondary)"
                     }
                   ) }),
                   /* @__PURE__ */ t.jsxs("div", { className: C.content, children: [
-                    /* @__PURE__ */ t.jsx("div", { className: C.name, children: It(a.name) }),
+                    /* @__PURE__ */ t.jsx("div", { className: C.name, children: Nt(a.name) }),
                     /* @__PURE__ */ t.jsxs("div", { className: C.price, children: [
                       "$",
-                      a.variants.find((j) => j.id === a.activeVariantId).price.amount * ((a == null ? void 0 : a.quantity) || 1)
+                      a.variants.find((b) => b.id === a.activeVariantId).price.amount * ((a == null ? void 0 : a.quantity) || 1)
                     ] })
                   ] })
                 ] }),
@@ -1811,12 +1875,12 @@ const Vn = (o) => {
                     {
                       type: "Secondary",
                       onClick: () => {
-                        a.quantity !== 1 && r(a);
+                        a.quantity !== 1 && l(a);
                       },
                       className: C.productButton,
                       disabled: a.quantity === 1,
                       children: /* @__PURE__ */ t.jsx(
-                        v,
+                        j,
                         {
                           name: "Minus",
                           fill: "#757575",
@@ -1833,9 +1897,9 @@ const Vn = (o) => {
                       type: "Secondary",
                       onClick: () => B(a),
                       className: C.productButton,
-                      disabled: a.quantity === a.variants.find((j) => j.id === a.activeVariantId).quantity.available,
+                      disabled: a.quantity === a.variants.find((b) => b.id === a.activeVariantId).quantity.available,
                       children: /* @__PURE__ */ t.jsx(
-                        v,
+                        j,
                         {
                           name: "Plus",
                           fill: "#757575",
@@ -1855,7 +1919,7 @@ const Vn = (o) => {
               /* @__PURE__ */ t.jsxs("div", { className: C.block, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Subtotal" }),
                 /* @__PURE__ */ t.jsx(
-                  v,
+                  j,
                   {
                     name: "Info",
                     width: 20,
@@ -1871,13 +1935,13 @@ const Vn = (o) => {
             ] }),
             /* @__PURE__ */ t.jsx(F, { onClick: () => p("/checkout"), children: "Checkout" })
           ] })
-        ] }) : /* @__PURE__ */ t.jsx(Ss, {})
+        ] }) : /* @__PURE__ */ t.jsx($s, {})
       ]
     }
   );
-}, Ss = () => /* @__PURE__ */ t.jsxs("div", { className: C.empty, children: [
+}, $s = () => /* @__PURE__ */ t.jsxs("div", { className: C.empty, children: [
   /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-    v,
+    j,
     {
       name: "Handbag",
       fill: "var(--text-secondary)"
@@ -1897,7 +1961,7 @@ const Vn = (o) => {
     )
   ] })
 ] }), Bt = ({ signUp: o, close: s }) => {
-  const e = JSON.parse(localStorage.getItem("token") || "{}"), { data: n } = e, i = ut();
+  const e = JSON.parse(localStorage.getItem("token") || "{}"), { data: n } = e, i = vt();
   function c(m) {
     window.location.pathname.includes("/admin/builder") || i(m);
   }
@@ -1931,11 +1995,11 @@ const Vn = (o) => {
         }
       )
     ] });
-  const [u, l] = x.useState("test-email@gmail.com");
+  const [u, r] = x.useState("test-email@gmail.com");
   return x.useEffect(() => {
     (async () => {
       const p = Et(n);
-      l(p.email);
+      r(p.email);
     })();
   }, [n]), /* @__PURE__ */ t.jsx(
     "div",
@@ -1953,7 +2017,7 @@ const Vn = (o) => {
   setIsOpen: e,
   signUp: n
 }) => {
-  const { setIsOpen: i } = wt(), c = () => {
+  const { setIsOpen: i } = $t(), c = () => {
     i(!1), setTimeout(() => {
       e(!1), i(!0);
     }, 300);
@@ -1972,7 +2036,7 @@ const Vn = (o) => {
               type: "Secondary",
               onClick: c,
               children: /* @__PURE__ */ t.jsx(
-                v,
+                j,
                 {
                   name: "X",
                   fill: "var(--text-primary)"
@@ -1992,14 +2056,14 @@ const Vn = (o) => {
       ]
     }
   );
-}, Fi = ({
+}, Vi = ({
   children: o,
   logo: s,
   signUp: e
 }) => {
   const [n, i] = x.useState(!1);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx($s, { setIsOpenModal: i }),
+    /* @__PURE__ */ t.jsx(qs, { setIsOpenModal: i }),
     n && /* @__PURE__ */ t.jsx(kt, { close: () => i(!1), children: /* @__PURE__ */ t.jsx(
       ws,
       {
@@ -2010,7 +2074,7 @@ const Vn = (o) => {
       }
     ) })
   ] });
-}, $s = (o) => {
+}, qs = (o) => {
   const { setIsOpenModal: s } = o;
   return /* @__PURE__ */ t.jsx(
     F,
@@ -2023,7 +2087,7 @@ const Vn = (o) => {
         e.stopPropagation(), window.location.pathname.includes("/admin/builder") || s(!0);
       },
       children: /* @__PURE__ */ t.jsx(
-        v,
+        j,
         {
           name: "List",
           fill: "var(--text-primary)"
@@ -2031,20 +2095,20 @@ const Vn = (o) => {
       )
     }
   );
-}, qs = "_share_10urc_1", Bs = "_modal_10urc_9", Ps = "_header_10urc_21", Ts = "_socials_10urc_31", Ms = "_social_10urc_31", As = "_copy_10urc_41", Os = "_title_10urc_48", Es = "_copyWrapper_10urc_54", Ds = "_copyText_10urc_63", Rs = "_copyTextMobile_10urc_76", Ls = "_copyTextMiniMobile_10urc_95", et = {
-  share: qs,
-  modal: Bs,
-  header: Ps,
-  socials: Ts,
-  social: Ms,
-  copy: As,
-  title: Os,
-  copyWrapper: Es,
-  copyText: Ds,
-  copyTextMobile: Rs,
-  copyTextMiniMobile: Ls
-}, Vi = ({ title: o = "Copy Product Link" }) => {
-  const { isOpenModal: s, setIsOpenModal: e } = $t();
+}, Bs = "_share_10urc_1", Ps = "_modal_10urc_9", Ts = "_header_10urc_21", Ms = "_socials_10urc_31", As = "_social_10urc_31", Os = "_copy_10urc_41", Es = "_title_10urc_48", Ds = "_copyWrapper_10urc_54", Rs = "_copyText_10urc_63", Ls = "_copyTextMobile_10urc_76", zs = "_copyTextMiniMobile_10urc_95", et = {
+  share: Bs,
+  modal: Ps,
+  header: Ts,
+  socials: Ms,
+  social: As,
+  copy: Os,
+  title: Es,
+  copyWrapper: Ds,
+  copyText: Rs,
+  copyTextMobile: Ls,
+  copyTextMiniMobile: zs
+}, Ui = ({ title: o = "Copy Product Link" }) => {
+  const { isOpenModal: s, setIsOpenModal: e } = wt();
   function n() {
     e(!0);
   }
@@ -2058,7 +2122,7 @@ const Vn = (o) => {
         },
         type: "Secondary",
         children: /* @__PURE__ */ t.jsx(
-          v,
+          j,
           {
             name: "Share",
             fill: "#757575",
@@ -2067,17 +2131,17 @@ const Vn = (o) => {
         )
       }
     ),
-    s && /* @__PURE__ */ t.jsx(kt, { close: e, children: /* @__PURE__ */ t.jsx(zs, { title: o }) })
+    s && /* @__PURE__ */ t.jsx(kt, { close: e, children: /* @__PURE__ */ t.jsx(Fs, { title: o }) })
   ] });
-}, zs = ({ title: o = "Copy Product Link" }) => {
-  const { setIsOpenModal: s } = $t(), { notification: e, setNotification: n } = qt(), { setIsOpen: i } = wt(), c = window.location.href;
+}, Fs = ({ title: o = "Copy Product Link" }) => {
+  const { setIsOpenModal: s } = wt(), { notification: e, setNotification: n } = qt(), { setIsOpen: i } = $t(), c = window.location.href;
   function u() {
     navigator.clipboard.writeText(c), n({
       message: "Link copied to clipboard",
       status: "success"
     });
   }
-  function l() {
+  function r() {
     i(!1), setTimeout(() => {
       s(!1), i(!0);
     }, 300);
@@ -2094,11 +2158,11 @@ const Vn = (o) => {
         /* @__PURE__ */ t.jsxs("div", { className: et.header, children: [
           /* @__PURE__ */ t.jsx("div", { className: et.title, children: o }),
           /* @__PURE__ */ t.jsx(
-            v,
+            j,
             {
               name: "X",
               fill: "#757575",
-              onClick: l,
+              onClick: r,
               hoverable: !0
             }
           )
@@ -2124,25 +2188,25 @@ const Vn = (o) => {
             {
               type: "Secondary",
               onClick: u,
-              children: e ? /* @__PURE__ */ t.jsx(v, { name: "Check" }) : /* @__PURE__ */ t.jsx(v, { name: "Copy" })
+              children: e ? /* @__PURE__ */ t.jsx(j, { name: "Check" }) : /* @__PURE__ */ t.jsx(j, { name: "Copy" })
             }
           )
         ] })
       ]
     }
   );
-}, Fs = "_accordion_1s1lq_1", Vs = "_header_1s1lq_9", Us = "_icon_1s1lq_18", Hs = "_open_1s1lq_21", Ys = "_content_1s1lq_25", it = {
-  accordion: Fs,
-  header: Vs,
-  icon: Us,
-  open: Hs,
-  content: Ys
-}, Ui = ({ title: o, content: s, defaultOpen: e = !1 }) => {
-  const [n, i] = x.useState(e), [c, u] = x.useState(0), l = x.useRef(null), m = () => {
+}, Vs = "_accordion_1s1lq_1", Us = "_header_1s1lq_9", Hs = "_icon_1s1lq_18", Ys = "_open_1s1lq_21", Ws = "_content_1s1lq_25", it = {
+  accordion: Vs,
+  header: Us,
+  icon: Hs,
+  open: Ys,
+  content: Ws
+}, Hi = ({ title: o, content: s, defaultOpen: e = !1 }) => {
+  const [n, i] = x.useState(e), [c, u] = x.useState(0), r = x.useRef(null), m = () => {
     i(!n);
   };
   return x.useEffect(() => {
-    l.current && u(n ? l.current.scrollHeight : 0);
+    r.current && u(n ? r.current.scrollHeight : 0);
   }, [n]), /* @__PURE__ */ t.jsxs("div", { className: it.accordion, children: [
     /* @__PURE__ */ t.jsxs(
       "div",
@@ -2151,21 +2215,21 @@ const Vn = (o) => {
         onClick: m,
         children: [
           /* @__PURE__ */ t.jsx("h5", { id: "h5", children: o }),
-          /* @__PURE__ */ t.jsx("div", { className: V(it.icon, { [it.open]: n }), children: /* @__PURE__ */ t.jsx(v, { name: "CaretDown" }) })
+          /* @__PURE__ */ t.jsx("div", { className: V(it.icon, { [it.open]: n }), children: /* @__PURE__ */ t.jsx(j, { name: "CaretDown" }) })
         ]
       }
     ),
     /* @__PURE__ */ t.jsx(
       "div",
       {
-        ref: l,
+        ref: r,
         className: it.content,
         style: { height: `${c}px` },
         children: /* @__PURE__ */ t.jsx("p", { id: "p", children: s })
       }
     )
   ] });
-}, Hi = ({ children: o, path: s, className: e, target: n = "_self", id: i }) => {
+}, Yi = ({ children: o, path: s, className: e, target: n = "_self", id: i }) => {
   if (window.location.pathname.includes("/admin/builder"))
     return /* @__PURE__ */ t.jsx(
       "div",
@@ -2177,13 +2241,13 @@ const Vn = (o) => {
         children: o
       }
     );
-  const c = ut(), u = /^https?:\/\//.test(s), l = (m) => {
+  const c = vt(), u = /^https?:\/\//.test(s), r = (m) => {
     u || n === "_blank" ? n === "_blank" ? window.open(s, "_blank") : window.open(s, "_self") : (m.preventDefault(), c(s));
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      onClick: l,
+      onClick: r,
       className: e,
       role: "link",
       style: { cursor: "pointer" },
@@ -2191,25 +2255,25 @@ const Vn = (o) => {
       children: o
     }
   );
-}, Ws = "_buttonsBlock_1b2rb_1", Gs = "_slideUp_1b2rb_1", Qs = {
-  buttonsBlock: Ws,
-  slideUp: Gs
-}, Yi = (o) => {
+}, Gs = "_buttonsBlock_1b2rb_1", Qs = "_slideUp_1b2rb_1", Xs = {
+  buttonsBlock: Gs,
+  slideUp: Qs
+}, Wi = (o) => {
   var p, B;
-  const { setIsOpen: s, setModalType: e, productId: n } = o, { cart: i } = dt(), { pageContext: c } = rt(), u = (p = c == null ? void 0 : c.listings) == null ? void 0 : p.find((r) => r.id === n);
+  const { setIsOpen: s, setModalType: e, productId: n } = o, { cart: i } = dt(), { pageContext: c } = lt(), u = (p = c == null ? void 0 : c.listings) == null ? void 0 : p.find((l) => l.id === n);
   if (!u)
     return null;
-  const l = (B = c == null ? void 0 : c.products) == null ? void 0 : B.find(
-    (r) => r.uniquePath === u.productData.uniquePath
+  const r = (B = c == null ? void 0 : c.products) == null ? void 0 : B.find(
+    (l) => l.uniquePath === u.productData.uniquePath
   );
-  if (!l)
+  if (!r)
     return null;
-  const m = i.parts.find((r) => r.productId === l.id);
+  const m = i.parts.find((l) => l.productId === r.id);
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: Qs.buttonsBlock,
-      onClick: (r) => r.stopPropagation(),
+      className: Xs.buttonsBlock,
+      onClick: (l) => l.stopPropagation(),
       children: [
         /* @__PURE__ */ t.jsx(
           F,
@@ -2237,11 +2301,11 @@ const Vn = (o) => {
       ]
     }
   );
-}, Xs = "_wrapper_27wzz_1", Js = "_logo_27wzz_8", Ks = "_info_27wzz_12", ht = {
-  wrapper: Xs,
-  logo: Js,
-  info: Ks
-}, Wi = ({ date: o }) => {
+}, Js = "_wrapper_27wzz_1", Ks = "_logo_27wzz_8", Zs = "_info_27wzz_12", bt = {
+  wrapper: Js,
+  logo: Ks,
+  info: Zs
+}, Gi = ({ date: o }) => {
   const { general: s } = Dt();
   if (!s) return /* @__PURE__ */ t.jsx(t.Fragment, {});
   function e(n) {
@@ -2255,8 +2319,8 @@ const Vn = (o) => {
     };
     return i.toLocaleDateString("en-US", c);
   }
-  return /* @__PURE__ */ t.jsxs("div", { className: ht.wrapper, children: [
-    /* @__PURE__ */ t.jsx("div", { className: ht.logo, children: s.info.logo ? /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ t.jsxs("div", { className: bt.wrapper, children: [
+    /* @__PURE__ */ t.jsx("div", { className: bt.logo, children: s.info.logo ? /* @__PURE__ */ t.jsx(
       "img",
       {
         src: `https://imagedelivery.net/${s.info.logo.cfId}/w=500,h=500`,
@@ -2264,47 +2328,47 @@ const Vn = (o) => {
         style: { objectFit: "contain", width: "48px", height: "48px" }
       }
     ) : /* @__PURE__ */ t.jsx(
-      v,
+      j,
       {
         name: "Image",
         width: 48,
         height: 48
       }
     ) }),
-    /* @__PURE__ */ t.jsxs("div", { className: ht.info, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: bt.info, children: [
       /* @__PURE__ */ t.jsx("h3", { id: "h4", children: s.info.name }),
       /* @__PURE__ */ t.jsx("p", { id: "p", children: e(o) })
     ] })
   ] });
-}, Zs = "_options_mju90_1", ti = "_price_mju90_12", ei = "_oldPrice_mju90_19", ni = "_newPrice_mju90_27", si = "_animate_mju90_34", ii = "_appearAndBounce_mju90_1", ai = "_meta_mju90_52", oi = "_info_mju90_58", ci = "_infoRight_mju90_66", li = "_buttons_mju90_73", ri = "_variants_mju90_80", di = "_variant_mju90_80", ui = "_stock_mju90_98", mi = "_variantInfo_mju90_105", hi = "_quantity_mju90_111", pi = "_count_mju90_118", _i = "_focused_mju90_135", gi = "_button_mju90_73", fi = "_activeVariant_mju90_161", xi = "_chargeTypes_mju90_165", vi = "_charge_mju90_165", ji = "_chargeActive_mju90_190", bi = "_title_mju90_198", yi = "_modal_mju90_204", Ni = "_header_mju90_218", Q = {
-  options: Zs,
-  price: ti,
-  oldPrice: ei,
-  newPrice: ni,
-  animate: si,
-  appearAndBounce: ii,
-  meta: ai,
-  info: oi,
-  infoRight: ci,
+}, ti = "_options_mju90_1", ei = "_price_mju90_12", ni = "_oldPrice_mju90_19", si = "_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", mi = "_stock_mju90_98", hi = "_variantInfo_mju90_105", pi = "_quantity_mju90_111", _i = "_count_mju90_118", gi = "_focused_mju90_135", fi = "_button_mju90_73", xi = "_activeVariant_mju90_161", vi = "_chargeTypes_mju90_165", ji = "_charge_mju90_165", bi = "_chargeActive_mju90_190", yi = "_title_mju90_198", Ii = "_modal_mju90_204", Ni = "_header_mju90_218", X = {
+  options: ti,
+  price: ei,
+  oldPrice: ni,
+  newPrice: si,
+  animate: ii,
+  appearAndBounce: ai,
+  meta: oi,
+  info: ci,
+  infoRight: ri,
   buttons: li,
-  variants: ri,
-  variant: di,
-  stock: ui,
-  variantInfo: mi,
-  quantity: hi,
-  count: pi,
-  focused: _i,
-  button: gi,
-  activeVariant: fi,
-  chargeTypes: xi,
-  charge: vi,
-  chargeActive: ji,
-  title: bi,
-  modal: yi,
+  variants: di,
+  variant: ui,
+  stock: mi,
+  variantInfo: hi,
+  quantity: pi,
+  count: _i,
+  focused: gi,
+  button: fi,
+  activeVariant: xi,
+  chargeTypes: vi,
+  charge: ji,
+  chargeActive: bi,
+  title: yi,
+  modal: Ii,
   header: Ni
-}, Gi = (o) => {
-  var l, m;
-  const { pageContext: s } = rt(), e = (l = s == null ? void 0 : s.listings) == null ? void 0 : l.find((p) => p.id === o.productId);
+}, Qi = (o) => {
+  var r, m;
+  const { pageContext: s } = lt(), e = (r = s == null ? void 0 : s.listings) == null ? void 0 : r.find((p) => p.id === o.productId);
   if (!e)
     return;
   const n = (m = s == null ? void 0 : s.products) == null ? void 0 : m.find(
@@ -2318,11 +2382,11 @@ const Vn = (o) => {
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: Q.modal,
+      className: X.modal,
       onClick: (p) => p.stopPropagation(),
       children: [
         o.type === "Add To Cart" && /* @__PURE__ */ t.jsx(
-          Ii,
+          ki,
           {
             variants: n.variants,
             activeVariant: i,
@@ -2333,7 +2397,7 @@ const Vn = (o) => {
           }
         ),
         o.type === "Buy Now" && /* @__PURE__ */ t.jsx(
-          ki,
+          Ci,
           {
             product: n,
             setIsOpen: o.setIsOpen
@@ -2342,10 +2406,10 @@ const Vn = (o) => {
       ]
     }
   );
-}, Ii = (o) => {
-  const { variants: s, activeChargeType: e, setActiveChargeType: n, activeVariant: i, productId: c, setIsOpen: u } = o, { cart: l, addProductToCart: m, addProducts: p, updateQuantityOfProduct: B } = dt(), { setNotification: r } = qt(), { pageContext: a } = rt();
-  async function j(d) {
-    const S = l.parts.find(
+}, ki = (o) => {
+  const { variants: s, activeChargeType: e, setActiveChargeType: n, activeVariant: i, productId: c, setIsOpen: u } = o, { cart: r, addProductToCart: m, addProducts: p, updateQuantityOfProduct: B } = dt(), { setNotification: l } = qt(), { pageContext: a } = lt();
+  async function b(d) {
+    const S = r.parts.find(
       (g) => g.productId === o.productId && g.productVariantId === d
     );
     S ? B({
@@ -2356,16 +2420,16 @@ const Vn = (o) => {
       productId: c,
       productVariantId: d,
       quantity: 1
-    })), r({
+    })), l({
       message: "Product added to cart",
       status: "success"
     });
   }
-  return /* @__PURE__ */ t.jsxs("div", { className: Q.modal, children: [
-    /* @__PURE__ */ t.jsxs("div", { className: Q.header, children: [
+  return /* @__PURE__ */ t.jsxs("div", { className: X.modal, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: X.header, children: [
       /* @__PURE__ */ t.jsx("div", { id: "h3", children: "Choose a variant" }),
       /* @__PURE__ */ t.jsx(
-        v,
+        j,
         {
           name: "X",
           width: 24,
@@ -2376,35 +2440,35 @@ const Vn = (o) => {
         }
       )
     ] }),
-    i.chargeTypes && i.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: Q.chargeTypes, children: i.chargeTypes.map((d) => /* @__PURE__ */ t.jsx(
+    i.chargeTypes && i.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: X.chargeTypes, children: i.chargeTypes.map((d) => /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: V(Q.charge, {
-          [Q.chargeActive]: e === d
+        className: V(X.charge, {
+          [X.chargeActive]: e === d
         }),
         onClick: () => n(d),
         children: Ct[d]
       },
       d
     )) }),
-    /* @__PURE__ */ t.jsx("div", { className: Q.variants, children: s.map((d) => {
+    /* @__PURE__ */ t.jsx("div", { className: X.variants, children: s.map((d) => {
       var S, g;
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: V(Q.variant),
+          className: V(X.variant),
           onClick: () => {
-            j(d.id), u(!1);
+            b(d.id), u(!1);
           },
           children: [
-            /* @__PURE__ */ t.jsxs("div", { className: Q.variantInfo, children: [
-              /* @__PURE__ */ t.jsx("span", { className: Q.title, children: d.name }),
+            /* @__PURE__ */ t.jsxs("div", { className: X.variantInfo, children: [
+              /* @__PURE__ */ t.jsx("span", { className: X.title, children: d.name }),
               /* @__PURE__ */ t.jsxs("span", { children: [
                 "$",
                 e === "ONE_TIME" ? d.price.amount : d.subscriptionSettings ? d.subscriptionSettings.price.amount : "Price Not Found"
               ] })
             ] }),
-            /* @__PURE__ */ t.jsx("div", { children: e === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: Q.stock, children: [
+            /* @__PURE__ */ t.jsx("div", { children: e === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: X.stock, children: [
               (S = d.quantity.restrictions) != null && S.max || d.quantity.available !== void 0 ? ((g = d.quantity.restrictions) == null ? void 0 : g.max) || d.quantity.available : "∞",
               " ",
               "in stock"
@@ -2415,16 +2479,16 @@ const Vn = (o) => {
       );
     }) })
   ] });
-}, ki = (o) => {
+}, Ci = (o) => {
   const { product: s, setIsOpen: e } = o;
-  return /* @__PURE__ */ t.jsxs("div", { className: Q.modal, children: [
-    /* @__PURE__ */ t.jsxs("div", { className: Q.header, children: [
+  return /* @__PURE__ */ t.jsxs("div", { className: X.modal, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: X.header, children: [
       /* @__PURE__ */ t.jsxs("div", { id: "h3", children: [
         "Buy ",
-        It(s.name)
+        Nt(s.name)
       ] }),
       /* @__PURE__ */ t.jsx(
-        v,
+        j,
         {
           name: "X",
           width: 24,
@@ -2439,16 +2503,16 @@ const Vn = (o) => {
         }
       )
     ] }),
-    /* @__PURE__ */ t.jsx(Vn, { ...s })
+    /* @__PURE__ */ t.jsx(Un, { ...s })
   ] });
-}, Ci = "_wrapper_1efqk_1", Si = "_label_1efqk_10", wi = "_contentBorder_1efqk_19", $i = "_contentField_1efqk_23", qi = "_textarea_1efqk_27", Bi = "_length_1efqk_42", st = {
-  wrapper: Ci,
-  label: Si,
+}, Si = "_wrapper_1efqk_1", $i = "_label_1efqk_10", wi = "_contentBorder_1efqk_19", qi = "_contentField_1efqk_23", Bi = "_textarea_1efqk_27", Pi = "_length_1efqk_42", st = {
+  wrapper: Si,
+  label: $i,
   contentBorder: wi,
-  contentField: $i,
-  textarea: qi,
-  length: Bi
-}, Qi = (o) => {
+  contentField: qi,
+  textarea: Bi,
+  length: Pi
+}, Xi = (o) => {
   const {
     onChange: s,
     label: e,
@@ -2456,9 +2520,9 @@ const Vn = (o) => {
     maxLength: i,
     placeholder: c = "Type something...",
     type: u = "text"
-  } = o, [l, m] = x.useState(n.length), { themeSettings: p } = Rt();
-  function B(r) {
-    return u === "number" ? r.replace(/[^\d\n]+/g, "") : r;
+  } = o, [r, m] = x.useState(n.length), { themeSettings: p } = Rt();
+  function B(l) {
+    return u === "number" ? l.replace(/[^\d\n]+/g, "") : l;
   }
   return /* @__PURE__ */ t.jsxs("div", { className: st.wrapper, children: [
     e && /* @__PURE__ */ t.jsx(
@@ -2474,8 +2538,8 @@ const Vn = (o) => {
       {
         id: e,
         value: n,
-        onChange: (r) => {
-          const a = B(r.target.value);
+        onChange: (l) => {
+          const a = B(l.target.value);
           m(a.length), s(a);
         },
         placeholder: c,
@@ -2487,50 +2551,50 @@ const Vn = (o) => {
       }
     ),
     i && /* @__PURE__ */ t.jsxs("div", { className: st.length, children: [
-      l,
+      r,
       "/",
       i
     ] })
   ] });
 };
 export {
-  Ui as Accordion,
-  $s as BurgerMenuButton,
+  Hi as Accordion,
+  qs as BurgerMenuButton,
   F as Button,
-  xn as ButtonTypeSettings,
-  Ri as ButtonsSettings,
-  Oi as CategorySettings,
+  vn as ButtonTypeSettings,
+  Li as ButtonsSettings,
+  Ei as CategorySettings,
   Ct as ChargeTypes,
   Tt as ChooseImage,
-  Ki as ChooseImageModal,
-  Ss as EmptyCart,
-  Di as FormSettings,
-  zi as HeaderButtons,
-  v as Icon,
-  pt as InputSettings,
+  Zi as ChooseImageModal,
+  $s as EmptyCart,
+  Ri as FormSettings,
+  Fi as HeaderButtons,
+  j as Icon,
+  yt as InputSettings,
   Ot as InputUI,
-  Zi as ItemsSettings,
-  Ai as LayoutSettings,
-  Hi as Link,
-  Li as ListingSelector,
-  ta as Loader,
-  Wi as MetaInfoPost,
+  ta as ItemsSettings,
+  Oi as LayoutSettings,
+  Yi as Link,
+  zi as ListingSelector,
+  ea as Loader,
+  Gi as MetaInfoPost,
   kt as Modal,
-  Fi as PagesMobileMenu,
+  Vi as PagesMobileMenu,
   ws as PagesMobileModal,
-  Ei as PagesSettings,
-  Yi as ProductCardButtons,
-  Gi as ProductCardModal,
-  Vn as ProductOptions,
+  Di as PagesSettings,
+  Wi as ProductCardButtons,
+  Qi as ProductCardModal,
+  Un as ProductOptions,
   St as RangeSelector,
-  lt as Select,
-  Vi as ShareLink,
-  ks as ShoppingButton,
-  Cs as ShoppingModalCart,
+  rt as Select,
+  Ui as ShareLink,
+  Cs as ShoppingButton,
+  Ss as ShoppingModalCart,
   ot as Switch,
-  ea as TextSettings,
-  na as TextareaSettings,
-  Qi as TextareaUI,
-  sa as TypesText,
+  na as TextSettings,
+  sa as TextareaSettings,
+  Xi as TextareaUI,
+  ia as TypesText,
   Bt as UserInfo
 };