@billgangcom/theme-lib 1.20.0 → 1.20.1

package/dist/ui.es.js

@@ -1,17 +1,17 @@
-import { j as t, c as H, I as x, a as G, S as z, T as lt, C as ot, b as Y, D as rt, H as dt, B as X, v as tt, u as ut, d as _t, e as it, f as at, M as mt } from "./root-kSEgyxKJ.js";
-import { k as Gn, l as Yn, h as Xn, E as Qn, L as Wn, P as Jn, R as Kn, g as Zn, i as tc } from "./root-kSEgyxKJ.js";
-import b from "react";
-const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16", jt = "_open_2tiiw_19", ft = "_content_2tiiw_23", J = {
+import { j as t, c as H, I as x, a as G, S as F, T as lt, C as ot, b as Y, D as rt, H as dt, B as X, v as tt, u as ut, d as _t, e as it, f as at, M as pt } from "./root-XM9PIbN1.js";
+import { k as Gn, l as Yn, h as Xn, E as Qn, L as Wn, P as Jn, R as Kn, g as Zn, i as tc } from "./root-XM9PIbN1.js";
+import f from "react";
+const gt = "_accordion_9e4oa_1", xt = "_header_9e4oa_9", ft = "_icon_9e4oa_18", jt = "_open_9e4oa_21", bt = "_content_9e4oa_25", J = {
   accordion: gt,
   header: xt,
-  icon: bt,
+  icon: ft,
   open: jt,
-  content: ft
+  content: bt
 }, Mn = ({ title: r, content: n }) => {
-  const [s, c] = b.useState(!1), [a, l] = b.useState(0), e = b.useRef(null), i = () => {
+  const [s, c] = f.useState(!1), [a, l] = f.useState(0), e = f.useRef(null), i = () => {
     c(!s);
   };
-  return b.useEffect(() => {
+  return f.useEffect(() => {
     e.current && l(s ? e.current.scrollHeight : 0);
   }, [s]), /* @__PURE__ */ t.jsxs("div", { className: J.accordion, children: [
     /* @__PURE__ */ t.jsxs(
@@ -35,19 +35,19 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
       }
     )
   ] });
-}, vt = "_wrapper_1g82c_2", yt = "_alignmentBlock_1g82c_8", kt = "_title_1g82c_15", $t = "_subtitle_1g82c_22", Nt = "_alignmentContent_1g82c_29", Ct = "_alignments_1g82c_35", wt = "_alignment_1g82c_8", It = "_circle_1g82c_54", Pt = "_paddings_1g82c_61", Bt = "_padding_1g82c_61", Tt = "_input_1g82c_79", L = {
+}, vt = "_wrapper_9rr5j_2", kt = "_alignmentBlock_9rr5j_8", yt = "_title_9rr5j_15", $t = "_subtitle_9rr5j_22", Nt = "_alignmentContent_9rr5j_29", Ct = "_alignments_9rr5j_37", It = "_alignment_9rr5j_8", qt = "_circle_9rr5j_58", Pt = "_paddings_9rr5j_65", Bt = "_padding_9rr5j_65", wt = "_input_9rr5j_84", L = {
   wrapper: vt,
-  alignmentBlock: yt,
-  title: kt,
+  alignmentBlock: kt,
+  title: yt,
   subtitle: $t,
   alignmentContent: Nt,
   alignments: Ct,
-  alignment: wt,
-  circle: It,
+  alignment: It,
+  circle: qt,
   paddings: Pt,
   padding: Bt,
-  input: Tt
-}, At = [
+  input: wt
+}, Tt = [
   "topLeft",
   "top",
   "topRight",
@@ -57,7 +57,7 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
   "bottomLeft",
   "bottom",
   "bottomRight"
-], St = ["left", "top", "right", "bottom"], Hn = (r) => {
+], At = ["left", "top", "right", "bottom"], Hn = (r) => {
   const { alignment: n, padding: s, setPadding: c, setAlignment: a } = r;
   function l() {
     switch (n) {
@@ -94,7 +94,7 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
     /* @__PURE__ */ t.jsxs("div", { className: L.alignmentBlock, children: [
       /* @__PURE__ */ t.jsx("h5", { className: L.subtitle, children: "Alignment" }),
       /* @__PURE__ */ t.jsxs("div", { className: L.alignmentContent, children: [
-        /* @__PURE__ */ t.jsx("div", { className: L.alignments, children: At.map((i) => /* @__PURE__ */ t.jsxs(
+        /* @__PURE__ */ t.jsx("div", { className: L.alignments, children: Tt.map((i) => /* @__PURE__ */ t.jsxs(
           "div",
           {
             onClick: () => {
@@ -116,7 +116,7 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
           },
           i
         )) }),
-        /* @__PURE__ */ t.jsx("div", { className: L.paddings, children: St.map((i) => /* @__PURE__ */ t.jsxs(
+        /* @__PURE__ */ t.jsx("div", { className: L.paddings, children: At.map((i) => /* @__PURE__ */ t.jsxs(
           "label",
           {
             className: L.padding,
@@ -149,17 +149,17 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
       ] })
     ] })
   ] });
-}, Ot = "_subtitle_2zbxx_1", Dt = "_header_2zbxx_8", qt = "_text_2zbxx_9", Lt = "_top_2zbxx_16", Mt = "_itemsBlock_2zbxx_23", K = {
-  subtitle: Ot,
-  header: Dt,
-  text: qt,
+}, St = "_subtitle_1qrz9_1", Ot = "_header_1qrz9_8", Dt = "_text_1qrz9_9", Lt = "_top_1qrz9_17", Mt = "_itemsBlock_1qrz9_26", K = {
+  subtitle: St,
+  header: Ot,
+  text: Dt,
   top: Lt,
   itemsBlock: Mt
-}, Ht = "_typeTexts_3zlec_1", Rt = "_block_3zlec_7", Et = "_active_3zlec_18", nt = {
+}, Ht = "_typeTexts_rcw8p_1", Rt = "_block_rcw8p_8", Et = "_active_rcw8p_21", nt = {
   typeTexts: Ht,
   block: Rt,
   active: Et
-}, Vt = ["bold", "italic", "underline", "strike-through", "code"], pt = (r) => {
+}, Vt = ["bold", "italic", "underline", "strike-through", "code"], mt = (r) => {
   const { typesText: n, setTypesText: s } = r;
   function c(a) {
     switch (a) {
@@ -201,7 +201,7 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
     },
     String(a)
   )) });
-}, zt = (r) => {
+}, Ft = (r) => {
   const {
     typesText: n,
     isActiveText: s,
@@ -216,10 +216,10 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
     (i || s !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: K.top, children: [
       i && /* @__PURE__ */ t.jsx("h3", { className: K.title, children: i }),
       s !== void 0 && c && /* @__PURE__ */ t.jsx(
-        z,
+        F,
         {
           current: s,
-          onChange: (k) => c(k)
+          onChange: (y) => c(y)
         }
       )
     ] }),
@@ -228,13 +228,13 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
       /* @__PURE__ */ t.jsx(
         lt,
         {
-          onChange: (k) => l(k),
+          onChange: (y) => l(y),
           value: a,
           maxLength: 150
         }
       ),
       /* @__PURE__ */ t.jsx(
-        pt,
+        mt,
         {
           typesText: n,
           setTypesText: e
@@ -242,9 +242,9 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
       )
     ] })
   ] });
-}, Ft = "_subtitle_11qr1_1", Ut = "_header_11qr1_8", Gt = "_text_11qr1_9", Yt = "_productsBlock_11qr1_10", Xt = "_top_11qr1_22", Qt = "_itemsBlock_11qr1_29", Wt = "_typeTexts_11qr1_35", Jt = "_block_11qr1_41", Kt = "_active_11qr1_52", Zt = "_products_11qr1_10", te = "_product_11qr1_10", ee = "_button_11qr1_70", se = "_disabled_11qr1_80", ne = "_image_11qr1_84", ce = "_info_11qr1_91", oe = "_name_11qr1_102", ie = "_buttons_11qr1_106", ae = "_modal_11qr1_112", le = "_link_11qr1_130", re = "_modalOptions_11qr1_136", I = {
-  subtitle: Ft,
-  header: Ut,
+}, Ut = "_subtitle_cuny2_1", zt = "_header_cuny2_8", Gt = "_text_cuny2_9", Yt = "_productsBlock_cuny2_10", Xt = "_top_cuny2_22", Qt = "_itemsBlock_cuny2_31", Wt = "_typeTexts_cuny2_37", Jt = "_block_cuny2_44", Kt = "_active_cuny2_57", Zt = "_products_cuny2_10", te = "_product_cuny2_10", ee = "_button_cuny2_76", se = "_disabled_cuny2_87", ne = "_image_cuny2_91", ce = "_info_cuny2_98", oe = "_name_cuny2_110", ie = "_buttons_cuny2_114", ae = "_modal_cuny2_121", le = "_link_cuny2_141", re = "_modalOptions_cuny2_147", q = {
+  subtitle: Ut,
+  header: zt,
   text: Gt,
   productsBlock: Yt,
   top: Xt,
@@ -268,7 +268,7 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: I.modal,
+      className: q.modal,
       onClick: (e) => {
         e.stopPropagation();
       },
@@ -277,7 +277,7 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
         left: `${c.left}px`
       },
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: I.top, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: q.top, children: [
           /* @__PURE__ */ t.jsx("h3", { children: n.name }),
           /* @__PURE__ */ t.jsx(
             x,
@@ -292,7 +292,7 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
             }
           )
         ] }),
-        /* @__PURE__ */ t.jsx("div", { className: I.modalOptions, children: a.map((e) => {
+        /* @__PURE__ */ t.jsx("div", { className: q.modalOptions, children: a.map((e) => {
           if (e.type === "image")
             return /* @__PURE__ */ t.jsx(
               ot,
@@ -310,7 +310,7 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
             );
           if (e.type === "text")
             return /* @__PURE__ */ t.jsx(
-              zt,
+              Ft,
               {
                 typesText: n[e.field.type],
                 setTypesText: (i) => {
@@ -348,7 +348,7 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
               }
             );
           if (e.type === "inputSwitch")
-            return /* @__PURE__ */ t.jsxs("div", { className: I.link, children: [
+            return /* @__PURE__ */ t.jsxs("div", { className: q.link, children: [
               /* @__PURE__ */ t.jsx(
                 G,
                 {
@@ -365,7 +365,7 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
                 }
               ),
               /* @__PURE__ */ t.jsx(
-                z,
+                F,
                 {
                   current: !!n[e.field.switch] || !1,
                   label: e.switchLabel,
@@ -381,7 +381,7 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
             ] });
           if (e.type === "list")
             return /* @__PURE__ */ t.jsx(
-              me,
+              pe,
               {
                 items: n[e.field] || [],
                 setItems: (i) => {
@@ -420,16 +420,16 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
       ]
     }
   );
-}, ue = "_other_1wtgi_1", _e = "_subtitle_1wtgi_7", pe = "_items_1wtgi_14", ct = {
+}, ue = "_other_g74jx_1", _e = "_subtitle_g74jx_7", me = "_items_g74jx_14", ct = {
   other: ue,
   subtitle: _e,
-  items: pe
+  items: me
 }, ht = (r) => {
   const { items: n, title: s = "Other" } = r;
   return /* @__PURE__ */ t.jsxs("div", { className: ct.other, children: [
     /* @__PURE__ */ t.jsx("h5", { className: ct.subtitle, children: s }),
     /* @__PURE__ */ t.jsx("div", { className: ct.items, children: n.map((c, a) => /* @__PURE__ */ t.jsx(
-      z,
+      F,
       {
         current: c.isItem,
         onChange: (l) => c.setIsItem(l),
@@ -457,11 +457,11 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
     "div",
     {
       ref: (i) => e(a(i)),
-      className: `${I.product} ${l ? I.dragging : ""}`,
+      className: `${q.product} ${l ? q.dragging : ""}`,
       children: c
     }
   );
-}, me = (r) => {
+}, pe = (r) => {
   const {
     isActiveItems: n,
     setIsActiveItems: s,
@@ -471,33 +471,33 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
     title: e,
     subtitle: i,
     editable: u = !0,
-    draggable: k = !1,
+    draggable: y = !1,
     withImage: h = !1,
-    deletable: y = !0,
+    deletable: k = !0,
     addable: j = !0,
     itemsType: o,
     itemsPlaceholder: _ = "",
-    itemsOptions: m,
+    itemsOptions: p,
     hasRangeSelector: P = !1,
-    rangeSelectorOptions: A,
+    rangeSelectorOptions: T,
     modalOptions: N,
     addableOptions: Q = {},
-    limit: D
-  } = r, [R, E] = b.useState(null), [st, et] = b.useState({
+    limit: O
+  } = r, [R, E] = f.useState(null), [st, et] = f.useState({
     top: 0,
     left: 0
-  }), [p, v] = b.useState(!1), S = (d, B) => {
-    const O = [...c], [$] = O.splice(d, 1);
-    O.splice(B, 0, $), a(O);
+  }), [m, v] = f.useState(!1), A = (d, B) => {
+    const S = [...c], [$] = S.splice(d, 1);
+    S.splice(B, 0, $), a(S);
   };
-  b.useEffect(() => {
+  f.useEffect(() => {
     const d = () => {
       E(null), v(!1);
     };
     return document.body.addEventListener("click", d), E(null), v(!1), () => {
       E(null), v(!1), document.body.removeEventListener("click", d);
     };
-  }, []), b.useEffect(() => {
+  }, []), f.useEffect(() => {
     if (R) {
       const d = [...c].map((B) => B.id === R.id ? R : B);
       a(d);
@@ -505,14 +505,14 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
   }, [R]);
   const C = (d, B) => {
     d.stopPropagation(), v(!0);
-    const O = d.target.getBoundingClientRect(), $ = 500, W = window.innerHeight;
-    let M = O.top + window.scrollY;
+    const S = d.target.getBoundingClientRect(), $ = 500, W = window.innerHeight;
+    let M = S.top + window.scrollY;
     M + $ > W && (M = W - $ - 20), et({
       top: M - 80,
-      left: O.left - 30
+      left: S.left - 30
     }), E(B);
   };
-  function F(d) {
+  function U(d) {
     if (h)
       return d ? /* @__PURE__ */ t.jsx(
         "img",
@@ -532,9 +532,9 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
         }
       );
   }
-  const q = (d, B) => {
-    const O = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      k && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+  const D = (d, B) => {
+    const S = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      y && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         x,
         {
           name: "DotsSixVertical",
@@ -557,8 +557,8 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
             }), a([...M]);
           },
           value: d.name,
-          options: m,
-          leftAddon: F(d.images)
+          options: p,
+          leftAddon: U(d.images)
         }
       ),
       o === "input" && /* @__PURE__ */ t.jsx(
@@ -587,7 +587,7 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
           }
         }
       ),
-      /* @__PURE__ */ t.jsxs("div", { className: I.buttons, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: q.buttons, children: [
         u && /* @__PURE__ */ t.jsx(
           x,
           {
@@ -598,7 +598,7 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
             onClick: ($) => C($, d)
           }
         ),
-        y && /* @__PURE__ */ t.jsx(
+        k && /* @__PURE__ */ t.jsx(
           x,
           {
             name: "Trash",
@@ -611,36 +611,36 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
         )
       ] })
     ] });
-    return k ? /* @__PURE__ */ t.jsx(
+    return y ? /* @__PURE__ */ t.jsx(
       he,
       {
         product: d,
         index: B,
-        moveProduct: S,
-        children: O
+        moveProduct: A,
+        children: S
       },
       d.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: I.product,
-        children: O
+        className: q.product,
+        children: S
       },
       d.id
     );
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: I.productsBlock, children: [
-    (e || n !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: I.top, children: [
-      e && /* @__PURE__ */ t.jsx("h3", { className: I.title, children: e }),
+  return /* @__PURE__ */ t.jsxs("div", { className: q.productsBlock, children: [
+    (e || n !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: q.top, children: [
+      e && /* @__PURE__ */ t.jsx("h3", { className: q.title, children: e }),
       n !== void 0 && /* @__PURE__ */ t.jsx(
-        z,
+        F,
         {
           current: n,
           onChange: (d) => s == null ? void 0 : s(d)
         }
       )
     ] }),
-    R && u && N && p && /* @__PURE__ */ t.jsx(
+    R && u && N && m && /* @__PURE__ */ t.jsx(
       de,
       {
         activeItem: R,
@@ -650,22 +650,22 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
         setIsOpenModal: v
       }
     ),
-    P && A && /* @__PURE__ */ t.jsx(bs, { ...A }),
-    /* @__PURE__ */ t.jsxs("div", { className: I.products, children: [
-      i && /* @__PURE__ */ t.jsx("h5", { className: I.subtitle, children: i }),
-      k ? /* @__PURE__ */ t.jsx(rt, { backend: dt, children: c.map((d, B) => q(d, B)) }) : c.map((d, B) => q(d, B)),
+    P && T && /* @__PURE__ */ t.jsx(fs, { ...T }),
+    /* @__PURE__ */ t.jsxs("div", { className: q.products, children: [
+      i && /* @__PURE__ */ t.jsx("h5", { className: q.subtitle, children: i }),
+      y ? /* @__PURE__ */ t.jsx(rt, { backend: dt, children: c.map((d, B) => D(d, B)) }) : c.map((d, B) => D(d, B)),
       j && /* @__PURE__ */ t.jsxs(
         X,
         {
-          className: H(I.button, {
-            [I.disabled]: !!(D && D <= c.length)
+          className: H(q.button, {
+            [q.disabled]: !!(O && O <= c.length)
           }),
           size: "s",
-          disabled: !!(D && D <= c.length),
+          disabled: !!(O && O <= c.length),
           onClick: () => {
             const d = [...c];
             o === "select" ? d.push({
-              name: m[0] || `Product ${c.length + 1}`,
+              name: p[0] || `Product ${c.length + 1}`,
               id: tt(),
               ...Q
             }) : o === "input" ? d.push({
@@ -694,30 +694,30 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
     ] }),
     l !== void 0 && /* @__PURE__ */ t.jsx(ht, { items: l })
   ] });
-}, ge = "_subtitle_41klp_1", xe = "_header_41klp_8", be = "_text_41klp_9", je = "_productsBlock_41klp_10", fe = "_buttonsBlock_41klp_11", ve = "_top_41klp_21", ye = "_itemsBlock_41klp_28", ke = "_typeTexts_41klp_34", $e = "_block_41klp_40", Ne = "_active_41klp_51", Ce = "_products_41klp_10", we = "_product_41klp_10", Ie = "_button_41klp_11", Pe = "_image_41klp_79", Be = "_info_41klp_86", Te = "_name_41klp_97", Ae = "_buttons_41klp_11", Se = "_modal_41klp_107", Oe = "_other_41klp_124", De = "_options_41klp_130", U = {
+}, ge = "_subtitle_1fb9q_1", xe = "_header_1fb9q_8", fe = "_text_1fb9q_9", je = "_productsBlock_1fb9q_10", be = "_buttonsBlock_1fb9q_11", ve = "_top_1fb9q_22", ke = "_itemsBlock_1fb9q_31", ye = "_typeTexts_1fb9q_37", $e = "_block_1fb9q_44", Ne = "_active_1fb9q_56", Ce = "_products_1fb9q_10", Ie = "_product_1fb9q_10", qe = "_button_1fb9q_11", Pe = "_image_1fb9q_86", Be = "_info_1fb9q_93", we = "_name_1fb9q_105", Te = "_buttons_1fb9q_11", Ae = "_modal_1fb9q_116", Se = "_other_1fb9q_135", Oe = "_options_1fb9q_141", z = {
   subtitle: ge,
   header: xe,
-  text: be,
+  text: fe,
   productsBlock: je,
-  buttonsBlock: fe,
+  buttonsBlock: be,
   top: ve,
-  itemsBlock: ye,
-  typeTexts: ke,
+  itemsBlock: ke,
+  typeTexts: ye,
   block: $e,
   active: Ne,
   products: Ce,
-  product: we,
-  button: Ie,
+  product: Ie,
+  button: qe,
   image: Pe,
   info: Be,
-  name: Te,
-  buttons: Ae,
-  modal: Se,
-  other: Oe,
-  options: De
-}, qe = (r) => {
-  const { activeButton: n, setActiveButton: s, popupPosition: c } = r, [a, l] = b.useState(n.typesText), [e, i] = b.useState(n.destination), [u, k] = b.useState(n.link || ""), [h, y] = b.useState(n.text || "");
-  return b.useEffect(() => {
+  name: we,
+  buttons: Te,
+  modal: Ae,
+  other: Se,
+  options: Oe
+}, De = (r) => {
+  const { activeButton: n, setActiveButton: s, popupPosition: c } = r, [a, l] = f.useState(n.typesText), [e, i] = f.useState(n.destination), [u, y] = f.useState(n.link || ""), [h, k] = f.useState(n.text || "");
+  return f.useEffect(() => {
     s({
       ...n,
       ...{
@@ -730,7 +730,7 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
   }, [a, e, u, h]), /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: U.modal,
+      className: z.modal,
       onClick: (j) => {
         j.stopPropagation();
       },
@@ -739,7 +739,7 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
         left: `${c.left}px`
       },
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: U.top, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: z.top, children: [
           /* @__PURE__ */ t.jsx("h3", { children: n.type }),
           /* @__PURE__ */ t.jsx(
             x,
@@ -752,7 +752,7 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
             }
           )
         ] }),
-        /* @__PURE__ */ t.jsxs("div", { className: U.options, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: z.options, children: [
           /* @__PURE__ */ t.jsx(
             Y,
             {
@@ -774,14 +774,14 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
           ) : /* @__PURE__ */ t.jsx(
             G,
             {
-              onChange: (j) => k(j),
+              onChange: (j) => y(j),
               value: u,
               placeholder: "https://",
               label: "Link"
             }
           ),
           /* @__PURE__ */ t.jsx(
-            z,
+            F,
             {
               current: !1,
               label: "Open in new tab"
@@ -790,14 +790,14 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
           /* @__PURE__ */ t.jsx(
             lt,
             {
-              onChange: (j) => y(j),
+              onChange: (j) => k(j),
               value: h,
               label: "Text",
               maxLength: 150
             }
           ),
           /* @__PURE__ */ t.jsx(
-            pt,
+            mt,
             {
               typesText: a,
               setTypesText: l
@@ -807,16 +807,16 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
       ]
     }
   );
-}, Le = "_subtitle_1y5sw_1", Me = "_header_1y5sw_8", He = "_text_1y5sw_9", Re = "_productsBlock_1y5sw_10", Ee = "_buttonsBlock_1y5sw_11", Ve = "_top_1y5sw_22", ze = "_itemsBlock_1y5sw_29", Fe = "_typeTexts_1y5sw_35", Ue = "_block_1y5sw_41", Ge = "_active_1y5sw_52", Ye = "_products_1y5sw_10", Xe = "_product_1y5sw_10", Qe = "_button_1y5sw_11", We = "_image_1y5sw_80", Je = "_info_1y5sw_87", Ke = "_name_1y5sw_98", Ze = "_buttons_1y5sw_11", ts = "_modal_1y5sw_108", es = "_other_1y5sw_125", ss = "_options_1y5sw_131", Z = {
+}, Le = "_subtitle_m8qel_1", Me = "_header_m8qel_8", He = "_text_m8qel_9", Re = "_productsBlock_m8qel_10", Ee = "_buttonsBlock_m8qel_11", Ve = "_top_m8qel_23", Fe = "_itemsBlock_m8qel_32", Ue = "_typeTexts_m8qel_38", ze = "_block_m8qel_45", Ge = "_active_m8qel_58", Ye = "_products_m8qel_10", Xe = "_product_m8qel_10", Qe = "_button_m8qel_11", We = "_image_m8qel_88", Je = "_info_m8qel_95", Ke = "_name_m8qel_107", Ze = "_buttons_m8qel_11", ts = "_modal_m8qel_118", es = "_other_m8qel_137", ss = "_options_m8qel_143", Z = {
   subtitle: Le,
   header: Me,
   text: He,
   productsBlock: Re,
   buttonsBlock: Ee,
   top: Ve,
-  itemsBlock: ze,
-  typeTexts: Fe,
-  block: Ue,
+  itemsBlock: Fe,
+  typeTexts: Ue,
+  block: ze,
   active: Ge,
   products: Ye,
   product: Xe,
@@ -829,31 +829,31 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
   other: es,
   options: ss
 }, ns = (r) => {
-  const { buttons: n, setButtons: s, deletable: c = !0, addable: a = !0 } = r, [l, e] = b.useState(null), [i, u] = b.useState({
+  const { buttons: n, setButtons: s, deletable: c = !0, addable: a = !0 } = r, [l, e] = f.useState(null), [i, u] = f.useState({
     top: 0,
     left: 0
   });
-  b.useEffect(() => {
+  f.useEffect(() => {
     const h = () => {
       e(null);
     };
     return document.body.addEventListener("click", h), e(null), () => {
       e(null), document.body.removeEventListener("click", h);
     };
-  }, []), b.useEffect(() => {
+  }, []), f.useEffect(() => {
     if (l) {
-      const h = [...n].map((y) => y.id === l.id ? l : y);
+      const h = [...n].map((k) => k.id === l.id ? l : k);
       s(h);
     }
   }, [l]);
-  const k = (h, y) => {
+  const y = (h, k) => {
     h.stopPropagation();
     const j = h.target.getBoundingClientRect(), o = 490, _ = window.innerHeight;
-    let m = j.top + window.scrollY;
-    m + o > _ && (m = _ - o - 20), u({
-      top: m,
+    let p = j.top + window.scrollY;
+    p + o > _ && (p = _ - o - 20), u({
+      top: p,
       left: j.left - 30
-    }), e(y);
+    }), e(k);
   };
   return /* @__PURE__ */ t.jsxs("div", { className: Z.products, children: [
     /* @__PURE__ */ t.jsx("h5", { className: Z.subtitle, children: "Button Type" }),
@@ -865,10 +865,10 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
           /* @__PURE__ */ t.jsx(
             Y,
             {
-              onChange: (y) => {
+              onChange: (k) => {
                 const o = [...n].map((_) => _.id === h.id ? {
                   ...h,
-                  type: y
+                  type: k
                 } : _);
                 s(o);
               },
@@ -884,8 +884,8 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
                 hoverable: !0,
                 width: 20,
                 height: 20,
-                onClick: (y) => {
-                  k(y, h);
+                onClick: (k) => {
+                  y(k, h);
                 }
               }
             ),
@@ -895,8 +895,8 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
                 name: "Trash",
                 hoverable: !0,
                 onClick: () => {
-                  const y = n.filter((j) => j.id !== h.id);
-                  s(y);
+                  const k = n.filter((j) => j.id !== h.id);
+                  s(k);
                 },
                 width: 20,
                 height: 20,
@@ -909,7 +909,7 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
       h.id
     )),
     l && /* @__PURE__ */ t.jsx(
-      qe,
+      De,
       {
         activeButton: l,
         setActiveButton: e,
@@ -947,11 +947,11 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
   ] });
 }, Rn = (r) => {
   const { isActiveButtons: n, setIsActiveButtons: s, buttons: c, setButtons: a } = r;
-  return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsxs("div", { className: U.buttonsBlock, children: [
-    /* @__PURE__ */ t.jsxs("div", { className: U.top, children: [
-      /* @__PURE__ */ t.jsx("h3", { className: U.title, children: "Buttons" }),
+  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" }),
       /* @__PURE__ */ t.jsx(
-        z,
+        F,
         {
           current: n,
           onChange: (l) => s(l)
@@ -966,7 +966,7 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
       }
     )
   ] }) });
-}, cs = "_wrapper_tn7gb_1", os = "_subtitle_tn7gb_7", is = "_content_tn7gb_14", as = "_range_tn7gb_21", ls = "_track_tn7gb_26", rs = "_progress_tn7gb_35", ds = "_dots_tn7gb_45", us = "_dot_tn7gb_45", _s = "_active_tn7gb_62", ps = "_input_tn7gb_74", hs = "_countBlock_tn7gb_88", ms = "_count_tn7gb_88", gs = "_controls_tn7gb_103", xs = "_button_tn7gb_108", w = {
+}, cs = "_wrapper_m18qi_1", os = "_subtitle_m18qi_7", is = "_content_m18qi_14", as = "_range_m18qi_22", ls = "_track_m18qi_27", rs = "_progress_m18qi_36", ds = "_dots_m18qi_46", us = "_dot_m18qi_46", _s = "_active_m18qi_65", ms = "_input_m18qi_77", hs = "_countBlock_m18qi_91", ps = "_count_m18qi_91", gs = "_controls_m18qi_107", xs = "_button_m18qi_113", I = {
   wrapper: cs,
   subtitle: os,
   content: is,
@@ -976,46 +976,46 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
   dots: ds,
   dot: us,
   active: _s,
-  input: ps,
+  input: ms,
   countBlock: hs,
-  count: ms,
+  count: ps,
   controls: gs,
   button: xs
-}, bs = (r) => {
-  const { label: n, min: s = 1, max: c = 4, step: a = 1, count: l, setCount: e } = r, [i, u] = b.useState(!1), k = Array.from({ length: (c - s) / a + 1 }), h = (l - s) / (c - s) * 100, y = () => {
+}, fs = (r) => {
+  const { label: n, min: s = 1, max: c = 4, step: a = 1, count: l, setCount: e } = r, [i, u] = f.useState(!1), y = Array.from({ length: (c - s) / a + 1 }), h = (l - s) / (c - s) * 100, k = () => {
     l < c && e(l + a);
   }, j = () => {
     l > s && e(l - a);
   }, o = (_) => {
-    const m = s + _ * a;
-    e(m);
+    const p = s + _ * a;
+    e(p);
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: w.wrapper, children: [
-    n && /* @__PURE__ */ t.jsx("h5", { className: w.subtitle, children: n }),
-    /* @__PURE__ */ t.jsxs("div", { className: w.content, children: [
-      /* @__PURE__ */ t.jsxs("div", { className: w.range, children: [
-        /* @__PURE__ */ t.jsx("div", { className: w.track }),
+  return /* @__PURE__ */ t.jsxs("div", { className: I.wrapper, children: [
+    n && /* @__PURE__ */ t.jsx("h5", { className: I.subtitle, children: n }),
+    /* @__PURE__ */ t.jsxs("div", { className: I.content, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: I.range, children: [
+        /* @__PURE__ */ t.jsx("div", { className: I.track }),
         /* @__PURE__ */ t.jsx(
           "div",
           {
-            className: w.progress,
+            className: I.progress,
             style: { width: `${h}%` }
           }
         ),
-        /* @__PURE__ */ t.jsx("div", { className: w.dots, children: k.map((_, m) => {
-          const P = m <= (l - s) / a;
+        /* @__PURE__ */ t.jsx("div", { className: I.dots, children: y.map((_, p) => {
+          const P = p <= (l - s) / a;
           return /* @__PURE__ */ t.jsx(
             "button",
             {
-              onClick: () => o(m),
-              className: H(w.dot, {
-                [w.active]: P,
-                [w.inactive]: !P,
-                [w.dragging]: i
+              onClick: () => o(p),
+              className: H(I.dot, {
+                [I.active]: P,
+                [I.inactive]: !P,
+                [I.dragging]: i
               }),
-              "aria-label": `Set value to ${s + m * a}`
+              "aria-label": `Set value to ${s + p * a}`
             },
-            m
+            p
           );
         }) }),
         /* @__PURE__ */ t.jsx(
@@ -1031,11 +1031,11 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
             onMouseUp: () => u(!1),
             onTouchStart: () => u(!0),
             onTouchEnd: () => u(!1),
-            className: w.input
+            className: I.input
           }
         )
       ] }),
-      /* @__PURE__ */ t.jsxs("div", { className: w.countBlock, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: I.countBlock, children: [
         /* @__PURE__ */ t.jsx(
           G,
           {
@@ -1044,19 +1044,19 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
             max: c,
             paddingless: !0,
             onChange: (_) => {
-              const m = Number(_);
-              m > c ? e(c) : m < s ? e(s) : e(m);
+              const p = Number(_);
+              p > c ? e(c) : p < s ? e(s) : e(p);
             },
             value: String(l)
           }
         ),
-        /* @__PURE__ */ t.jsxs("div", { className: w.controls, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: I.controls, children: [
           /* @__PURE__ */ t.jsx(
             "button",
             {
-              onClick: y,
+              onClick: k,
               disabled: l >= c,
-              className: w.button,
+              className: I.button,
               "aria-label": "Increment count",
               children: /* @__PURE__ */ t.jsx(
                 x,
@@ -1073,7 +1073,7 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
             {
               onClick: j,
               disabled: l <= s,
-              className: w.button,
+              className: I.button,
               "aria-label": "Decrement count",
               children: /* @__PURE__ */ t.jsx(
                 x,
@@ -1089,32 +1089,32 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
       ] })
     ] })
   ] });
-}, js = "_subtitle_1nl8x_1", fs = "_header_1nl8x_8", vs = "_text_1nl8x_9", ys = "_productsBlock_1nl8x_10", ks = "_top_1nl8x_22", $s = "_itemsBlock_1nl8x_29", Ns = "_typeTexts_1nl8x_35", Cs = "_block_1nl8x_41", ws = "_active_1nl8x_52", Is = "_products_1nl8x_10", Ps = "_product_1nl8x_10", Bs = "_button_1nl8x_70", Ts = "_image_1nl8x_80", As = "_info_1nl8x_87", Ss = "_name_1nl8x_98", Os = "_buttons_1nl8x_102", Ds = "_modal_1nl8x_108", qs = "_link_1nl8x_126", Ls = "_modalOptions_1nl8x_132", T = {
+}, js = "_subtitle_16rdk_1", bs = "_header_16rdk_8", vs = "_text_16rdk_9", ks = "_productsBlock_16rdk_10", ys = "_top_16rdk_22", $s = "_itemsBlock_16rdk_31", Ns = "_typeTexts_16rdk_37", Cs = "_block_16rdk_44", Is = "_active_16rdk_57", qs = "_products_16rdk_10", Ps = "_product_16rdk_10", Bs = "_button_16rdk_76", ws = "_image_16rdk_87", Ts = "_info_16rdk_94", As = "_name_16rdk_106", Ss = "_buttons_16rdk_110", Os = "_modal_16rdk_117", Ds = "_link_16rdk_137", Ls = "_modalOptions_16rdk_143", w = {
   subtitle: js,
-  header: fs,
+  header: bs,
   text: vs,
-  productsBlock: ys,
-  top: ks,
+  productsBlock: ks,
+  top: ys,
   itemsBlock: $s,
   typeTexts: Ns,
   block: Cs,
-  active: ws,
-  products: Is,
+  active: Is,
+  products: qs,
   product: Ps,
   button: Bs,
-  image: Ts,
-  info: As,
-  name: Ss,
-  buttons: Os,
-  modal: Ds,
-  link: qs,
+  image: ws,
+  info: Ts,
+  name: As,
+  buttons: Ss,
+  modal: Os,
+  link: Ds,
   modalOptions: Ls
 }, Ms = (r) => {
   const { activeItem: n, setActiveItem: s, popupPosition: c, setIsOpenModal: a } = r;
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: T.modal,
+      className: w.modal,
       onClick: (l) => {
         l.stopPropagation();
       },
@@ -1123,7 +1123,7 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
         left: `${c.left}px`
       },
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: T.top, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: w.top, children: [
           /* @__PURE__ */ t.jsx("h3", { children: n.name }),
           /* @__PURE__ */ t.jsx(
             x,
@@ -1138,7 +1138,7 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
             }
           )
         ] }),
-        /* @__PURE__ */ t.jsx("div", { className: T.modalOptions, children: /* @__PURE__ */ t.jsx(
+        /* @__PURE__ */ t.jsx("div", { className: w.modalOptions, children: /* @__PURE__ */ t.jsx(
           ot,
           {
             label: "Put up an attractive image",
@@ -1172,7 +1172,7 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
     "div",
     {
       ref: (i) => e(a(i)),
-      className: `${T.product} ${l ? T.dragging : ""}`,
+      className: `${w.product} ${l ? w.dragging : ""}`,
       children: c
     }
   );
@@ -1186,47 +1186,47 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
     title: e,
     subtitle: i,
     editable: u = !0,
-    draggable: k = !1,
+    draggable: y = !1,
     withImage: h = !1,
-    deletable: y = !0,
+    deletable: k = !0,
     addable: j = !0,
     itemsType: o,
     itemsOptions: _
-  } = r, [m, P] = b.useState(null), [A, N] = b.useState({
+  } = r, [p, P] = f.useState(null), [T, N] = f.useState({
     top: 0,
     left: 0
-  }), [Q, D] = b.useState(!1), R = (p, v) => {
-    const S = [...c], [C] = S.splice(p, 1);
-    S.splice(v, 0, C), a(S);
+  }), [Q, O] = f.useState(!1), R = (m, v) => {
+    const A = [...c], [C] = A.splice(m, 1);
+    A.splice(v, 0, C), a(A);
   };
-  b.useEffect(() => {
-    const p = () => {
-      P(null), D(!1);
+  f.useEffect(() => {
+    const m = () => {
+      P(null), O(!1);
     };
-    return document.body.addEventListener("click", p), P(null), D(!1), () => {
-      P(null), D(!1), document.body.removeEventListener("click", p);
+    return document.body.addEventListener("click", m), P(null), O(!1), () => {
+      P(null), O(!1), document.body.removeEventListener("click", m);
     };
-  }, []), b.useEffect(() => {
-    if (m) {
-      const p = [...c].map((v) => v.id === m.id ? m : v);
-      a(p);
+  }, []), f.useEffect(() => {
+    if (p) {
+      const m = [...c].map((v) => v.id === p.id ? p : v);
+      a(m);
     }
-  }, [m]);
-  const E = (p, v) => {
-    p.stopPropagation();
-    const S = p.target.getBoundingClientRect(), C = 100, F = window.innerHeight;
-    let q = S.top + window.scrollY;
-    q + C > F && (q = F - C - 20), D(!0), N({
-      top: q - 80,
-      left: S.left - 30
+  }, [p]);
+  const E = (m, v) => {
+    m.stopPropagation();
+    const A = m.target.getBoundingClientRect(), C = 100, U = window.innerHeight;
+    let D = A.top + window.scrollY;
+    D + C > U && (D = U - C - 20), O(!0), N({
+      top: D - 80,
+      left: A.left - 30
     }), P(v);
   };
-  function st(p) {
+  function st(m) {
     if (h)
-      return p ? /* @__PURE__ */ t.jsx(
+      return m ? /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: `https://imagedelivery.net/${p}/w=1000`,
+          src: `https://imagedelivery.net/${m}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
@@ -1241,9 +1241,9 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
         }
       );
   }
-  const et = (p, v) => {
-    const S = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      k && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+  const et = (m, v) => {
+    const A = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      y && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         x,
         {
           name: "DotsSixVertical",
@@ -1256,31 +1256,31 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
         Y,
         {
           onChange: (C) => {
-            const F = [...c], q = Number(C.split(" ")[1]), d = _.find(($) => $.id === q);
+            const U = [...c], D = Number(C.split(" ")[1]), d = _.find(($) => $.id === D);
             if (!d) return;
             const B = {
               ...d.productData.stats,
               newPrice: d.productData.minPrice.amount,
               oldPrice: d.productData.compareAtPrice.amount
-            }, O = F.map(($) => $.id === p.id ? {
-              ...p,
+            }, S = U.map(($) => $.id === m.id ? {
+              ...m,
               name: C,
-              listingId: q,
+              listingId: D,
               stats: B
             } : $);
             P({
-              ...p,
+              ...m,
               name: C,
-              listingId: q
-            }), a([...O]);
+              listingId: D
+            }), a([...S]);
           },
-          value: p.name,
+          value: m.name,
           options: [..._.map((C) => `Product ${C.id}`)],
-          leftAddon: st(p.images[0])
+          leftAddon: st(m.images[0])
         },
         v
       ),
-      /* @__PURE__ */ t.jsxs("div", { className: T.buttons, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: w.buttons, children: [
         u && /* @__PURE__ */ t.jsx(
           x,
           {
@@ -1288,10 +1288,10 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (C) => E(C, p)
+            onClick: (C) => E(C, m)
           }
         ),
-        y && /* @__PURE__ */ t.jsx(
+        k && /* @__PURE__ */ t.jsx(
           x,
           {
             name: "Trash",
@@ -1299,60 +1299,60 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => a(c.filter((C) => C.id !== p.id))
+            onClick: () => a(c.filter((C) => C.id !== m.id))
           }
         )
       ] })
     ] });
-    return k ? /* @__PURE__ */ t.jsx(
+    return y ? /* @__PURE__ */ t.jsx(
       Hs,
       {
-        product: p,
+        product: m,
         index: v,
         moveProduct: R,
-        children: S
+        children: A
       },
-      p.id
+      m.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: T.product,
-        children: S
+        className: w.product,
+        children: A
       },
-      p.id
+      m.id
     );
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: T.productsBlock, children: [
-    (e || n !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: T.top, children: [
-      e && /* @__PURE__ */ t.jsx("h3", { className: T.title, children: e }),
+  return /* @__PURE__ */ t.jsxs("div", { className: w.productsBlock, children: [
+    (e || n !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: w.top, children: [
+      e && /* @__PURE__ */ t.jsx("h3", { className: w.title, children: e }),
       n !== void 0 && /* @__PURE__ */ t.jsx(
-        z,
+        F,
         {
           current: n,
-          onChange: (p) => s == null ? void 0 : s(p)
+          onChange: (m) => s == null ? void 0 : s(m)
         }
       )
     ] }),
-    Q && m && /* @__PURE__ */ t.jsx(
+    Q && p && /* @__PURE__ */ t.jsx(
       Ms,
       {
-        activeItem: m,
+        activeItem: p,
         setActiveItem: P,
-        setIsOpenModal: D,
-        popupPosition: A
+        setIsOpenModal: O,
+        popupPosition: T
       }
     ),
-    /* @__PURE__ */ t.jsxs("div", { className: T.products, children: [
-      i && /* @__PURE__ */ t.jsx("h5", { className: T.subtitle, children: i }),
-      k ? /* @__PURE__ */ t.jsx(rt, { backend: dt, children: c.map((p, v) => et(p, v)) }) : c.map((p, v) => et(p, v)),
+    /* @__PURE__ */ t.jsxs("div", { className: w.products, children: [
+      i && /* @__PURE__ */ t.jsx("h5", { className: w.subtitle, children: i }),
+      y ? /* @__PURE__ */ t.jsx(rt, { backend: dt, children: c.map((m, v) => et(m, v)) }) : c.map((m, v) => et(m, v)),
       j && /* @__PURE__ */ t.jsxs(
         X,
         {
-          className: T.button,
+          className: w.button,
           size: "s",
           onClick: () => {
-            const p = [...c], v = _[0].id;
-            p.push({
+            const m = [...c], v = _[0].id;
+            m.push({
               name: `Product ${v}`,
               id: tt(),
               listingId: v,
@@ -1363,7 +1363,7 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
                 newPrice: _[0].productData.minPrice.amount,
                 oldPrice: _[0].productData.compareAtPrice.amount
               }
-            }), a(p);
+            }), a(m);
           },
           children: [
             /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
@@ -1381,13 +1381,13 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
     ] }),
     l !== void 0 && /* @__PURE__ */ t.jsx(ht, { items: l })
   ] });
-}, Rs = "_options_163bj_1", Es = "_price_163bj_12", Vs = "_oldPrice_163bj_18", zs = "_newPrice_163bj_26", Fs = "_meta_163bj_33", Us = "_info_163bj_39", Gs = "_infoRight_163bj_46", Ys = "_buttons_163bj_52", Xs = "_variants_163bj_59", Qs = "_variant_163bj_59", Ws = "_stock_163bj_74", Js = "_variantInfo_163bj_81", Ks = "_quantity_163bj_87", Zs = "_count_163bj_93", tn = "_button_163bj_52", en = "_activeVariant_163bj_110", sn = "_chargeTypes_163bj_114", nn = "_charge_163bj_114", cn = "_chargeActive_163bj_131", f = {
+}, Rs = "_options_q6sjs_1", Es = "_price_q6sjs_12", Vs = "_oldPrice_q6sjs_19", Fs = "_newPrice_q6sjs_27", Us = "_meta_q6sjs_34", zs = "_info_q6sjs_40", Gs = "_infoRight_q6sjs_48", Ys = "_buttons_q6sjs_55", Xs = "_variants_q6sjs_62", Qs = "_variant_q6sjs_62", Ws = "_stock_q6sjs_79", Js = "_variantInfo_q6sjs_86", Ks = "_quantity_q6sjs_92", Zs = "_count_q6sjs_99", tn = "_button_q6sjs_55", en = "_activeVariant_q6sjs_120", sn = "_chargeTypes_q6sjs_124", nn = "_charge_q6sjs_124", cn = "_chargeActive_q6sjs_144", b = {
   options: Rs,
   price: Es,
   oldPrice: Vs,
-  newPrice: zs,
-  meta: Fs,
-  info: Us,
+  newPrice: Fs,
+  meta: Us,
+  info: zs,
   infoRight: Gs,
   buttons: Ys,
   variants: Xs,
@@ -1402,15 +1402,15 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
   charge: nn,
   chargeActive: cn
 }, Vn = (r) => {
-  const { variants: n } = r, [s, c] = b.useState(n[0]), a = it(), [l, e] = b.useState(1), { reset: i, addProductToCart: u, getProducts: k } = at();
+  const { variants: n } = r, [s, c] = f.useState(n[0]), a = it(), [l, e] = f.useState(1), { reset: i, addProductToCart: u, getProducts: y } = at();
   async function h() {
-    await k(), await u({
+    await y(), await u({
       productId: r.id,
       productVariantId: s.id,
       quantity: l
     });
   }
-  function y() {
+  function k() {
     i(), h(), a("/checkout");
   }
   function j(o) {
@@ -1428,24 +1428,24 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
       return `${N} ${N === 1 ? "second" : "seconds"}`;
     }
   }
-  return /* @__PURE__ */ t.jsxs("div", { className: f.options, children: [
-    /* @__PURE__ */ t.jsx("div", { className: f.chargeTypes, children: s.chargeTypes ? s.chargeTypes.map((o) => /* @__PURE__ */ t.jsx("div", { children: o }, o)) : /* @__PURE__ */ t.jsx("div", { className: H(f.charge, f.chargeActive), children: "One-Time" }) }),
-    /* @__PURE__ */ t.jsx("div", { className: f.variants, children: n.map((o) => /* @__PURE__ */ t.jsxs(
+  return /* @__PURE__ */ t.jsxs("div", { className: b.options, children: [
+    /* @__PURE__ */ t.jsx("div", { className: b.chargeTypes, children: s.chargeTypes ? s.chargeTypes.map((o) => /* @__PURE__ */ t.jsx("div", { children: o }, o)) : /* @__PURE__ */ t.jsx("div", { className: H(b.charge, b.chargeActive), children: "One-Time" }) }),
+    /* @__PURE__ */ t.jsx("div", { className: b.variants, children: n.map((o) => /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: H(f.variant, {
-          [f.activeVariant]: s.id === o.id
+        className: H(b.variant, {
+          [b.activeVariant]: s.id === o.id
         }),
         onClick: () => c(o),
         children: [
-          /* @__PURE__ */ t.jsxs("div", { className: f.variantInfo, children: [
-            /* @__PURE__ */ t.jsx("span", { className: f.title, children: o.name }),
+          /* @__PURE__ */ t.jsxs("div", { className: b.variantInfo, children: [
+            /* @__PURE__ */ t.jsx("span", { className: b.title, children: o.name }),
             /* @__PURE__ */ t.jsxs("span", { children: [
               "$",
               o.price.amount
             ] })
           ] }),
-          /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsxs("span", { className: f.stock, children: [
+          /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsxs("span", { className: b.stock, children: [
             o.quantity.restrictions.max || 0,
             " in stock"
           ] }) })
@@ -1453,31 +1453,31 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
       },
       o.id
     )) }),
-    /* @__PURE__ */ t.jsxs("div", { className: f.quantity, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: b.quantity, children: [
       /* @__PURE__ */ t.jsx(
         "div",
         {
           onClick: () => {
             l > 1 ? e((o) => o - 1) : e(1);
           },
-          className: f.button,
+          className: b.button,
           children: /* @__PURE__ */ t.jsx(x, { name: "Minus" })
         }
       ),
-      /* @__PURE__ */ t.jsx("div", { className: f.count, children: l }),
+      /* @__PURE__ */ t.jsx("div", { className: b.count, children: l }),
       /* @__PURE__ */ t.jsx(
         "div",
         {
           onClick: () => e((o) => o + 1),
-          className: f.button,
+          className: b.button,
           children: /* @__PURE__ */ t.jsx(x, { name: "Plus" })
         }
       )
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: f.meta, children: [
-      /* @__PURE__ */ t.jsxs("div", { className: f.info, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: b.meta, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: b.info, children: [
         /* @__PURE__ */ t.jsx("span", { children: "Delivery" }),
-        /* @__PURE__ */ t.jsxs("div", { className: f.infoRight, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: b.infoRight, children: [
           /* @__PURE__ */ t.jsx(
             x,
             {
@@ -1490,29 +1490,29 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
           /* @__PURE__ */ t.jsx("span", { children: s.deliveryTime === 0 ? "Instant" : j(s.deliveryTime) })
         ] })
       ] }),
-      /* @__PURE__ */ t.jsxs("div", { className: f.info, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: b.info, children: [
         /* @__PURE__ */ t.jsx("span", { children: "Price" }),
-        /* @__PURE__ */ t.jsx("div", { className: f.infoRight, children: s.compareAtPrice && (s.compareAtPrice.amount || 0) - (s.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: f.price, children: [
-          /* @__PURE__ */ t.jsxs("span", { className: f.newPrice, children: [
+        /* @__PURE__ */ t.jsx("div", { className: b.infoRight, children: s.compareAtPrice && (s.compareAtPrice.amount || 0) - (s.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: b.price, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: b.newPrice, children: [
             "$ ",
             (s.price.amount || 0) * l
           ] }),
-          /* @__PURE__ */ t.jsxs("span", { className: f.oldPrice, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: b.oldPrice, children: [
             "$ ",
             (s.compareAtPrice.amount || 0) * l
           ] })
-        ] }) : /* @__PURE__ */ t.jsxs("span", { className: f.newPrice, children: [
+        ] }) : /* @__PURE__ */ t.jsxs("span", { className: b.newPrice, children: [
           "$ ",
           (s.price.amount || 0) * l
         ] }) })
       ] })
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: f.buttons, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: b.buttons, children: [
       /* @__PURE__ */ t.jsx(
         X,
         {
           type: "Primary",
-          onClick: () => y(),
+          onClick: () => k(),
           children: "Buy Now"
         }
       ),
@@ -1526,7 +1526,7 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
       )
     ] })
   ] });
-}, on = "_button_1jgdy_1", an = "_login_1jgdy_12", ln = "_signUp_1jgdy_16", rn = "_buttons_1jgdy_21", dn = "_modal_1jgdy_28", un = "_info_1jgdy_44", _n = "_top_1jgdy_50", pn = "_title_1jgdy_59", hn = "_clear_1jgdy_65", mn = "_activeClear_1jgdy_72", gn = "_count_1jgdy_76", xn = "_cart_1jgdy_89", bn = "_empty_1jgdy_96", jn = "_product_1jgdy_122", fn = "_products_1jgdy_129", vn = "_image_1jgdy_136", yn = "_productInfo_1jgdy_142", kn = "_content_1jgdy_148", $n = "_name_1jgdy_154", Nn = "_price_1jgdy_160", Cn = "_productButtons_1jgdy_166", wn = "_productButton_1jgdy_166", In = "_productCount_1jgdy_183", Pn = "_bottom_1jgdy_197", Bn = "_subtotal_1jgdy_205", Tn = "_block_1jgdy_211", An = "_shoppingCount_1jgdy_217", g = {
+}, on = "_button_14i4s_1", an = "_login_14i4s_14", ln = "_signUp_14i4s_18", rn = "_buttons_14i4s_23", dn = "_modal_14i4s_32", un = "_info_14i4s_48", _n = "_top_14i4s_55", mn = "_title_14i4s_66", hn = "_clear_14i4s_72", pn = "_activeClear_14i4s_79", gn = "_count_14i4s_83", xn = "_cart_14i4s_98", fn = "_empty_14i4s_106", jn = "_product_14i4s_132", bn = "_products_14i4s_141", vn = "_image_14i4s_149", kn = "_productInfo_14i4s_155", yn = "_content_14i4s_162", $n = "_name_14i4s_168", Nn = "_price_14i4s_174", Cn = "_productButtons_14i4s_180", In = "_productButton_14i4s_180", qn = "_productCount_14i4s_200", Pn = "_bottom_14i4s_216", Bn = "_subtotal_14i4s_224", wn = "_block_14i4s_232", Tn = "_shoppingCount_14i4s_239", g = {
   button: on,
   login: an,
   signUp: ln,
@@ -1534,33 +1534,33 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
   modal: dn,
   info: un,
   top: _n,
-  title: pn,
+  title: mn,
   clear: hn,
-  activeClear: mn,
+  activeClear: pn,
   count: gn,
   cart: xn,
-  empty: bn,
+  empty: fn,
   product: jn,
-  products: fn,
+  products: bn,
   image: vn,
-  productInfo: yn,
-  content: kn,
+  productInfo: kn,
+  content: yn,
   name: $n,
   price: Nn,
   productButtons: Cn,
-  productButton: wn,
-  productCount: In,
+  productButton: In,
+  productCount: qn,
   bottom: Pn,
   subtotal: Bn,
-  block: Tn,
-  shoppingCount: An
-}, zn = (r) => {
+  block: wn,
+  shoppingCount: Tn
+}, Fn = (r) => {
   const { shopping: n, signUp: s } = r, c = it();
   function a(l) {
     c(l);
   }
   return /* @__PURE__ */ t.jsxs("div", { className: g.buttons, children: [
-    n && /* @__PURE__ */ t.jsx(Sn, {}),
+    n && /* @__PURE__ */ t.jsx(An, {}),
     /* @__PURE__ */ t.jsx(
       "div",
       {
@@ -1578,8 +1578,8 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
       }
     )
   ] });
-}, Sn = () => {
-  const [r, n] = b.useState(!1), { cart: s } = at();
+}, An = () => {
+  const [r, n] = f.useState(!1), { cart: s } = at();
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsxs(
       "div",
@@ -1600,26 +1600,26 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
         ]
       }
     ),
-    r && /* @__PURE__ */ t.jsx(mt, { close: n, children: /* @__PURE__ */ t.jsx(On, {}) })
+    r && /* @__PURE__ */ t.jsx(pt, { close: n, children: /* @__PURE__ */ t.jsx(Sn, {}) })
   ] });
-}, On = () => {
-  const { cart: r, reset: n, getProducts: s, getTotalAndDiscount: c, updateQuantityOfProduct: a } = at(), [l, e] = b.useState([]), i = it();
+}, Sn = () => {
+  const { cart: r, reset: n, getProducts: s, getTotalAndDiscount: c, updateQuantityOfProduct: a } = at(), [l, e] = f.useState([]), i = it();
   function u(o) {
     for (let _ = 0; _ < r.parts.length; _++)
-      for (let m = 0; m < o.variants.length; m++)
+      for (let p = 0; p < o.variants.length; p++)
         if (r.parts[_].productVariantId === o.variants[_].id)
           return r.parts[_].productVariantId;
   }
-  function k(o) {
+  function y(o) {
     for (let _ = 0; _ < r.parts.length; _++)
-      for (let m = 0; m < o.variants.length; m++)
+      for (let p = 0; p < o.variants.length; p++)
         if (r.parts[_].productVariantId === o.variants[_].id)
           return r.parts[_].quantity;
   }
   function h(o) {
     i(o);
   }
-  function y(o) {
+  function k(o) {
     a({
       productId: o.id,
       productVariantId: o.activeVariantId,
@@ -1633,12 +1633,12 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
       quantity: o.quantity - 1
     });
   }
-  return b.useEffect(() => {
+  return f.useEffect(() => {
     (async () => {
-      const _ = r.parts.map((A) => String(A.productId)), P = (await s([..._])).map((A) => ({
-        ...A,
-        activeVariantId: u(A),
-        quantity: k(A)
+      const _ = r.parts.map((T) => String(T.productId)), P = (await s([..._])).map((T) => ({
+        ...T,
+        activeVariantId: u(T),
+        quantity: y(T)
       }));
       e(P);
     })();
@@ -1713,7 +1713,7 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
                   /* @__PURE__ */ t.jsx(
                     "div",
                     {
-                      onClick: () => y(o),
+                      onClick: () => k(o),
                       className: g.productButton,
                       children: /* @__PURE__ */ t.jsx(
                         x,
@@ -1752,11 +1752,11 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
             ] }),
             /* @__PURE__ */ t.jsx(X, { onClick: () => h("/checkout"), children: "Checkout" })
           ] })
-        ] }) : /* @__PURE__ */ t.jsx(Dn, {})
+        ] }) : /* @__PURE__ */ t.jsx(On, {})
       ]
     }
   );
-}, Dn = () => /* @__PURE__ */ t.jsxs("div", { className: g.empty, children: [
+}, On = () => /* @__PURE__ */ t.jsxs("div", { className: g.empty, children: [
   /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(x, { name: "Handbag" }) }),
   /* @__PURE__ */ t.jsx("span", { children: "Your cart is empty" }),
   /* @__PURE__ */ t.jsx("span", { children: "Check out the store's products and add them here" })
@@ -1770,27 +1770,27 @@ export {
   ot as ChooseImage,
   Yn as ChooseImageModal,
   Xn as ColorPicker,
-  Dn as EmptyCart,
+  On as EmptyCart,
   Qn as ErrorableBlock,
-  zn as HeaderButtons,
+  Fn as HeaderButtons,
   x as Icon,
   G as Input,
-  me as ItemsSettings,
+  pe as ItemsSettings,
   Hn as LayoutSettings,
   En as ListingSelector,
   Wn as Loader,
-  mt as Modal,
+  pt as Modal,
   Jn as Picker,
   Vn as ProductOptions,
   Kn as Radio,
-  bs as RangeSelector,
+  fs as RangeSelector,
   Y as Select,
-  Sn as ShoppingButton,
-  On as ShoppingModalCart,
+  An as ShoppingButton,
+  Sn as ShoppingModalCart,
   Zn as Submodal,
-  z as Switch,
-  zt as TextSettings,
+  F as Switch,
+  Ft as TextSettings,
   lt as Textarea,
   tc as Tip,
-  pt as TypesText
+  mt as TypesText
 };