@billgangcom/theme-lib 1.62.3 → 1.62.5

package/dist/ui.es.js

@@ -1,11 +1,11 @@
-import { j as t, I as f, c as W, a as ut, S as it, R as Nt, B as ot, O as mt, d as at, u as ht, e as pt, P as _t, D as gt, f as ft, v as xt, g as bt, C as jt, h as F, i as wt, k as st, l as $t, m as Bt, n as Pt, o as rt, p as G, L as Mt, q as lt, r as vt, t as H, w as Tt, M as yt, x as kt, y as qt, z as It, A as At, E as Ot } from "./index-gMad4uy4.js";
-import { K as bi, G as ji, J as vi, F as yi, T as Ni, H as ki } from "./index-gMad4uy4.js";
+import { j as t, I as f, c as W, a as ut, S as it, R as kt, B as ot, O as mt, d as at, u as ht, e as pt, P as _t, D as gt, f as ft, v as xt, g as bt, C as jt, h as F, i as wt, k as st, l as $t, m as Bt, n as Pt, o as rt, p as G, L as Mt, q as lt, r as vt, t as H, w as Tt, M as yt, x as Nt, y as qt, z as It, A as At, E as Ot } from "./index-DutnMNfO.js";
+import { K as bi, G as ji, J as vi, F as yi, T as ki, H as Ni } from "./index-DutnMNfO.js";
 import _ from "react";
 import "@phosphor-icons/react";
-const Et = "_wrapper_1vmyb_2", Rt = "_alignmentBlock_1vmyb_8", Dt = "_title_1vmyb_15", Lt = "_subtitle_1vmyb_22", zt = "_alignmentContent_1vmyb_29", Ut = "_alignments_1vmyb_37", Ht = "_alignment_1vmyb_8", Ft = "_circle_1vmyb_60", Vt = "_paddings_1vmyb_67", Yt = "_padding_1vmyb_67", Gt = "_active_1vmyb_91", Wt = "_input_1vmyb_98", J = {
+const Et = "_wrapper_1vmyb_2", Dt = "_alignmentBlock_1vmyb_8", Rt = "_title_1vmyb_15", Lt = "_subtitle_1vmyb_22", zt = "_alignmentContent_1vmyb_29", Ut = "_alignments_1vmyb_37", Ht = "_alignment_1vmyb_8", Ft = "_circle_1vmyb_60", Vt = "_paddings_1vmyb_67", Yt = "_padding_1vmyb_67", Gt = "_active_1vmyb_91", Wt = "_input_1vmyb_98", J = {
   wrapper: Et,
-  alignmentBlock: Rt,
-  title: Dt,
+  alignmentBlock: Dt,
+  title: Rt,
   subtitle: Lt,
   alignmentContent: zt,
   alignments: Ut,
@@ -59,7 +59,7 @@ const Et = "_wrapper_1vmyb_2", Rt = "_alignmentBlock_1vmyb_8", Dt = "_title_1vmy
   }
   const [o, m] = _.useState(null), [g, C] = _.useState(null);
   return /* @__PURE__ */ t.jsxs("div", { className: J.layout, children: [
-    /* @__PURE__ */ t.jsx("h3", { className: J.title, children: "Layout" }),
+    /* @__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: [
@@ -185,7 +185,7 @@ const Et = "_wrapper_1vmyb_2", Rt = "_alignmentBlock_1vmyb_8", Dt = "_title_1vmy
     autoScrollInterval: M,
     deletable: x
   } = r;
-  function k(j) {
+  function N(j) {
     if (g)
       return j ? /* @__PURE__ */ t.jsx(
         "img",
@@ -205,7 +205,7 @@ const Et = "_wrapper_1vmyb_2", Rt = "_alignmentBlock_1vmyb_8", Dt = "_title_1vmy
         }
       );
   }
-  const a = (j, D = !1) => {
+  const a = (j, R = !1) => {
     const w = c.find((S) => S.id === j);
     if (!w) return;
     const z = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
@@ -229,10 +229,10 @@ const Et = "_wrapper_1vmyb_2", Rt = "_alignmentBlock_1vmyb_8", Dt = "_title_1vmy
           },
           value: w.name,
           options: c.filter((S) => !n.find((v) => v === S.id)).map((S) => S.name),
-          leftAddon: k(w.images)
+          leftAddon: N(w.images)
         }
       ),
-      D && /* @__PURE__ */ t.jsx("div", { className: X.buttons, children: /* @__PURE__ */ t.jsx("div", { className: X.deleteButton, children: /* @__PURE__ */ t.jsx(
+      R && /* @__PURE__ */ t.jsx("div", { className: X.buttons, children: /* @__PURE__ */ t.jsx("div", { className: X.deleteButton, children: /* @__PURE__ */ t.jsx(
         f,
         {
           name: "Trash",
@@ -264,7 +264,7 @@ const Et = "_wrapper_1vmyb_2", Rt = "_alignmentBlock_1vmyb_8", Dt = "_title_1vmy
         }
       )
     ] }),
-    l && T && /* @__PURE__ */ t.jsx(Nt, { ...T }),
+    l && T && /* @__PURE__ */ t.jsx(kt, { ...T }),
     /* @__PURE__ */ t.jsxs("div", { className: X.products, children: [
       o && /* @__PURE__ */ t.jsx("h5", { className: X.subtitle, children: o }),
       n.map((j) => a(j, x)),
@@ -288,15 +288,15 @@ const Et = "_wrapper_1vmyb_2", Rt = "_alignmentBlock_1vmyb_8", Dt = "_title_1vmy
               disabled: !!($ && $ <= n.length || n.length === c.length),
               onClick: () => {
                 const j = [...n];
-                let D = null;
+                let R = null;
                 if (c) {
                   for (let w = 0; w < c.length; w++)
                     if (!n.find((z) => z === c[w].id)) {
-                      D = c[w];
+                      R = c[w];
                       break;
                     }
                 }
-                j.push((D == null ? void 0 : D.id) || c[0].id), i(j);
+                j.push((R == null ? void 0 : R.id) || c[0].id), i(j);
               },
               style: {
                 width: "fit-content"
@@ -334,12 +334,12 @@ const Et = "_wrapper_1vmyb_2", Rt = "_alignmentBlock_1vmyb_8", Dt = "_title_1vmy
       }
     )
   ] });
-}, je = "_title_roi3a_1", ve = "_subtitle_roi3a_5", ye = "_header_roi3a_12", Ne = "_text_roi3a_13", ke = "_productsBlock_roi3a_14", Ie = "_top_roi3a_26", Se = "_itemsBlock_roi3a_35", Ce = "_typeTexts_roi3a_41", we = "_block_roi3a_48", $e = "_active_roi3a_61", Be = "_products_roi3a_14", Pe = "_product_roi3a_14", Me = "_button_roi3a_80", Te = "_disabled_roi3a_91", qe = "_image_roi3a_95", Ae = "_info_roi3a_102", Oe = "_name_roi3a_114", Ee = "_buttons_roi3a_118", Re = "_modal_roi3a_125", De = "_link_roi3a_145", Le = "_modalOptions_roi3a_151", ze = "_addButton_roi3a_164", Ue = "_deleteButton_roi3a_179", He = "_closeIcon_roi3a_191", V = {
+}, je = "_title_roi3a_1", ve = "_subtitle_roi3a_5", ye = "_header_roi3a_12", ke = "_text_roi3a_13", Ne = "_productsBlock_roi3a_14", Ie = "_top_roi3a_26", Se = "_itemsBlock_roi3a_35", Ce = "_typeTexts_roi3a_41", we = "_block_roi3a_48", $e = "_active_roi3a_61", Be = "_products_roi3a_14", Pe = "_product_roi3a_14", Me = "_button_roi3a_80", Te = "_disabled_roi3a_91", qe = "_image_roi3a_95", Ae = "_info_roi3a_102", Oe = "_name_roi3a_114", Ee = "_buttons_roi3a_118", De = "_modal_roi3a_125", Re = "_link_roi3a_145", Le = "_modalOptions_roi3a_151", ze = "_addButton_roi3a_164", Ue = "_deleteButton_roi3a_179", He = "_closeIcon_roi3a_191", V = {
   title: je,
   subtitle: ve,
   header: ye,
-  text: Ne,
-  productsBlock: ke,
+  text: ke,
+  productsBlock: Ne,
   top: Ie,
   itemsBlock: Se,
   typeTexts: Ce,
@@ -353,8 +353,8 @@ const Et = "_wrapper_1vmyb_2", Rt = "_alignmentBlock_1vmyb_8", Dt = "_title_1vmy
   info: Ae,
   name: Oe,
   buttons: Ee,
-  modal: Re,
-  link: De,
+  modal: De,
+  link: Re,
   modalOptions: Le,
   addButton: ze,
   deleteButton: Ue,
@@ -402,7 +402,7 @@ const ii = (r) => {
     itemsOptions: l,
     addableOptions: T = {},
     limit: $
-  } = r, [M, x] = _.useState(null), [k, a] = _.useState(null), j = _.useRef(null), D = ht(
+  } = r, [M, x] = _.useState(null), [N, a] = _.useState(null), j = _.useRef(null), R = ht(
     pt(_t, {
       activationConstraint: {
         distance: 5
@@ -415,8 +415,8 @@ const ii = (r) => {
       i(v);
     }
   }, [M]), _.useEffect(() => {
-    j.current && k && (j.current.getBoundingClientRect().height, k.top);
-  }, [j.current, k]);
+    j.current && N && (j.current.getBoundingClientRect().height, N.top);
+  }, [j.current, N]);
   const w = (v, I) => {
     v.stopPropagation();
     const q = v.target.getBoundingClientRect();
@@ -524,7 +524,7 @@ const ii = (r) => {
       m ? /* @__PURE__ */ t.jsx(
         gt,
         {
-          sensors: D,
+          sensors: R,
           onDragEnd: z,
           children: /* @__PURE__ */ t.jsx(
             ft,
@@ -627,10 +627,10 @@ const oi = (r) => {
     itemsPlaceholder: $ = "",
     itemsOptions: M,
     hasRangeSelector: x = !1,
-    rangeSelectorOptions: k,
+    rangeSelectorOptions: N,
     modalOptions: a,
     addableOptions: j = {},
-    limit: D
+    limit: R
   } = r, [w, z] = _.useState(null), [S, v] = _.useState({
     top: 0,
     left: 0
@@ -694,9 +694,9 @@ const oi = (r) => {
   const L = (h) => {
     const { active: E, over: P } = h;
     if (P && E.id !== P.id) {
-      const R = n.findIndex((Y) => Y.id === E.id), et = n.findIndex((Y) => Y.id === P.id);
-      if (R !== -1 && et !== -1) {
-        const Y = [...n], [K] = Y.splice(R, 1);
+      const D = n.findIndex((Y) => Y.id === E.id), et = n.findIndex((Y) => Y.id === P.id);
+      if (D !== -1 && et !== -1) {
+        const Y = [...n], [K] = Y.splice(D, 1);
         Y.splice(et, 0, K), i(Y);
       }
     }
@@ -715,23 +715,23 @@ const oi = (r) => {
       T === "select" && M && /* @__PURE__ */ t.jsx(
         at,
         {
-          onChange: (R) => {
+          onChange: (D) => {
             const Y = [...n].map((K) => K.id === h.id ? {
               ...h,
               name: {
-                "en-US": R
+                "en-US": D
               }
             } : K);
             z({
               ...h,
               name: {
-                "en-US": R
+                "en-US": D
               }
             }), i([...Y]);
           },
           value: h.name["en-US"],
           options: M.filter(
-            (R) => !n.find((et) => et.name["en-US"] === R)
+            (D) => !n.find((et) => et.name["en-US"] === D)
           ),
           leftAddon: O(h.images)
         }
@@ -739,11 +739,11 @@ const oi = (r) => {
       T === "input" && /* @__PURE__ */ t.jsx(
         ut,
         {
-          onChange: (R) => {
+          onChange: (D) => {
             const Y = [...n].map((K) => K.id === h.id ? {
               ...h,
               name: {
-                "en-US": R
+                "en-US": D
               }
             } : K);
             i([...Y]);
@@ -755,14 +755,14 @@ const oi = (r) => {
       T === "image" && /* @__PURE__ */ t.jsx(
         $t,
         {
-          onChange: (R) => {
+          onChange: (D) => {
             const Y = [...n].map((K) => K.id === h.id ? {
               ...h,
-              images: R
+              images: D
             } : K);
             i([...Y]);
           },
-          activeImage: (P = n.find((R) => R.id === h.id)) == null ? void 0 : P.images[0]
+          activeImage: (P = n.find((D) => D.id === h.id)) == null ? void 0 : P.images[0]
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: F.buttons, children: [
@@ -773,7 +773,7 @@ const oi = (r) => {
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (R) => U(R, h)
+            onClick: (D) => U(D, h)
           }
         ) }),
         c && /* @__PURE__ */ t.jsx("div", { className: F.deleteButton, children: /* @__PURE__ */ t.jsx(
@@ -784,7 +784,7 @@ const oi = (r) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => i(n.filter((R) => R.id !== h.id))
+            onClick: () => i(n.filter((D) => D.id !== h.id))
           }
         ) })
       ] })
@@ -827,7 +827,7 @@ const oi = (r) => {
         setIsOpenModal: b
       }
     ),
-    x && k && /* @__PURE__ */ t.jsx(Nt, { ...k }),
+    x && N && /* @__PURE__ */ t.jsx(kt, { ...N }),
     /* @__PURE__ */ t.jsxs("div", { className: F.products, children: [
       o && /* @__PURE__ */ t.jsx("h5", { className: F.subtitle, children: o }),
       g ? /* @__PURE__ */ t.jsx(
@@ -858,16 +858,16 @@ const oi = (r) => {
             {
               withoutHover: !0,
               className: W(F.button, {
-                [F.disabled]: !!(D && D <= n.length)
+                [F.disabled]: !!(R && R <= n.length)
               }),
               size: "s",
-              disabled: !!(D && D <= n.length),
+              disabled: !!(R && R <= n.length),
               onClick: () => {
                 const h = [...n];
                 let E = null;
                 if (M) {
                   for (let P = 0; P < M.length; P++)
-                    if (!n.find((R) => R.name["en-US"] === M[P])) {
+                    if (!n.find((D) => D.name["en-US"] === M[P])) {
                       E = M[P];
                       break;
                     }
@@ -947,37 +947,37 @@ const oi = (r) => {
   }), [c, l] = _.useState(null), T = _.useRef(null);
   _.useEffect(() => {
     if (o) {
-      const x = [...s].map((k) => k.id === o.id ? o : k);
+      const x = [...s].map((N) => N.id === o.id ? o : N);
       e(x);
     }
   }, [o]), _.useEffect(() => {
     if (T.current && c) {
-      const x = T.current.getBoundingClientRect().height, k = window.innerHeight;
+      const x = T.current.getBoundingClientRect().height, N = window.innerHeight;
       let a = c.top;
-      a + x > k + window.scrollY - 200 && (a = k + window.scrollY - x - 200), a < 0 && (a = 10), C({
+      a + x > N + window.scrollY - 200 && (a = N + window.scrollY - x - 200), a < 0 && (a = 10), C({
         top: a,
         left: c.left
       });
     }
   }, [T.current, c]);
-  const $ = (x, k) => {
+  const $ = (x, N) => {
     x.stopPropagation();
     const a = x.target.getBoundingClientRect();
     l({
       top: a.top + window.scrollY - 70,
       left: a.left - (i ? 30 : 65)
-    }), m(k);
-  }, M = (x, k) => {
+    }), m(N);
+  }, M = (x, N) => {
     const a = [...s], j = {
       ...x,
       id: Math.random().toString(36).substr(2, 9)
       // Генерируем новый уникальный ID
     };
-    a.splice(k + 1, 0, j), e(a);
+    a.splice(N + 1, 0, j), e(a);
   };
   return /* @__PURE__ */ t.jsxs("div", { className: Z.products, children: [
     /* @__PURE__ */ t.jsx("h5", { className: Z.subtitle, children: "Button Type" }),
-    s.map((x, k) => /* @__PURE__ */ t.jsxs(
+    s.map((x, N) => /* @__PURE__ */ t.jsxs(
       "div",
       {
         className: Z.product,
@@ -986,11 +986,11 @@ const oi = (r) => {
             at,
             {
               onChange: (a) => {
-                const D = [...s].map((w) => w.id === x.id ? {
+                const R = [...s].map((w) => w.id === x.id ? {
                   ...x,
                   type: a
                 } : w);
-                e(D);
+                e(R);
               },
               value: x.type,
               options: ["Primary", "Secondary", "Tertiary"]
@@ -1005,7 +1005,7 @@ const oi = (r) => {
                 width: 20,
                 height: 20,
                 onClick: () => {
-                  M(x, k);
+                  M(x, N);
                 }
               }
             ) }),
@@ -1176,12 +1176,12 @@ const ci = (r) => {
     itemsType: T,
     itemsOptions: $,
     limit: M
-  } = r, [x, k] = _.useState(
+  } = r, [x, N] = _.useState(
     null
   ), [a, j] = _.useState({
     top: 0,
     left: 0
-  }), [D, w] = _.useState(!1), z = ht(
+  }), [R, w] = _.useState(!1), z = ht(
     pt(_t, {
       activationConstraint: {
         distance: 5
@@ -1190,10 +1190,10 @@ const ci = (r) => {
   );
   _.useEffect(() => {
     const p = () => {
-      k(null), w(!1);
+      N(null), w(!1);
     };
-    return document.body.addEventListener("click", p), k(null), w(!1), () => {
-      k(null), w(!1), document.body.removeEventListener("click", p);
+    return document.body.addEventListener("click", p), N(null), w(!1), () => {
+      N(null), w(!1), document.body.removeEventListener("click", p);
     };
   }, []), _.useEffect(() => {
     if (x) {
@@ -1208,7 +1208,7 @@ const ci = (r) => {
     L + U > O && (L = O - U - 20), w(!0), j({
       top: L - 80,
       left: A.left - 30
-    }), k(b);
+    }), N(b);
   };
   function v(p) {
     if (C)
@@ -1262,7 +1262,7 @@ const ci = (r) => {
               listingId: Q.id,
               image: Q.productData.images.length > 0 ? Q.productData.images[0].cfId : ""
             }, E = L.map((P) => P.listingId === p.listingId ? h : P);
-            k(h), i([...E]);
+            N(h), i([...E]);
           },
           value: A.productData.name,
           options: [
@@ -1325,12 +1325,12 @@ const ci = (r) => {
         }
       )
     ] }),
-    D && x && /* @__PURE__ */ t.jsx(
+    R && x && /* @__PURE__ */ t.jsx(
       Mt,
       {
         ref: B,
         activeItem: x,
-        setActiveItem: k,
+        setActiveItem: N,
         setIsOpenModal: w,
         popupPosition: a,
         itemsOptions: $
@@ -1401,15 +1401,15 @@ const ci = (r) => {
     ] }),
     s && d !== void 0 && /* @__PURE__ */ t.jsx(mt, { items: d })
   ] });
-}, fn = "_options_6cemk_1", xn = "_price_6cemk_12", bn = "_oldPrice_6cemk_19", jn = "_newPrice_6cemk_27", vn = "_animate_6cemk_34", yn = "_appearAndBounce_6cemk_1", Nn = "_meta_6cemk_52", kn = "_info_6cemk_58", In = "_infoRight_6cemk_66", Sn = "_buttons_6cemk_73", Cn = "_variants_6cemk_80", wn = "_variant_6cemk_80", $n = "_stock_6cemk_98", Bn = "_variantInfo_6cemk_105", Pn = "_quantity_6cemk_111", Mn = "_count_6cemk_118", Tn = "_focused_6cemk_135", qn = "_button_6cemk_73", An = "_activeVariant_6cemk_161", On = "_chargeTypes_6cemk_165", En = "_charge_6cemk_165", Rn = "_chargeActive_6cemk_190", Dn = "_title_6cemk_198", N = {
+}, fn = "_options_6cemk_1", xn = "_price_6cemk_12", bn = "_oldPrice_6cemk_19", jn = "_newPrice_6cemk_27", vn = "_animate_6cemk_34", yn = "_appearAndBounce_6cemk_1", kn = "_meta_6cemk_52", Nn = "_info_6cemk_58", In = "_infoRight_6cemk_66", Sn = "_buttons_6cemk_73", Cn = "_variants_6cemk_80", wn = "_variant_6cemk_80", $n = "_stock_6cemk_98", Bn = "_variantInfo_6cemk_105", Pn = "_quantity_6cemk_111", Mn = "_count_6cemk_118", Tn = "_focused_6cemk_135", qn = "_button_6cemk_73", An = "_activeVariant_6cemk_161", On = "_chargeTypes_6cemk_165", En = "_charge_6cemk_165", Dn = "_chargeActive_6cemk_190", Rn = "_title_6cemk_198", k = {
   options: fn,
   price: xn,
   oldPrice: bn,
   newPrice: jn,
   animate: vn,
   appearAndBounce: yn,
-  meta: Nn,
-  info: kn,
+  meta: kn,
+  info: Nn,
   infoRight: In,
   buttons: Sn,
   variants: Cn,
@@ -1423,12 +1423,12 @@ const ci = (r) => {
   activeVariant: An,
   chargeTypes: On,
   charge: En,
-  chargeActive: Rn,
-  title: Dn
+  chargeActive: Dn,
+  title: Rn
 };
 var St = /* @__PURE__ */ ((r) => (r.ONE_TIME = "One-Time", r.RECURRING = "Subscribe & Save", r))(St || {});
 const li = (r) => {
-  var x, k;
+  var x, N;
   const { variants: s } = r, [e, n] = _.useState(s[0]), [i, d] = _.useState(e.chargeTypes[0]), u = lt(), [o, m] = _.useState(1), { reset: g, addProductToCart: C } = vt(), [c, l] = _.useState(!1);
   _.useEffect(() => {
     l(!0);
@@ -1462,36 +1462,36 @@ const li = (r) => {
   }
   return _.useEffect(() => {
     (e.quantity.available === 0 || !e.quantity.available) && m(0);
-  }, [e.quantity.available]), /* @__PURE__ */ t.jsxs("div", { className: N.options, children: [
-    e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: N.chargeTypes, children: e.chargeTypes.map((a) => /* @__PURE__ */ t.jsx(
+  }, [e.quantity.available]), /* @__PURE__ */ t.jsxs("div", { className: k.options, children: [
+    e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: k.chargeTypes, children: e.chargeTypes.map((a) => /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: W(N.charge, {
-          [N.chargeActive]: i === a
+        className: W(k.charge, {
+          [k.chargeActive]: i === a
         }),
         onClick: () => d(a),
         children: St[a]
       },
       a
     )) }),
-    /* @__PURE__ */ t.jsx("div", { className: N.variants, children: s.map((a) => {
+    /* @__PURE__ */ t.jsx("div", { className: k.variants, children: s.map((a) => {
       var j;
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: W(N.variant, {
-            [N.activeVariant]: e.id === a.id
+          className: W(k.variant, {
+            [k.activeVariant]: e.id === a.id
           }),
           onClick: () => n(a),
           children: [
-            /* @__PURE__ */ t.jsxs("div", { className: N.variantInfo, children: [
-              /* @__PURE__ */ t.jsx("span", { className: N.title, children: a.name }),
+            /* @__PURE__ */ t.jsxs("div", { className: k.variantInfo, children: [
+              /* @__PURE__ */ t.jsx("span", { className: k.title, children: a.name }),
               /* @__PURE__ */ t.jsxs("span", { children: [
                 "$",
                 i === "ONE_TIME" ? a.price.amount : a.subscriptionSettings ? a.subscriptionSettings.price.amount : "Price Not Found"
               ] })
             ] }),
-            /* @__PURE__ */ t.jsx("div", { children: i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: N.stock, children: [
+            /* @__PURE__ */ t.jsx("div", { children: i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: k.stock, children: [
               ((j = a.quantity.restrictions) == null ? void 0 : j.max) || a.quantity.available || 0,
               " in stock"
             ] }) })
@@ -1500,7 +1500,7 @@ const li = (r) => {
         a.id
       );
     }) }),
-    i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: N.quantity, children: [
+    i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: k.quantity, children: [
       /* @__PURE__ */ t.jsx(
         H,
         {
@@ -1508,7 +1508,7 @@ const li = (r) => {
           onClick: () => {
             o > 1 ? m((a) => a - 1) : m(1);
           },
-          className: N.button,
+          className: k.button,
           disabled: e.quantity.available === 0 || e.quantity.restrictions && o <= e.quantity.restrictions.min || Object.keys(e.quantity.restrictions || {}).length === 0 && !e.quantity.available,
           children: /* @__PURE__ */ t.jsx(f, { name: "Minus" })
         }
@@ -1520,7 +1520,7 @@ const li = (r) => {
           value: String(o),
           onChange: (a) => m(Number(a)),
           max: ((x = e.quantity.restrictions) == null ? void 0 : x.max) || e.quantity.available || 1 / 0,
-          min: ((k = e.quantity.restrictions) == null ? void 0 : k.min) || 0,
+          min: ((N = e.quantity.restrictions) == null ? void 0 : N.min) || 0,
           centered: !0,
           disabled: e.quantity.available === 0 || !e.quantity.available || Object.keys(e.quantity.restrictions || {}).length === 0 && !e.quantity.available
         }
@@ -1532,16 +1532,16 @@ const li = (r) => {
           onClick: () => {
             m((a) => a + 1);
           },
-          className: N.button,
+          className: k.button,
           disabled: !!(e.quantity.restrictions && o >= e.quantity.restrictions.max || e.quantity.available !== void 0 && o >= e.quantity.available || Object.keys(e.quantity.restrictions || {}).length === 0 && !e.quantity.available),
           children: /* @__PURE__ */ t.jsx(f, { name: "Plus" })
         }
       )
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: N.meta, children: [
-      /* @__PURE__ */ t.jsxs("div", { className: N.info, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: k.meta, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: k.info, children: [
         /* @__PURE__ */ t.jsx("span", { children: "Delivery" }),
-        /* @__PURE__ */ t.jsxs("div", { className: N.infoRight, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: k.infoRight, children: [
           /* @__PURE__ */ t.jsx(
             f,
             {
@@ -1554,36 +1554,36 @@ const li = (r) => {
           /* @__PURE__ */ t.jsx("span", { children: !e.deliveryTime || e.deliveryTime === 0 ? "Instant" : M(e.deliveryTime) })
         ] })
       ] }),
-      /* @__PURE__ */ t.jsxs("div", { className: N.info, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: k.info, children: [
         /* @__PURE__ */ t.jsx("span", { children: "Price" }),
-        /* @__PURE__ */ t.jsx("div", { className: N.infoRight, children: i === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: N.price, children: [
-          /* @__PURE__ */ t.jsxs("span", { className: W(N.newPrice, { [N.animate]: c }), children: [
+        /* @__PURE__ */ t.jsx("div", { className: k.infoRight, children: i === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: k.price, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: W(k.newPrice, { [k.animate]: c }), children: [
             "$ ",
             (e.price.amount || 0) * o
           ] }),
-          /* @__PURE__ */ t.jsxs("span", { className: N.oldPrice, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: k.oldPrice, children: [
             "$ ",
             (e.compareAtPrice.amount || 0) * o
           ] })
-        ] }) : /* @__PURE__ */ t.jsxs("span", { className: W(N.newPrice, { [N.animate]: c }), children: [
+        ] }) : /* @__PURE__ */ t.jsxs("span", { className: W(k.newPrice, { [k.animate]: c }), children: [
           "$ ",
           (e.price.amount || 0) * o
-        ] }) : e.subscriptionSettings && e.subscriptionSettings.compareAtPrice && (e.subscriptionSettings.compareAtPrice.amount || 0) - (e.subscriptionSettings.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: N.price, children: [
-          /* @__PURE__ */ t.jsxs("span", { className: W(N.newPrice, { [N.animate]: c }), children: [
+        ] }) : e.subscriptionSettings && e.subscriptionSettings.compareAtPrice && (e.subscriptionSettings.compareAtPrice.amount || 0) - (e.subscriptionSettings.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: k.price, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: W(k.newPrice, { [k.animate]: c }), children: [
             "$ ",
             e.subscriptionSettings.price.amount || 0
           ] }),
-          /* @__PURE__ */ t.jsxs("span", { className: N.oldPrice, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: k.oldPrice, children: [
             "$ ",
             e.subscriptionSettings.compareAtPrice.amount || 0
           ] })
-        ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsxs("span", { className: W(N.newPrice, { [N.animate]: c }), children: [
+        ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsxs("span", { className: W(k.newPrice, { [k.animate]: c }), children: [
           "$ ",
           e.subscriptionSettings.price.amount || 0
         ] }) })
       ] })
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: N.buttons, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: k.buttons, children: [
       /* @__PURE__ */ t.jsx(
         H,
         {
@@ -1604,17 +1604,17 @@ const li = (r) => {
       )
     ] })
   ] });
-}, Ln = "_button_1tdo3_1", zn = "_login_1tdo3_14", Un = "_signUp_1tdo3_18", Hn = "_buttons_1tdo3_23", Fn = "_modal_1tdo3_32", Vn = "_closing_1tdo3_64", Yn = "_info_1tdo3_113", Gn = "_top_1tdo3_120", Wn = "_title_1tdo3_131", Jn = "_clear_1tdo3_138", Xn = "_activeClear_1tdo3_145", Kn = "_count_1tdo3_149", Qn = "_cart_1tdo3_164", Zn = "_empty_1tdo3_172", ts = "_product_1tdo3_198", es = "_products_1tdo3_207", ns = "_image_1tdo3_215", ss = "_productInfo_1tdo3_221", is = "_content_1tdo3_228", os = "_name_1tdo3_234", as = "_price_1tdo3_240", cs = "_productButtons_1tdo3_246", ls = "_productButton_1tdo3_246", rs = "_productCount_1tdo3_266", ds = "_bottom_1tdo3_282", us = "_subtotal_1tdo3_290", ms = "_block_1tdo3_298", hs = "_shoppingCount_1tdo3_305", ps = "_total_1tdo3_325", _s = "_link_1tdo3_331", gs = "_userInfo_1tdo3_338", fs = "_pagesMobileModal_1tdo3_349", xs = "_pagesMobileModalContent_1tdo3_363", bs = "_pagesMobileModalHeader_1tdo3_369", js = "_pagesMobileModalFooter_1tdo3_379", y = {
+}, Ln = "_button_ekti4_1", zn = "_login_ekti4_14", Un = "_signUp_ekti4_18", Hn = "_buttons_ekti4_23", Fn = "_modal_ekti4_32", Vn = "_closing_ekti4_64", Yn = "_info_ekti4_113", Gn = "_top_ekti4_120", Wn = "_title_ekti4_131", Jn = "_clear_ekti4_138", Xn = "_activeClear_ekti4_145", Kn = "_count_ekti4_149", Qn = "_cart_ekti4_164", Zn = "_empty_ekti4_172", ts = "_product_ekti4_198", es = "_products_ekti4_207", ns = "_image_ekti4_215", ss = "_productInfo_ekti4_221", is = "_content_ekti4_228", os = "_name_ekti4_234", as = "_price_ekti4_240", cs = "_productButtons_ekti4_246", ls = "_productButton_ekti4_246", rs = "_productCount_ekti4_266", ds = "_bottom_ekti4_282", us = "_subtotal_ekti4_290", ms = "_block_ekti4_298", hs = "_shoppingCount_ekti4_305", ps = "_total_ekti4_325", _s = "_link_ekti4_331", gs = "_userInfo_ekti4_338", fs = "_pagesMobileModal_ekti4_349", xs = "_pagesMobileModalContent_ekti4_363", bs = "_pagesMobileModalHeader_ekti4_369", js = "_pagesMobileModalFooter_ekti4_379", y = {
   button: Ln,
   login: zn,
   signUp: Un,
   buttons: Hn,
   modal: Fn,
-  "slide-in-fade": "_slide-in-fade_1tdo3_1",
-  "mobile-slide-in-fade": "_mobile-slide-in-fade_1tdo3_1",
+  "slide-in-fade": "_slide-in-fade_ekti4_1",
+  "mobile-slide-in-fade": "_mobile-slide-in-fade_ekti4_1",
   closing: Vn,
-  "mobile-slide-out-fade": "_mobile-slide-out-fade_1tdo3_1",
-  "slide-out-fade": "_slide-out-fade_1tdo3_1",
+  "mobile-slide-out-fade": "_mobile-slide-out-fade_ekti4_1",
+  "slide-out-fade": "_slide-out-fade_ekti4_1",
   info: Yn,
   top: Gn,
   title: Wn,
@@ -1831,11 +1831,11 @@ const li = (r) => {
             ] }),
             /* @__PURE__ */ t.jsx(H, { onClick: () => g("/checkout"), children: "Checkout" })
           ] })
-        ] }) : /* @__PURE__ */ t.jsx(Ns, {})
+        ] }) : /* @__PURE__ */ t.jsx(ks, {})
       ]
     }
   );
-}, Ns = () => /* @__PURE__ */ t.jsxs("div", { className: y.empty, children: [
+}, ks = () => /* @__PURE__ */ t.jsxs("div", { className: y.empty, children: [
   /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
     f,
     {
@@ -1907,13 +1907,13 @@ const li = (r) => {
       children: /* @__PURE__ */ t.jsx("div", { children: u || "test-email@gmail.com" })
     }
   );
-}, ks = ({
+}, Ns = ({
   children: r,
   logo: s,
   setIsOpen: e,
   signUp: n
 }) => {
-  const { setIsOpen: i } = kt(), d = () => {
+  const { setIsOpen: i } = Nt(), d = () => {
     i(!1), setTimeout(() => {
       e(!1), i(!0);
     }, 300);
@@ -1961,7 +1961,7 @@ const li = (r) => {
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(Is, { setIsOpenModal: i }),
     n && /* @__PURE__ */ t.jsx(yt, { close: () => i(!1), children: /* @__PURE__ */ t.jsx(
-      ks,
+      Ns,
       {
         logo: s,
         setIsOpen: i,
@@ -2030,7 +2030,7 @@ const li = (r) => {
     s && /* @__PURE__ */ t.jsx(yt, { close: e, children: /* @__PURE__ */ t.jsx(Es, { title: r }) })
   ] });
 }, Es = ({ title: r = "Copy Product Link" }) => {
-  const { setIsOpenModal: s } = It(), { notification: e, setNotification: n } = At(), { setIsOpen: i } = kt(), d = window.location.href;
+  const { setIsOpenModal: s } = It(), { notification: e, setNotification: n } = At(), { setIsOpen: i } = Nt(), d = window.location.href;
   function u() {
     navigator.clipboard.writeText(d), n({
       message: "Link copied to clipboard",
@@ -2091,9 +2091,9 @@ const li = (r) => {
       ]
     }
   );
-}, Rs = "_accordion_1s1lq_1", Ds = "_header_1s1lq_9", Ls = "_icon_1s1lq_18", zs = "_open_1s1lq_21", Us = "_content_1s1lq_25", nt = {
-  accordion: Rs,
-  header: Ds,
+}, Ds = "_accordion_1s1lq_1", Rs = "_header_1s1lq_9", Ls = "_icon_1s1lq_18", zs = "_open_1s1lq_21", Us = "_content_1s1lq_25", nt = {
+  accordion: Ds,
+  header: Rs,
   icon: Ls,
   open: zs,
   content: Us
@@ -2261,7 +2261,7 @@ export {
   si as CategorySettings,
   $t as ChooseImage,
   bi as ChooseImageModal,
-  Ns as EmptyCart,
+  ks as EmptyCart,
   oi as FormSettings,
   ri as HeaderButtons,
   f as Icon,
@@ -2275,19 +2275,19 @@ export {
   _i as MetaInfoPost,
   yt as Modal,
   di as PagesMobileMenu,
-  ks as PagesMobileModal,
+  Ns as PagesMobileModal,
   ii as PagesSettings,
   pi as ProductCardButtons,
   li as ProductOptions,
-  Nt as RangeSelector,
+  kt as RangeSelector,
   at as Select,
   ui as ShareLink,
   vs as ShoppingButton,
   ys as ShoppingModalCart,
   it as Switch,
   yi as TextSettings,
-  Ni as TextareaSettings,
+  ki as TextareaSettings,
   gi as TextareaUI,
-  ki as TypesText,
+  Ni as TypesText,
   Ct as UserInfo
 };