@billgangcom/theme-lib 1.25.0 → 1.26.0

package/dist/ui.es.js

@@ -1,5 +1,5 @@
-import { j as t, c as D, I as p, a as G, S as V, T as dt, C as ot, b as W, D as ut, H as _t, B as X, v as et, u as mt, d as pt, e as at, f as lt, M as ht, g as gt } from "./index-BI8lyvsO.js";
-import { l as di, m as ui, i as _i, E as mi, L as pi, P as hi, R as gi, h as xi, k as fi } from "./index-BI8lyvsO.js";
+import { j as t, c as D, I as p, a as G, S as H, T as dt, C as it, b as W, D as ut, H as _t, B as X, v as et, u as mt, d as pt, e as at, f as lt, M as ht, g as gt } from "./index-CeRgFjoD.js";
+import { l as dc, m as uc, i as _c, E as mc, L as pc, P as hc, R as gc, h as xc, k as fc } from "./index-CeRgFjoD.js";
 import f from "react";
 const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18", yt = "_open_9e4oa_21", Nt = "_content_9e4oa_25", K = {
   accordion: jt,
@@ -7,9 +7,9 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
   icon: kt,
   open: yt,
   content: Nt
-}, ei = ({ title: d, content: n }) => {
-  const [e, c] = f.useState(!1), [i, l] = f.useState(0), s = f.useRef(null), o = () => {
-    c(!e);
+}, ec = ({ title: d, content: n }) => {
+  const [e, o] = f.useState(!1), [c, l] = f.useState(0), s = f.useRef(null), i = () => {
+    o(!e);
   };
   return f.useEffect(() => {
     s.current && l(e ? s.current.scrollHeight : 0);
@@ -18,7 +18,7 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
       "div",
       {
         className: K.header,
-        onClick: o,
+        onClick: i,
         children: [
           /* @__PURE__ */ t.jsx("h3", { children: d }),
           /* @__PURE__ */ t.jsx("div", { className: D(K.icon, { [K.open]: e }), children: /* @__PURE__ */ t.jsx(p, { name: "CaretDown" }) })
@@ -30,19 +30,19 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
       {
         ref: s,
         className: K.content,
-        style: { height: `${i}px` },
+        style: { height: `${c}px` },
         children: /* @__PURE__ */ t.jsx("p", { children: n })
       }
     )
   ] });
-}, $t = "_wrapper_9rr5j_2", Ct = "_alignmentBlock_9rr5j_8", It = "_title_9rr5j_15", Pt = "_subtitle_9rr5j_22", Tt = "_alignmentContent_9rr5j_29", Bt = "_alignments_9rr5j_37", wt = "_alignment_9rr5j_8", St = "_circle_9rr5j_58", qt = "_paddings_9rr5j_65", At = "_padding_9rr5j_65", Ot = "_input_9rr5j_84", O = {
+}, $t = "_wrapper_9rr5j_2", Ct = "_alignmentBlock_9rr5j_8", It = "_title_9rr5j_15", Pt = "_subtitle_9rr5j_22", Tt = "_alignmentContent_9rr5j_29", wt = "_alignments_9rr5j_37", Bt = "_alignment_9rr5j_8", St = "_circle_9rr5j_58", qt = "_paddings_9rr5j_65", At = "_padding_9rr5j_65", Ot = "_input_9rr5j_84", O = {
   wrapper: $t,
   alignmentBlock: Ct,
   title: It,
   subtitle: Pt,
   alignmentContent: Tt,
-  alignments: Bt,
-  alignment: wt,
+  alignments: wt,
+  alignment: Bt,
   circle: St,
   paddings: qt,
   padding: At,
@@ -57,8 +57,8 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
   "bottomLeft",
   "bottom",
   "bottomRight"
-], Dt = ["left", "top", "right", "bottom"], si = (d) => {
-  const { alignment: n, padding: e, setPadding: c, setAlignment: i } = d;
+], Dt = ["left", "top", "right", "bottom"], sc = (d) => {
+  const { alignment: n, padding: e, setPadding: o, setAlignment: c } = d;
   function l() {
     switch (n) {
       case "left":
@@ -77,8 +77,8 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
         return "TextAlignCenter";
     }
   }
-  function s(o) {
-    switch (o) {
+  function s(i) {
+    switch (i) {
       case "left":
         return "AlignLeft";
       case "right":
@@ -94,16 +94,16 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
     /* @__PURE__ */ t.jsxs("div", { className: O.alignmentBlock, children: [
       /* @__PURE__ */ t.jsx("h5", { className: O.subtitle, children: "Alignment" }),
       /* @__PURE__ */ t.jsxs("div", { className: O.alignmentContent, children: [
-        /* @__PURE__ */ t.jsx("div", { className: O.alignments, children: Lt.map((o) => /* @__PURE__ */ t.jsxs(
+        /* @__PURE__ */ t.jsx("div", { className: O.alignments, children: Lt.map((i) => /* @__PURE__ */ t.jsxs(
           "div",
           {
             onClick: () => {
-              i(o);
+              c(i);
             },
             className: O.alignment,
             children: [
-              o !== n && /* @__PURE__ */ t.jsx("div", { className: O.circle }),
-              o === n && /* @__PURE__ */ t.jsx(
+              i !== n && /* @__PURE__ */ t.jsx("div", { className: O.circle }),
+              i === n && /* @__PURE__ */ t.jsx(
                 p,
                 {
                   name: l(),
@@ -114,9 +114,9 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
               )
             ]
           },
-          o
+          i
         )) }),
-        /* @__PURE__ */ t.jsx("div", { className: O.paddings, children: Dt.map((o) => /* @__PURE__ */ t.jsxs(
+        /* @__PURE__ */ t.jsx("div", { className: O.paddings, children: Dt.map((i) => /* @__PURE__ */ t.jsxs(
           "label",
           {
             className: O.padding,
@@ -124,7 +124,7 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
               /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
                 p,
                 {
-                  name: s(o),
+                  name: s(i),
                   width: 20,
                   height: 20
                 }
@@ -133,10 +133,10 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
                 G,
                 {
                   type: "text",
-                  value: String(e[o]),
-                  onChange: (m) => c({
+                  value: String(e[i]),
+                  onChange: (m) => o({
                     ...e,
-                    [o]: Number(m)
+                    [i]: Number(m)
                   }),
                   paddingless: !0,
                   borderless: !0
@@ -144,25 +144,25 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
               )
             ]
           },
-          o
+          i
         )) })
       ] })
     ] })
   ] });
-}, Et = "_subtitle_1qrz9_1", Mt = "_header_1qrz9_8", Rt = "_text_1qrz9_9", Ht = "_top_1qrz9_17", Vt = "_itemsBlock_1qrz9_26", Z = {
-  subtitle: Et,
-  header: Mt,
-  text: Rt,
-  top: Ht,
-  itemsBlock: Vt
-}, Ft = "_typeTexts_rcw8p_1", Ut = "_block_rcw8p_8", zt = "_active_rcw8p_21", it = {
-  typeTexts: Ft,
-  block: Ut,
-  active: zt
+}, zt = "_subtitle_1qrz9_1", Et = "_header_1qrz9_8", Mt = "_text_1qrz9_9", Rt = "_top_1qrz9_17", Ht = "_itemsBlock_1qrz9_26", Z = {
+  subtitle: zt,
+  header: Et,
+  text: Mt,
+  top: Rt,
+  itemsBlock: Ht
+}, Vt = "_typeTexts_rcw8p_1", Ft = "_block_rcw8p_8", Ut = "_active_rcw8p_21", ct = {
+  typeTexts: Vt,
+  block: Ft,
+  active: Ut
 }, Gt = ["bold", "italic", "underline", "strike-through", "code"], xt = (d) => {
   const { typesText: n, setTypesText: e } = d;
-  function c(i) {
-    switch (i) {
+  function o(c) {
+    switch (c) {
       case "bold":
         return "TextB";
       case "italic":
@@ -175,51 +175,51 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
         return "TextUnderline";
     }
   }
-  return /* @__PURE__ */ t.jsx("div", { className: it.typeTexts, children: Gt.map((i) => /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ t.jsx("div", { className: ct.typeTexts, children: Gt.map((c) => /* @__PURE__ */ t.jsx(
     "div",
     {
-      className: D(it.block, {
-        [it.active]: n.includes(i)
+      className: D(ct.block, {
+        [ct.active]: n.includes(c)
       }),
       onClick: () => {
         const l = [...n];
-        if (l.includes(i)) {
-          const s = l.filter((o) => o !== i);
+        if (l.includes(c)) {
+          const s = l.filter((i) => i !== c);
           e(s);
         } else
-          l.push(i), e(l);
+          l.push(c), e(l);
       },
       children: /* @__PURE__ */ t.jsx(
         p,
         {
-          name: c(i),
-          fill: n.includes(i) ? "#252525" : "#757575",
+          name: o(c),
+          fill: n.includes(c) ? "#252525" : "#757575",
           width: 20,
           height: 20
         }
       )
     },
-    String(i)
+    String(c)
   )) });
 }, Wt = (d) => {
   const {
     typesText: n,
     isActiveText: e,
-    setIsActiveText: c,
-    text: i,
+    setIsActiveText: o,
+    text: c,
     setText: l,
     setTypesText: s,
-    title: o,
+    title: i,
     subtitle: m = "Items"
   } = d;
   return /* @__PURE__ */ t.jsxs("div", { className: Z.text, children: [
-    (o || e !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: Z.top, children: [
-      o && /* @__PURE__ */ t.jsx("h3", { className: Z.title, children: o }),
-      e !== void 0 && c && /* @__PURE__ */ t.jsx(
-        V,
+    (i || e !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: Z.top, children: [
+      i && /* @__PURE__ */ t.jsx("h3", { className: Z.title, children: i }),
+      e !== void 0 && o && /* @__PURE__ */ t.jsx(
+        H,
         {
           current: e,
-          onChange: (v) => c(v)
+          onChange: (v) => o(v)
         }
       )
     ] }),
@@ -229,7 +229,7 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
         dt,
         {
           onChange: (v) => l(v),
-          value: i,
+          value: c,
           maxLength: 150
         }
       ),
@@ -242,7 +242,7 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
       )
     ] })
   ] });
-}, Xt = "_subtitle_cuny2_1", Yt = "_header_cuny2_8", Qt = "_text_cuny2_9", Jt = "_productsBlock_cuny2_10", Kt = "_top_cuny2_22", Zt = "_itemsBlock_cuny2_31", te = "_typeTexts_cuny2_37", ee = "_block_cuny2_44", se = "_active_cuny2_57", ne = "_products_cuny2_10", ie = "_product_cuny2_10", ce = "_button_cuny2_76", oe = "_disabled_cuny2_87", ae = "_image_cuny2_91", le = "_info_cuny2_98", re = "_name_cuny2_110", de = "_buttons_cuny2_114", ue = "_modal_cuny2_121", _e = "_link_cuny2_141", me = "_modalOptions_cuny2_147", P = {
+}, Xt = "_subtitle_cuny2_1", Yt = "_header_cuny2_8", Qt = "_text_cuny2_9", Jt = "_productsBlock_cuny2_10", Kt = "_top_cuny2_22", Zt = "_itemsBlock_cuny2_31", te = "_typeTexts_cuny2_37", ee = "_block_cuny2_44", se = "_active_cuny2_57", ne = "_products_cuny2_10", ce = "_product_cuny2_10", oe = "_button_cuny2_76", ie = "_disabled_cuny2_87", ae = "_image_cuny2_91", le = "_info_cuny2_98", re = "_name_cuny2_110", de = "_buttons_cuny2_114", ue = "_modal_cuny2_121", _e = "_link_cuny2_141", me = "_modalOptions_cuny2_147", P = {
   subtitle: Xt,
   header: Yt,
   text: Qt,
@@ -253,9 +253,9 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
   block: ee,
   active: se,
   products: ne,
-  product: ie,
-  button: ce,
-  disabled: oe,
+  product: ce,
+  button: oe,
+  disabled: ie,
   image: ae,
   info: le,
   name: re,
@@ -264,7 +264,7 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
   link: _e,
   modalOptions: me
 }, pe = (d) => {
-  const { activeItem: n, setActiveItem: e, popupPosition: c, modalOptions: i, setIsOpenModal: l } = d;
+  const { activeItem: n, setActiveItem: e, popupPosition: o, modalOptions: c, setIsOpenModal: l } = d;
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -273,8 +273,8 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
         s.stopPropagation();
       },
       style: {
-        top: `${c.top}px`,
-        left: `${c.left}px`
+        top: `${o.top}px`,
+        left: `${o.left}px`
       },
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: P.top, children: [
@@ -292,16 +292,16 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
             }
           )
         ] }),
-        /* @__PURE__ */ t.jsx("div", { className: P.modalOptions, children: i.map((s) => {
+        /* @__PURE__ */ t.jsx("div", { className: P.modalOptions, children: c.map((s) => {
           if (s.type === "image")
             return /* @__PURE__ */ t.jsx(
-              ot,
+              it,
               {
                 label: "Put up an attractive image",
-                onChange: (o) => {
+                onChange: (i) => {
                   const m = {
                     ...n,
-                    [s.field]: o
+                    [s.field]: i
                   };
                   e(m);
                 }
@@ -313,18 +313,18 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
               Wt,
               {
                 typesText: n[s.field.type],
-                setTypesText: (o) => {
+                setTypesText: (i) => {
                   const m = {
                     ...n,
-                    [s.field.type]: o
+                    [s.field.type]: i
                   };
                   e(m);
                 },
                 text: n[s.field.text] || "",
-                setText: (o) => {
+                setText: (i) => {
                   const m = {
                     ...n,
-                    [s.field.text]: o
+                    [s.field.text]: i
                   };
                   e(m);
                 },
@@ -335,10 +335,10 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
             return /* @__PURE__ */ t.jsx(
               G,
               {
-                onChange: (o) => {
+                onChange: (i) => {
                   const m = {
                     ...n,
-                    [s.field]: o
+                    [s.field]: i
                   };
                   e(m);
                 },
@@ -352,10 +352,10 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
               /* @__PURE__ */ t.jsx(
                 G,
                 {
-                  onChange: (o) => {
+                  onChange: (i) => {
                     const m = {
                       ...n,
-                      [s.field.text]: o
+                      [s.field.text]: i
                     };
                     e(m);
                   },
@@ -365,14 +365,14 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
                 }
               ),
               /* @__PURE__ */ t.jsx(
-                V,
+                H,
                 {
                   current: !!n[s.field.switch] || !1,
                   label: s.switchLabel,
-                  onChange: (o) => {
+                  onChange: (i) => {
                     const m = {
                       ...n,
-                      [s.field.switch]: o
+                      [s.field.switch]: i
                     };
                     e(m);
                   }
@@ -384,10 +384,10 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
               be,
               {
                 items: n[s.field] || [],
-                setItems: (o) => {
+                setItems: (i) => {
                   const m = {
                     ...n,
-                    [s.field]: o
+                    [s.field]: i
                   };
                   e(m);
                 },
@@ -404,10 +404,10 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
               W,
               {
                 options: s.itemsOptions,
-                onChange: (o) => {
+                onChange: (i) => {
                   const m = {
                     ...n,
-                    [s.field]: o
+                    [s.field]: i
                   };
                   e(m);
                 },
@@ -420,56 +420,56 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
       ]
     }
   );
-}, he = "_other_g74jx_1", ge = "_subtitle_g74jx_7", xe = "_items_g74jx_14", ct = {
+}, he = "_other_g74jx_1", ge = "_subtitle_g74jx_7", xe = "_items_g74jx_14", ot = {
   other: he,
   subtitle: ge,
   items: xe
 }, ft = (d) => {
   const { items: n, title: e = "Other" } = d;
-  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((c, i) => /* @__PURE__ */ t.jsx(
-      V,
+  return /* @__PURE__ */ t.jsxs("div", { className: ot.other, children: [
+    /* @__PURE__ */ t.jsx("h5", { className: ot.subtitle, children: e }),
+    /* @__PURE__ */ t.jsx("div", { className: ot.items, children: n.map((o, c) => /* @__PURE__ */ t.jsx(
+      H,
       {
-        current: c.isItem,
-        onChange: (l) => c.setIsItem(l),
-        label: c.label,
+        current: o.isItem,
+        onChange: (l) => o.setIsItem(l),
+        label: o.label,
         hasBackground: !0,
         paddingless: !1
       },
-      i
+      c
     )) })
   ] });
 }, fe = (d) => {
-  const { index: n, moveProduct: e, children: c } = d, [, i] = mt({
+  const { index: n, moveProduct: e, children: o } = d, [, c] = mt({
     accept: "product",
-    hover(o) {
-      o.index !== n && (e(o.index, n), o.index = n);
+    hover(i) {
+      i.index !== n && (e(i.index, n), i.index = n);
     }
   }), [{ isDragging: l }, s] = pt({
     type: "product",
     item: { index: n },
-    collect: (o) => ({
-      isDragging: o.isDragging()
+    collect: (i) => ({
+      isDragging: i.isDragging()
     })
   });
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      ref: (o) => s(i(o)),
+      ref: (i) => s(c(i)),
       className: `${P.product} ${l ? P.dragging : ""}`,
-      children: c
+      children: o
     }
   );
 }, be = (d) => {
   const {
     isActiveItems: n,
     setIsActiveItems: e,
-    items: c,
-    setItems: i,
+    items: o,
+    setItems: c,
     other: l,
     title: s,
-    subtitle: o,
+    subtitle: i,
     editable: m = !0,
     draggable: v = !1,
     withImage: u = !1,
@@ -478,41 +478,41 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
     itemsType: $,
     itemsPlaceholder: b = "",
     itemsOptions: r,
-    hasRangeSelector: w = !1,
+    hasRangeSelector: B = !1,
     rangeSelectorOptions: Y,
     modalOptions: Q,
-    addableOptions: F = {},
+    addableOptions: V = {},
     limit: y
-  } = d, [M, R] = f.useState(null), [nt, st] = f.useState({
+  } = d, [E, M] = f.useState(null), [nt, st] = f.useState({
     top: 0,
     left: 0
   }), [g, k] = f.useState(!1), S = (_, T) => {
-    const q = [...c], [N] = q.splice(_, 1);
-    q.splice(T, 0, N), i(q);
+    const q = [...o], [N] = q.splice(_, 1);
+    q.splice(T, 0, N), c(q);
   };
   f.useEffect(() => {
     const _ = () => {
-      R(null), k(!1);
+      M(null), k(!1);
     };
-    return document.body.addEventListener("click", _), R(null), k(!1), () => {
-      R(null), k(!1), document.body.removeEventListener("click", _);
+    return document.body.addEventListener("click", _), M(null), k(!1), () => {
+      M(null), k(!1), document.body.removeEventListener("click", _);
     };
   }, []), f.useEffect(() => {
-    if (M) {
-      const _ = [...c].map((T) => T.id === M.id ? M : T);
-      i(_);
+    if (E) {
+      const _ = [...o].map((T) => T.id === E.id ? E : T);
+      c(_);
     }
-  }, [M]);
+  }, [E]);
   const C = (_, T) => {
     _.stopPropagation(), k(!0);
     const q = _.target.getBoundingClientRect(), N = 500, J = window.innerHeight;
-    let E = q.top + window.scrollY;
-    E + N > J && (E = J - N - 20), st({
-      top: E - 80,
+    let z = q.top + window.scrollY;
+    z + N > J && (z = J - N - 20), st({
+      top: z - 80,
       left: q.left - 30
-    }), R(T);
+    }), M(T);
   };
-  function U(_) {
+  function F(_) {
     if (u)
       return _ ? /* @__PURE__ */ t.jsx(
         "img",
@@ -547,43 +547,43 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
         W,
         {
           onChange: (N) => {
-            const E = [...c].map((H) => H.id === _.id ? {
+            const z = [...o].map((R) => R.id === _.id ? {
               ..._,
               name: N
-            } : H);
-            R({
+            } : R);
+            M({
               ..._,
               name: N
-            }), i([...E]);
+            }), c([...z]);
           },
           value: _.name,
           options: r,
-          leftAddon: U(_.images)
+          leftAddon: F(_.images)
         }
       ),
       $ === "input" && /* @__PURE__ */ t.jsx(
         G,
         {
           onChange: (N) => {
-            const E = [...c].map((H) => H.id === _.id ? {
+            const z = [...o].map((R) => R.id === _.id ? {
               ..._,
               name: N
-            } : H);
-            i([...E]);
+            } : R);
+            c([...z]);
           },
           value: _.name,
           placeholder: b
         }
       ),
       $ === "image" && /* @__PURE__ */ t.jsx(
-        ot,
+        it,
         {
           onChange: (N) => {
-            const E = [...c].map((H) => H.id === _.id ? {
+            const z = [...o].map((R) => R.id === _.id ? {
               ..._,
               images: N
-            } : H);
-            i([...E]);
+            } : R);
+            c([...z]);
           }
         }
       ),
@@ -606,7 +606,7 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => i(c.filter((N) => N.id !== _.id))
+            onClick: () => c(o.filter((N) => N.id !== _.id))
           }
         )
       ] })
@@ -633,50 +633,50 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
     (s || n !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: P.top, children: [
       s && /* @__PURE__ */ t.jsx("h3", { className: P.title, children: s }),
       n !== void 0 && /* @__PURE__ */ t.jsx(
-        V,
+        H,
         {
           current: n,
           onChange: (_) => e == null ? void 0 : e(_)
         }
       )
     ] }),
-    M && m && Q && g && /* @__PURE__ */ t.jsx(
+    E && m && Q && g && /* @__PURE__ */ t.jsx(
       pe,
       {
-        activeItem: M,
-        setActiveItem: R,
+        activeItem: E,
+        setActiveItem: M,
         popupPosition: nt,
         modalOptions: Q,
         setIsOpenModal: k
       }
     ),
-    w && Y && /* @__PURE__ */ t.jsx(ks, { ...Y }),
+    B && Y && /* @__PURE__ */ t.jsx(ks, { ...Y }),
     /* @__PURE__ */ t.jsxs("div", { className: P.products, children: [
-      o && /* @__PURE__ */ t.jsx("h5", { className: P.subtitle, children: o }),
-      v ? /* @__PURE__ */ t.jsx(ut, { backend: _t, children: c.map((_, T) => A(_, T)) }) : c.map((_, T) => A(_, T)),
+      i && /* @__PURE__ */ t.jsx("h5", { className: P.subtitle, children: i }),
+      v ? /* @__PURE__ */ t.jsx(ut, { backend: _t, children: o.map((_, T) => A(_, T)) }) : o.map((_, T) => A(_, T)),
       h && /* @__PURE__ */ t.jsxs(
         X,
         {
           className: D(P.button, {
-            [P.disabled]: !!(y && y <= c.length)
+            [P.disabled]: !!(y && y <= o.length)
           }),
           size: "s",
-          disabled: !!(y && y <= c.length),
+          disabled: !!(y && y <= o.length),
           onClick: () => {
-            const _ = [...c];
+            const _ = [...o];
             $ === "select" ? _.push({
-              name: r[0] || `Product ${c.length + 1}`,
+              name: r[0] || `Product ${o.length + 1}`,
               id: et(),
-              ...F
+              ...V
             }) : $ === "input" ? _.push({
               name: "",
               id: et(),
-              ...F
+              ...V
             }) : _.push({
-              name: `Image ${c.length + 1}`,
+              name: `Image ${o.length + 1}`,
               id: et(),
-              ...F
-            }), i(_);
+              ...V
+            }), c(_);
           },
           children: [
             /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
@@ -694,7 +694,7 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
     ] }),
     l !== void 0 && /* @__PURE__ */ t.jsx(ft, { items: l })
   ] });
-}, je = "_subtitle_1fb9q_1", ve = "_header_1fb9q_8", ke = "_text_1fb9q_9", ye = "_productsBlock_1fb9q_10", Ne = "_buttonsBlock_1fb9q_11", $e = "_top_1fb9q_22", Ce = "_itemsBlock_1fb9q_31", Ie = "_typeTexts_1fb9q_37", Pe = "_block_1fb9q_44", Te = "_active_1fb9q_56", Be = "_products_1fb9q_10", we = "_product_1fb9q_10", Se = "_button_1fb9q_11", qe = "_image_1fb9q_86", Ae = "_info_1fb9q_93", Oe = "_name_1fb9q_105", Le = "_buttons_1fb9q_11", De = "_modal_1fb9q_116", Ee = "_other_1fb9q_135", Me = "_options_1fb9q_141", z = {
+}, je = "_subtitle_1fb9q_1", ve = "_header_1fb9q_8", ke = "_text_1fb9q_9", ye = "_productsBlock_1fb9q_10", Ne = "_buttonsBlock_1fb9q_11", $e = "_top_1fb9q_22", Ce = "_itemsBlock_1fb9q_31", Ie = "_typeTexts_1fb9q_37", Pe = "_block_1fb9q_44", Te = "_active_1fb9q_56", we = "_products_1fb9q_10", Be = "_product_1fb9q_10", Se = "_button_1fb9q_11", qe = "_image_1fb9q_86", Ae = "_info_1fb9q_93", Oe = "_name_1fb9q_105", Le = "_buttons_1fb9q_11", De = "_modal_1fb9q_116", ze = "_other_1fb9q_135", Ee = "_options_1fb9q_141", U = {
   subtitle: je,
   header: ve,
   text: ke,
@@ -705,18 +705,18 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
   typeTexts: Ie,
   block: Pe,
   active: Te,
-  products: Be,
-  product: we,
+  products: we,
+  product: Be,
   button: Se,
   image: qe,
   info: Ae,
   name: Oe,
   buttons: Le,
   modal: De,
-  other: Ee,
-  options: Me
-}, Re = (d) => {
-  const { activeButton: n, setActiveButton: e, popupPosition: c } = d, [i, l] = f.useState(n.typesText), [s, o] = f.useState(n.destination), [m, v] = f.useState(n.link || ""), [u, a] = f.useState(n.text || "");
+  other: ze,
+  options: Ee
+}, Me = (d) => {
+  const { activeButton: n, setActiveButton: e, popupPosition: o } = d, [c, l] = f.useState(n.typesText), [s, i] = f.useState(n.destination), [m, v] = f.useState(n.link || ""), [u, a] = f.useState(n.text || "");
   return f.useEffect(() => {
     e({
       ...n,
@@ -724,22 +724,22 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
         text: u,
         link: m,
         destination: s,
-        typesText: i
+        typesText: c
       }
     });
-  }, [i, s, m, u]), /* @__PURE__ */ t.jsxs(
+  }, [c, s, m, u]), /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: z.modal,
+      className: U.modal,
       onClick: (h) => {
         h.stopPropagation();
       },
       style: {
-        top: `${c.top}px`,
-        left: `${c.left}px`
+        top: `${o.top}px`,
+        left: `${o.left}px`
       },
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: z.top, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: U.top, children: [
           /* @__PURE__ */ t.jsx("h3", { children: n.type }),
           /* @__PURE__ */ t.jsx(
             p,
@@ -752,12 +752,12 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
             }
           )
         ] }),
-        /* @__PURE__ */ t.jsxs("div", { className: z.options, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: U.options, children: [
           /* @__PURE__ */ t.jsx(
             W,
             {
               label: "Destination",
-              onChange: (h) => o(h),
+              onChange: (h) => i(h),
               options: ["Go to Page", "Open Link"],
               value: s
             }
@@ -781,7 +781,7 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
             }
           ),
           /* @__PURE__ */ t.jsx(
-            V,
+            H,
             {
               current: !1,
               label: "Open in new tab"
@@ -799,7 +799,7 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
           /* @__PURE__ */ t.jsx(
             xt,
             {
-              typesText: i,
+              typesText: c,
               setTypesText: l
             }
           )
@@ -807,12 +807,12 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
       ]
     }
   );
-}, He = "_subtitle_m8qel_1", Ve = "_header_m8qel_8", Fe = "_text_m8qel_9", Ue = "_productsBlock_m8qel_10", ze = "_buttonsBlock_m8qel_11", Ge = "_top_m8qel_23", We = "_itemsBlock_m8qel_32", Xe = "_typeTexts_m8qel_38", Ye = "_block_m8qel_45", Qe = "_active_m8qel_58", Je = "_products_m8qel_10", Ke = "_product_m8qel_10", Ze = "_button_m8qel_11", ts = "_image_m8qel_88", es = "_info_m8qel_95", ss = "_name_m8qel_107", ns = "_buttons_m8qel_11", is = "_modal_m8qel_118", cs = "_other_m8qel_137", os = "_options_m8qel_143", tt = {
-  subtitle: He,
-  header: Ve,
-  text: Fe,
-  productsBlock: Ue,
-  buttonsBlock: ze,
+}, Re = "_subtitle_m8qel_1", He = "_header_m8qel_8", Ve = "_text_m8qel_9", Fe = "_productsBlock_m8qel_10", Ue = "_buttonsBlock_m8qel_11", Ge = "_top_m8qel_23", We = "_itemsBlock_m8qel_32", Xe = "_typeTexts_m8qel_38", Ye = "_block_m8qel_45", Qe = "_active_m8qel_58", Je = "_products_m8qel_10", Ke = "_product_m8qel_10", Ze = "_button_m8qel_11", ts = "_image_m8qel_88", es = "_info_m8qel_95", ss = "_name_m8qel_107", ns = "_buttons_m8qel_11", cs = "_modal_m8qel_118", os = "_other_m8qel_137", is = "_options_m8qel_143", tt = {
+  subtitle: Re,
+  header: He,
+  text: Ve,
+  productsBlock: Fe,
+  buttonsBlock: Ue,
   top: Ge,
   itemsBlock: We,
   typeTexts: Xe,
@@ -825,11 +825,11 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
   info: es,
   name: ss,
   buttons: ns,
-  modal: is,
-  other: cs,
-  options: os
+  modal: cs,
+  other: os,
+  options: is
 }, as = (d) => {
-  const { buttons: n, setButtons: e, deletable: c = !0, addable: i = !0 } = d, [l, s] = f.useState(null), [o, m] = f.useState({
+  const { buttons: n, setButtons: e, deletable: o = !0, addable: c = !0 } = d, [l, s] = f.useState(null), [i, m] = f.useState({
     top: 0,
     left: 0
   });
@@ -889,7 +889,7 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
                 }
               }
             ),
-            c && /* @__PURE__ */ t.jsx(
+            o && /* @__PURE__ */ t.jsx(
               p,
               {
                 name: "Trash",
@@ -909,14 +909,14 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
       u.id
     )),
     l && /* @__PURE__ */ t.jsx(
-      Re,
+      Me,
       {
         activeButton: l,
         setActiveButton: s,
-        popupPosition: o
+        popupPosition: i
       }
     ),
-    i && /* @__PURE__ */ t.jsxs(
+    c && /* @__PURE__ */ t.jsxs(
       X,
       {
         className: tt.button,
@@ -945,13 +945,13 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
       }
     )
   ] });
-}, ni = (d) => {
-  const { isActiveButtons: n, setIsActiveButtons: e, buttons: c, setButtons: i } = d;
-  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" }),
+}, nc = (d) => {
+  const { isActiveButtons: n, setIsActiveButtons: e, buttons: o, setButtons: c } = d;
+  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" }),
       /* @__PURE__ */ t.jsx(
-        V,
+        H,
         {
           current: n,
           onChange: (l) => e(l)
@@ -961,8 +961,8 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
     /* @__PURE__ */ t.jsx(
       as,
       {
-        buttons: c,
-        setButtons: i
+        buttons: o,
+        setButtons: c
       }
     )
   ] }) });
@@ -982,12 +982,12 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
   controls: js,
   button: vs
 }, ks = (d) => {
-  const { label: n, min: e = 1, max: c = 4, step: i = 1, count: l, setCount: s } = d, [o, m] = f.useState(!1), v = Array.from({ length: (c - e) / i + 1 }), u = (l - e) / (c - e) * 100, a = () => {
-    l < c && s(l + i);
+  const { label: n, min: e = 1, max: o = 4, step: c = 1, count: l, setCount: s } = d, [i, m] = f.useState(!1), v = Array.from({ length: (o - e) / c + 1 }), u = (l - e) / (o - e) * 100, a = () => {
+    l < o && s(l + c);
   }, h = () => {
-    l > e && s(l - i);
+    l > e && s(l - c);
   }, $ = (b) => {
-    const r = e + b * i;
+    const r = e + b * c;
     s(r);
   };
   return /* @__PURE__ */ t.jsxs("div", { className: I.wrapper, children: [
@@ -1003,17 +1003,17 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
           }
         ),
         /* @__PURE__ */ t.jsx("div", { className: I.dots, children: v.map((b, r) => {
-          const w = r <= (l - e) / i;
+          const B = r <= (l - e) / c;
           return /* @__PURE__ */ t.jsx(
             "button",
             {
               onClick: () => $(r),
               className: D(I.dot, {
-                [I.active]: w,
-                [I.inactive]: !w,
-                [I.dragging]: o
+                [I.active]: B,
+                [I.inactive]: !B,
+                [I.dragging]: i
               }),
-              "aria-label": `Set value to ${e + r * i}`
+              "aria-label": `Set value to ${e + r * c}`
             },
             r
           );
@@ -1023,8 +1023,8 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
           {
             type: "range",
             min: e,
-            max: c,
-            step: i,
+            max: o,
+            step: c,
             value: l,
             onChange: (b) => s(Number(b.target.value)),
             onMouseDown: () => m(!0),
@@ -1041,11 +1041,11 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
           {
             type: "number",
             min: e,
-            max: c,
+            max: o,
             paddingless: !0,
             onChange: (b) => {
               const r = Number(b);
-              r > c ? s(c) : r < e ? s(e) : s(r);
+              r > o ? s(o) : r < e ? s(e) : s(r);
             },
             value: String(l)
           }
@@ -1055,7 +1055,7 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
             "button",
             {
               onClick: a,
-              disabled: l >= c,
+              disabled: l >= o,
               className: I.button,
               "aria-label": "Increment count",
               children: /* @__PURE__ */ t.jsx(
@@ -1089,7 +1089,7 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
       ] })
     ] })
   ] });
-}, ys = "_subtitle_16rdk_1", Ns = "_header_16rdk_8", $s = "_text_16rdk_9", Cs = "_productsBlock_16rdk_10", Is = "_top_16rdk_22", Ps = "_itemsBlock_16rdk_31", Ts = "_typeTexts_16rdk_37", Bs = "_block_16rdk_44", ws = "_active_16rdk_57", Ss = "_products_16rdk_10", qs = "_product_16rdk_10", As = "_button_16rdk_76", Os = "_image_16rdk_87", Ls = "_info_16rdk_94", Ds = "_name_16rdk_106", Es = "_buttons_16rdk_110", Ms = "_modal_16rdk_117", Rs = "_link_16rdk_137", Hs = "_modalOptions_16rdk_143", B = {
+}, ys = "_subtitle_16rdk_1", Ns = "_header_16rdk_8", $s = "_text_16rdk_9", Cs = "_productsBlock_16rdk_10", Is = "_top_16rdk_22", Ps = "_itemsBlock_16rdk_31", Ts = "_typeTexts_16rdk_37", ws = "_block_16rdk_44", Bs = "_active_16rdk_57", Ss = "_products_16rdk_10", qs = "_product_16rdk_10", As = "_button_16rdk_76", Os = "_image_16rdk_87", Ls = "_info_16rdk_94", Ds = "_name_16rdk_106", zs = "_buttons_16rdk_110", Es = "_modal_16rdk_117", Ms = "_link_16rdk_137", Rs = "_modalOptions_16rdk_143", w = {
   subtitle: ys,
   header: Ns,
   text: $s,
@@ -1097,33 +1097,33 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
   top: Is,
   itemsBlock: Ps,
   typeTexts: Ts,
-  block: Bs,
-  active: ws,
+  block: ws,
+  active: Bs,
   products: Ss,
   product: qs,
   button: As,
   image: Os,
   info: Ls,
   name: Ds,
-  buttons: Es,
-  modal: Ms,
-  link: Rs,
-  modalOptions: Hs
-}, Vs = (d) => {
-  const { activeItem: n, setActiveItem: e, popupPosition: c, setIsOpenModal: i } = d;
+  buttons: zs,
+  modal: Es,
+  link: Ms,
+  modalOptions: Rs
+}, Hs = (d) => {
+  const { activeItem: n, setActiveItem: e, popupPosition: o, setIsOpenModal: c } = d;
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: B.modal,
+      className: w.modal,
       onClick: (l) => {
         l.stopPropagation();
       },
       style: {
-        top: `${c.top}px`,
-        left: `${c.left}px`
+        top: `${o.top}px`,
+        left: `${o.left}px`
       },
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: B.top, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: w.top, children: [
           /* @__PURE__ */ t.jsx("h3", { children: n.name }),
           /* @__PURE__ */ t.jsx(
             p,
@@ -1133,13 +1133,13 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
               width: 20,
               hoverable: !0,
               onClick: () => {
-                i(!1), e(null);
+                c(!1), e(null);
               }
             }
           )
         ] }),
-        /* @__PURE__ */ t.jsx("div", { className: B.modalOptions, children: /* @__PURE__ */ t.jsx(
-          ot,
+        /* @__PURE__ */ t.jsx("div", { className: w.modalOptions, children: /* @__PURE__ */ t.jsx(
+          it,
           {
             label: "Put up an attractive image",
             onChange: (l) => {
@@ -1155,36 +1155,36 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
       ]
     }
   );
-}, Fs = (d) => {
-  const { index: n, moveProduct: e, children: c } = d, [, i] = mt({
+}, Vs = (d) => {
+  const { index: n, moveProduct: e, children: o } = d, [, c] = mt({
     accept: "product",
-    hover(o) {
-      o.index !== n && (e(o.index, n), o.index = n);
+    hover(i) {
+      i.index !== n && (e(i.index, n), i.index = n);
     }
   }), [{ isDragging: l }, s] = pt({
     type: "product",
     item: { index: n },
-    collect: (o) => ({
-      isDragging: o.isDragging()
+    collect: (i) => ({
+      isDragging: i.isDragging()
     })
   });
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      ref: (o) => s(i(o)),
-      className: `${B.product} ${l ? B.dragging : ""}`,
-      children: c
+      ref: (i) => s(c(i)),
+      className: `${w.product} ${l ? w.dragging : ""}`,
+      children: o
     }
   );
-}, ii = (d) => {
+}, cc = (d) => {
   const {
     isActiveItems: n,
     setIsActiveItems: e,
-    items: c,
-    setItems: i,
+    items: o,
+    setItems: c,
     other: l,
     title: s,
-    subtitle: o,
+    subtitle: i,
     editable: m = !0,
     draggable: v = !1,
     withImage: u = !1,
@@ -1192,34 +1192,34 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
     addable: h = !0,
     itemsType: $,
     itemsOptions: b
-  } = d, [r, w] = f.useState(null), [Y, Q] = f.useState({
+  } = d, [r, B] = f.useState(null), [Y, Q] = f.useState({
     top: 0,
     left: 0
-  }), [F, y] = f.useState(!1), M = (g, k) => {
-    const S = [...c], [C] = S.splice(g, 1);
-    S.splice(k, 0, C), i(S);
+  }), [V, y] = f.useState(!1), E = (g, k) => {
+    const S = [...o], [C] = S.splice(g, 1);
+    S.splice(k, 0, C), c(S);
   };
   f.useEffect(() => {
     const g = () => {
-      w(null), y(!1);
+      B(null), y(!1);
     };
-    return document.body.addEventListener("click", g), w(null), y(!1), () => {
-      w(null), y(!1), document.body.removeEventListener("click", g);
+    return document.body.addEventListener("click", g), B(null), y(!1), () => {
+      B(null), y(!1), document.body.removeEventListener("click", g);
     };
   }, []), f.useEffect(() => {
     if (r) {
-      const g = [...c].map((k) => k.id === r.id ? r : k);
-      i(g);
+      const g = [...o].map((k) => k.id === r.id ? r : k);
+      c(g);
     }
   }, [r]);
-  const R = (g, k) => {
+  const M = (g, k) => {
     g.stopPropagation();
-    const S = g.target.getBoundingClientRect(), C = 100, U = window.innerHeight;
+    const S = g.target.getBoundingClientRect(), C = 100, F = window.innerHeight;
     let A = S.top + window.scrollY;
-    A + C > U && (A = U - C - 20), y(!0), Q({
+    A + C > F && (A = F - C - 20), y(!0), Q({
       top: A - 80,
       left: S.left - 30
-    }), w(k);
+    }), B(k);
   };
   function nt(g) {
     if (u)
@@ -1256,23 +1256,23 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
         W,
         {
           onChange: (C) => {
-            const U = [...c], A = Number(C.split(" ")[1]), _ = b.find((N) => N.id === A);
+            const F = [...o], A = Number(C.split(" ")[1]), _ = b.find((N) => N.id === A);
             if (!_) return;
             const T = {
               ..._.productData.stats,
               newPrice: _.productData.minPrice.amount,
               oldPrice: _.productData.compareAtPrice.amount
-            }, q = U.map((N) => N.id === g.id ? {
+            }, q = F.map((N) => N.id === g.id ? {
               ...g,
               name: C,
               listingId: A,
               stats: T
             } : N);
-            w({
+            B({
               ...g,
               name: C,
               listingId: A
-            }), i([...q]);
+            }), c([...q]);
           },
           value: g.name,
           options: [...b.map((C) => `Product ${C.id}`)],
@@ -1280,7 +1280,7 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
         },
         k
       ),
-      /* @__PURE__ */ t.jsxs("div", { className: B.buttons, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: w.buttons, children: [
         m && /* @__PURE__ */ t.jsx(
           p,
           {
@@ -1288,7 +1288,7 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (C) => R(C, g)
+            onClick: (C) => M(C, g)
           }
         ),
         a && /* @__PURE__ */ t.jsx(
@@ -1299,59 +1299,59 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => i(c.filter((C) => C.id !== g.id))
+            onClick: () => c(o.filter((C) => C.id !== g.id))
           }
         )
       ] })
     ] });
     return v ? /* @__PURE__ */ t.jsx(
-      Fs,
+      Vs,
       {
         product: g,
         index: k,
-        moveProduct: M,
+        moveProduct: E,
         children: S
       },
       g.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: B.product,
+        className: w.product,
         children: S
       },
       g.id
     );
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: B.productsBlock, children: [
-    (s || n !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: B.top, children: [
-      s && /* @__PURE__ */ t.jsx("h3", { className: B.title, children: s }),
+  return /* @__PURE__ */ t.jsxs("div", { className: w.productsBlock, children: [
+    (s || n !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: w.top, children: [
+      s && /* @__PURE__ */ t.jsx("h3", { className: w.title, children: s }),
       n !== void 0 && /* @__PURE__ */ t.jsx(
-        V,
+        H,
         {
           current: n,
           onChange: (g) => e == null ? void 0 : e(g)
         }
       )
     ] }),
-    F && r && /* @__PURE__ */ t.jsx(
-      Vs,
+    V && r && /* @__PURE__ */ t.jsx(
+      Hs,
       {
         activeItem: r,
-        setActiveItem: w,
+        setActiveItem: B,
         setIsOpenModal: y,
         popupPosition: Y
       }
     ),
-    /* @__PURE__ */ t.jsxs("div", { className: B.products, children: [
-      o && /* @__PURE__ */ t.jsx("h5", { className: B.subtitle, children: o }),
-      v ? /* @__PURE__ */ t.jsx(ut, { backend: _t, children: c.map((g, k) => st(g, k)) }) : c.map((g, k) => st(g, k)),
+    /* @__PURE__ */ t.jsxs("div", { className: w.products, children: [
+      i && /* @__PURE__ */ t.jsx("h5", { className: w.subtitle, children: i }),
+      v ? /* @__PURE__ */ t.jsx(ut, { backend: _t, children: o.map((g, k) => st(g, k)) }) : o.map((g, k) => st(g, k)),
       h && /* @__PURE__ */ t.jsxs(
         X,
         {
-          className: B.button,
+          className: w.button,
           size: "s",
           onClick: () => {
-            const g = [...c], k = b[0].id;
+            const g = [...o], k = b[0].id;
             g.push({
               name: `Product ${k}`,
               id: et(),
@@ -1363,7 +1363,7 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
                 newPrice: b[0].productData.minPrice.amount,
                 oldPrice: b[0].productData.compareAtPrice.amount
               }
-            }), i(g);
+            }), c(g);
           },
           children: [
             /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
@@ -1381,9 +1381,9 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
     ] }),
     l !== void 0 && /* @__PURE__ */ t.jsx(ft, { items: l })
   ] });
-}, Us = "_options_11lki_1", zs = "_price_11lki_12", Gs = "_oldPrice_11lki_19", Ws = "_newPrice_11lki_27", Xs = "_meta_11lki_34", Ys = "_info_11lki_40", Qs = "_infoRight_11lki_48", Js = "_buttons_11lki_55", Ks = "_variants_11lki_62", Zs = "_variant_11lki_62", tn = "_stock_11lki_79", en = "_variantInfo_11lki_86", sn = "_quantity_11lki_92", nn = "_count_11lki_99", cn = "_button_11lki_55", on = "_activeVariant_11lki_120", an = "_chargeTypes_11lki_124", ln = "_charge_11lki_124", rn = "_chargeActive_11lki_145", dn = "_title_11lki_150", j = {
-  options: Us,
-  price: zs,
+}, Fs = "_options_11lki_1", Us = "_price_11lki_12", Gs = "_oldPrice_11lki_19", Ws = "_newPrice_11lki_27", Xs = "_meta_11lki_34", Ys = "_info_11lki_40", Qs = "_infoRight_11lki_48", Js = "_buttons_11lki_55", Ks = "_variants_11lki_62", Zs = "_variant_11lki_62", tn = "_stock_11lki_79", en = "_variantInfo_11lki_86", sn = "_quantity_11lki_92", nn = "_count_11lki_99", cn = "_button_11lki_55", on = "_activeVariant_11lki_120", an = "_chargeTypes_11lki_124", ln = "_charge_11lki_124", rn = "_chargeActive_11lki_145", dn = "_title_11lki_150", j = {
+  options: Fs,
+  price: Us,
   oldPrice: Gs,
   newPrice: Ws,
   meta: Xs,
@@ -1404,13 +1404,13 @@ const jt = "_accordion_9e4oa_1", vt = "_header_9e4oa_9", kt = "_icon_9e4oa_18",
   title: dn
 };
 var bt = /* @__PURE__ */ ((d) => (d.ONE_TIME = "One-Time", d.RECURRING = "Subscribe & Save", d))(bt || {});
-const ci = (d) => {
-  const { variants: n } = d, [e, c] = f.useState(n[0]), [i, l] = f.useState(e.chargeTypes[0]), s = at(), [o, m] = f.useState(1), { reset: v, addProductToCart: u, getProducts: a } = lt();
+const oc = (d) => {
+  const { variants: n } = d, [e, o] = f.useState(n[0]), [c, l] = f.useState(e.chargeTypes[0]), s = at(), [i, m] = f.useState(1), { reset: v, addProductToCart: u, getProducts: a } = lt();
   async function h() {
     await a(), await u({
       productId: d.id,
       productVariantId: e.id,
-      quantity: o
+      quantity: i
     });
   }
   function $() {
@@ -1436,7 +1436,7 @@ const ci = (d) => {
       "div",
       {
         className: D(j.charge, {
-          [j.chargeActive]: i === r
+          [j.chargeActive]: c === r
         }),
         onClick: () => l(r),
         children: bt[r]
@@ -1449,16 +1449,16 @@ const ci = (d) => {
         className: D(j.variant, {
           [j.activeVariant]: e.id === r.id
         }),
-        onClick: () => c(r),
+        onClick: () => o(r),
         children: [
           /* @__PURE__ */ t.jsxs("div", { className: j.variantInfo, children: [
             /* @__PURE__ */ t.jsx("span", { className: j.title, children: r.name }),
             /* @__PURE__ */ t.jsxs("span", { children: [
               "$",
-              i === "ONE_TIME" ? r.price.amount : r.subscriptionSettings.price.amount
+              c === "ONE_TIME" ? r.price.amount : r.subscriptionSettings.price.amount
             ] })
           ] }),
-          /* @__PURE__ */ t.jsx("div", { children: i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: j.stock, children: [
+          /* @__PURE__ */ t.jsx("div", { children: c === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: j.stock, children: [
             r.quantity.restrictions.max || 0,
             " in stock"
           ] }) })
@@ -1466,18 +1466,18 @@ const ci = (d) => {
       },
       r.id
     )) }),
-    i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: j.quantity, children: [
+    c === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: j.quantity, children: [
       /* @__PURE__ */ t.jsx(
         "div",
         {
           onClick: () => {
-            o > 1 ? m((r) => r - 1) : m(1);
+            i > 1 ? m((r) => r - 1) : m(1);
           },
           className: j.button,
           children: /* @__PURE__ */ t.jsx(p, { name: "Minus" })
         }
       ),
-      /* @__PURE__ */ t.jsx("div", { className: j.count, children: o }),
+      /* @__PURE__ */ t.jsx("div", { className: j.count, children: i }),
       /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -1507,18 +1507,18 @@ const ci = (d) => {
       ] }),
       /* @__PURE__ */ t.jsxs("div", { className: j.info, children: [
         /* @__PURE__ */ t.jsx("span", { children: "Price" }),
-        /* @__PURE__ */ t.jsx("div", { className: j.infoRight, children: i === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: j.price, children: [
+        /* @__PURE__ */ t.jsx("div", { className: j.infoRight, children: c === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: j.price, children: [
           /* @__PURE__ */ t.jsxs("span", { className: j.newPrice, children: [
             "$ ",
-            (e.price.amount || 0) * o
+            (e.price.amount || 0) * i
           ] }),
           /* @__PURE__ */ t.jsxs("span", { className: j.oldPrice, children: [
             "$ ",
-            (e.compareAtPrice.amount || 0) * o
+            (e.compareAtPrice.amount || 0) * i
           ] })
         ] }) : /* @__PURE__ */ t.jsxs("span", { className: j.newPrice, children: [
           "$ ",
-          (e.price.amount || 0) * o
+          (e.price.amount || 0) * i
         ] }) : e.subscriptionSettings.compareAtPrice && (e.subscriptionSettings.compareAtPrice.amount || 0) - (e.subscriptionSettings.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: j.price, children: [
           /* @__PURE__ */ t.jsxs("span", { className: j.newPrice, children: [
             "$ ",
@@ -1540,10 +1540,10 @@ const ci = (d) => {
         {
           type: "Primary",
           onClick: () => $(),
-          children: "Buy Now"
+          children: /* @__PURE__ */ t.jsx("span", { children: c === "ONE_TIME" ? "Buy Now" : "Subscribe Now" })
         }
       ),
-      i === "ONE_TIME" && /* @__PURE__ */ t.jsx(
+      c === "ONE_TIME" && /* @__PURE__ */ t.jsx(
         X,
         {
           type: "Secondary",
@@ -1553,7 +1553,7 @@ const ci = (d) => {
       )
     ] })
   ] });
-}, un = "_button_iklta_1", _n = "_login_iklta_14", mn = "_signUp_iklta_18", pn = "_buttons_iklta_23", hn = "_modal_iklta_32", gn = "_info_iklta_48", xn = "_top_iklta_55", fn = "_title_iklta_66", bn = "_clear_iklta_72", jn = "_activeClear_iklta_79", vn = "_count_iklta_83", kn = "_cart_iklta_98", yn = "_empty_iklta_106", Nn = "_product_iklta_132", $n = "_products_iklta_141", Cn = "_image_iklta_149", In = "_productInfo_iklta_155", Pn = "_content_iklta_162", Tn = "_name_iklta_168", Bn = "_price_iklta_174", wn = "_productButtons_iklta_180", Sn = "_productButton_iklta_180", qn = "_productCount_iklta_200", An = "_bottom_iklta_216", On = "_subtotal_iklta_224", Ln = "_block_iklta_232", Dn = "_shoppingCount_iklta_239", En = "_total_iklta_259", Mn = "_link_iklta_265", x = {
+}, un = "_button_1kcpz_1", _n = "_login_1kcpz_14", mn = "_signUp_1kcpz_18", pn = "_buttons_1kcpz_23", hn = "_modal_1kcpz_32", gn = "_info_1kcpz_48", xn = "_top_1kcpz_55", fn = "_title_1kcpz_66", bn = "_clear_1kcpz_72", jn = "_activeClear_1kcpz_79", vn = "_count_1kcpz_83", kn = "_cart_1kcpz_98", yn = "_empty_1kcpz_106", Nn = "_product_1kcpz_132", $n = "_products_1kcpz_141", Cn = "_image_1kcpz_149", In = "_productInfo_1kcpz_155", Pn = "_content_1kcpz_162", Tn = "_name_1kcpz_168", wn = "_price_1kcpz_174", Bn = "_productButtons_1kcpz_180", Sn = "_productButton_1kcpz_180", qn = "_productCount_1kcpz_200", An = "_bottom_1kcpz_216", On = "_subtotal_1kcpz_224", Ln = "_block_1kcpz_232", Dn = "_shoppingCount_1kcpz_239", zn = "_total_1kcpz_259", En = "_link_1kcpz_265", x = {
   button: un,
   login: _n,
   signUp: mn,
@@ -1573,28 +1573,28 @@ const ci = (d) => {
   productInfo: In,
   content: Pn,
   name: Tn,
-  price: Bn,
-  productButtons: wn,
+  price: wn,
+  productButtons: Bn,
   productButton: Sn,
   productCount: qn,
   bottom: An,
   subtotal: On,
   block: Ln,
   shoppingCount: Dn,
-  total: En,
-  link: Mn
-}, oi = (d) => {
-  const { shopping: n, signUp: e } = d, c = at();
-  function i(l) {
-    c(l);
+  total: zn,
+  link: En
+}, ic = (d) => {
+  const { shopping: n, signUp: e } = d, o = at();
+  function c(l) {
+    o(l);
   }
   return /* @__PURE__ */ t.jsxs("div", { className: x.buttons, children: [
-    n && /* @__PURE__ */ t.jsx(Rn, {}),
+    n && /* @__PURE__ */ t.jsx(Mn, {}),
     /* @__PURE__ */ t.jsx(
       "div",
       {
         className: D(x.button, x.login),
-        onClick: () => i("/customer-dash"),
+        onClick: () => c("/customer-dash"),
         children: "Login"
       }
     ),
@@ -1602,40 +1602,40 @@ const ci = (d) => {
       "div",
       {
         className: D(x.button, x.login, x.signUp),
-        onClick: () => i("/customer-dash"),
+        onClick: () => c("/customer-dash"),
         children: "Sign Up"
       }
     )
   ] });
-}, Rn = () => {
-  const [d, n] = f.useState(!1), [e, c] = f.useState([]), { cart: i, getProducts: l } = lt();
+}, Mn = () => {
+  const [d, n] = f.useState(!1), [e, o] = f.useState([]), { cart: c, getProducts: l } = lt();
   function s(u) {
-    for (let a = 0; a < i.parts.length; a++)
+    for (let a = 0; a < c.parts.length; a++)
       for (let h = 0; h < u.variants.length; h++)
-        if (i.parts[a].productVariantId === u.variants[a].id)
-          return i.parts[a].productVariantId;
+        if (c.parts[a].productVariantId === u.variants[a].id)
+          return c.parts[a].productVariantId;
   }
-  function o(u) {
-    for (let a = 0; a < i.parts.length; a++)
+  function i(u) {
+    for (let a = 0; a < c.parts.length; a++)
       for (let h = 0; h < u.variants.length; h++)
-        if (i.parts[a].productVariantId === u.variants[a].id)
-          return i.parts[a].quantity;
+        if (c.parts[a].productVariantId === u.variants[a].id)
+          return c.parts[a].quantity;
   }
   f.useEffect(() => {
     (async () => {
-      const a = i.parts.map((b) => String(b.productId)), $ = (await l([...a])).map((b) => ({
+      const a = c.parts.map((b) => String(b.productId)), $ = (await l([...a])).map((b) => ({
         ...b,
         activeVariantId: s(b),
-        quantity: o(b)
+        quantity: i(b)
       }));
-      c($);
+      o($);
     })();
-  }, [i]);
+  }, [c]);
   function m(u) {
     var a;
     return !u || !(u != null && u.variants) ? !1 : (a = u.variants.find((h) => h.id === u.activeVariantId)) == null ? void 0 : a.subscriptionSettings;
   }
-  const v = i.parts.length > 0 && e.length > 0 && !m(e[0]);
+  const v = c.parts.length > 0 && e.length > 0 && !m(e[0]);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsxs(
       "div",
@@ -1649,25 +1649,25 @@ const ci = (d) => {
             p,
             {
               name: "Handbag",
-              fill: "#252525"
+              fill: "var(--icon-primary)"
             }
           ),
-          v && /* @__PURE__ */ t.jsx("div", { className: x.shoppingCount, children: i.parts.length })
+          v && /* @__PURE__ */ t.jsx("div", { className: x.shoppingCount, children: c.parts.length })
         ]
       }
     ),
     d && /* @__PURE__ */ t.jsx(ht, { close: n, children: /* @__PURE__ */ t.jsx(
-      Hn,
+      Rn,
       {
         activeProducts: e,
         isCartNotEmpty: v
       }
     ) })
   ] });
-}, Hn = (d) => {
-  const { activeProducts: n, isCartNotEmpty: e } = d, { cart: c, reset: i, getTotalAndDiscount: l, updateQuantityOfProduct: s } = lt(), o = at();
+}, Rn = (d) => {
+  const { activeProducts: n, isCartNotEmpty: e } = d, { cart: o, reset: c, getTotalAndDiscount: l, updateQuantityOfProduct: s } = lt(), i = at();
   function m(a) {
-    o(a);
+    i(a);
   }
   function v(a) {
     s({
@@ -1692,7 +1692,7 @@ const ci = (d) => {
         /* @__PURE__ */ t.jsxs("div", { className: x.top, children: [
           /* @__PURE__ */ t.jsxs("div", { className: x.info, children: [
             /* @__PURE__ */ t.jsx("span", { className: x.title, children: "Cart" }),
-            e && /* @__PURE__ */ t.jsx("div", { className: x.count, children: c.parts.length })
+            e && /* @__PURE__ */ t.jsx("div", { className: x.count, children: o.parts.length })
           ] }),
           /* @__PURE__ */ t.jsx(
             "button",
@@ -1701,7 +1701,7 @@ const ci = (d) => {
                 [x.activeClear]: e
               }),
               disabled: !e,
-              onClick: () => i(),
+              onClick: () => c(),
               children: "Clear all"
             }
           )
@@ -1793,11 +1793,11 @@ const ci = (d) => {
             ] }),
             /* @__PURE__ */ t.jsx(X, { onClick: () => m("/checkout"), children: "Checkout" })
           ] })
-        ] }) : /* @__PURE__ */ t.jsx(Vn, {})
+        ] }) : /* @__PURE__ */ t.jsx(Hn, {})
       ]
     }
   );
-}, Vn = () => /* @__PURE__ */ t.jsxs("div", { className: x.empty, children: [
+}, Hn = () => /* @__PURE__ */ t.jsxs("div", { className: x.empty, children: [
   /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(p, { name: "Handbag" }) }),
   /* @__PURE__ */ t.jsx("span", { children: "Your cart is empty" }),
   /* @__PURE__ */ t.jsxs("span", { children: [
@@ -1812,17 +1812,17 @@ const ci = (d) => {
       }
     )
   ] })
-] }), Fn = "_share_9g414_1", Un = "_modal_9g414_8", zn = "_header_9g414_14", Gn = "_socials_9g414_24", Wn = "_social_9g414_24", Xn = "_copy_9g414_34", Yn = "_title_9g414_41", Qn = "_copyWrapper_9g414_47", Jn = "_copyText_9g414_56", L = {
-  share: Fn,
-  modal: Un,
-  header: zn,
+] }), Vn = "_share_9g414_1", Fn = "_modal_9g414_8", Un = "_header_9g414_14", Gn = "_socials_9g414_24", Wn = "_social_9g414_24", Xn = "_copy_9g414_34", Yn = "_title_9g414_41", Qn = "_copyWrapper_9g414_47", Jn = "_copyText_9g414_56", L = {
+  share: Vn,
+  modal: Fn,
+  header: Un,
   socials: Gn,
   social: Wn,
   copy: Xn,
   title: Yn,
   copyWrapper: Qn,
   copyText: Jn
-}, ai = () => {
+}, ac = () => {
   const { isOpenModal: d, setIsOpenModal: n } = gt();
   function e() {
     n(!0);
@@ -1832,8 +1832,8 @@ const ci = (d) => {
       "div",
       {
         className: L.share,
-        onClick: (c) => {
-          c.stopPropagation(), e();
+        onClick: (o) => {
+          o.stopPropagation(), e();
         },
         children: /* @__PURE__ */ t.jsx(
           p,
@@ -1862,7 +1862,7 @@ const ci = (d) => {
     "div",
     {
       className: L.modal,
-      onClick: (c) => c.stopPropagation(),
+      onClick: (o) => o.stopPropagation(),
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: L.header, children: [
           /* @__PURE__ */ t.jsx("div", { className: L.title, children: "Share this Post" }),
@@ -1875,7 +1875,7 @@ const ci = (d) => {
             }
           )
         ] }),
-        /* @__PURE__ */ t.jsx("div", { className: L.socials, children: Object.keys(rt).map((c) => /* @__PURE__ */ t.jsx("div", { className: L.social, children: /* @__PURE__ */ t.jsx(p, { name: rt[c] }) })) }),
+        /* @__PURE__ */ t.jsx("div", { className: L.socials, children: Object.keys(rt).map((o) => /* @__PURE__ */ t.jsx("div", { className: L.social, children: /* @__PURE__ */ t.jsx(p, { name: rt[o] }) })) }),
         /* @__PURE__ */ t.jsxs("div", { className: L.copyWrapper, children: [
           /* @__PURE__ */ t.jsx(
             "div",
@@ -1899,36 +1899,36 @@ const ci = (d) => {
   );
 };
 export {
-  ei as Accordion,
+  ec as Accordion,
   X as Button,
   as as ButtonTypeSettings,
-  ni as ButtonsSettings,
-  di as Checkbox,
-  ot as ChooseImage,
-  ui as ChooseImageModal,
-  _i as ColorPicker,
-  Vn as EmptyCart,
-  mi as ErrorableBlock,
-  oi as HeaderButtons,
+  nc as ButtonsSettings,
+  dc as Checkbox,
+  it as ChooseImage,
+  uc as ChooseImageModal,
+  _c as ColorPicker,
+  Hn as EmptyCart,
+  mc as ErrorableBlock,
+  ic as HeaderButtons,
   p as Icon,
   G as Input,
   be as ItemsSettings,
-  si as LayoutSettings,
-  ii as ListingSelector,
-  pi as Loader,
+  sc as LayoutSettings,
+  cc as ListingSelector,
+  pc as Loader,
   ht as Modal,
-  hi as Picker,
-  ci as ProductOptions,
-  gi as Radio,
+  hc as Picker,
+  oc as ProductOptions,
+  gc as Radio,
   ks as RangeSelector,
   W as Select,
-  ai as ShareLink,
-  Rn as ShoppingButton,
-  Hn as ShoppingModalCart,
-  xi as Submodal,
-  V as Switch,
+  ac as ShareLink,
+  Mn as ShoppingButton,
+  Rn as ShoppingModalCart,
+  xc as Submodal,
+  H as Switch,
   Wt as TextSettings,
   dt as Textarea,
-  fi as Tip,
+  fc as Tip,
   xt as TypesText
 };