@billgangcom/theme-lib 1.74.0 → 1.75.0

package/dist/ui.es.js

@@ -1,5 +1,5 @@
-import { j as t, I as j, d as H, e as Nt, g as pt, h as mt, P as gt, S as lt, i as kt, D as ft, k as xt, v as _t, B as dt, l as ot, a as wt, m as Tt, O as ht, n as J, o as yt, C as jt, p as V, q as At, r as Dt, t as bt, w as Et, x as vt, y as W, L as Rt, z as Ct, A as St, c as ct, s as at, f as Q, E as Lt, F as R, G as Ut, M as ut, H as Ht, J as rt, K as Mt, N as zt, Q as Bt, T as Ft, U as $t, V as Vt } from "./index-pfVW9LF8.js";
-import { a1 as si, a5 as ni, $ as ii, Z as ai, a4 as oi, a3 as ci, Y as ri, _ as li, W as di, X as ui, a0 as hi, a2 as pi } from "./index-pfVW9LF8.js";
+import { j as t, I as j, d as U, e as Nt, g as mt, h as pt, P as gt, S as lt, i as Pt, D as ft, k as xt, v as _t, B as dt, l as ot, a as wt, m as Tt, O as ht, n as J, o as yt, C as jt, p as V, q as At, r as Dt, t as bt, w as Et, x as vt, y as W, L as Rt, z as Ct, A as St, b as ct, s as at, f as Q, E as Lt, F as R, G as Ut, M as ut, H as Ht, J as rt, K as Mt, N as zt, Q as Bt, T as Ft, U as $t, V as Vt } from "./index-DeijfCOT.js";
+import { a1 as si, a5 as ni, $ as ii, Z as ai, a4 as oi, a3 as ci, Y as ri, _ as li, W as di, X as ui, a0 as hi, a2 as mi } from "./index-DeijfCOT.js";
 import g from "react";
 import "react-dom";
 const Yt = "_block_kh9z8_8", Gt = "_title_kh9z8_16", Wt = "_subtitle_kh9z8_23", Xt = "_alignmentContent_kh9z8_30", Qt = "_alignments_kh9z8_39", Jt = "_alignment_kh9z8_30", Kt = "_circle_kh9z8_64", Zt = "_paddings_kh9z8_71", te = "_padding_kh9z8_71", ee = "_active_kh9z8_97", G = {
@@ -111,7 +111,7 @@ const Yt = "_block_kh9z8_8", Gt = "_title_kh9z8_16", Wt = "_subtitle_kh9z8_23",
         /* @__PURE__ */ t.jsx("div", { className: G.paddings, children: ne.map((l) => /* @__PURE__ */ t.jsxs(
           "label",
           {
-            className: H(G.padding, {
+            className: U(G.padding, {
               [G.active]: I === l
             }),
             onFocus: () => {
@@ -150,7 +150,7 @@ const Yt = "_block_kh9z8_8", Gt = "_title_kh9z8_16", Wt = "_subtitle_kh9z8_23",
       ] })
     ] })
   ] });
-}, ie = "_title_82zux_1", ae = "_subtitle_82zux_5", oe = "_productsBlock_82zux_14", ce = "_top_82zux_26", re = "_products_82zux_14", le = "_product_82zux_14", de = "_button_82zux_80", ue = "_disabled_82zux_91", he = "_buttons_82zux_118", pe = "_addButton_82zux_157", me = "_deleteButton_82zux_179", X = {
+}, ie = "_title_82zux_1", ae = "_subtitle_82zux_5", oe = "_productsBlock_82zux_14", ce = "_top_82zux_26", re = "_products_82zux_14", le = "_product_82zux_14", de = "_button_82zux_80", ue = "_disabled_82zux_91", he = "_buttons_82zux_118", me = "_addButton_82zux_157", pe = "_deleteButton_82zux_179", X = {
   title: ie,
   subtitle: ae,
   productsBlock: oe,
@@ -160,8 +160,8 @@ const Yt = "_block_kh9z8_8", Gt = "_title_kh9z8_16", Wt = "_subtitle_kh9z8_23",
   button: de,
   disabled: ue,
   buttons: he,
-  addButton: pe,
-  deleteButton: me
+  addButton: me,
+  deleteButton: pe
 };
 function ge({ id: h, children: a }) {
   const {
@@ -206,12 +206,12 @@ const Un = (h) => {
     hasRangeSelector: l = !1,
     rangeSelectorOptions: y,
     limit: x,
-    autoScrollInterval: p,
+    autoScrollInterval: m,
     deletable: i,
     aspectRatio: b,
     setAspectRatio: w
-  } = h, q = pt(
-    mt(gt, {
+  } = h, q = mt(
+    pt(gt, {
       activationConstraint: {
         distance: 5
       }
@@ -246,7 +246,7 @@ const Un = (h) => {
         }
       );
   }
-  const z = (n, N = !1) => {
+  const H = (n, N = !1) => {
     const S = c.find((M) => M.id === n);
     if (!S) return;
     const O = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
@@ -263,10 +263,10 @@ const Un = (h) => {
         ot,
         {
           onChange: (M) => {
-            const C = [...s], v = c.find((m) => m.name === M);
+            const C = [...s], v = c.find((p) => p.name === M);
             if (!v) return;
-            const A = v.id, F = C.map((m) => m === n ? A : m);
-            r([...F]);
+            const A = v.id, z = C.map((p) => p === n ? A : p);
+            r([...z]);
           },
           value: S.name,
           options: c.filter((M) => !s.find((C) => C === M.id)).map((M) => M.name),
@@ -315,7 +315,7 @@ const Un = (h) => {
         }
       )
     ] }),
-    l && y && /* @__PURE__ */ t.jsx(kt, { ...y }),
+    l && y && /* @__PURE__ */ t.jsx(Pt, { ...y }),
     /* @__PURE__ */ t.jsxs("div", { className: X.products, children: [
       f && /* @__PURE__ */ t.jsx("h5", { className: X.subtitle, children: f }),
       _ ? /* @__PURE__ */ t.jsx(
@@ -328,11 +328,11 @@ const Un = (h) => {
             {
               items: s,
               strategy: _t,
-              children: s.map((n) => z(n, i))
+              children: s.map((n) => H(n, i))
             }
           )
         }
-      ) : s.map((n) => z(n, i)),
+      ) : s.map((n) => H(n, i)),
       I && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -346,7 +346,7 @@ const Un = (h) => {
             dt,
             {
               withoutHover: !0,
-              className: H(X.button, {
+              className: U(X.button, {
                 [X.disabled]: !!(x && x <= s.length || s.length === c.length)
               }),
               size: "s",
@@ -406,13 +406,13 @@ const Un = (h) => {
         items: e
       }
     ),
-    p !== void 0 && /* @__PURE__ */ t.jsx(
+    m !== void 0 && /* @__PURE__ */ t.jsx(
       Nt,
       {
         label: "Auto scroll interval",
         type: "number",
-        value: String(p.scrollInterval),
-        onChange: (n) => p.setScrollInterval(Number(n)),
+        value: String(m.scrollInterval),
+        onChange: (n) => m.setScrollInterval(Number(n)),
         min: 0.1,
         max: 100,
         style: {
@@ -435,7 +435,7 @@ const Un = (h) => {
   addButton: Ce,
   deleteButton: Se
 };
-function Pe({ product: h, children: a }) {
+function ke({ product: h, children: a }) {
   const {
     attributes: o,
     listeners: s,
@@ -477,8 +477,8 @@ const Hn = (h) => {
     itemsOptions: c,
     addableOptions: l = {},
     limit: y
-  } = h, [x, p] = g.useState(null), [i, b] = g.useState(null), w = g.useRef(null), q = pt(
-    mt(gt, {
+  } = h, [x, m] = g.useState(null), [i, b] = g.useState(null), w = g.useRef(null), q = mt(
+    pt(gt, {
       activationConstraint: {
         distance: 5
       }
@@ -498,7 +498,7 @@ const Hn = (h) => {
     b({
       top: S.top + window.scrollY,
       left: S.left - 30
-    }), p(N);
+    }), m(N);
   }, K = (n) => {
     const { active: N, over: S } = n;
     if (S && N.id !== S.id) {
@@ -508,7 +508,7 @@ const Hn = (h) => {
         C.splice(M, 0, v), r(C);
       }
     }
-  }, z = (n, N) => {
+  }, H = (n, N) => {
     const S = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       f && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         j,
@@ -531,7 +531,7 @@ const Hn = (h) => {
                 "en-US": O
               }
             } : A);
-            p({
+            m({
               ...n,
               name: {
                 "en-US": O
@@ -567,7 +567,7 @@ const Hn = (h) => {
       ] })
     ] });
     return f ? /* @__PURE__ */ t.jsx(
-      Pe,
+      ke,
       {
         product: n,
         index: N,
@@ -606,11 +606,11 @@ const Hn = (h) => {
             {
               items: s.map((n) => n.id),
               strategy: _t,
-              children: s.map((n, N) => z(n, N))
+              children: s.map((n, N) => H(n, N))
             }
           )
         }
-      ) : s.map((n, N) => z(n, N)),
+      ) : s.map((n, N) => H(n, N)),
       T && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -623,7 +623,7 @@ const Hn = (h) => {
             dt,
             {
               withoutHover: !0,
-              className: H(Y.button, {
+              className: U(Y.button, {
                 [Y.disabled]: !!(y && y <= s.length || s.length === (c == null ? void 0 : c.length))
               }),
               size: "s",
@@ -665,7 +665,7 @@ const Hn = (h) => {
     ] })
   ] });
 };
-function ke(h) {
+function Pe(h) {
   const { product: a, children: o } = h, { attributes: s, listeners: r, setNodeRef: e, transform: u, transition: d, isDragging: f } = yt({
     id: a.id
   }), _ = {
@@ -701,60 +701,60 @@ const zn = (h) => {
     itemsPlaceholder: l = "",
     itemsOptions: y,
     hasRangeSelector: x = !1,
-    rangeSelectorOptions: p,
+    rangeSelectorOptions: m,
     modalOptions: i,
     addableOptions: b = {},
     limit: w
-  } = h, [q, E] = g.useState(null), [K, z] = g.useState({
+  } = h, [q, E] = g.useState(null), [K, H] = g.useState({
     top: 0,
     left: 0
-  }), [n, N] = g.useState(null), S = g.useRef(null), [O, M] = g.useState(!1), C = pt(
-    mt(gt, {
+  }), [n, N] = g.useState(null), S = g.useRef(null), [O, M] = g.useState(!1), C = mt(
+    pt(gt, {
       activationConstraint: {
         distance: 5
       }
     })
   );
   g.useEffect(() => {
-    const m = () => {
+    const p = () => {
       E(null), M(!1);
     };
-    return document.body.addEventListener("click", m), E(null), M(!1), () => {
-      E(null), M(!1), document.body.removeEventListener("click", m);
+    return document.body.addEventListener("click", p), E(null), M(!1), () => {
+      E(null), M(!1), document.body.removeEventListener("click", p);
     };
   }, []), g.useEffect(() => {
     if (q) {
-      const m = [...s].map(($) => $.id === q.id ? q : $);
-      r(m);
+      const p = [...s].map(($) => $.id === q.id ? q : $);
+      r(p);
     }
   }, [q]), g.useEffect(() => {
     if (S.current && n) {
-      const m = S.current.getBoundingClientRect().height, $ = window.innerHeight;
-      let P = n.top;
-      P + m > $ + window.scrollY - 200 && (P = $ + window.scrollY - m - 200), P < 0 && (P = 10), z({
-        top: P,
+      const p = S.current.getBoundingClientRect().height, $ = window.innerHeight;
+      let k = n.top;
+      k + p > $ + window.scrollY - 200 && (k = $ + window.scrollY - p - 200), k < 0 && (k = 10), H({
+        top: k,
         left: n.left
       });
     }
   }, [S.current, n]);
-  const v = (m, $) => {
-    m.stopPropagation();
-    const P = m.target.getBoundingClientRect();
+  const v = (p, $) => {
+    p.stopPropagation();
+    const k = p.target.getBoundingClientRect();
     N({
-      top: P.top + window.scrollY,
-      left: P.left - 30
+      top: k.top + window.scrollY,
+      left: k.left - 30
     }), E($), M(!0);
-  }, A = (m) => {
-    const { active: $, over: P } = m;
-    if (P && $.id !== P.id) {
-      const D = s.findIndex((L) => L.id === $.id), et = s.findIndex((L) => L.id === P.id);
+  }, A = (p) => {
+    const { active: $, over: k } = p;
+    if (k && $.id !== k.id) {
+      const D = s.findIndex((L) => L.id === $.id), et = s.findIndex((L) => L.id === k.id);
       if (D !== -1 && et !== -1) {
         const L = [...s], [tt] = L.splice(D, 1);
         L.splice(et, 0, tt), r(L);
       }
     }
-  }, F = (m) => {
-    var P;
+  }, z = (p) => {
+    var k;
     const $ = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         j,
@@ -769,20 +769,20 @@ const zn = (h) => {
         ot,
         {
           onChange: (D) => {
-            const L = [...s].map((tt) => tt.id === m.id ? {
-              ...m,
+            const L = [...s].map((tt) => tt.id === p.id ? {
+              ...p,
               name: {
                 "en-US": D
               }
             } : tt);
             E({
-              ...m,
+              ...p,
               name: {
                 "en-US": D
               }
             }), r([...L]);
           },
-          value: m.name["en-US"],
+          value: p.name["en-US"],
           options: y.filter(
             (D) => !s.find((et) => et.name["en-US"] === D)
           )
@@ -792,15 +792,15 @@ const zn = (h) => {
         Nt,
         {
           onChange: (D) => {
-            const L = [...s].map((tt) => tt.id === m.id ? {
-              ...m,
+            const L = [...s].map((tt) => tt.id === p.id ? {
+              ...p,
               name: {
                 "en-US": D
               }
             } : tt);
             r([...L]);
           },
-          value: m.name["en-US"],
+          value: p.name["en-US"],
           placeholder: l
         }
       ),
@@ -808,13 +808,13 @@ const zn = (h) => {
         Dt,
         {
           onChange: (D) => {
-            const L = [...s].map((tt) => tt.id === m.id ? {
-              ...m,
+            const L = [...s].map((tt) => tt.id === p.id ? {
+              ...p,
               images: D
             } : tt);
             r([...L]);
           },
-          activeImage: (P = s.find((D) => D.id === m.id)) == null ? void 0 : P.images[0]
+          activeImage: (k = s.find((D) => D.id === p.id)) == null ? void 0 : k.images[0]
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: V.buttons, children: [
@@ -825,7 +825,7 @@ const zn = (h) => {
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (D) => v(D, m)
+            onClick: (D) => v(D, p)
           }
         ) }),
         T && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
@@ -836,25 +836,25 @@ const zn = (h) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => r(s.filter((D) => D.id !== m.id))
+            onClick: () => r(s.filter((D) => D.id !== p.id))
           }
         ) })
       ] })
     ] });
     return _ ? /* @__PURE__ */ t.jsx(
-      ke,
+      Pe,
       {
-        product: m,
+        product: p,
         children: $
       },
-      m.id
+      p.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: V.product,
         children: $
       },
-      m.id
+      p.id
     );
   };
   return /* @__PURE__ */ t.jsxs("div", { className: V.productsBlock, children: [
@@ -864,7 +864,7 @@ const zn = (h) => {
         lt,
         {
           current: a,
-          onChange: (m) => o == null ? void 0 : o(m)
+          onChange: (p) => o == null ? void 0 : o(p)
         }
       )
     ] }),
@@ -879,7 +879,7 @@ const zn = (h) => {
         setIsOpenModal: M
       }
     ),
-    x && p && /* @__PURE__ */ t.jsx(kt, { ...p }),
+    x && m && /* @__PURE__ */ t.jsx(Pt, { ...m }),
     /* @__PURE__ */ t.jsxs("div", { className: V.products, children: [
       d && /* @__PURE__ */ t.jsx("h5", { className: V.subtitle, children: d }),
       _ ? /* @__PURE__ */ t.jsx(
@@ -890,13 +890,13 @@ const zn = (h) => {
           children: /* @__PURE__ */ t.jsx(
             xt,
             {
-              items: s.map((m) => m.id),
+              items: s.map((p) => p.id),
               strategy: _t,
-              children: s.map((m) => F(m))
+              children: s.map((p) => z(p))
             }
           )
         }
-      ) : s.map((m) => F(m)),
+      ) : s.map((p) => z(p)),
       I && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -909,22 +909,22 @@ const zn = (h) => {
             dt,
             {
               withoutHover: !0,
-              className: H(V.button, {
+              className: U(V.button, {
                 [V.disabled]: !!(w && w <= s.length)
               }),
               size: "s",
               disabled: !!(w && w <= s.length),
               onClick: () => {
-                const m = [...s];
+                const p = [...s];
                 let $ = null;
                 if (y) {
-                  for (let P = 0; P < y.length; P++)
-                    if (!s.find((D) => D.name["en-US"] === y[P])) {
-                      $ = y[P];
+                  for (let k = 0; k < y.length; k++)
+                    if (!s.find((D) => D.name["en-US"] === y[k])) {
+                      $ = y[k];
                       break;
                     }
                 }
-                c === "select" && y ? m.push({
+                c === "select" && y ? p.push({
                   name: {
                     "en-US": $ || y[0]
                   },
@@ -932,21 +932,21 @@ const zn = (h) => {
                   ...b,
                   maxSymbols: 100
                   // пример значения
-                }) : c === "input" ? m.push({
+                }) : c === "input" ? p.push({
                   name: {
                     "en-US": ""
                   },
                   id: J(),
                   ...b,
                   maxSymbols: 100
-                }) : m.push({
+                }) : p.push({
                   name: {
                     "en-US": `Image ${s.length + 1}`
                   },
                   id: J(),
                   ...b,
                   maxSymbols: 100
-                }), r(m);
+                }), r(p);
               },
               style: {
                 width: "fit-content"
@@ -990,29 +990,29 @@ const zn = (h) => {
   }), [I, c] = g.useState(null), l = g.useRef(null);
   g.useEffect(() => {
     if (d) {
-      const p = [...a].map((i) => i.id === d.id ? d : i);
-      o(p);
+      const m = [...a].map((i) => i.id === d.id ? d : i);
+      o(m);
     }
   }, [d]), g.useEffect(() => {
     if (l.current && I) {
-      const p = l.current.getBoundingClientRect().height, i = window.innerHeight;
+      const m = l.current.getBoundingClientRect().height, i = window.innerHeight;
       let b = I.top;
-      b + p > i + window.scrollY - 200 && (b = i + window.scrollY - p - 200), b < 0 && (b = 10), T({
+      b + m > i + window.scrollY - 200 && (b = i + window.scrollY - m - 200), b < 0 && (b = 10), T({
         top: b,
         left: I.left
       });
     }
   }, [l.current, I]);
-  const y = (p, i) => {
-    p.stopPropagation();
-    const b = p.target.getBoundingClientRect();
+  const y = (m, i) => {
+    m.stopPropagation();
+    const b = m.target.getBoundingClientRect();
     c({
       top: b.top + window.scrollY - 70,
       left: b.left - (r ? 30 : 65)
     }), f(i);
-  }, x = (p, i) => {
+  }, x = (m, i) => {
     const b = [...a], w = {
-      ...p,
+      ...m,
       id: Math.random().toString(36).substr(2, 9)
       // Генерируем новый уникальный ID
     };
@@ -1020,7 +1020,7 @@ const zn = (h) => {
   };
   return /* @__PURE__ */ t.jsxs("div", { className: st.products, children: [
     /* @__PURE__ */ t.jsx("h5", { className: st.subtitle, children: "Button Type" }),
-    a.map((p, i) => /* @__PURE__ */ t.jsxs(
+    a.map((m, i) => /* @__PURE__ */ t.jsxs(
       "div",
       {
         className: st.product,
@@ -1029,13 +1029,13 @@ const zn = (h) => {
             ot,
             {
               onChange: (b) => {
-                const q = [...a].map((E) => E.id === p.id ? {
-                  ...p,
+                const q = [...a].map((E) => E.id === m.id ? {
+                  ...m,
                   type: b
                 } : E);
                 o(q);
               },
-              value: p.type,
+              value: m.type,
               options: ["Primary", "Secondary", "Tertiary"]
             }
           ),
@@ -1048,7 +1048,7 @@ const zn = (h) => {
                 width: 20,
                 height: 20,
                 onClick: () => {
-                  x(p, i);
+                  x(m, i);
                 }
               }
             ) }),
@@ -1060,7 +1060,7 @@ const zn = (h) => {
                 width: 20,
                 height: 20,
                 onClick: (b) => {
-                  y(b, p);
+                  y(b, m);
                 }
               }
             ) }),
@@ -1070,7 +1070,7 @@ const zn = (h) => {
                 name: "Trash",
                 hoverable: !0,
                 onClick: () => {
-                  const b = a.filter((w) => w.id !== p.id);
+                  const b = a.filter((w) => w.id !== m.id);
                   o(b);
                 },
                 width: 20,
@@ -1081,7 +1081,7 @@ const zn = (h) => {
           ] })
         ]
       },
-      p.id
+      m.id
     )),
     d && /* @__PURE__ */ t.jsx(
       Et,
@@ -1108,8 +1108,8 @@ const zn = (h) => {
             className: st.button,
             size: "s",
             onClick: () => {
-              const p = [...a];
-              e ? p.push({
+              const m = [...a];
+              e ? m.push({
                 type: "Primary",
                 id: J(),
                 typesText: [],
@@ -1119,7 +1119,7 @@ const zn = (h) => {
                 destination: "Go to Page",
                 page: u ? Object.values(u)[0].path : "/",
                 openInNewTab: !1
-              }) : p.push({
+              }) : m.push({
                 type: "Primary",
                 id: J(),
                 typesText: [],
@@ -1129,7 +1129,7 @@ const zn = (h) => {
                 destination: "Go to Page",
                 page: u ? Object.values(u)[0].path : "/",
                 openInNewTab: !1
-              }), o(p);
+              }), o(m);
             },
             style: {
               width: "fit-content"
@@ -1219,15 +1219,15 @@ const Vn = (h) => {
     itemsType: l,
     itemsOptions: y,
     limit: x,
-    aspectRatio: p,
+    aspectRatio: m,
     setAspectRatio: i
   } = h, [b, w] = g.useState(
     null
   ), [q, E] = g.useState({
     top: 0,
     left: 0
-  }), [K, z] = g.useState(!1), n = pt(
-    mt(gt, {
+  }), [K, H] = g.useState(!1), n = mt(
+    pt(gt, {
       activationConstraint: {
         distance: 5
       }
@@ -1235,10 +1235,10 @@ const Vn = (h) => {
   );
   g.useEffect(() => {
     const v = () => {
-      w(null), z(!1);
+      w(null), H(!1);
     };
-    return document.body.addEventListener("click", v), w(null), z(!1), () => {
-      w(null), z(!1), document.body.removeEventListener("click", v);
+    return document.body.addEventListener("click", v), w(null), H(!1), () => {
+      w(null), H(!1), document.body.removeEventListener("click", v);
     };
   }, []), g.useEffect(() => {
     if (b) {
@@ -1248,11 +1248,11 @@ const Vn = (h) => {
   }, [b]);
   const N = (v, A) => {
     v.stopPropagation();
-    const F = v.target.getBoundingClientRect(), m = 100, $ = window.innerHeight;
-    let P = F.top + window.scrollY;
-    P + m > $ && (P = $ - m - 20), z(!0), E({
-      top: P - 80,
-      left: F.left - 30
+    const z = v.target.getBoundingClientRect(), p = 100, $ = window.innerHeight;
+    let k = z.top + window.scrollY;
+    k + p > $ && (k = $ - p - 20), H(!0), E({
+      top: k - 80,
+      left: z.left - 30
     }), w(A);
   };
   function S(v) {
@@ -1276,18 +1276,18 @@ const Vn = (h) => {
       );
   }
   const O = (v) => {
-    const { active: A, over: F } = v;
-    if (F && A.id !== F.id) {
-      const m = s.findIndex((P) => String(P.listingId) === A.id), $ = s.findIndex((P) => String(P.listingId) === F.id);
-      if (m !== -1 && $ !== -1) {
-        const P = [...s], [D] = P.splice(m, 1);
-        P.splice($, 0, D), r(P);
+    const { active: A, over: z } = v;
+    if (z && A.id !== z.id) {
+      const p = s.findIndex((k) => String(k.listingId) === A.id), $ = s.findIndex((k) => String(k.listingId) === z.id);
+      if (p !== -1 && $ !== -1) {
+        const k = [...s], [D] = k.splice(p, 1);
+        k.splice($, 0, D), r(k);
       }
     }
   }, M = (v) => {
-    const A = y.find((m) => v.listingId === m.id);
+    const A = y.find((p) => v.listingId === p.id);
     if (!A) return null;
-    const F = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    const z = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         j,
         {
@@ -1300,24 +1300,24 @@ const Vn = (h) => {
       l === "select" && /* @__PURE__ */ t.jsx(
         ot,
         {
-          onChange: (m) => {
-            const $ = [...s], P = y.find((L) => L.productData.name === m);
-            if (!P) return;
+          onChange: (p) => {
+            const $ = [...s], k = y.find((L) => L.productData.name === p);
+            if (!k) return;
             const D = {
-              listingId: P.id,
-              image: P.productData.images.length > 0 ? P.productData.images[0].cfId : ""
+              listingId: k.id,
+              image: k.productData.images.length > 0 ? k.productData.images[0].cfId : ""
             }, et = $.map((L) => L.listingId === v.listingId ? D : L);
             w(D), r([...et]);
           },
           value: A.productData.name,
           options: [
-            ...y.filter((m) => !s.find(($) => $.listingId === m.id)).map((m) => m.productData.name)
+            ...y.filter((p) => !s.find(($) => $.listingId === p.id)).map((p) => p.productData.name)
           ],
-          leftAddonOptions: y.map((m) => {
+          leftAddonOptions: y.map((p) => {
             var $;
             return {
-              value: m.productData.name,
-              addon: S((($ = m.productData.images[0]) == null ? void 0 : $.cfId) || "")
+              value: p.productData.name,
+              addon: S((($ = p.productData.images[0]) == null ? void 0 : $.cfId) || "")
             };
           })
         }
@@ -1330,7 +1330,7 @@ const Vn = (h) => {
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (m) => N(m, v)
+            onClick: (p) => N(p, v)
           }
         ) }),
         I && /* @__PURE__ */ t.jsx("div", { className: W.deleteButton, children: /* @__PURE__ */ t.jsx(
@@ -1341,7 +1341,7 @@ const Vn = (h) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => r(s.filter((m) => m !== v))
+            onClick: () => r(s.filter((p) => p !== v))
           }
         ) })
       ] })
@@ -1350,14 +1350,14 @@ const Vn = (h) => {
       De,
       {
         product: v,
-        children: F
+        children: z
       },
       v.listingId
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: W.product,
-        children: F
+        children: z
       },
       v.listingId
     );
@@ -1379,7 +1379,7 @@ const Vn = (h) => {
         ref: C,
         activeItem: b,
         setActiveItem: w,
-        setIsOpenModal: z,
+        setIsOpenModal: H,
         popupPosition: q,
         itemsOptions: y
       }
@@ -1418,7 +1418,7 @@ const Vn = (h) => {
               onClick: () => {
                 const v = [...s];
                 for (let A = 0; A < y.length; A++)
-                  if (!s.find((F) => F.listingId === y[A].id)) {
+                  if (!s.find((z) => z.listingId === y[A].id)) {
                     v.push({
                       listingId: y[A].id,
                       image: y[A].productData.images.length > 0 ? y[A].productData.images[0].cfId : ""
@@ -1447,10 +1447,10 @@ const Vn = (h) => {
         }
       )
     ] }),
-    p && i && /* @__PURE__ */ t.jsx(
+    m && i && /* @__PURE__ */ t.jsx(
       ot,
       {
-        value: p,
+        value: m,
         options: Object.keys(Tt),
         onChange: (v) => i(v),
         leftAddonOptions: wt
@@ -1488,10 +1488,10 @@ const Vn = (h) => {
 };
 var Ot = /* @__PURE__ */ ((h) => (h.ONE_TIME = "One-Time", h.RECURRING = "Subscribe & Save", h))(Ot || {});
 const is = (h) => {
-  var K, z;
+  var K, H;
   const { product: a, setIsOpen: o, isCartEnabled: s = !0 } = h, { variants: r } = a, [e, u] = g.useState(r[0]), [d, f] = g.useState(
     e.chargeTypes ? e.chargeTypes[0] : "ONE_TIME"
-  ), { notifications: _, setNotifications: T } = Ct(), I = St(), [c, l] = g.useState(1), { cart: y, reset: x, addProductToCart: p } = ct(), [i, b] = g.useState(!1);
+  ), { notifications: _, setNotifications: T } = Ct(), I = St(), [c, l] = g.useState(1), { cart: y, reset: x, addProductToCart: m } = ct(), [i, b] = g.useState(!1);
   g.useEffect(() => {
     b(!0);
     const n = setTimeout(() => b(!1), 600);
@@ -1499,7 +1499,7 @@ const is = (h) => {
   }, [c]);
   async function w() {
     try {
-      p({
+      m({
         productId: a.id,
         productVariantId: e.id,
         chargeType: d,
@@ -1552,7 +1552,7 @@ const is = (h) => {
     e.chargeTypes && e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: B.chargeTypes, children: e.chargeTypes.map((n) => /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: H(B.charge, {
+        className: U(B.charge, {
           [B.chargeActive]: d === n
         }),
         onClick: () => f(n),
@@ -1568,7 +1568,7 @@ const is = (h) => {
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: H(B.variant, {
+          className: U(B.variant, {
             [B.activeVariant]: e.id === n.id
           }),
           onClick: () => {
@@ -1639,7 +1639,7 @@ const is = (h) => {
                 e.quantity.available && Number(n) > e.quantity.available ? l(e.quantity.available) : l(Number(n));
               },
               max: ((K = e.quantity.restrictions) == null ? void 0 : K.max) || e.quantity.available || Number.POSITIVE_INFINITY,
-              min: ((z = e.quantity.restrictions) == null ? void 0 : z.min) || 0,
+              min: ((H = e.quantity.restrictions) == null ? void 0 : H.min) || 0,
               centered: !0,
               disabled: e.quantity && e.quantity.available === 0 || Object.keys(e.quantity.restrictions || {}).length !== 0 && c >= e.quantity.restrictions.max
             }
@@ -1683,7 +1683,7 @@ const is = (h) => {
             className: B.price,
             id: "md",
             children: [
-              /* @__PURE__ */ t.jsx("span", { className: H(B.newPrice, { [B.animate]: i }), children: Q({
+              /* @__PURE__ */ t.jsx("span", { className: U(B.newPrice, { [B.animate]: i }), children: Q({
                 amount: e.price.amount * c,
                 currency: e.price.currency
               }) }),
@@ -1703,7 +1703,7 @@ const is = (h) => {
         ) : /* @__PURE__ */ t.jsx(
           "span",
           {
-            className: H(B.newPrice, { [B.animate]: i }),
+            className: U(B.newPrice, { [B.animate]: i }),
             id: "md",
             children: Q({
               amount: e.price.amount * c,
@@ -1719,7 +1719,7 @@ const is = (h) => {
               /* @__PURE__ */ t.jsx(
                 "span",
                 {
-                  className: H(B.newPrice, { [B.animate]: i }),
+                  className: U(B.newPrice, { [B.animate]: i }),
                   id: "md",
                   children: Q({
                     amount: e.subscriptionSettings.price.amount * c,
@@ -1743,7 +1743,7 @@ const is = (h) => {
         ) : e.subscriptionSettings && /* @__PURE__ */ t.jsx(
           "span",
           {
-            className: H(B.newPrice, { [B.animate]: i }),
+            className: U(B.newPrice, { [B.animate]: i }),
             id: "md",
             children: Q({
               amount: e.subscriptionSettings.price.amount * c,
@@ -1776,7 +1776,7 @@ const is = (h) => {
       )
     ] })
   ] });
-}, as = "_buttons_1uy6y_23", os = "_modal_1uy6y_32", cs = "_closing_1uy6y_65", rs = "_info_1uy6y_114", ls = "_top_1uy6y_121", ds = "_title_1uy6y_132", us = "_clear_1uy6y_139", hs = "_activeClear_1uy6y_146", ps = "_count_1uy6y_150", ms = "_cart_1uy6y_165", gs = "_empty_1uy6y_173", fs = "_product_1uy6y_199", xs = "_products_1uy6y_208", _s = "_image_1uy6y_216", ys = "_productInfo_1uy6y_233", js = "_content_1uy6y_240", bs = "_name_1uy6y_246", vs = "_price_1uy6y_252", Is = "_productButtons_1uy6y_258", Ns = "_productButton_1uy6y_258", Cs = "_productCount_1uy6y_275", Ss = "_bottom_1uy6y_292", Ps = "_subtotal_1uy6y_300", ks = "_block_1uy6y_308", ws = "_shoppingCount_1uy6y_315", Ts = "_total_1uy6y_335", Ms = "_link_1uy6y_341", Bs = "_userInfo_1uy6y_348", $s = "_pagesMobileModal_1uy6y_360", Os = "_pagesMobileModalContent_1uy6y_374", qs = "_pagesMobileModalHeader_1uy6y_380", As = "_pagesMobileModalFooter_1uy6y_390", Ds = "_pageLink_1uy6y_397", Es = "_rightButtons_1uy6y_406", k = {
+}, as = "_buttons_1uy6y_23", os = "_modal_1uy6y_32", cs = "_closing_1uy6y_65", rs = "_info_1uy6y_114", ls = "_top_1uy6y_121", ds = "_title_1uy6y_132", us = "_clear_1uy6y_139", hs = "_activeClear_1uy6y_146", ms = "_count_1uy6y_150", ps = "_cart_1uy6y_165", gs = "_empty_1uy6y_173", fs = "_product_1uy6y_199", xs = "_products_1uy6y_208", _s = "_image_1uy6y_216", ys = "_productInfo_1uy6y_233", js = "_content_1uy6y_240", bs = "_name_1uy6y_246", vs = "_price_1uy6y_252", Is = "_productButtons_1uy6y_258", Ns = "_productButton_1uy6y_258", Cs = "_productCount_1uy6y_275", Ss = "_bottom_1uy6y_292", ks = "_subtotal_1uy6y_300", Ps = "_block_1uy6y_308", ws = "_shoppingCount_1uy6y_315", Ts = "_total_1uy6y_335", Ms = "_link_1uy6y_341", Bs = "_userInfo_1uy6y_348", $s = "_pagesMobileModal_1uy6y_360", Os = "_pagesMobileModalContent_1uy6y_374", qs = "_pagesMobileModalHeader_1uy6y_380", As = "_pagesMobileModalFooter_1uy6y_390", Ds = "_pageLink_1uy6y_397", Es = "_rightButtons_1uy6y_406", P = {
   buttons: as,
   modal: os,
   closing: cs,
@@ -1785,8 +1785,8 @@ const is = (h) => {
   title: ds,
   clear: us,
   activeClear: hs,
-  count: ps,
-  cart: ms,
+  count: ms,
+  cart: ps,
   empty: gs,
   product: fs,
   products: xs,
@@ -1799,8 +1799,8 @@ const is = (h) => {
   productButton: Ns,
   productCount: Cs,
   bottom: Ss,
-  subtotal: Ps,
-  block: ks,
+  subtotal: ks,
+  block: Ps,
   shoppingCount: ws,
   total: Ts,
   link: Ms,
@@ -1814,7 +1814,7 @@ const is = (h) => {
   delete: "_delete_1uy6y_413"
 }, Yn = (h) => {
   const { shopping: a, signUp: o, isShowUserInfo: s = !0 } = h;
-  return /* @__PURE__ */ t.jsx(t.Fragment, { children: (a || s) && /* @__PURE__ */ t.jsxs("div", { className: k.buttons, children: [
+  return /* @__PURE__ */ t.jsx(t.Fragment, { children: (a || s) && /* @__PURE__ */ t.jsxs("div", { className: P.buttons, children: [
     a && /* @__PURE__ */ t.jsx(Rs, {}),
     s && /* @__PURE__ */ t.jsx(qt, { signUp: o })
   ] }) });
@@ -1823,9 +1823,9 @@ const is = (h) => {
   g.useEffect(() => {
     (async () => {
       const c = u.parts.map((x) => String(x.productId)), l = d.filter((x) => c.includes(String(x.id))) || [], y = u.parts.map((x) => {
-        const p = l.find((i) => i.id === x.productId);
-        return p ? {
-          ...p,
+        const m = l.find((i) => i.id === x.productId);
+        return m ? {
+          ...m,
           activeVariantId: x.productVariantId,
           quantity: x.quantity,
           chargeType: x.chargeType
@@ -1862,7 +1862,7 @@ const is = (h) => {
               name: "Handbag"
             }
           ),
-          _ && /* @__PURE__ */ t.jsx("div", { className: k.shoppingCount, children: u.parts.length })
+          _ && /* @__PURE__ */ t.jsx("div", { className: P.shoppingCount, children: u.parts.length })
         ]
       }
     ),
@@ -1884,7 +1884,7 @@ const is = (h) => {
     )
   ] });
 }, Ls = (h) => {
-  var x, p;
+  var x, m;
   const { activeProducts: a, isCartNotEmpty: o, isOpen: s, close: r } = h, { cart: e, reset: u, getTotalAndDiscount: d, updateQuantityOfProduct: f, removeProduct: _ } = ct(), T = St();
   function I(i, b) {
     T(i, { replace: b });
@@ -1916,17 +1916,17 @@ const is = (h) => {
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: H(k.modal, {
-        [k.closing]: !s
+      className: U(P.modal, {
+        [P.closing]: !s
       }),
       onClick: (i) => i.stopPropagation(),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: k.top, children: [
-          /* @__PURE__ */ t.jsxs("div", { className: k.info, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: P.top, children: [
+          /* @__PURE__ */ t.jsxs("div", { className: P.info, children: [
             /* @__PURE__ */ t.jsx(
               "span",
               {
-                className: k.title,
+                className: P.title,
                 id: "h4",
                 children: "Cart"
               }
@@ -1934,18 +1934,18 @@ const is = (h) => {
             o && /* @__PURE__ */ t.jsx(
               "div",
               {
-                className: k.count,
+                className: P.count,
                 id: "md",
                 children: e.parts.length
               }
             )
           ] }),
-          /* @__PURE__ */ t.jsxs("div", { className: k.rightButtons, children: [
+          /* @__PURE__ */ t.jsxs("div", { className: P.rightButtons, children: [
             o && /* @__PURE__ */ t.jsx(
               "button",
               {
-                className: H(k.clear, {
-                  [k.activeClear]: o
+                className: U(P.clear, {
+                  [P.activeClear]: o
                 }),
                 disabled: !o,
                 onClick: u,
@@ -1966,15 +1966,15 @@ const is = (h) => {
             )
           ] })
         ] }),
-        o ? /* @__PURE__ */ t.jsxs("div", { className: k.cart, children: [
-          /* @__PURE__ */ t.jsx("div", { className: k.products, children: a.map((i) => {
+        o ? /* @__PURE__ */ t.jsxs("div", { className: P.cart, children: [
+          /* @__PURE__ */ t.jsx("div", { className: P.products, children: a.map((i) => {
             var b, w;
             return /* @__PURE__ */ t.jsxs(
               "div",
               {
-                className: k.product,
+                className: P.product,
                 children: [
-                  /* @__PURE__ */ t.jsxs("div", { className: k.productInfo, children: [
+                  /* @__PURE__ */ t.jsxs("div", { className: P.productInfo, children: [
                     i.images.length > 0 ? /* @__PURE__ */ t.jsx(
                       "img",
                       {
@@ -1982,20 +1982,20 @@ const is = (h) => {
                         alt: "image",
                         width: "100%",
                         height: "100%",
-                        className: k.image
+                        className: P.image
                       }
-                    ) : /* @__PURE__ */ t.jsx("div", { className: k.image, children: /* @__PURE__ */ t.jsx(
+                    ) : /* @__PURE__ */ t.jsx("div", { className: P.image, children: /* @__PURE__ */ t.jsx(
                       j,
                       {
                         name: "Image",
                         fill: "var(--text-secondary)"
                       }
                     ) }),
-                    /* @__PURE__ */ t.jsxs("div", { className: k.content, children: [
+                    /* @__PURE__ */ t.jsxs("div", { className: P.content, children: [
                       /* @__PURE__ */ t.jsx(
                         "div",
                         {
-                          className: k.name,
+                          className: P.name,
                           dangerouslySetInnerHTML: {
                             __html: at(
                               ((b = i.variants.find(
@@ -2005,7 +2005,7 @@ const is = (h) => {
                           }
                         }
                       ),
-                      /* @__PURE__ */ t.jsx("div", { className: k.price, children: Q({
+                      /* @__PURE__ */ t.jsx("div", { className: P.price, children: Q({
                         amount: i.variants.find(
                           (q) => q.id === i.activeVariantId
                         ).price.amount * ((i == null ? void 0 : i.quantity) || 1),
@@ -2015,7 +2015,7 @@ const is = (h) => {
                       }) })
                     ] })
                   ] }),
-                  /* @__PURE__ */ t.jsxs("div", { className: k.productButtons, children: [
+                  /* @__PURE__ */ t.jsxs("div", { className: P.productButtons, children: [
                     /* @__PURE__ */ t.jsx(
                       R,
                       {
@@ -2023,7 +2023,7 @@ const is = (h) => {
                         onClick: () => {
                           i.quantity !== 1 && l(i);
                         },
-                        className: k.productButton,
+                        className: P.productButton,
                         disabled: i.quantity === 1,
                         children: /* @__PURE__ */ t.jsx(
                           j,
@@ -2039,7 +2039,7 @@ const is = (h) => {
                     /* @__PURE__ */ t.jsx(
                       "input",
                       {
-                        className: k.productCount,
+                        className: P.productCount,
                         type: "number",
                         value: ((w = i.quantity) == null ? void 0 : w.toString()) || "",
                         onChange: (q) => {
@@ -2063,7 +2063,7 @@ const is = (h) => {
                       {
                         type: "Secondary",
                         onClick: () => c(i),
-                        className: k.productButton,
+                        className: P.productButton,
                         disabled: i.quantity === i.variants.find((q) => q.id === i.activeVariantId).quantity.available,
                         children: /* @__PURE__ */ t.jsx(
                           j,
@@ -2076,7 +2076,7 @@ const is = (h) => {
                         )
                       }
                     ),
-                    /* @__PURE__ */ t.jsx("div", { className: k.delete, children: /* @__PURE__ */ t.jsx(
+                    /* @__PURE__ */ t.jsx("div", { className: P.delete, children: /* @__PURE__ */ t.jsx(
                       j,
                       {
                         name: "Trash",
@@ -2093,9 +2093,9 @@ const is = (h) => {
               i.id
             );
           }) }),
-          /* @__PURE__ */ t.jsxs("div", { className: k.bottom, children: [
-            /* @__PURE__ */ t.jsxs("div", { className: k.subtotal, children: [
-              /* @__PURE__ */ t.jsxs("div", { className: k.block, children: [
+          /* @__PURE__ */ t.jsxs("div", { className: P.bottom, children: [
+            /* @__PURE__ */ t.jsxs("div", { className: P.subtotal, children: [
+              /* @__PURE__ */ t.jsxs("div", { className: P.block, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Subtotal" }),
                 /* @__PURE__ */ t.jsx(
                   j,
@@ -2107,9 +2107,9 @@ const is = (h) => {
                   }
                 )
               ] }),
-              /* @__PURE__ */ t.jsx("div", { className: k.total, children: Q({
+              /* @__PURE__ */ t.jsx("div", { className: P.total, children: Q({
                 amount: d().total,
-                currency: e.parts.length > 0 && ((p = (x = a.find((i) => i.id === e.parts[0].productId)) == null ? void 0 : x.variants.find((i) => i.id === e.parts[0].productVariantId)) == null ? void 0 : p.price.currency) || "USD"
+                currency: e.parts.length > 0 && ((m = (x = a.find((i) => i.id === e.parts[0].productId)) == null ? void 0 : x.variants.find((i) => i.id === e.parts[0].productVariantId)) == null ? void 0 : m.price.currency) || "USD"
               }) })
             ] }),
             /* @__PURE__ */ t.jsx(R, { onClick: () => I("/checkout", !1), children: "Checkout" })
@@ -2118,7 +2118,7 @@ const is = (h) => {
       ]
     }
   );
-}, Us = () => /* @__PURE__ */ t.jsxs("div", { className: k.empty, children: [
+}, Us = () => /* @__PURE__ */ t.jsxs("div", { className: P.empty, children: [
   /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
     j,
     {
@@ -2134,7 +2134,7 @@ const is = (h) => {
       "a",
       {
         href: "/products",
-        className: k.link,
+        className: P.link,
         id: "md",
         children: "view products"
       }
@@ -2156,7 +2156,7 @@ const is = (h) => {
     R,
     {
       type: "Secondary",
-      className: k.userInfo,
+      className: P.userInfo,
       onClick: () => {
         u("/customer-dash"), a == null || a();
       },
@@ -2205,10 +2205,10 @@ const is = (h) => {
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: k.pagesMobileModal,
+      className: P.pagesMobileModal,
       onClick: (u) => u.stopPropagation(),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: k.pagesMobileModalHeader, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: P.pagesMobileModalHeader, children: [
           /* @__PURE__ */ t.jsx("div", { children: h }),
           /* @__PURE__ */ t.jsx(
             R,
@@ -2219,10 +2219,10 @@ const is = (h) => {
             }
           )
         ] }),
-        /* @__PURE__ */ t.jsx("div", { className: k.pagesMobileModalContent, children: s.length > 0 && s.map((u) => /* @__PURE__ */ t.jsx(
+        /* @__PURE__ */ t.jsx("div", { className: P.pagesMobileModalContent, children: s.length > 0 && s.map((u) => /* @__PURE__ */ t.jsx(
           "div",
           {
-            className: k.pageLink,
+            className: P.pageLink,
             onClick: e,
             children: /* @__PURE__ */ t.jsx(
               Mt,
@@ -2234,7 +2234,7 @@ const is = (h) => {
             )
           }
         )) }),
-        /* @__PURE__ */ t.jsx("div", { className: k.pagesMobileModalFooter, children: /* @__PURE__ */ t.jsx(
+        /* @__PURE__ */ t.jsx("div", { className: P.pagesMobileModalFooter, children: /* @__PURE__ */ t.jsx(
           qt,
           {
             signUp: o,
@@ -2433,11 +2433,11 @@ const is = (h) => {
         onClick: f,
         children: [
           /* @__PURE__ */ t.jsx("h5", { id: "h5", children: h }),
-          /* @__PURE__ */ t.jsx("div", { className: H(it.icon, { [it.open]: s }), children: /* @__PURE__ */ t.jsx(j, { name: "CaretDown" }) })
+          /* @__PURE__ */ t.jsx("div", { className: U(it.icon, { [it.open]: s }), children: /* @__PURE__ */ t.jsx(j, { name: "CaretDown" }) })
         ]
       }
     ),
-    /* @__PURE__ */ t.jsx("div", { className: H(it.content, { [it.contentOpen]: s }), children: /* @__PURE__ */ t.jsx(
+    /* @__PURE__ */ t.jsx("div", { className: U(it.content, { [it.contentOpen]: s }), children: /* @__PURE__ */ t.jsx(
       "p",
       {
         id: "md",
@@ -2448,7 +2448,7 @@ const is = (h) => {
       }
     ) })
   ] });
-}, cn = "_buttonsBlock_1x6xf_1", rn = "_cartDisabled_1x6xf_25", Pt = {
+}, cn = "_buttonsBlock_1x6xf_1", rn = "_cartDisabled_1x6xf_25", kt = {
   buttonsBlock: cn,
   cartDisabled: rn
 }, Qn = (h) => {
@@ -2465,8 +2465,8 @@ const is = (h) => {
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: H(Pt.buttonsBlock, {
-        [Pt.cartDisabled]: !r
+      className: U(kt.buttonsBlock, {
+        [kt.cartDisabled]: !r
       }),
       onClick: (c) => c.stopPropagation(),
       children: [
@@ -2538,10 +2538,10 @@ const is = (h) => {
       /* @__PURE__ */ t.jsx("p", { id: "p", children: o(h) })
     ] })
   ] });
-}, hn = "_variants_18tbu_82", pn = "_variant_18tbu_82", mn = "_stock_18tbu_100", gn = "_variantInfo_18tbu_108", fn = "_title_18tbu_202", xn = "_modal_18tbu_208", _n = "_header_18tbu_228", yn = "_productOptions_18tbu_236", jn = "_loading_18tbu_244", Z = {
+}, hn = "_variants_18tbu_82", mn = "_variant_18tbu_82", pn = "_stock_18tbu_100", gn = "_variantInfo_18tbu_108", fn = "_title_18tbu_202", xn = "_modal_18tbu_208", _n = "_header_18tbu_228", yn = "_productOptions_18tbu_236", jn = "_loading_18tbu_244", Z = {
   variants: hn,
-  variant: pn,
-  stock: mn,
+  variant: mn,
+  stock: pn,
   variantInfo: gn,
   title: fn,
   modal: xn,
@@ -2601,10 +2601,10 @@ const is = (h) => {
     }, 300);
   };
   async function y(x) {
-    const p = a.find((w) => w.id === x), i = e.parts.find(
+    const m = a.find((w) => w.id === x), i = e.parts.find(
       (w) => w.productId === h.productId && w.productVariantId === x
     );
-    if ((p == null ? void 0 : p.quantity.available) && (p == null ? void 0 : p.quantity.restrictions) && ((i == null ? void 0 : i.quantity) || 0) + 1 > (p == null ? void 0 : p.quantity.restrictions.max) || (p == null ? void 0 : p.quantity.available) === 0 || (p == null ? void 0 : p.quantity.available) && ((i == null ? void 0 : i.quantity) || 0) + 1 > (p == null ? void 0 : p.quantity.available)) {
+    if ((m == null ? void 0 : m.quantity.available) && (m == null ? void 0 : m.quantity.restrictions) && ((i == null ? void 0 : i.quantity) || 0) + 1 > (m == null ? void 0 : m.quantity.restrictions.max) || (m == null ? void 0 : m.quantity.available) === 0 || (m == null ? void 0 : m.quantity.available) && ((i == null ? void 0 : i.quantity) || 0) + 1 > (m == null ? void 0 : m.quantity.available)) {
       T([
         ..._,
         { id: J(), message: "Product is out of stock", status: "error" }
@@ -2662,14 +2662,14 @@ const is = (h) => {
       )
     ] }),
     /* @__PURE__ */ t.jsx("div", { className: Z.variants, children: a.filter((x) => {
-      var p;
-      return (p = x.chargeTypes) == null ? void 0 : p.includes(o);
+      var m;
+      return (m = x.chargeTypes) == null ? void 0 : m.includes(o);
     }).map((x) => {
-      var p, i, b;
+      var m, i, b;
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: H(Z.variant),
+          className: U(Z.variant),
           onClick: () => {
             y(x.id), r(!1);
           },
@@ -2685,7 +2685,7 @@ const is = (h) => {
               ),
               /* @__PURE__ */ t.jsx("span", { id: "md", children: Q({
                 amount: o === "ONE_TIME" ? x.price.amount : x.subscriptionSettings ? x.subscriptionSettings.price.amount : 0,
-                currency: o === "ONE_TIME" ? x.price.currency : ((p = x.subscriptionSettings) == null ? void 0 : p.price.currency) || "USD"
+                currency: o === "ONE_TIME" ? x.price.currency : ((m = x.subscriptionSettings) == null ? void 0 : m.price.currency) || "USD"
               }) })
             ] }),
             /* @__PURE__ */ t.jsx("div", { id: "md", children: o === "ONE_TIME" && /* @__PURE__ */ t.jsxs(
@@ -2749,13 +2749,13 @@ const is = (h) => {
       }
     ) })
   ] });
-}, In = "_contentModal_1ptti_1", Nn = "_modalTop_1ptti_13", Cn = "_loading_1ptti_19", Sn = "_modalCards_1ptti_27", Pn = "_modalImage_1ptti_32", kn = "_card_1ptti_37", wn = "_cardInfo_1ptti_49", Tn = "_cardButtons_1ptti_56", Mn = "_title_1ptti_62", Bn = "_blockImage_1ptti_69", $n = "_short_1ptti_78", On = "_price_1ptti_82", qn = "_oldPrice_1ptti_89", An = "_newPrice_1ptti_98", U = {
+}, In = "_contentModal_101ku_1", Nn = "_modalTop_101ku_13", Cn = "_loading_101ku_19", Sn = "_modalCards_101ku_27", kn = "_modalImage_101ku_32", Pn = "_card_101ku_37", wn = "_cardInfo_101ku_49", Tn = "_cardButtons_101ku_56", Mn = "_title_101ku_62", Bn = "_blockImage_101ku_69", $n = "_short_101ku_78", On = "_price_101ku_82", qn = "_oldPrice_101ku_89", An = "_newPrice_101ku_98", F = {
   contentModal: In,
   modalTop: Nn,
   loading: Cn,
   modalCards: Sn,
-  modalImage: Pn,
-  card: kn,
+  modalImage: kn,
+  card: Pn,
   cardInfo: wn,
   cardButtons: Tn,
   title: Mn,
@@ -2791,14 +2791,14 @@ const is = (h) => {
   return /* @__PURE__ */ t.jsx(ut, { close: () => a(!1), children: /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: U.contentModal,
+      className: F.contentModal,
       onClick: (l) => l.stopPropagation(),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: U.modalTop, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: F.modalTop, children: [
           /* @__PURE__ */ t.jsx(
             "span",
             {
-              className: U.title,
+              className: F.title,
               id: "h4",
               dangerouslySetInnerHTML: {
                 __html: at(s.name)
@@ -2815,10 +2815,10 @@ const is = (h) => {
             }
           )
         ] }),
-        !_ && d && /* @__PURE__ */ t.jsx("div", { className: U.modalCards, children: d.map((l) => /* @__PURE__ */ t.jsxs(
+        !_ && d && /* @__PURE__ */ t.jsx("div", { className: F.modalCards, children: d.map((l) => /* @__PURE__ */ t.jsxs(
           "div",
           {
-            className: U.card,
+            className: F.card,
             children: [
               /* @__PURE__ */ t.jsx("div", { children: l.productData.images[0] ? /* @__PURE__ */ t.jsx(
                 "img",
@@ -2827,68 +2827,61 @@ const is = (h) => {
                   alt: "",
                   width: 64,
                   height: 64,
-                  className: U.modalImage
+                  className: F.modalImage
                 }
-              ) : /* @__PURE__ */ t.jsx("div", { className: H(U.blockImage, U.modalImage), children: /* @__PURE__ */ t.jsx(j, { name: "Image" }) }) }),
-              /* @__PURE__ */ t.jsxs("div", { className: U.cardInfo, children: [
-                /* @__PURE__ */ t.jsx(
-                  "div",
-                  {
-                    className: U.name,
-                    id: "h5",
-                    children: l.productData.compareAtPrice && (l.productData.compareAtPrice.amount || 0) - (l.productData.minPrice.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-                      at(l.productData.name, !1),
-                      /* @__PURE__ */ t.jsxs(
-                        "span",
-                        {
-                          className: U.price,
-                          id: "md",
-                          children: [
-                            /* @__PURE__ */ t.jsx(
-                              "span",
-                              {
-                                className: U.newPrice,
-                                id: "md",
-                                children: Q({
-                                  amount: l.productData.minPrice.amount,
-                                  currency: l.productData.minPrice.currency
-                                })
-                              }
-                            ),
-                            /* @__PURE__ */ t.jsx(
-                              "span",
-                              {
-                                className: U.oldPrice,
-                                id: "md",
-                                children: Q({
-                                  amount: l.productData.compareAtPrice.amount,
-                                  currency: l.productData.compareAtPrice.currency
-                                })
-                              }
-                            )
-                          ]
-                        }
-                      )
-                    ] }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-                      at(l.productData.name, !1),
-                      /* @__PURE__ */ t.jsx(
-                        "span",
-                        {
-                          className: U.newPrice,
-                          id: "md",
-                          children: Q({
-                            amount: l.productData.minPrice.amount,
-                            currency: l.productData.minPrice.currency
-                          })
-                        }
-                      )
-                    ] })
-                  }
-                ),
+              ) : /* @__PURE__ */ t.jsx("div", { className: U(F.blockImage, F.modalImage), children: /* @__PURE__ */ t.jsx(j, { name: "Image" }) }) }),
+              /* @__PURE__ */ t.jsxs("div", { className: F.cardInfo, children: [
+                /* @__PURE__ */ t.jsx("div", { id: "h5", children: l.productData.compareAtPrice && (l.productData.compareAtPrice.amount || 0) - (l.productData.minPrice.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+                  at(l.productData.name, !1),
+                  /* @__PURE__ */ t.jsxs(
+                    "span",
+                    {
+                      className: F.price,
+                      id: "md",
+                      children: [
+                        /* @__PURE__ */ t.jsx(
+                          "span",
+                          {
+                            className: F.newPrice,
+                            id: "md",
+                            children: Q({
+                              amount: l.productData.minPrice.amount,
+                              currency: l.productData.minPrice.currency
+                            })
+                          }
+                        ),
+                        /* @__PURE__ */ t.jsx(
+                          "span",
+                          {
+                            className: F.oldPrice,
+                            id: "md",
+                            children: Q({
+                              amount: l.productData.compareAtPrice.amount,
+                              currency: l.productData.compareAtPrice.currency
+                            })
+                          }
+                        )
+                      ]
+                    }
+                  )
+                ] }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+                  at(l.productData.name, !1),
+                  /* @__PURE__ */ t.jsx(
+                    "span",
+                    {
+                      className: F.newPrice,
+                      id: "md",
+                      children: Q({
+                        amount: l.productData.minPrice.amount,
+                        currency: l.productData.minPrice.currency
+                      })
+                    }
+                  )
+                ] }) }),
                 l.productData.shortDescription && /* @__PURE__ */ t.jsx(
                   "span",
                   {
-                    className: U.short,
+                    className: F.short,
                     id: "md",
                     dangerouslySetInnerHTML: {
                       __html: at(l.productData.shortDescription)
@@ -2896,7 +2889,7 @@ const is = (h) => {
                   }
                 )
               ] }),
-              /* @__PURE__ */ t.jsxs("div", { className: U.cardButtons, children: [
+              /* @__PURE__ */ t.jsxs("div", { className: F.cardButtons, children: [
                 /* @__PURE__ */ t.jsx(
                   R,
                   {
@@ -2923,7 +2916,7 @@ const is = (h) => {
           },
           l.id
         )) }),
-        _ && /* @__PURE__ */ t.jsx("div", { className: U.loading, children: /* @__PURE__ */ t.jsx($t, {}) })
+        _ && /* @__PURE__ */ t.jsx("div", { className: F.loading, children: /* @__PURE__ */ t.jsx($t, {}) })
       ]
     }
   ) });
@@ -2960,7 +2953,7 @@ export {
   Kn as ProductCardModal,
   is as ProductOptions,
   ai as RadioUI,
-  kt as RangeSelector,
+  Pt as RangeSelector,
   ot as Select,
   oi as SelectInfiniteList,
   ci as SelectTypeText,
@@ -2974,5 +2967,5 @@ export {
   ui as TextareaUI,
   hi as TypesText,
   qt as UserInfo,
-  pi as Wrapper
+  mi as Wrapper
 };