@billgangcom/theme-lib 1.22.0 → 1.23.0

package/dist/ui.es.js

@@ -1,5 +1,5 @@
-import { j as t, c as L, I as x, a as G, S as V, T as lt, C as it, b as Y, D as rt, H as dt, B as X, v as tt, u as ut, d as mt, e as ot, f as at, M as gt } from "./root-DGGdzWua.js";
-import { k as Xn, l as Qn, h as Wn, E as Jn, L as Kn, P as Zn, R as tc, g as ec, i as sc } from "./root-DGGdzWua.js";
+import { j as t, c as M, I as x, a as G, S as V, T as lt, C as it, b as Y, D as rt, H as dt, B as X, v as tt, u as ut, d as mt, e as ot, f as at, M as gt } from "./index-satprvMg.js";
+import { k as Xn, l as Qn, h as Wn, E as Jn, L as Kn, P as Zn, R as tc, g as ec, i as sc } from "./index-satprvMg.js";
 import f from "react";
 const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18", jt = "_open_9e4oa_21", vt = "_content_9e4oa_25", J = {
   accordion: xt,
@@ -8,8 +8,8 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
   open: jt,
   content: vt
 }, Rn = ({ title: r, content: n }) => {
-  const [e, i] = f.useState(!1), [o, a] = f.useState(0), s = f.useRef(null), c = () => {
-    i(!e);
+  const [e, o] = f.useState(!1), [i, a] = f.useState(0), s = f.useRef(null), c = () => {
+    o(!e);
   };
   return f.useEffect(() => {
     s.current && a(e ? s.current.scrollHeight : 0);
@@ -21,7 +21,7 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
         onClick: c,
         children: [
           /* @__PURE__ */ t.jsx("h3", { children: r }),
-          /* @__PURE__ */ t.jsx("div", { className: L(J.icon, { [J.open]: e }), children: /* @__PURE__ */ t.jsx(x, { name: "CaretDown" }) })
+          /* @__PURE__ */ t.jsx("div", { className: M(J.icon, { [J.open]: e }), children: /* @__PURE__ */ t.jsx(x, { name: "CaretDown" }) })
         ]
       }
     ),
@@ -30,7 +30,7 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
       {
         ref: s,
         className: J.content,
-        style: { height: `${o}px` },
+        style: { height: `${i}px` },
         children: /* @__PURE__ */ t.jsx("p", { children: n })
       }
     )
@@ -58,7 +58,7 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
   "bottom",
   "bottomRight"
 ], St = ["left", "top", "right", "bottom"], Hn = (r) => {
-  const { alignment: n, padding: e, setPadding: i, setAlignment: o } = r;
+  const { alignment: n, padding: e, setPadding: o, setAlignment: i } = r;
   function a() {
     switch (n) {
       case "left":
@@ -98,7 +98,7 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
           "div",
           {
             onClick: () => {
-              o(c);
+              i(c);
             },
             className: D.alignment,
             children: [
@@ -134,7 +134,7 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
                 {
                   type: "text",
                   value: String(e[c]),
-                  onChange: (m) => i({
+                  onChange: (m) => o({
                     ...e,
                     [c]: Number(m)
                   }),
@@ -149,20 +149,20 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
       ] })
     ] })
   ] });
-}, Ot = "_subtitle_1qrz9_1", Dt = "_header_1qrz9_8", Et = "_text_1qrz9_9", Lt = "_top_1qrz9_17", Mt = "_itemsBlock_1qrz9_26", K = {
+}, Ot = "_subtitle_1qrz9_1", Dt = "_header_1qrz9_8", Et = "_text_1qrz9_9", Mt = "_top_1qrz9_17", Lt = "_itemsBlock_1qrz9_26", K = {
   subtitle: Ot,
   header: Dt,
   text: Et,
-  top: Lt,
-  itemsBlock: Mt
+  top: Mt,
+  itemsBlock: Lt
 }, Rt = "_typeTexts_rcw8p_1", Ht = "_block_rcw8p_8", Vt = "_active_rcw8p_21", nt = {
   typeTexts: Rt,
   block: Ht,
   active: Vt
 }, Ft = ["bold", "italic", "underline", "strike-through", "code"], _t = (r) => {
   const { typesText: n, setTypesText: e } = r;
-  function i(o) {
-    switch (o) {
+  function o(i) {
+    switch (i) {
       case "bold":
         return "TextB";
       case "italic":
@@ -175,38 +175,38 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
         return "TextUnderline";
     }
   }
-  return /* @__PURE__ */ t.jsx("div", { className: nt.typeTexts, children: Ft.map((o) => /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ t.jsx("div", { className: nt.typeTexts, children: Ft.map((i) => /* @__PURE__ */ t.jsx(
     "div",
     {
-      className: L(nt.block, {
-        [nt.active]: n.includes(o)
+      className: M(nt.block, {
+        [nt.active]: n.includes(i)
       }),
       onClick: () => {
         const a = [...n];
-        if (a.includes(o)) {
-          const s = a.filter((c) => c !== o);
+        if (a.includes(i)) {
+          const s = a.filter((c) => c !== i);
           e(s);
         } else
-          a.push(o), e(a);
+          a.push(i), e(a);
       },
       children: /* @__PURE__ */ t.jsx(
         x,
         {
-          name: i(o),
-          fill: n.includes(o) ? "#252525" : "#757575",
+          name: o(i),
+          fill: n.includes(i) ? "#252525" : "#757575",
           width: 20,
           height: 20
         }
       )
     },
-    String(o)
+    String(i)
   )) });
 }, Ut = (r) => {
   const {
     typesText: n,
     isActiveText: e,
-    setIsActiveText: i,
-    text: o,
+    setIsActiveText: o,
+    text: i,
     setText: a,
     setTypesText: s,
     title: c,
@@ -215,11 +215,11 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
   return /* @__PURE__ */ t.jsxs("div", { className: K.text, children: [
     (c || e !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: K.top, children: [
       c && /* @__PURE__ */ t.jsx("h3", { className: K.title, children: c }),
-      e !== void 0 && i && /* @__PURE__ */ t.jsx(
+      e !== void 0 && o && /* @__PURE__ */ t.jsx(
         V,
         {
           current: e,
-          onChange: ($) => i($)
+          onChange: ($) => o($)
         }
       )
     ] }),
@@ -229,7 +229,7 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
         lt,
         {
           onChange: ($) => a($),
-          value: o,
+          value: i,
           maxLength: 150
         }
       ),
@@ -264,7 +264,7 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
   link: re,
   modalOptions: de
 }, ue = (r) => {
-  const { activeItem: n, setActiveItem: e, popupPosition: i, modalOptions: o, setIsOpenModal: a } = r;
+  const { activeItem: n, setActiveItem: e, popupPosition: o, modalOptions: i, setIsOpenModal: a } = r;
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -273,8 +273,8 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
         s.stopPropagation();
       },
       style: {
-        top: `${i.top}px`,
-        left: `${i.left}px`
+        top: `${o.top}px`,
+        left: `${o.left}px`
       },
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: P.top, children: [
@@ -292,7 +292,7 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
             }
           )
         ] }),
-        /* @__PURE__ */ t.jsx("div", { className: P.modalOptions, children: o.map((s) => {
+        /* @__PURE__ */ t.jsx("div", { className: P.modalOptions, children: i.map((s) => {
           if (s.type === "image")
             return /* @__PURE__ */ t.jsx(
               it,
@@ -428,20 +428,20 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
   const { items: n, title: e = "Other" } = r;
   return /* @__PURE__ */ t.jsxs("div", { className: ct.other, children: [
     /* @__PURE__ */ t.jsx("h5", { className: ct.subtitle, children: e }),
-    /* @__PURE__ */ t.jsx("div", { className: ct.items, children: n.map((i, o) => /* @__PURE__ */ t.jsx(
+    /* @__PURE__ */ t.jsx("div", { className: ct.items, children: n.map((o, i) => /* @__PURE__ */ t.jsx(
       V,
       {
-        current: i.isItem,
-        onChange: (a) => i.setIsItem(a),
-        label: i.label,
+        current: o.isItem,
+        onChange: (a) => o.setIsItem(a),
+        label: o.label,
         hasBackground: !0,
         paddingless: !1
       },
-      o
+      i
     )) })
   ] });
 }, pe = (r) => {
-  const { index: n, moveProduct: e, children: i } = r, [, o] = ut({
+  const { index: n, moveProduct: e, children: o } = r, [, i] = ut({
     accept: "product",
     hover(c) {
       c.index !== n && (e(c.index, n), c.index = n);
@@ -456,17 +456,17 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      ref: (c) => s(o(c)),
+      ref: (c) => s(i(c)),
       className: `${P.product} ${a ? P.dragging : ""}`,
-      children: i
+      children: o
     }
   );
 }, ge = (r) => {
   const {
     isActiveItems: n,
     setIsActiveItems: e,
-    items: i,
-    setItems: o,
+    items: o,
+    setItems: i,
     other: a,
     title: s,
     subtitle: c,
@@ -483,12 +483,12 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
     modalOptions: Q,
     addableOptions: F = {},
     limit: y
-  } = r, [M, R] = f.useState(null), [st, et] = f.useState({
+  } = r, [L, R] = f.useState(null), [st, et] = f.useState({
     top: 0,
     left: 0
   }), [h, v] = f.useState(!1), A = (u, w) => {
-    const S = [...i], [N] = S.splice(u, 1);
-    S.splice(w, 0, N), o(S);
+    const S = [...o], [N] = S.splice(u, 1);
+    S.splice(w, 0, N), i(S);
   };
   f.useEffect(() => {
     const u = () => {
@@ -498,11 +498,11 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
       R(null), v(!1), document.body.removeEventListener("click", u);
     };
   }, []), f.useEffect(() => {
-    if (M) {
-      const u = [...i].map((w) => w.id === M.id ? M : w);
-      o(u);
+    if (L) {
+      const u = [...o].map((w) => w.id === L.id ? L : w);
+      i(u);
     }
-  }, [M]);
+  }, [L]);
   const C = (u, w) => {
     u.stopPropagation(), v(!0);
     const S = u.target.getBoundingClientRect(), N = 500, W = window.innerHeight;
@@ -547,14 +547,14 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
         Y,
         {
           onChange: (N) => {
-            const E = [...i].map((H) => H.id === u.id ? {
+            const E = [...o].map((H) => H.id === u.id ? {
               ...u,
               name: N
             } : H);
             R({
               ...u,
               name: N
-            }), o([...E]);
+            }), i([...E]);
           },
           value: u.name,
           options: l,
@@ -565,11 +565,11 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
         G,
         {
           onChange: (N) => {
-            const E = [...i].map((H) => H.id === u.id ? {
+            const E = [...o].map((H) => H.id === u.id ? {
               ...u,
               name: N
             } : H);
-            o([...E]);
+            i([...E]);
           },
           value: u.name,
           placeholder: _
@@ -579,11 +579,11 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
         it,
         {
           onChange: (N) => {
-            const E = [...i].map((H) => H.id === u.id ? {
+            const E = [...o].map((H) => H.id === u.id ? {
               ...u,
               images: N
             } : H);
-            o([...E]);
+            i([...E]);
           }
         }
       ),
@@ -606,7 +606,7 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => o(i.filter((N) => N.id !== u.id))
+            onClick: () => i(o.filter((N) => N.id !== u.id))
           }
         )
       ] })
@@ -640,10 +640,10 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
         }
       )
     ] }),
-    M && m && Q && h && /* @__PURE__ */ t.jsx(
+    L && m && Q && h && /* @__PURE__ */ t.jsx(
       ue,
       {
-        activeItem: M,
+        activeItem: L,
         setActiveItem: R,
         popupPosition: st,
         modalOptions: Q,
@@ -653,19 +653,19 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
     B && q && /* @__PURE__ */ t.jsx(bs, { ...q }),
     /* @__PURE__ */ t.jsxs("div", { className: P.products, children: [
       c && /* @__PURE__ */ t.jsx("h5", { className: P.subtitle, children: c }),
-      $ ? /* @__PURE__ */ t.jsx(rt, { backend: dt, children: i.map((u, w) => O(u, w)) }) : i.map((u, w) => O(u, w)),
+      $ ? /* @__PURE__ */ t.jsx(rt, { backend: dt, children: o.map((u, w) => O(u, w)) }) : o.map((u, w) => O(u, w)),
       j && /* @__PURE__ */ t.jsxs(
         X,
         {
-          className: L(P.button, {
-            [P.disabled]: !!(y && y <= i.length)
+          className: M(P.button, {
+            [P.disabled]: !!(y && y <= o.length)
           }),
           size: "s",
-          disabled: !!(y && y <= i.length),
+          disabled: !!(y && y <= o.length),
           onClick: () => {
-            const u = [...i];
+            const u = [...o];
             d === "select" ? u.push({
-              name: l[0] || `Product ${i.length + 1}`,
+              name: l[0] || `Product ${o.length + 1}`,
               id: tt(),
               ...F
             }) : d === "input" ? u.push({
@@ -673,10 +673,10 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
               id: tt(),
               ...F
             }) : u.push({
-              name: `Image ${i.length + 1}`,
+              name: `Image ${o.length + 1}`,
               id: tt(),
               ...F
-            }), o(u);
+            }), i(u);
           },
           children: [
             /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
@@ -716,7 +716,7 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
   other: Oe,
   options: De
 }, Ee = (r) => {
-  const { activeButton: n, setActiveButton: e, popupPosition: i } = r, [o, a] = f.useState(n.typesText), [s, c] = f.useState(n.destination), [m, $] = f.useState(n.link || ""), [p, k] = f.useState(n.text || "");
+  const { activeButton: n, setActiveButton: e, popupPosition: o } = r, [i, a] = f.useState(n.typesText), [s, c] = f.useState(n.destination), [m, $] = f.useState(n.link || ""), [p, k] = f.useState(n.text || "");
   return f.useEffect(() => {
     e({
       ...n,
@@ -724,10 +724,10 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
         text: p,
         link: m,
         destination: s,
-        typesText: o
+        typesText: i
       }
     });
-  }, [o, s, m, p]), /* @__PURE__ */ t.jsxs(
+  }, [i, s, m, p]), /* @__PURE__ */ t.jsxs(
     "div",
     {
       className: z.modal,
@@ -735,8 +735,8 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
         j.stopPropagation();
       },
       style: {
-        top: `${i.top}px`,
-        left: `${i.left}px`
+        top: `${o.top}px`,
+        left: `${o.left}px`
       },
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: z.top, children: [
@@ -799,7 +799,7 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
           /* @__PURE__ */ t.jsx(
             _t,
             {
-              typesText: o,
+              typesText: i,
               setTypesText: a
             }
           )
@@ -807,9 +807,9 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
       ]
     }
   );
-}, Le = "_subtitle_m8qel_1", Me = "_header_m8qel_8", Re = "_text_m8qel_9", He = "_productsBlock_m8qel_10", Ve = "_buttonsBlock_m8qel_11", Fe = "_top_m8qel_23", Ue = "_itemsBlock_m8qel_32", ze = "_typeTexts_m8qel_38", Ge = "_block_m8qel_45", Ye = "_active_m8qel_58", Xe = "_products_m8qel_10", Qe = "_product_m8qel_10", We = "_button_m8qel_11", Je = "_image_m8qel_88", Ke = "_info_m8qel_95", Ze = "_name_m8qel_107", ts = "_buttons_m8qel_11", es = "_modal_m8qel_118", ss = "_other_m8qel_137", ns = "_options_m8qel_143", Z = {
-  subtitle: Le,
-  header: Me,
+}, Me = "_subtitle_m8qel_1", Le = "_header_m8qel_8", Re = "_text_m8qel_9", He = "_productsBlock_m8qel_10", Ve = "_buttonsBlock_m8qel_11", Fe = "_top_m8qel_23", Ue = "_itemsBlock_m8qel_32", ze = "_typeTexts_m8qel_38", Ge = "_block_m8qel_45", Ye = "_active_m8qel_58", Xe = "_products_m8qel_10", Qe = "_product_m8qel_10", We = "_button_m8qel_11", Je = "_image_m8qel_88", Ke = "_info_m8qel_95", Ze = "_name_m8qel_107", ts = "_buttons_m8qel_11", es = "_modal_m8qel_118", ss = "_other_m8qel_137", ns = "_options_m8qel_143", Z = {
+  subtitle: Me,
+  header: Le,
   text: Re,
   productsBlock: He,
   buttonsBlock: Ve,
@@ -829,7 +829,7 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
   other: ss,
   options: ns
 }, cs = (r) => {
-  const { buttons: n, setButtons: e, deletable: i = !0, addable: o = !0 } = r, [a, s] = f.useState(null), [c, m] = f.useState({
+  const { buttons: n, setButtons: e, deletable: o = !0, addable: i = !0 } = r, [a, s] = f.useState(null), [c, m] = f.useState({
     top: 0,
     left: 0
   });
@@ -889,7 +889,7 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
                 }
               }
             ),
-            i && /* @__PURE__ */ t.jsx(
+            o && /* @__PURE__ */ t.jsx(
               x,
               {
                 name: "Trash",
@@ -916,7 +916,7 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
         popupPosition: c
       }
     ),
-    o && /* @__PURE__ */ t.jsxs(
+    i && /* @__PURE__ */ t.jsxs(
       X,
       {
         className: Z.button,
@@ -946,7 +946,7 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
     )
   ] });
 }, Vn = (r) => {
-  const { isActiveButtons: n, setIsActiveButtons: e, buttons: i, setButtons: o } = r;
+  const { isActiveButtons: n, setIsActiveButtons: e, buttons: o, setButtons: i } = r;
   return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsxs("div", { className: z.buttonsBlock, children: [
     /* @__PURE__ */ t.jsxs("div", { className: z.top, children: [
       /* @__PURE__ */ t.jsx("h3", { className: z.title, children: "Buttons" }),
@@ -961,8 +961,8 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
     /* @__PURE__ */ t.jsx(
       cs,
       {
-        buttons: i,
-        setButtons: o
+        buttons: o,
+        setButtons: i
       }
     )
   ] }) });
@@ -982,12 +982,12 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
   controls: xs,
   button: fs
 }, bs = (r) => {
-  const { label: n, min: e = 1, max: i = 4, step: o = 1, count: a, setCount: s } = r, [c, m] = f.useState(!1), $ = Array.from({ length: (i - e) / o + 1 }), p = (a - e) / (i - e) * 100, k = () => {
-    a < i && s(a + o);
+  const { label: n, min: e = 1, max: o = 4, step: i = 1, count: a, setCount: s } = r, [c, m] = f.useState(!1), $ = Array.from({ length: (o - e) / i + 1 }), p = (a - e) / (o - e) * 100, k = () => {
+    a < o && s(a + i);
   }, j = () => {
-    a > e && s(a - o);
+    a > e && s(a - i);
   }, d = (_) => {
-    const l = e + _ * o;
+    const l = e + _ * i;
     s(l);
   };
   return /* @__PURE__ */ t.jsxs("div", { className: I.wrapper, children: [
@@ -1003,17 +1003,17 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
           }
         ),
         /* @__PURE__ */ t.jsx("div", { className: I.dots, children: $.map((_, l) => {
-          const B = l <= (a - e) / o;
+          const B = l <= (a - e) / i;
           return /* @__PURE__ */ t.jsx(
             "button",
             {
               onClick: () => d(l),
-              className: L(I.dot, {
+              className: M(I.dot, {
                 [I.active]: B,
                 [I.inactive]: !B,
                 [I.dragging]: c
               }),
-              "aria-label": `Set value to ${e + l * o}`
+              "aria-label": `Set value to ${e + l * i}`
             },
             l
           );
@@ -1023,8 +1023,8 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
           {
             type: "range",
             min: e,
-            max: i,
-            step: o,
+            max: o,
+            step: i,
             value: a,
             onChange: (_) => s(Number(_.target.value)),
             onMouseDown: () => m(!0),
@@ -1041,11 +1041,11 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
           {
             type: "number",
             min: e,
-            max: i,
+            max: o,
             paddingless: !0,
             onChange: (_) => {
               const l = Number(_);
-              l > i ? s(i) : l < e ? s(e) : s(l);
+              l > o ? s(o) : l < e ? s(e) : s(l);
             },
             value: String(a)
           }
@@ -1055,7 +1055,7 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
             "button",
             {
               onClick: k,
-              disabled: a >= i,
+              disabled: a >= o,
               className: I.button,
               "aria-label": "Increment count",
               children: /* @__PURE__ */ t.jsx(
@@ -1089,7 +1089,7 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
       ] })
     ] })
   ] });
-}, js = "_subtitle_16rdk_1", vs = "_header_16rdk_8", ks = "_text_16rdk_9", ys = "_productsBlock_16rdk_10", $s = "_top_16rdk_22", Ns = "_itemsBlock_16rdk_31", Cs = "_typeTexts_16rdk_37", Is = "_block_16rdk_44", Ps = "_active_16rdk_57", Bs = "_products_16rdk_10", ws = "_product_16rdk_10", Ts = "_button_16rdk_76", qs = "_image_16rdk_87", As = "_info_16rdk_94", Ss = "_name_16rdk_106", Os = "_buttons_16rdk_110", Ds = "_modal_16rdk_117", Es = "_link_16rdk_137", Ls = "_modalOptions_16rdk_143", T = {
+}, js = "_subtitle_16rdk_1", vs = "_header_16rdk_8", ks = "_text_16rdk_9", ys = "_productsBlock_16rdk_10", $s = "_top_16rdk_22", Ns = "_itemsBlock_16rdk_31", Cs = "_typeTexts_16rdk_37", Is = "_block_16rdk_44", Ps = "_active_16rdk_57", Bs = "_products_16rdk_10", ws = "_product_16rdk_10", Ts = "_button_16rdk_76", qs = "_image_16rdk_87", As = "_info_16rdk_94", Ss = "_name_16rdk_106", Os = "_buttons_16rdk_110", Ds = "_modal_16rdk_117", Es = "_link_16rdk_137", Ms = "_modalOptions_16rdk_143", T = {
   subtitle: js,
   header: vs,
   text: ks,
@@ -1108,9 +1108,9 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
   buttons: Os,
   modal: Ds,
   link: Es,
-  modalOptions: Ls
-}, Ms = (r) => {
-  const { activeItem: n, setActiveItem: e, popupPosition: i, setIsOpenModal: o } = r;
+  modalOptions: Ms
+}, Ls = (r) => {
+  const { activeItem: n, setActiveItem: e, popupPosition: o, setIsOpenModal: i } = r;
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -1119,8 +1119,8 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
         a.stopPropagation();
       },
       style: {
-        top: `${i.top}px`,
-        left: `${i.left}px`
+        top: `${o.top}px`,
+        left: `${o.left}px`
       },
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: T.top, children: [
@@ -1133,7 +1133,7 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
               width: 20,
               hoverable: !0,
               onClick: () => {
-                o(!1), e(null);
+                i(!1), e(null);
               }
             }
           )
@@ -1156,7 +1156,7 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
     }
   );
 }, Rs = (r) => {
-  const { index: n, moveProduct: e, children: i } = r, [, o] = ut({
+  const { index: n, moveProduct: e, children: o } = r, [, i] = ut({
     accept: "product",
     hover(c) {
       c.index !== n && (e(c.index, n), c.index = n);
@@ -1171,17 +1171,17 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      ref: (c) => s(o(c)),
+      ref: (c) => s(i(c)),
       className: `${T.product} ${a ? T.dragging : ""}`,
-      children: i
+      children: o
     }
   );
 }, Fn = (r) => {
   const {
     isActiveItems: n,
     setIsActiveItems: e,
-    items: i,
-    setItems: o,
+    items: o,
+    setItems: i,
     other: a,
     title: s,
     subtitle: c,
@@ -1195,9 +1195,9 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
   } = r, [l, B] = f.useState(null), [q, Q] = f.useState({
     top: 0,
     left: 0
-  }), [F, y] = f.useState(!1), M = (h, v) => {
-    const A = [...i], [C] = A.splice(h, 1);
-    A.splice(v, 0, C), o(A);
+  }), [F, y] = f.useState(!1), L = (h, v) => {
+    const A = [...o], [C] = A.splice(h, 1);
+    A.splice(v, 0, C), i(A);
   };
   f.useEffect(() => {
     const h = () => {
@@ -1208,8 +1208,8 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
     };
   }, []), f.useEffect(() => {
     if (l) {
-      const h = [...i].map((v) => v.id === l.id ? l : v);
-      o(h);
+      const h = [...o].map((v) => v.id === l.id ? l : v);
+      i(h);
     }
   }, [l]);
   const R = (h, v) => {
@@ -1256,7 +1256,7 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
         Y,
         {
           onChange: (C) => {
-            const U = [...i], O = Number(C.split(" ")[1]), u = _.find((N) => N.id === O);
+            const U = [...o], O = Number(C.split(" ")[1]), u = _.find((N) => N.id === O);
             if (!u) return;
             const w = {
               ...u.productData.stats,
@@ -1272,7 +1272,7 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
               ...h,
               name: C,
               listingId: O
-            }), o([...S]);
+            }), i([...S]);
           },
           value: h.name,
           options: [..._.map((C) => `Product ${C.id}`)],
@@ -1299,7 +1299,7 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => o(i.filter((C) => C.id !== h.id))
+            onClick: () => i(o.filter((C) => C.id !== h.id))
           }
         )
       ] })
@@ -1309,7 +1309,7 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
       {
         product: h,
         index: v,
-        moveProduct: M,
+        moveProduct: L,
         children: A
       },
       h.id
@@ -1334,7 +1334,7 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
       )
     ] }),
     F && l && /* @__PURE__ */ t.jsx(
-      Ms,
+      Ls,
       {
         activeItem: l,
         setActiveItem: B,
@@ -1344,14 +1344,14 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
     ),
     /* @__PURE__ */ t.jsxs("div", { className: T.products, children: [
       c && /* @__PURE__ */ t.jsx("h5", { className: T.subtitle, children: c }),
-      $ ? /* @__PURE__ */ t.jsx(rt, { backend: dt, children: i.map((h, v) => et(h, v)) }) : i.map((h, v) => et(h, v)),
+      $ ? /* @__PURE__ */ t.jsx(rt, { backend: dt, children: o.map((h, v) => et(h, v)) }) : o.map((h, v) => et(h, v)),
       j && /* @__PURE__ */ t.jsxs(
         X,
         {
           className: T.button,
           size: "s",
           onClick: () => {
-            const h = [...i], v = _[0].id;
+            const h = [...o], v = _[0].id;
             h.push({
               name: `Product ${v}`,
               id: tt(),
@@ -1363,7 +1363,7 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
                 newPrice: _[0].productData.minPrice.amount,
                 oldPrice: _[0].productData.compareAtPrice.amount
               }
-            }), o(h);
+            }), i(h);
           },
           children: [
             /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
@@ -1405,7 +1405,7 @@ const xt = "_accordion_9e4oa_1", ft = "_header_9e4oa_9", bt = "_icon_9e4oa_18",
 };
 var pt = /* @__PURE__ */ ((r) => (r.ONE_TIME = "One-Time", r.RECURRING = "Subscribe & Save", r))(pt || {});
 const Un = (r) => {
-  const { variants: n } = r, [e, i] = f.useState(n[0]), [o, a] = f.useState(e.chargeTypes[0]), s = ot(), [c, m] = f.useState(1), { reset: $, addProductToCart: p, getProducts: k } = at();
+  const { variants: n } = r, [e, o] = f.useState(n[0]), [i, a] = f.useState(e.chargeTypes[0]), s = ot(), [c, m] = f.useState(1), { reset: $, addProductToCart: p, getProducts: k } = at();
   async function j() {
     await k(), await p({
       productId: r.id,
@@ -1435,8 +1435,8 @@ const Un = (r) => {
     /* @__PURE__ */ t.jsx("div", { className: b.chargeTypes, children: e.chargeTypes.map((l) => /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: L(b.charge, {
-          [b.chargeActive]: o === l
+        className: M(b.charge, {
+          [b.chargeActive]: i === l
         }),
         onClick: () => a(l),
         children: pt[l]
@@ -1446,19 +1446,19 @@ const Un = (r) => {
     /* @__PURE__ */ t.jsx("div", { className: b.variants, children: n.map((l) => /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: L(b.variant, {
+        className: M(b.variant, {
           [b.activeVariant]: e.id === l.id
         }),
-        onClick: () => i(l),
+        onClick: () => o(l),
         children: [
           /* @__PURE__ */ t.jsxs("div", { className: b.variantInfo, children: [
             /* @__PURE__ */ t.jsx("span", { className: b.title, children: l.name }),
             /* @__PURE__ */ t.jsxs("span", { children: [
               "$",
-              o === "ONE_TIME" ? l.price.amount : l.subscriptionSettings.price.amount
+              i === "ONE_TIME" ? l.price.amount : l.subscriptionSettings.price.amount
             ] })
           ] }),
-          /* @__PURE__ */ t.jsx("div", { children: o === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: b.stock, children: [
+          /* @__PURE__ */ t.jsx("div", { children: i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: b.stock, children: [
             l.quantity.restrictions.max || 0,
             " in stock"
           ] }) })
@@ -1471,7 +1471,7 @@ const Un = (r) => {
         "div",
         {
           onClick: () => {
-            o === "ONE_TIME" && (c > 1 ? m((l) => l - 1) : m(1));
+            i === "ONE_TIME" && (c > 1 ? m((l) => l - 1) : m(1));
           },
           className: b.button,
           children: /* @__PURE__ */ t.jsx(x, { name: "Minus" })
@@ -1482,7 +1482,7 @@ const Un = (r) => {
         "div",
         {
           onClick: () => {
-            o === "ONE_TIME" && m((l) => l + 1);
+            i === "ONE_TIME" && m((l) => l + 1);
           },
           className: b.button,
           children: /* @__PURE__ */ t.jsx(x, { name: "Plus" })
@@ -1507,7 +1507,7 @@ const Un = (r) => {
       ] }),
       /* @__PURE__ */ t.jsxs("div", { className: b.info, children: [
         /* @__PURE__ */ t.jsx("span", { children: "Price" }),
-        /* @__PURE__ */ t.jsx("div", { className: b.infoRight, children: o === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: b.price, children: [
+        /* @__PURE__ */ t.jsx("div", { className: b.infoRight, children: i === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: b.price, children: [
           /* @__PURE__ */ t.jsxs("span", { className: b.newPrice, children: [
             "$ ",
             (e.price.amount || 0) * c
@@ -1543,7 +1543,7 @@ const Un = (r) => {
           children: "Buy Now"
         }
       ),
-      /* @__PURE__ */ t.jsx(
+      i === "ONE_TIME" && /* @__PURE__ */ t.jsx(
         X,
         {
           type: "Secondary",
@@ -1582,38 +1582,38 @@ const Un = (r) => {
   block: An,
   shoppingCount: Sn
 }, zn = (r) => {
-  const { shopping: n, signUp: e } = r, i = ot();
-  function o(a) {
-    i(a);
+  const { shopping: n, signUp: e } = r, o = ot();
+  function i(a) {
+    o(a);
   }
   return /* @__PURE__ */ t.jsxs("div", { className: g.buttons, children: [
     n && /* @__PURE__ */ t.jsx(On, {}),
     /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: L(g.button, g.login),
-        onClick: () => o("/customer-dash"),
+        className: M(g.button, g.login),
+        onClick: () => i("/customer-dash"),
         children: "Login"
       }
     ),
     e && /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: L(g.button, g.login, g.signUp),
-        onClick: () => o("/customer-dash"),
+        className: M(g.button, g.login, g.signUp),
+        onClick: () => i("/customer-dash"),
         children: "Sign Up"
       }
     )
   ] });
 }, On = () => {
   const [r, n] = f.useState(!1), { cart: e } = at();
-  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+  return console.log(e), /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsxs(
       "div",
       {
         className: g.button,
-        onClick: (i) => {
-          i.stopPropagation(), n(!0);
+        onClick: (o) => {
+          o.stopPropagation(), n(!0);
         },
         children: [
           /* @__PURE__ */ t.jsx(
@@ -1630,7 +1630,7 @@ const Un = (r) => {
     r && /* @__PURE__ */ t.jsx(gt, { close: n, children: /* @__PURE__ */ t.jsx(Dn, {}) })
   ] });
 }, Dn = () => {
-  const { cart: r, reset: n, getProducts: e, getTotalAndDiscount: i, updateQuantityOfProduct: o } = at(), [a, s] = f.useState([]), c = ot();
+  const { cart: r, reset: n, getProducts: e, getTotalAndDiscount: o, updateQuantityOfProduct: i } = at(), [a, s] = f.useState([]), c = ot();
   function m(d) {
     for (let _ = 0; _ < r.parts.length; _++)
       for (let l = 0; l < d.variants.length; l++)
@@ -1647,14 +1647,14 @@ const Un = (r) => {
     c(d);
   }
   function k(d) {
-    o({
+    i({
       productId: d.id,
       productVariantId: d.activeVariantId,
       quantity: d.quantity + 1
     });
   }
   function j(d) {
-    o({
+    i({
       productId: d.id,
       productVariantId: d.activeVariantId,
       quantity: d.quantity - 1
@@ -1683,7 +1683,7 @@ const Un = (r) => {
           /* @__PURE__ */ t.jsx(
             "button",
             {
-              className: L(g.clear, {
+              className: M(g.clear, {
                 [g.activeClear]: r.parts.length > 0
               }),
               disabled: r.parts.length === 0,
@@ -1774,7 +1774,7 @@ const Un = (r) => {
               ] }),
               /* @__PURE__ */ t.jsxs("div", { children: [
                 "$",
-                i().total
+                o().total
               ] })
             ] }),
             /* @__PURE__ */ t.jsx(X, { onClick: () => p("/checkout"), children: "Checkout" })