@billgangcom/theme-lib 1.37.0 → 1.38.0

package/dist/ui.es.js

@@ -1,21 +1,21 @@
-import { j as t, I as b, c as F, a as W, S as Z, T as Ot, C as gt, b as st, u as It, d as $t, D as Nt, e as wt, v as Ct, B as ct, f as _t, P as Bt, g as St, h as Tt, i as Ht, k as vt, l as Pt, m as qt, M as Et, n as Dt, o as zt } from "./index-CncZkk5o.js";
-import { p as ja, L as ya } from "./index-CncZkk5o.js";
+import { j as t, I as v, c as F, a as W, S as Z, T as Ot, C as gt, b as st, u as It, d as $t, D as Nt, e as wt, v as Ct, B as ct, f as mt, P as Bt, g as St, h as Tt, i as Ht, k as bt, l as Pt, m as qt, M as Et, n as Dt, o as zt, p as Ft } from "./index-BRelv8dA.js";
+import { q as ya, L as ka } from "./index-BRelv8dA.js";
 import p from "react";
 import "@phosphor-icons/react";
-const Ft = "_wrapper_1ibay_2", Vt = "_alignmentBlock_1ibay_8", Ut = "_title_1ibay_15", Yt = "_subtitle_1ibay_22", Gt = "_alignmentContent_1ibay_29", Wt = "_alignments_1ibay_37", Xt = "_alignment_1ibay_8", Jt = "_circle_1ibay_60", Qt = "_paddings_1ibay_67", Kt = "_padding_1ibay_67", Zt = "_active_1ibay_91", te = "_input_1ibay_98", J = {
-  wrapper: Ft,
-  alignmentBlock: Vt,
-  title: Ut,
-  subtitle: Yt,
-  alignmentContent: Gt,
-  alignments: Wt,
-  alignment: Xt,
-  circle: Jt,
-  paddings: Qt,
-  padding: Kt,
-  active: Zt,
-  input: te
-}, ee = [
+const Vt = "_wrapper_1ibay_2", Ut = "_alignmentBlock_1ibay_8", Yt = "_title_1ibay_15", Gt = "_subtitle_1ibay_22", Wt = "_alignmentContent_1ibay_29", Xt = "_alignments_1ibay_37", Jt = "_alignment_1ibay_8", Qt = "_circle_1ibay_60", Kt = "_paddings_1ibay_67", Zt = "_padding_1ibay_67", te = "_active_1ibay_91", ee = "_input_1ibay_98", J = {
+  wrapper: Vt,
+  alignmentBlock: Ut,
+  title: Yt,
+  subtitle: Gt,
+  alignmentContent: Wt,
+  alignments: Xt,
+  alignment: Jt,
+  circle: Qt,
+  paddings: Kt,
+  padding: Zt,
+  active: te,
+  input: ee
+}, se = [
   "topLeft",
   "top",
   "topRight",
@@ -25,10 +25,10 @@ const Ft = "_wrapper_1ibay_2", Vt = "_alignmentBlock_1ibay_8", Ut = "_title_1iba
   "bottomLeft",
   "bottom",
   "bottomRight"
-], se = ["left", "top", "right", "bottom"], la = (r) => {
+], ne = ["left", "top", "right", "bottom"], ra = (r) => {
   const { alignment: a, padding: e, setPadding: s, setAlignment: i } = r;
-  function o(f) {
-    switch (f) {
+  function o(x) {
+    switch (x) {
       case "left":
       case "topLeft":
       case "bottomLeft":
@@ -45,8 +45,8 @@ const Ft = "_wrapper_1ibay_2", Vt = "_alignmentBlock_1ibay_8", Ut = "_title_1iba
         return "TextAlignCenter";
     }
   }
-  function l(f) {
-    switch (f) {
+  function l(x) {
+    switch (x) {
       case "left":
         return "AlignLeft";
       case "right":
@@ -57,29 +57,29 @@ const Ft = "_wrapper_1ibay_2", Vt = "_alignmentBlock_1ibay_8", Ut = "_title_1iba
         return "AlignBottom";
     }
   }
-  const [d, n] = p.useState(null), [c, v] = p.useState(null);
+  const [d, n] = p.useState(null), [c, b] = p.useState(null);
   return /* @__PURE__ */ t.jsxs("div", { className: J.layout, children: [
     /* @__PURE__ */ t.jsx("h3", { className: J.title, children: "Layout" }),
     /* @__PURE__ */ t.jsxs("div", { className: J.alignmentBlock, children: [
       /* @__PURE__ */ t.jsx("h5", { className: J.subtitle, children: "Alignment" }),
       /* @__PURE__ */ t.jsxs("div", { className: J.alignmentContent, children: [
-        /* @__PURE__ */ t.jsx("div", { className: J.alignments, children: ee.map((f) => /* @__PURE__ */ t.jsxs(
+        /* @__PURE__ */ t.jsx("div", { className: J.alignments, children: se.map((x) => /* @__PURE__ */ t.jsxs(
           "div",
           {
             onClick: () => {
-              i(f);
+              i(x);
             },
             className: J.alignment,
             onMouseEnter: () => {
-              n(f);
+              n(x);
             },
             onMouseLeave: () => {
               n(null);
             },
             children: [
-              f !== a && d !== f && /* @__PURE__ */ t.jsx("div", { className: J.circle }),
-              f !== a && d === f && /* @__PURE__ */ t.jsx(
-                b,
+              x !== a && d !== x && /* @__PURE__ */ t.jsx("div", { className: J.circle }),
+              x !== a && d === x && /* @__PURE__ */ t.jsx(
+                v,
                 {
                   name: o(d),
                   fill: "#c2c2c2",
@@ -87,8 +87,8 @@ const Ft = "_wrapper_1ibay_2", Vt = "_alignmentBlock_1ibay_8", Ut = "_title_1iba
                   height: 22
                 }
               ),
-              f === a && /* @__PURE__ */ t.jsx(
-                b,
+              x === a && /* @__PURE__ */ t.jsx(
+                v,
                 {
                   name: o(a),
                   fill: "#FF3F19",
@@ -98,25 +98,25 @@ const Ft = "_wrapper_1ibay_2", Vt = "_alignmentBlock_1ibay_8", Ut = "_title_1iba
               )
             ]
           },
-          f
+          x
         )) }),
-        /* @__PURE__ */ t.jsx("div", { className: J.paddings, children: se.map((f) => /* @__PURE__ */ t.jsxs(
+        /* @__PURE__ */ t.jsx("div", { className: J.paddings, children: ne.map((x) => /* @__PURE__ */ t.jsxs(
           "label",
           {
             className: F(J.padding, {
-              [J.active]: c === f
+              [J.active]: c === x
             }),
             onFocus: () => {
-              v(f);
+              b(x);
             },
             onBlur: () => {
-              v(null);
+              b(null);
             },
             children: [
               /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-                b,
+                v,
                 {
-                  name: l(f),
+                  name: l(x),
                   width: 20,
                   height: 20
                 }
@@ -125,10 +125,10 @@ const Ft = "_wrapper_1ibay_2", Vt = "_alignmentBlock_1ibay_8", Ut = "_title_1iba
                 W,
                 {
                   type: "number",
-                  value: String(e[f]),
-                  onChange: (m) => s({
+                  value: String(e[x]),
+                  onChange: (h) => s({
                     ...e,
-                    [f]: Number(m)
+                    [x]: Number(h)
                   }),
                   paddingless: !0,
                   borderless: !0
@@ -136,22 +136,22 @@ const Ft = "_wrapper_1ibay_2", Vt = "_alignmentBlock_1ibay_8", Ut = "_title_1iba
               )
             ]
           },
-          f
+          x
         )) })
       ] })
     ] })
   ] });
-}, ne = "_title_1jkiw_1", ie = "_subtitle_1jkiw_5", oe = "_header_1jkiw_12", ae = "_text_1jkiw_13", ce = "_top_1jkiw_20", le = "_itemsBlock_1jkiw_29", ht = {
-  title: ne,
-  subtitle: ie,
-  header: oe,
-  text: ae,
-  top: ce,
-  itemsBlock: le
-}, re = "_typeTexts_167ez_1", de = "_block_167ez_8", ue = "_active_167ez_25", jt = {
-  typeTexts: re,
-  block: de,
-  active: ue
+}, ie = "_title_1jkiw_1", oe = "_subtitle_1jkiw_5", ae = "_header_1jkiw_12", ce = "_text_1jkiw_13", le = "_top_1jkiw_20", re = "_itemsBlock_1jkiw_29", _t = {
+  title: ie,
+  subtitle: oe,
+  header: ae,
+  text: ce,
+  top: le,
+  itemsBlock: re
+}, de = "_typeTexts_167ez_1", ue = "_block_167ez_8", me = "_active_167ez_25", jt = {
+  typeTexts: de,
+  block: ue,
+  active: me
 }, _e = ["bold", "italic", "underline", "strike-through", "code"], Lt = (r) => {
   const { typesText: a, setTypesText: e } = r;
   function s(i) {
@@ -183,7 +183,7 @@ const Ft = "_wrapper_1ibay_2", Vt = "_alignmentBlock_1ibay_8", Ut = "_title_1iba
           o.push(i), e(o);
       },
       children: /* @__PURE__ */ t.jsx(
-        b,
+        v,
         {
           name: s(i),
           fill: a.includes(i) ? "#252525" : "#757575",
@@ -205,9 +205,9 @@ const Ft = "_wrapper_1ibay_2", Vt = "_alignmentBlock_1ibay_8", Ut = "_title_1iba
     title: d,
     subtitle: n = "Items"
   } = r;
-  return /* @__PURE__ */ t.jsxs("div", { className: ht.text, children: [
-    (d || e !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: ht.top, children: [
-      d && /* @__PURE__ */ t.jsx("h3", { className: ht.title, children: d }),
+  return /* @__PURE__ */ t.jsxs("div", { className: _t.text, children: [
+    (d || e !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: _t.top, children: [
+      d && /* @__PURE__ */ t.jsx("h3", { className: _t.title, children: d }),
       e !== void 0 && s && /* @__PURE__ */ t.jsx(
         Z,
         {
@@ -216,8 +216,8 @@ const Ft = "_wrapper_1ibay_2", Vt = "_alignmentBlock_1ibay_8", Ut = "_title_1iba
         }
       )
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: ht.itemsBlock, children: [
-      /* @__PURE__ */ t.jsx("h5", { className: ht.subtitle, children: n }),
+    /* @__PURE__ */ t.jsxs("div", { className: _t.itemsBlock, children: [
+      /* @__PURE__ */ t.jsx("h5", { className: _t.subtitle, children: n }),
       /* @__PURE__ */ t.jsx(
         Ot,
         {
@@ -235,32 +235,32 @@ const Ft = "_wrapper_1ibay_2", Vt = "_alignmentBlock_1ibay_8", Ut = "_title_1iba
       )
     ] })
   ] });
-}, he = "_title_v8pu8_1", me = "_subtitle_v8pu8_5", pe = "_header_v8pu8_12", ge = "_text_v8pu8_13", fe = "_productsBlock_v8pu8_14", xe = "_top_v8pu8_26", ve = "_itemsBlock_v8pu8_35", be = "_typeTexts_v8pu8_41", je = "_block_v8pu8_48", ye = "_active_v8pu8_61", ke = "_products_v8pu8_14", Ie = "_product_v8pu8_14", $e = "_button_v8pu8_80", Ne = "_disabled_v8pu8_91", we = "_image_v8pu8_95", Ce = "_info_v8pu8_102", Be = "_name_v8pu8_114", Se = "_buttons_v8pu8_118", Te = "_modal_v8pu8_125", Pe = "_link_v8pu8_145", Ae = "_modalOptions_v8pu8_151", Oe = "_addButton_v8pu8_164", qe = "_deleteButton_v8pu8_179", Ee = "_closeIcon_v8pu8_191", M = {
+}, he = "_title_xma5o_1", pe = "_subtitle_xma5o_5", ge = "_header_xma5o_12", xe = "_text_xma5o_13", fe = "_productsBlock_xma5o_14", be = "_top_xma5o_26", ve = "_itemsBlock_xma5o_35", je = "_typeTexts_xma5o_41", ye = "_block_xma5o_48", ke = "_active_xma5o_61", Ie = "_products_xma5o_14", $e = "_product_xma5o_14", Ne = "_button_xma5o_80", we = "_disabled_xma5o_91", Ce = "_image_xma5o_95", Be = "_info_xma5o_102", Se = "_name_xma5o_114", Te = "_buttons_xma5o_118", Pe = "_modal_xma5o_125", Ae = "_link_xma5o_145", Oe = "_modalOptions_xma5o_151", qe = "_addButton_xma5o_165", Ee = "_deleteButton_xma5o_180", De = "_closeIcon_xma5o_192", M = {
   title: he,
-  subtitle: me,
-  header: pe,
-  text: ge,
+  subtitle: pe,
+  header: ge,
+  text: xe,
   productsBlock: fe,
-  top: xe,
+  top: be,
   itemsBlock: ve,
-  typeTexts: be,
-  block: je,
-  active: ye,
-  products: ke,
-  product: Ie,
-  button: $e,
-  disabled: Ne,
-  image: we,
-  info: Ce,
-  name: Be,
-  buttons: Se,
-  modal: Te,
-  link: Pe,
-  modalOptions: Ae,
-  addButton: Oe,
-  deleteButton: qe,
-  closeIcon: Ee
-}, De = p.forwardRef(
+  typeTexts: je,
+  block: ye,
+  active: ke,
+  products: Ie,
+  product: $e,
+  button: Ne,
+  disabled: we,
+  image: Ce,
+  info: Be,
+  name: Se,
+  buttons: Te,
+  modal: Pe,
+  link: Ae,
+  modalOptions: Oe,
+  addButton: qe,
+  deleteButton: Ee,
+  closeIcon: De
+}, Le = p.forwardRef(
   (r, a) => {
     const { activeItem: e, setActiveItem: s, popupPosition: i, modalOptions: o, setIsOpenModal: l } = r;
     function d(n, c) {
@@ -282,7 +282,7 @@ const Ft = "_wrapper_1ibay_2", Vt = "_alignmentBlock_1ibay_8", Ut = "_title_1iba
           /* @__PURE__ */ t.jsxs("div", { className: M.top, children: [
             /* @__PURE__ */ t.jsx("h3", { className: M.title, children: d(e.name, 20) }),
             /* @__PURE__ */ t.jsx("div", { className: M.closeIcon, children: /* @__PURE__ */ t.jsx(
-              b,
+              v,
               {
                 name: "X",
                 height: 20,
@@ -301,11 +301,11 @@ const Ft = "_wrapper_1ibay_2", Vt = "_alignmentBlock_1ibay_8", Ut = "_title_1iba
                   label: "Put up an attractive image",
                   activeImage: e[n.field],
                   onChange: (c) => {
-                    const v = {
+                    const b = {
                       ...e,
                       [n.field]: c
                     };
-                    s(v);
+                    s(b);
                   }
                 },
                 String(n.field)
@@ -316,19 +316,19 @@ const Ft = "_wrapper_1ibay_2", Vt = "_alignmentBlock_1ibay_8", Ut = "_title_1iba
                 {
                   typesText: e[n.field.type],
                   setTypesText: (c) => {
-                    const v = {
+                    const b = {
                       ...e,
                       [n.field.type]: c
                     };
-                    s(v);
+                    s(b);
                   },
                   text: e[n.field.text] || "",
                   setText: (c) => {
-                    const v = {
+                    const b = {
                       ...e,
                       [n.field.text]: c
                     };
-                    s(v);
+                    s(b);
                   },
                   subtitle: n.label
                 }
@@ -338,11 +338,11 @@ const Ft = "_wrapper_1ibay_2", Vt = "_alignmentBlock_1ibay_8", Ut = "_title_1iba
                 W,
                 {
                   onChange: (c) => {
-                    const v = {
+                    const b = {
                       ...e,
                       [n.field]: c
                     };
-                    s(v);
+                    s(b);
                   },
                   value: e[n.field] || "",
                   label: n.label,
@@ -355,11 +355,11 @@ const Ft = "_wrapper_1ibay_2", Vt = "_alignmentBlock_1ibay_8", Ut = "_title_1iba
                   W,
                   {
                     onChange: (c) => {
-                      const v = {
+                      const b = {
                         ...e,
                         [n.field.text]: c
                       };
-                      s(v);
+                      s(b);
                     },
                     value: e[n.field.text] || "",
                     label: n.inputLabel,
@@ -372,26 +372,26 @@ const Ft = "_wrapper_1ibay_2", Vt = "_alignmentBlock_1ibay_8", Ut = "_title_1iba
                     current: !!e[n.field.switch] || !1,
                     label: n.switchLabel,
                     onChange: (c) => {
-                      const v = {
+                      const b = {
                         ...e,
                         [n.field.switch]: c
                       };
-                      s(v);
+                      s(b);
                     }
                   }
                 )
               ] });
             if (n.type === "list")
               return /* @__PURE__ */ t.jsx(
-                ze,
+                Fe,
                 {
                   items: e[n.field] || [],
                   setItems: (c) => {
-                    const v = {
+                    const b = {
                       ...e,
                       [n.field]: c
                     };
-                    s(v);
+                    s(b);
                   },
                   itemsType: "select",
                   draggable: n.draggable || !1,
@@ -408,15 +408,15 @@ const Ft = "_wrapper_1ibay_2", Vt = "_alignmentBlock_1ibay_8", Ut = "_title_1iba
                 {
                   options: n.itemsOptions,
                   onChange: (c) => {
-                    const v = {
+                    const b = {
                       ...e,
                       [n.field]: c
                     };
-                    s(v);
+                    s(b);
                   },
                   label: n.label,
                   value: e[n.field] || "String",
-                  leftAddon: n.leftAddon && n.leftAddon === "icon" && /* @__PURE__ */ t.jsx(b, { name: e[n.field] })
+                  leftAddon: n.leftAddon && n.leftAddon === "icon" && /* @__PURE__ */ t.jsx(v, { name: e[n.field] })
                 }
               );
           }) })
@@ -424,11 +424,11 @@ const Ft = "_wrapper_1ibay_2", Vt = "_alignmentBlock_1ibay_8", Ut = "_title_1iba
       }
     );
   }
-), Le = "_other_g74jx_1", Re = "_subtitle_g74jx_7", Me = "_items_g74jx_14", yt = {
-  other: Le,
-  subtitle: Re,
-  items: Me
-}, bt = (r) => {
+), Re = "_other_g74jx_1", Me = "_subtitle_g74jx_7", He = "_items_g74jx_14", yt = {
+  other: Re,
+  subtitle: Me,
+  items: He
+}, vt = (r) => {
   const { items: a, title: e = "Other" } = r;
   return /* @__PURE__ */ t.jsxs("div", { className: yt.other, children: [
     /* @__PURE__ */ t.jsx("h5", { className: yt.subtitle, children: e }),
@@ -445,7 +445,7 @@ const Ft = "_wrapper_1ibay_2", Vt = "_alignmentBlock_1ibay_8", Ut = "_title_1iba
     )) })
   ] });
 };
-function He({ product: r, children: a }) {
+function ze({ product: r, children: a }) {
   const {
     attributes: e,
     listeners: s,
@@ -471,7 +471,7 @@ function He({ product: r, children: a }) {
     }
   );
 }
-const ze = (r) => {
+const Fe = (r) => {
   const {
     isActiveItems: a,
     setIsActiveItems: e,
@@ -482,10 +482,10 @@ const ze = (r) => {
     subtitle: d,
     editable: n = !0,
     draggable: c = !1,
-    withImage: v = !1,
-    deletable: f = !0,
-    addable: m = !0,
-    itemsType: h,
+    withImage: b = !1,
+    deletable: x = !0,
+    addable: h = !0,
+    itemsType: _,
     itemsPlaceholder: g = "",
     itemsOptions: u,
     hasRangeSelector: w = !1,
@@ -494,7 +494,7 @@ const ze = (r) => {
     addableOptions: L = {},
     limit: B,
     autoScrollInterval: S
-  } = r, [x, D] = p.useState(null), [X, tt] = p.useState({
+  } = r, [f, D] = p.useState(null), [X, tt] = p.useState({
     top: 0,
     left: 0
   }), [y, $] = p.useState(null), E = p.useRef(null), [G, A] = p.useState(!1), H = It(
@@ -505,47 +505,47 @@ const ze = (r) => {
     })
   );
   p.useEffect(() => {
-    const _ = () => {
+    const m = () => {
       D(null), A(!1);
     };
-    return document.body.addEventListener("click", _), D(null), A(!1), () => {
-      D(null), A(!1), document.body.removeEventListener("click", _);
+    return document.body.addEventListener("click", m), D(null), A(!1), () => {
+      D(null), A(!1), document.body.removeEventListener("click", m);
     };
   }, []), p.useEffect(() => {
-    if (x) {
-      const _ = [...s].map((I) => I.id === x.id ? x : I);
-      i(_);
+    if (f) {
+      const m = [...s].map((I) => I.id === f.id ? f : I);
+      i(m);
     }
-  }, [x]), p.useEffect(() => {
+  }, [f]), p.useEffect(() => {
     if (E.current && y) {
-      const _ = E.current.getBoundingClientRect().height, I = window.innerHeight;
+      const m = E.current.getBoundingClientRect().height, I = window.innerHeight;
       let T = y.top;
-      T + _ > I + window.scrollY - 200 && (T = I + window.scrollY - _ - 200), T < 0 && (T = 10), tt({
+      T + m > I + window.scrollY - 200 && (T = I + window.scrollY - m - 200), T < 0 && (T = 10), tt({
         top: T,
         left: y.left
       });
     }
   }, [E.current, y]);
-  const K = (_, I) => {
-    _.stopPropagation();
-    const T = _.target.getBoundingClientRect();
+  const K = (m, I) => {
+    m.stopPropagation();
+    const T = m.target.getBoundingClientRect();
     $({
       top: T.top + window.scrollY,
       left: T.left - 30
     }), D(I), A(!0);
   };
-  function lt(_) {
-    if (v)
-      return _ ? /* @__PURE__ */ t.jsx(
+  function lt(m) {
+    if (b)
+      return m ? /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: `https://imagedelivery.net/${_[0]}/w=1000`,
+          src: `https://imagedelivery.net/${m[0]}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
         }
       ) : /* @__PURE__ */ t.jsx(
-        b,
+        v,
         {
           name: "Image",
           width: 16,
@@ -554,8 +554,8 @@ const ze = (r) => {
         }
       );
   }
-  const j = (_) => {
-    const { active: I, over: T } = _;
+  const j = (m) => {
+    const { active: I, over: T } = m;
     if (T && I.id !== T.id) {
       const R = s.findIndex((P) => P.id === I.id), U = s.findIndex((P) => P.id === T.id);
       if (R !== -1 && U !== -1) {
@@ -563,11 +563,11 @@ const ze = (r) => {
         P.splice(U, 0, rt), i(P);
       }
     }
-  }, O = (_, I) => {
+  }, O = (m, I) => {
     var R, U;
     const T = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       c && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        b,
+        v,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -575,92 +575,92 @@ const ze = (r) => {
           height: 20
         }
       ) }),
-      h === "select" && u && /* @__PURE__ */ t.jsx(
+      _ === "select" && u && /* @__PURE__ */ t.jsx(
         st,
         {
           onChange: (P) => {
-            const rt = [...s], ut = u.find((ft) => ft.name === P);
+            const rt = [...s], ut = u.find((xt) => xt.name === P);
             if (!ut) return;
-            const dt = rt.map((ft) => ft.id === _.id ? {
+            const dt = rt.map((xt) => xt.id === m.id ? {
               ...ut,
               name: P
-            } : ft);
+            } : xt);
             D({
-              ..._,
+              ...m,
               name: P
             }), i([...dt]);
           },
-          value: _.name,
+          value: m.name,
           options: u.filter((P) => !s.find((rt) => rt.name === P.name)).map((P) => P.name),
-          leftAddon: lt(_.images)
+          leftAddon: lt(m.images)
         }
       ),
-      h === "input" && /* @__PURE__ */ t.jsx(
+      _ === "input" && /* @__PURE__ */ t.jsx(
         W,
         {
           onChange: (P) => {
-            const ut = [...s].map((dt) => dt.id === _.id ? {
-              ..._,
+            const ut = [...s].map((dt) => dt.id === m.id ? {
+              ...m,
               name: P
             } : dt);
             i([...ut]);
           },
-          value: _.name,
+          value: m.name,
           placeholder: g
         }
       ),
-      h === "image" && /* @__PURE__ */ t.jsx(
+      _ === "image" && /* @__PURE__ */ t.jsx(
         gt,
         {
           onChange: (P) => {
-            const ut = [...s].map((dt) => dt.id === _.id ? {
-              ..._,
+            const ut = [...s].map((dt) => dt.id === m.id ? {
+              ...m,
               images: P
             } : dt);
             i([...ut]);
           },
-          activeImage: (R = s.find((P) => P.id === _.id)) != null && R.images ? (U = s.find((P) => P.id === _.id)) == null ? void 0 : U.images[0] : void 0
+          activeImage: (R = s.find((P) => P.id === m.id)) != null && R.images ? (U = s.find((P) => P.id === m.id)) == null ? void 0 : U.images[0] : void 0
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: M.buttons, children: [
         n && /* @__PURE__ */ t.jsx("div", { className: M.deleteButton, children: /* @__PURE__ */ t.jsx(
-          b,
+          v,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (P) => K(P, _)
+            onClick: (P) => K(P, m)
           }
         ) }),
-        f && /* @__PURE__ */ t.jsx("div", { className: M.deleteButton, children: /* @__PURE__ */ t.jsx(
-          b,
+        x && /* @__PURE__ */ t.jsx("div", { className: M.deleteButton, children: /* @__PURE__ */ t.jsx(
+          v,
           {
             name: "Trash",
             hoverable: !0,
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => i(s.filter((P) => P.id !== _.id))
+            onClick: () => i(s.filter((P) => P.id !== m.id))
           }
         ) })
       ] })
     ] });
     return c ? /* @__PURE__ */ t.jsx(
-      He,
+      ze,
       {
-        product: _,
+        product: m,
         index: I,
         children: T
       },
-      _.id
+      m.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: M.product,
         children: T
       },
-      _.id
+      m.id
     );
   };
   return /* @__PURE__ */ t.jsxs("div", { className: M.productsBlock, children: [
@@ -670,15 +670,15 @@ const ze = (r) => {
         Z,
         {
           current: a,
-          onChange: (_) => e == null ? void 0 : e(_)
+          onChange: (m) => e == null ? void 0 : e(m)
         }
       )
     ] }),
-    x && n && k && G && /* @__PURE__ */ t.jsx(
-      De,
+    f && n && k && G && /* @__PURE__ */ t.jsx(
+      Le,
       {
         ref: E,
-        activeItem: x,
+        activeItem: f,
         setActiveItem: D,
         popupPosition: X,
         modalOptions: k,
@@ -696,14 +696,14 @@ const ze = (r) => {
           children: /* @__PURE__ */ t.jsx(
             wt,
             {
-              items: s.map((_) => _.id),
+              items: s.map((m) => m.id),
               strategy: Ct,
-              children: s.map((_, I) => O(_, I))
+              children: s.map((m, I) => O(m, I))
             }
           )
         }
-      ) : s.map((_, I) => O(_, I)),
-      m && /* @__PURE__ */ t.jsx(
+      ) : s.map((m, I) => O(m, I)),
+      h && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -721,7 +721,7 @@ const ze = (r) => {
               size: "s",
               disabled: !!(B && B <= s.length || s.length === (u == null ? void 0 : u.length)),
               onClick: () => {
-                const _ = [...s];
+                const m = [...s];
                 let I = null;
                 if (u) {
                   for (let T = 0; T < u.length; T++)
@@ -730,19 +730,19 @@ const ze = (r) => {
                       break;
                     }
                 }
-                h === "select" && u ? _.push({
+                _ === "select" && u ? m.push({
                   name: I ? I.name : u[0].name,
                   id: (I == null ? void 0 : I.id) || u[0].id,
                   ...L
-                }) : h === "input" ? _.push({
+                }) : _ === "input" ? m.push({
                   name: "",
-                  id: _t(),
+                  id: mt(),
                   ...L
-                }) : _.push({
+                }) : m.push({
                   name: `Image ${s.length + 1}`,
-                  id: _t(),
+                  id: mt(),
                   ...L
-                }), i(_);
+                }), i(m);
               },
               style: {
                 width: "fit-content"
@@ -750,7 +750,7 @@ const ze = (r) => {
               children: /* @__PURE__ */ t.jsxs("div", { className: M.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
-                  b,
+                  v,
                   {
                     name: "Plus",
                     width: 16,
@@ -763,14 +763,14 @@ const ze = (r) => {
         }
       )
     ] }),
-    o !== void 0 && /* @__PURE__ */ t.jsx(bt, { items: o }),
+    o !== void 0 && /* @__PURE__ */ t.jsx(vt, { items: o }),
     S !== void 0 && /* @__PURE__ */ t.jsx(
       W,
       {
         label: "Auto scroll interval",
         type: "number",
         value: String(S.scrollInterval),
-        onChange: (_) => S.setScrollInterval(Number(_)),
+        onChange: (m) => S.setScrollInterval(Number(m)),
         min: 0.1,
         max: 100,
         style: {
@@ -780,31 +780,31 @@ const ze = (r) => {
       }
     )
   ] });
-}, Fe = "_title_82zux_1", Ve = "_subtitle_82zux_5", Ue = "_header_82zux_12", Ye = "_text_82zux_13", Ge = "_productsBlock_82zux_14", We = "_top_82zux_26", Xe = "_itemsBlock_82zux_35", Je = "_typeTexts_82zux_41", Qe = "_block_82zux_48", Ke = "_active_82zux_61", Ze = "_products_82zux_14", ts = "_product_82zux_14", es = "_button_82zux_80", ss = "_disabled_82zux_91", ns = "_image_82zux_95", is = "_info_82zux_102", os = "_name_82zux_114", as = "_buttons_82zux_118", cs = "_modal_82zux_125", ls = "_link_82zux_145", rs = "_modalOptions_82zux_151", ds = "_addButton_82zux_157", us = "_deleteButton_82zux_179", Q = {
-  title: Fe,
-  subtitle: Ve,
-  header: Ue,
-  text: Ye,
-  productsBlock: Ge,
-  top: We,
-  itemsBlock: Xe,
-  typeTexts: Je,
-  block: Qe,
-  active: Ke,
-  products: Ze,
-  product: ts,
-  button: es,
-  disabled: ss,
-  image: ns,
-  info: is,
-  name: os,
-  buttons: as,
-  modal: cs,
-  link: ls,
-  modalOptions: rs,
-  addButton: ds,
-  deleteButton: us
-}, ra = (r) => {
+}, Ve = "_title_82zux_1", Ue = "_subtitle_82zux_5", Ye = "_header_82zux_12", Ge = "_text_82zux_13", We = "_productsBlock_82zux_14", Xe = "_top_82zux_26", Je = "_itemsBlock_82zux_35", Qe = "_typeTexts_82zux_41", Ke = "_block_82zux_48", Ze = "_active_82zux_61", ts = "_products_82zux_14", es = "_product_82zux_14", ss = "_button_82zux_80", ns = "_disabled_82zux_91", is = "_image_82zux_95", os = "_info_82zux_102", as = "_name_82zux_114", cs = "_buttons_82zux_118", ls = "_modal_82zux_125", rs = "_link_82zux_145", ds = "_modalOptions_82zux_151", us = "_addButton_82zux_157", ms = "_deleteButton_82zux_179", Q = {
+  title: Ve,
+  subtitle: Ue,
+  header: Ye,
+  text: Ge,
+  productsBlock: We,
+  top: Xe,
+  itemsBlock: Je,
+  typeTexts: Qe,
+  block: Ke,
+  active: Ze,
+  products: ts,
+  product: es,
+  button: ss,
+  disabled: ns,
+  image: is,
+  info: os,
+  name: as,
+  buttons: cs,
+  modal: ls,
+  link: rs,
+  modalOptions: ds,
+  addButton: us,
+  deleteButton: ms
+}, da = (r) => {
   const {
     isActiveItems: a,
     setIsActiveItems: e,
@@ -815,10 +815,10 @@ const ze = (r) => {
     subtitle: d,
     draggable: n = !1,
     withImage: c = !1,
-    addable: v = !0,
-    itemsOptions: f,
-    hasRangeSelector: m = !1,
-    rangeSelectorOptions: h,
+    addable: b = !0,
+    itemsOptions: x,
+    hasRangeSelector: h = !1,
+    rangeSelectorOptions: _,
     limit: g,
     autoScrollInterval: u
   } = r;
@@ -833,7 +833,7 @@ const ze = (r) => {
           height: 16
         }
       ) : /* @__PURE__ */ t.jsx(
-        b,
+        v,
         {
           name: "Image",
           width: 16,
@@ -843,11 +843,11 @@ const ze = (r) => {
       );
   }
   const q = (k) => {
-    const L = f.find((S) => S.id === k);
+    const L = x.find((S) => S.id === k);
     if (!L) return;
     const B = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       n && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        b,
+        v,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -859,18 +859,18 @@ const ze = (r) => {
         st,
         {
           onChange: (S) => {
-            const x = [...s], D = f.find((y) => y.name === S);
+            const f = [...s], D = x.find((y) => y.name === S);
             if (!D) return;
-            const X = D.id, tt = x.map((y) => y === k ? X : y);
+            const X = D.id, tt = f.map((y) => y === k ? X : y);
             i([...tt]);
           },
           value: L.name,
-          options: f.filter((S) => !s.find((x) => x === S.id)).map((S) => S.name),
+          options: x.filter((S) => !s.find((f) => f === S.id)).map((S) => S.name),
           leftAddon: w(L.images)
         }
       ),
       /* @__PURE__ */ t.jsx("div", { className: Q.buttons, children: /* @__PURE__ */ t.jsx("div", { className: Q.deleteButton, children: /* @__PURE__ */ t.jsx(
-        b,
+        v,
         {
           name: "Trash",
           hoverable: !0,
@@ -901,11 +901,11 @@ const ze = (r) => {
         }
       )
     ] }),
-    m && h && /* @__PURE__ */ t.jsx(At, { ...h }),
+    h && _ && /* @__PURE__ */ t.jsx(At, { ..._ }),
     /* @__PURE__ */ t.jsxs("div", { className: Q.products, children: [
       d && /* @__PURE__ */ t.jsx("h5", { className: Q.subtitle, children: d }),
       s.map((k) => q(k)),
-      v && /* @__PURE__ */ t.jsx(
+      b && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -919,21 +919,21 @@ const ze = (r) => {
             {
               withoutHover: !0,
               className: F(Q.button, {
-                [Q.disabled]: !!(g && g <= s.length || s.length === f.length)
+                [Q.disabled]: !!(g && g <= s.length || s.length === x.length)
               }),
               size: "s",
-              disabled: !!(g && g <= s.length || s.length === f.length),
+              disabled: !!(g && g <= s.length || s.length === x.length),
               onClick: () => {
                 const k = [...s];
                 let L = null;
-                if (f) {
-                  for (let B = 0; B < f.length; B++)
-                    if (!s.find((S) => S === f[B].id)) {
-                      L = f[B];
+                if (x) {
+                  for (let B = 0; B < x.length; B++)
+                    if (!s.find((S) => S === x[B].id)) {
+                      L = x[B];
                       break;
                     }
                 }
-                k.push((L == null ? void 0 : L.id) || f[0].id), i(k);
+                k.push((L == null ? void 0 : L.id) || x[0].id), i(k);
               },
               style: {
                 width: "fit-content"
@@ -941,7 +941,7 @@ const ze = (r) => {
               children: /* @__PURE__ */ t.jsxs("div", { className: Q.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
-                  b,
+                  v,
                   {
                     name: "Plus",
                     width: 16,
@@ -954,7 +954,7 @@ const ze = (r) => {
         }
       )
     ] }),
-    o !== void 0 && /* @__PURE__ */ t.jsx(bt, { items: o }),
+    o !== void 0 && /* @__PURE__ */ t.jsx(vt, { items: o }),
     u !== void 0 && /* @__PURE__ */ t.jsx(
       W,
       {
@@ -971,32 +971,32 @@ const ze = (r) => {
       }
     )
   ] });
-}, _s = "_title_1lgwl_1", hs = "_subtitle_1lgwl_5", ms = "_header_1lgwl_12", ps = "_text_1lgwl_13", gs = "_productsBlock_1lgwl_14", fs = "_top_1lgwl_26", xs = "_itemsBlock_1lgwl_35", vs = "_typeTexts_1lgwl_41", bs = "_block_1lgwl_48", js = "_active_1lgwl_61", ys = "_products_1lgwl_14", ks = "_product_1lgwl_14", Is = "_button_1lgwl_80", $s = "_disabled_1lgwl_91", Ns = "_image_1lgwl_95", ws = "_info_1lgwl_102", Cs = "_name_1lgwl_114", Bs = "_buttons_1lgwl_118", Ss = "_modal_1lgwl_125", Ts = "_link_1lgwl_146", Ps = "_modalOptions_1lgwl_152", As = "_addButton_1lgwl_164", Os = "_deleteButton_1lgwl_179", qs = "_closeIcon_1lgwl_191", z = {
+}, _s = "_title_wjbkg_1", hs = "_subtitle_wjbkg_5", ps = "_header_wjbkg_12", gs = "_text_wjbkg_13", xs = "_productsBlock_wjbkg_14", fs = "_top_wjbkg_26", bs = "_itemsBlock_wjbkg_35", vs = "_typeTexts_wjbkg_41", js = "_block_wjbkg_48", ys = "_active_wjbkg_61", ks = "_products_wjbkg_14", Is = "_product_wjbkg_14", $s = "_button_wjbkg_80", Ns = "_disabled_wjbkg_91", ws = "_image_wjbkg_95", Cs = "_info_wjbkg_102", Bs = "_name_wjbkg_114", Ss = "_buttons_wjbkg_118", Ts = "_modal_wjbkg_125", Ps = "_link_wjbkg_146", As = "_modalOptions_wjbkg_152", Os = "_addButton_wjbkg_165", qs = "_deleteButton_wjbkg_180", Es = "_closeIcon_wjbkg_192", z = {
   title: _s,
   subtitle: hs,
-  header: ms,
-  text: ps,
-  productsBlock: gs,
+  header: ps,
+  text: gs,
+  productsBlock: xs,
   top: fs,
-  itemsBlock: xs,
+  itemsBlock: bs,
   typeTexts: vs,
-  block: bs,
-  active: js,
-  products: ys,
-  product: ks,
-  button: Is,
-  disabled: $s,
-  image: Ns,
-  info: ws,
-  name: Cs,
-  buttons: Bs,
-  modal: Ss,
-  link: Ts,
-  modalOptions: Ps,
-  addButton: As,
-  deleteButton: Os,
-  closeIcon: qs
-}, Es = p.forwardRef(
+  block: js,
+  active: ys,
+  products: ks,
+  product: Is,
+  button: $s,
+  disabled: Ns,
+  image: ws,
+  info: Cs,
+  name: Bs,
+  buttons: Ss,
+  modal: Ts,
+  link: Ps,
+  modalOptions: As,
+  addButton: Os,
+  deleteButton: qs,
+  closeIcon: Es
+}, Ds = p.forwardRef(
   (r, a) => {
     const { activeItem: e, setActiveItem: s, popupPosition: i, modalOptions: o, setIsOpenModal: l } = r;
     function d(n, c) {
@@ -1018,7 +1018,7 @@ const ze = (r) => {
           /* @__PURE__ */ t.jsxs("div", { className: z.top, children: [
             /* @__PURE__ */ t.jsx("h3", { className: z.title, children: d(e.name, 20) }),
             /* @__PURE__ */ t.jsx("div", { className: z.closeIcon, children: /* @__PURE__ */ t.jsx(
-              b,
+              v,
               {
                 name: "X",
                 height: 20,
@@ -1038,11 +1038,11 @@ const ze = (r) => {
                   label: "Put up an attractive image",
                   activeImage: e[n.field],
                   onChange: (c) => {
-                    const v = {
+                    const b = {
                       ...e,
                       [n.field]: c
                     };
-                    s(v);
+                    s(b);
                   }
                 },
                 String(n.field)
@@ -1053,19 +1053,19 @@ const ze = (r) => {
                 {
                   typesText: e[n.field.type],
                   setTypesText: (c) => {
-                    const v = {
+                    const b = {
                       ...e,
                       [n.field.type]: c
                     };
-                    s(v);
+                    s(b);
                   },
                   text: e[n.field.text] || "",
                   setText: (c) => {
-                    const v = {
+                    const b = {
                       ...e,
                       [n.field.text]: c
                     };
-                    s(v);
+                    s(b);
                   },
                   subtitle: n.label
                 }
@@ -1075,11 +1075,11 @@ const ze = (r) => {
                 W,
                 {
                   onChange: (c) => {
-                    const v = {
+                    const b = {
                       ...e,
                       [n.field]: c
                     };
-                    s(v);
+                    s(b);
                   },
                   value: e[n.field] || "",
                   label: n.label,
@@ -1092,11 +1092,11 @@ const ze = (r) => {
                   W,
                   {
                     onChange: (c) => {
-                      const v = {
+                      const b = {
                         ...e,
                         [n.field.text]: c
                       };
-                      s(v);
+                      s(b);
                     },
                     value: e[n.field.text] || "",
                     label: n.inputLabel,
@@ -1109,11 +1109,11 @@ const ze = (r) => {
                     current: !!e[n.field.switch] || !1,
                     label: n.switchLabel,
                     onChange: (c) => {
-                      const v = {
+                      const b = {
                         ...e,
                         [n.field.switch]: c
                       };
-                      s(v);
+                      s(b);
                     }
                   }
                 )
@@ -1124,15 +1124,15 @@ const ze = (r) => {
                 {
                   options: n.itemsOptions,
                   onChange: (c) => {
-                    const v = {
+                    const b = {
                       ...e,
                       [n.field]: c
                     };
-                    s(v);
+                    s(b);
                   },
                   label: n.label,
                   value: e[n.field] || "String",
-                  leftAddon: n.leftAddon && n.leftAddon === "icon" && /* @__PURE__ */ t.jsx(b, { name: e[n.field] })
+                  leftAddon: n.leftAddon && n.leftAddon === "icon" && /* @__PURE__ */ t.jsx(v, { name: e[n.field] })
                 }
               );
           }) })
@@ -1141,7 +1141,7 @@ const ze = (r) => {
     );
   }
 );
-function Ds(r) {
+function Ls(r) {
   const { product: a, children: e } = r, { attributes: s, listeners: i, setNodeRef: o, transform: l, transition: d, isDragging: n } = St({
     id: a.id
   }), c = {
@@ -1160,7 +1160,7 @@ function Ds(r) {
     }
   );
 }
-const da = (r) => {
+const ua = (r) => {
   const {
     isActiveItems: a,
     setIsActiveItems: e,
@@ -1171,17 +1171,17 @@ const da = (r) => {
     subtitle: d,
     editable: n = !0,
     draggable: c = !1,
-    withImage: v = !1,
-    deletable: f = !0,
-    addable: m = !0,
-    itemsType: h,
+    withImage: b = !1,
+    deletable: x = !0,
+    addable: h = !0,
+    itemsType: _,
     itemsPlaceholder: g = "",
     itemsOptions: u,
     hasRangeSelector: w = !1,
     rangeSelectorOptions: q,
     modalOptions: k,
     addableOptions: L = {}
-  } = r, [B, S] = p.useState(null), [x, D] = p.useState({
+  } = r, [B, S] = p.useState(null), [f, D] = p.useState({
     top: 0,
     left: 0
   }), [X, tt] = p.useState(null), y = p.useRef(null), [$, E] = p.useState(!1), G = It(
@@ -1206,23 +1206,23 @@ const da = (r) => {
   }, [B]), p.useEffect(() => {
     if (y.current && X) {
       const j = y.current.getBoundingClientRect().height, O = window.innerHeight;
-      let _ = X.top;
-      _ + j > O + window.scrollY - 200 && (_ = O + window.scrollY - j - 200), _ < 0 && (_ = 10), D({
-        top: _,
+      let m = X.top;
+      m + j > O + window.scrollY - 200 && (m = O + window.scrollY - j - 200), m < 0 && (m = 10), D({
+        top: m,
         left: X.left
       });
     }
   }, [y.current, X]);
   const A = (j, O) => {
     j.stopPropagation();
-    const _ = j.target.getBoundingClientRect();
+    const m = j.target.getBoundingClientRect();
     tt({
-      top: _.top + window.scrollY,
-      left: _.left - 30
+      top: m.top + window.scrollY,
+      left: m.left - 30
     }), S(O), E(!0);
   };
   function H(j) {
-    if (v)
+    if (b)
       return j ? /* @__PURE__ */ t.jsx(
         "img",
         {
@@ -1232,7 +1232,7 @@ const da = (r) => {
           height: 16
         }
       ) : /* @__PURE__ */ t.jsx(
-        b,
+        v,
         {
           name: "Image",
           width: 16,
@@ -1242,19 +1242,19 @@ const da = (r) => {
       );
   }
   const K = (j) => {
-    const { active: O, over: _ } = j;
-    if (_ && O.id !== _.id) {
-      const I = s.findIndex((R) => R.id === O.id), T = s.findIndex((R) => R.id === _.id);
+    const { active: O, over: m } = j;
+    if (m && O.id !== m.id) {
+      const I = s.findIndex((R) => R.id === O.id), T = s.findIndex((R) => R.id === m.id);
       if (I !== -1 && T !== -1) {
         const R = [...s], [U] = R.splice(I, 1);
         R.splice(T, 0, U), i(R);
       }
     }
   }, lt = (j) => {
-    var _;
+    var m;
     const O = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       c && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        b,
+        v,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -1262,7 +1262,7 @@ const da = (r) => {
           height: 20
         }
       ) }),
-      h === "select" && u && /* @__PURE__ */ t.jsx(
+      _ === "select" && u && /* @__PURE__ */ t.jsx(
         st,
         {
           onChange: (I) => {
@@ -1280,7 +1280,7 @@ const da = (r) => {
           leftAddon: H(j.images)
         }
       ),
-      h === "input" && /* @__PURE__ */ t.jsx(
+      _ === "input" && /* @__PURE__ */ t.jsx(
         W,
         {
           onChange: (I) => {
@@ -1294,7 +1294,7 @@ const da = (r) => {
           placeholder: g
         }
       ),
-      h === "image" && /* @__PURE__ */ t.jsx(
+      _ === "image" && /* @__PURE__ */ t.jsx(
         gt,
         {
           onChange: (I) => {
@@ -1304,12 +1304,12 @@ const da = (r) => {
             } : U);
             i([...R]);
           },
-          activeImage: (_ = s.find((I) => I.id === j.id)) == null ? void 0 : _.images[0]
+          activeImage: (m = s.find((I) => I.id === j.id)) == null ? void 0 : m.images[0]
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: z.buttons, children: [
         n && /* @__PURE__ */ t.jsx("div", { className: z.deleteButton, children: /* @__PURE__ */ t.jsx(
-          b,
+          v,
           {
             name: "Sliders",
             hoverable: !0,
@@ -1318,8 +1318,8 @@ const da = (r) => {
             onClick: (I) => A(I, j)
           }
         ) }),
-        f && /* @__PURE__ */ t.jsx("div", { className: z.deleteButton, children: /* @__PURE__ */ t.jsx(
-          b,
+        x && /* @__PURE__ */ t.jsx("div", { className: z.deleteButton, children: /* @__PURE__ */ t.jsx(
+          v,
           {
             name: "Trash",
             hoverable: !0,
@@ -1332,7 +1332,7 @@ const da = (r) => {
       ] })
     ] });
     return c ? /* @__PURE__ */ t.jsx(
-      Ds,
+      Ls,
       {
         product: j,
         children: O
@@ -1359,12 +1359,12 @@ const da = (r) => {
       )
     ] }),
     B && n && k && $ && /* @__PURE__ */ t.jsx(
-      Es,
+      Ds,
       {
         ref: y,
         activeItem: B,
         setActiveItem: S,
-        popupPosition: x,
+        popupPosition: f,
         modalOptions: k,
         setIsOpenModal: E
       }
@@ -1387,7 +1387,7 @@ const da = (r) => {
           )
         }
       ) : s.map((j) => lt(j)),
-      m && /* @__PURE__ */ t.jsx(
+      h && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -1405,26 +1405,26 @@ const da = (r) => {
                 const j = [...s];
                 let O = null;
                 if (u) {
-                  for (let _ = 0; _ < u.length; _++)
-                    if (!s.find((I) => I.name === u[_])) {
-                      O = u[_];
+                  for (let m = 0; m < u.length; m++)
+                    if (!s.find((I) => I.name === u[m])) {
+                      O = u[m];
                       break;
                     }
                 }
-                h === "select" && u ? j.push({
+                _ === "select" && u ? j.push({
                   name: O || u[0],
-                  id: _t(),
+                  id: mt(),
                   ...L,
                   maxSymbols: 100
                   // пример значения
-                }) : h === "input" ? j.push({
+                }) : _ === "input" ? j.push({
                   name: "",
-                  id: _t(),
+                  id: mt(),
                   ...L,
                   maxSymbols: 100
                 }) : j.push({
                   name: `Image ${s.length + 1}`,
-                  id: _t(),
+                  id: mt(),
                   ...L,
                   maxSymbols: 100
                 }), i(j);
@@ -1435,7 +1435,7 @@ const da = (r) => {
               children: /* @__PURE__ */ t.jsxs("div", { className: z.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
-                  b,
+                  v,
                   {
                     name: "Plus",
                     width: 16,
@@ -1448,46 +1448,46 @@ const da = (r) => {
         }
       )
     ] }),
-    o !== void 0 && /* @__PURE__ */ t.jsx(bt, { items: o })
+    o !== void 0 && /* @__PURE__ */ t.jsx(vt, { items: o })
   ] });
-}, Ls = "_title_bn7sv_1", Rs = "_subtitle_bn7sv_5", Ms = "_header_bn7sv_12", Hs = "_text_bn7sv_13", zs = "_productsBlock_bn7sv_14", Fs = "_buttonsBlock_bn7sv_15", Vs = "_top_bn7sv_26", Us = "_itemsBlock_bn7sv_35", Ys = "_typeTexts_bn7sv_41", Gs = "_block_bn7sv_48", Ws = "_active_bn7sv_60", Xs = "_products_bn7sv_14", Js = "_product_bn7sv_14", Qs = "_button_bn7sv_15", Ks = "_image_bn7sv_90", Zs = "_info_bn7sv_97", tn = "_name_bn7sv_109", en = "_buttons_bn7sv_15", sn = "_modal_bn7sv_120", nn = "_other_bn7sv_139", on = "_options_bn7sv_145", an = "_closeIcon_bn7sv_153", at = {
-  title: Ls,
-  subtitle: Rs,
-  header: Ms,
-  text: Hs,
-  productsBlock: zs,
-  buttonsBlock: Fs,
-  top: Vs,
-  itemsBlock: Us,
-  typeTexts: Ys,
-  block: Gs,
-  active: Ws,
-  products: Xs,
-  product: Js,
-  button: Qs,
-  image: Ks,
-  info: Zs,
-  name: tn,
-  buttons: en,
-  modal: sn,
-  other: nn,
-  options: on,
-  closeIcon: an
-}, cn = p.forwardRef((r, a) => {
-  const { activeButton: e, setActiveButton: s, popupPosition: i } = r, [o, l] = p.useState(e.typesText), [d, n] = p.useState(e.destination), [c, v] = p.useState(e.page), [f, m] = p.useState(e.link || ""), [h, g] = p.useState(e.text || ""), [u, w] = p.useState(e.openInNewTab), { pages: q } = Ht();
+}, Rs = "_title_bn7sv_1", Ms = "_subtitle_bn7sv_5", Hs = "_header_bn7sv_12", zs = "_text_bn7sv_13", Fs = "_productsBlock_bn7sv_14", Vs = "_buttonsBlock_bn7sv_15", Us = "_top_bn7sv_26", Ys = "_itemsBlock_bn7sv_35", Gs = "_typeTexts_bn7sv_41", Ws = "_block_bn7sv_48", Xs = "_active_bn7sv_60", Js = "_products_bn7sv_14", Qs = "_product_bn7sv_14", Ks = "_button_bn7sv_15", Zs = "_image_bn7sv_90", tn = "_info_bn7sv_97", en = "_name_bn7sv_109", sn = "_buttons_bn7sv_15", nn = "_modal_bn7sv_120", on = "_other_bn7sv_139", an = "_options_bn7sv_145", cn = "_closeIcon_bn7sv_153", at = {
+  title: Rs,
+  subtitle: Ms,
+  header: Hs,
+  text: zs,
+  productsBlock: Fs,
+  buttonsBlock: Vs,
+  top: Us,
+  itemsBlock: Ys,
+  typeTexts: Gs,
+  block: Ws,
+  active: Xs,
+  products: Js,
+  product: Qs,
+  button: Ks,
+  image: Zs,
+  info: tn,
+  name: en,
+  buttons: sn,
+  modal: nn,
+  other: on,
+  options: an,
+  closeIcon: cn
+}, ln = p.forwardRef((r, a) => {
+  const { activeButton: e, setActiveButton: s, popupPosition: i } = r, [o, l] = p.useState(e.typesText), [d, n] = p.useState(e.destination), [c, b] = p.useState(e.page), [x, h] = p.useState(e.link || ""), [_, g] = p.useState(e.text || ""), [u, w] = p.useState(e.openInNewTab), { pages: q } = Ht();
   return p.useEffect(() => {
     s({
       ...e,
       ...{
-        text: h,
-        link: f,
+        text: _,
+        link: x,
         destination: d,
         typesText: o,
         page: c,
         openInNewTab: u
       }
     });
-  }, [o, d, f, h, c, u]), /* @__PURE__ */ t.jsxs(
+  }, [o, d, x, _, c, u]), /* @__PURE__ */ t.jsxs(
     "div",
     {
       className: at.modal,
@@ -1503,7 +1503,7 @@ const da = (r) => {
         /* @__PURE__ */ t.jsxs("div", { className: at.top, children: [
           /* @__PURE__ */ t.jsx("h3", { className: at.title, children: e.type }),
           /* @__PURE__ */ t.jsx("div", { className: at.closeIcon, children: /* @__PURE__ */ t.jsx(
-            b,
+            v,
             {
               name: "X",
               height: 20,
@@ -1527,15 +1527,15 @@ const da = (r) => {
             st,
             {
               label: "Go to",
-              onChange: (k) => v(k),
+              onChange: (k) => b(k),
               options: q ? Object.values(q).filter((k) => k.name !== c).map((k) => k.name) : [],
               value: c
             }
           ) : /* @__PURE__ */ t.jsx(
             W,
             {
-              onChange: (k) => m(k),
-              value: f,
+              onChange: (k) => h(k),
+              value: x,
               placeholder: "https://",
               label: "Link"
             }
@@ -1552,7 +1552,7 @@ const da = (r) => {
             Ot,
             {
               onChange: (k) => g(k),
-              value: h,
+              value: _,
               label: "Text",
               maxLength: 150
             }
@@ -1568,67 +1568,67 @@ const da = (r) => {
       ]
     }
   );
-}), ln = "_subtitle_jql1y_1", rn = "_header_jql1y_8", dn = "_text_jql1y_9", un = "_productsBlock_jql1y_10", _n = "_buttonsBlock_jql1y_11", hn = "_top_jql1y_23", mn = "_itemsBlock_jql1y_32", pn = "_typeTexts_jql1y_38", gn = "_block_jql1y_45", fn = "_active_jql1y_58", xn = "_products_jql1y_10", vn = "_product_jql1y_10", bn = "_button_jql1y_11", jn = "_image_jql1y_88", yn = "_info_jql1y_95", kn = "_name_jql1y_107", In = "_buttons_jql1y_11", $n = "_modal_jql1y_118", Nn = "_other_jql1y_138", wn = "_options_jql1y_144", Cn = "_addButton_jql1y_150", Bn = "_deleteButton_jql1y_165", nt = {
-  subtitle: ln,
-  header: rn,
-  text: dn,
-  productsBlock: un,
+}), rn = "_subtitle_jql1y_1", dn = "_header_jql1y_8", un = "_text_jql1y_9", mn = "_productsBlock_jql1y_10", _n = "_buttonsBlock_jql1y_11", hn = "_top_jql1y_23", pn = "_itemsBlock_jql1y_32", gn = "_typeTexts_jql1y_38", xn = "_block_jql1y_45", fn = "_active_jql1y_58", bn = "_products_jql1y_10", vn = "_product_jql1y_10", jn = "_button_jql1y_11", yn = "_image_jql1y_88", kn = "_info_jql1y_95", In = "_name_jql1y_107", $n = "_buttons_jql1y_11", Nn = "_modal_jql1y_118", wn = "_other_jql1y_138", Cn = "_options_jql1y_144", Bn = "_addButton_jql1y_150", Sn = "_deleteButton_jql1y_165", nt = {
+  subtitle: rn,
+  header: dn,
+  text: un,
+  productsBlock: mn,
   buttonsBlock: _n,
   top: hn,
-  itemsBlock: mn,
-  typeTexts: pn,
-  block: gn,
+  itemsBlock: pn,
+  typeTexts: gn,
+  block: xn,
   active: fn,
-  products: xn,
+  products: bn,
   product: vn,
-  button: bn,
-  image: jn,
-  info: yn,
-  name: kn,
-  buttons: In,
-  modal: $n,
-  other: Nn,
-  options: wn,
-  addButton: Cn,
-  deleteButton: Bn
-}, Sn = (r) => {
+  button: jn,
+  image: yn,
+  info: kn,
+  name: In,
+  buttons: $n,
+  modal: Nn,
+  other: wn,
+  options: Cn,
+  addButton: Bn,
+  deleteButton: Sn
+}, Tn = (r) => {
   const { buttons: a, setButtons: e, deletable: s = !0, addable: i = !0 } = r, [o, l] = p.useState(null), [d, n] = p.useState({
     top: 0,
     left: 0
-  }), [c, v] = p.useState(null), f = p.useRef(null);
+  }), [c, b] = p.useState(null), x = p.useRef(null);
   p.useEffect(() => {
-    const h = () => {
+    const _ = () => {
       l(null);
     };
-    return document.body.addEventListener("click", h), l(null), () => {
-      l(null), document.body.removeEventListener("click", h);
+    return document.body.addEventListener("click", _), l(null), () => {
+      l(null), document.body.removeEventListener("click", _);
     };
   }, []), p.useEffect(() => {
     if (o) {
-      const h = [...a].map((g) => g.id === o.id ? o : g);
-      e(h);
+      const _ = [...a].map((g) => g.id === o.id ? o : g);
+      e(_);
     }
   }, [o]), p.useEffect(() => {
-    if (f.current && c) {
-      const h = f.current.getBoundingClientRect().height, g = window.innerHeight;
+    if (x.current && c) {
+      const _ = x.current.getBoundingClientRect().height, g = window.innerHeight;
       let u = c.top;
-      u + h > g + window.scrollY - 200 && (u = g + window.scrollY - h - 200), u < 0 && (u = 10), n({
+      u + _ > g + window.scrollY - 200 && (u = g + window.scrollY - _ - 200), u < 0 && (u = 10), n({
         top: u,
         left: c.left
       });
     }
-  }, [f.current, c]);
-  const m = (h, g) => {
-    h.stopPropagation();
-    const u = h.target.getBoundingClientRect();
-    v({
+  }, [x.current, c]);
+  const h = (_, g) => {
+    _.stopPropagation();
+    const u = _.target.getBoundingClientRect();
+    b({
       top: u.top + window.scrollY,
       left: u.left - 30
     }), l(g);
   };
   return /* @__PURE__ */ t.jsxs("div", { className: nt.products, children: [
     /* @__PURE__ */ t.jsx("h5", { className: nt.subtitle, children: "Button Type" }),
-    a.map((h) => /* @__PURE__ */ t.jsxs(
+    a.map((_) => /* @__PURE__ */ t.jsxs(
       "div",
       {
         className: nt.product,
@@ -1637,36 +1637,36 @@ const da = (r) => {
             st,
             {
               onChange: (g) => {
-                const w = [...a].map((q) => q.id === h.id ? {
-                  ...h,
+                const w = [...a].map((q) => q.id === _.id ? {
+                  ..._,
                   type: g
                 } : q);
                 e(w);
               },
-              value: h.type,
+              value: _.type,
               options: ["Primary", "Secondary", "Tertiary"]
             }
           ),
           /* @__PURE__ */ t.jsxs("div", { className: nt.buttons, children: [
             /* @__PURE__ */ t.jsx("div", { className: nt.deleteButton, children: /* @__PURE__ */ t.jsx(
-              b,
+              v,
               {
                 name: "Sliders",
                 hoverable: !0,
                 width: 20,
                 height: 20,
                 onClick: (g) => {
-                  m(g, h);
+                  h(g, _);
                 }
               }
             ) }),
             s && /* @__PURE__ */ t.jsx("div", { className: nt.deleteButton, children: /* @__PURE__ */ t.jsx(
-              b,
+              v,
               {
                 name: "Trash",
                 hoverable: !0,
                 onClick: () => {
-                  const g = a.filter((u) => u.id !== h.id);
+                  const g = a.filter((u) => u.id !== _.id);
                   e(g);
                 },
                 width: 20,
@@ -1677,12 +1677,12 @@ const da = (r) => {
           ] })
         ]
       },
-      h.id
+      _.id
     )),
     o && /* @__PURE__ */ t.jsx(
-      cn,
+      ln,
       {
-        ref: f,
+        ref: x,
         activeButton: o,
         setActiveButton: l,
         popupPosition: d
@@ -1703,16 +1703,16 @@ const da = (r) => {
             className: nt.button,
             size: "s",
             onClick: () => {
-              const h = [...a];
-              h.push({
+              const _ = [...a];
+              _.push({
                 type: "Primary",
-                id: _t(),
+                id: mt(),
                 typesText: [],
                 destination: "Go to Page",
                 text: "Button Name",
                 page: "home",
                 openInNewTab: !0
-              }), e(h);
+              }), e(_);
             },
             style: {
               width: "fit-content"
@@ -1720,7 +1720,7 @@ const da = (r) => {
             children: /* @__PURE__ */ t.jsxs("div", { className: nt.addButton, children: [
               /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
               /* @__PURE__ */ t.jsx(
-                b,
+                v,
                 {
                   name: "Plus",
                   width: 16,
@@ -1733,7 +1733,7 @@ const da = (r) => {
       }
     )
   ] });
-}, ua = (r) => {
+}, ma = (r) => {
   const { isActiveButtons: a, setIsActiveButtons: e, buttons: s, setButtons: i } = r;
   return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsxs("div", { className: at.buttonsBlock, children: [
     /* @__PURE__ */ t.jsxs("div", { className: at.top, children: [
@@ -1747,34 +1747,34 @@ const da = (r) => {
       )
     ] }),
     /* @__PURE__ */ t.jsx(
-      Sn,
+      Tn,
       {
         buttons: s,
         setButtons: i
       }
     )
   ] }) });
-}, Tn = "_wrapper_m18qi_1", Pn = "_subtitle_m18qi_7", An = "_content_m18qi_14", On = "_range_m18qi_22", qn = "_track_m18qi_27", En = "_progress_m18qi_36", Dn = "_dots_m18qi_46", Ln = "_dot_m18qi_46", Rn = "_active_m18qi_65", Mn = "_input_m18qi_77", Hn = "_countBlock_m18qi_91", zn = "_count_m18qi_91", Fn = "_controls_m18qi_107", Vn = "_button_m18qi_113", Y = {
-  wrapper: Tn,
-  subtitle: Pn,
-  content: An,
-  range: On,
-  track: qn,
-  progress: En,
-  dots: Dn,
-  dot: Ln,
-  active: Rn,
-  input: Mn,
-  countBlock: Hn,
-  count: zn,
-  controls: Fn,
-  button: Vn
+}, Pn = "_wrapper_m18qi_1", An = "_subtitle_m18qi_7", On = "_content_m18qi_14", qn = "_range_m18qi_22", En = "_track_m18qi_27", Dn = "_progress_m18qi_36", Ln = "_dots_m18qi_46", Rn = "_dot_m18qi_46", Mn = "_active_m18qi_65", Hn = "_input_m18qi_77", zn = "_countBlock_m18qi_91", Fn = "_count_m18qi_91", Vn = "_controls_m18qi_107", Un = "_button_m18qi_113", Y = {
+  wrapper: Pn,
+  subtitle: An,
+  content: On,
+  range: qn,
+  track: En,
+  progress: Dn,
+  dots: Ln,
+  dot: Rn,
+  active: Mn,
+  input: Hn,
+  countBlock: zn,
+  count: Fn,
+  controls: Vn,
+  button: Un
 }, At = (r) => {
-  const { label: a, min: e = 1, max: s = 4, step: i = 1, count: o, setCount: l } = r, [d, n] = p.useState(!1), c = Array.from({ length: (s - e) / i + 1 }), v = (o - e) / (s - e) * 100, f = () => {
+  const { label: a, min: e = 1, max: s = 4, step: i = 1, count: o, setCount: l } = r, [d, n] = p.useState(!1), c = Array.from({ length: (s - e) / i + 1 }), b = (o - e) / (s - e) * 100, x = () => {
     o < s && l(o + i);
-  }, m = () => {
+  }, h = () => {
     o > e && l(o - i);
-  }, h = (g) => {
+  }, _ = (g) => {
     const u = e + g * i;
     l(u);
   };
@@ -1787,7 +1787,7 @@ const da = (r) => {
           "div",
           {
             className: Y.progress,
-            style: { width: `${v}%` }
+            style: { width: `${b}%` }
           }
         ),
         /* @__PURE__ */ t.jsx("div", { className: Y.dots, children: c.map((g, u) => {
@@ -1795,7 +1795,7 @@ const da = (r) => {
           return /* @__PURE__ */ t.jsx(
             "button",
             {
-              onClick: () => h(u),
+              onClick: () => _(u),
               className: F(Y.dot, {
                 [Y.active]: w,
                 [Y.inactive]: !w,
@@ -1842,12 +1842,12 @@ const da = (r) => {
           /* @__PURE__ */ t.jsx(
             "button",
             {
-              onClick: f,
+              onClick: x,
               disabled: o >= s,
               className: Y.button,
               "aria-label": "Increment count",
               children: /* @__PURE__ */ t.jsx(
-                b,
+                v,
                 {
                   name: "CaretUp",
                   width: 15,
@@ -1859,12 +1859,12 @@ const da = (r) => {
           /* @__PURE__ */ t.jsx(
             "button",
             {
-              onClick: m,
+              onClick: h,
               disabled: o <= e,
               className: Y.button,
               "aria-label": "Decrement count",
               children: /* @__PURE__ */ t.jsx(
-                b,
+                v,
                 {
                   name: "CaretDown",
                   width: 15,
@@ -1877,31 +1877,31 @@ const da = (r) => {
       ] })
     ] })
   ] });
-}, Un = "_title_12elg_1", Yn = "_subtitle_12elg_5", Gn = "_header_12elg_12", Wn = "_text_12elg_13", Xn = "_productsBlock_12elg_14", Jn = "_top_12elg_26", Qn = "_itemsBlock_12elg_35", Kn = "_typeTexts_12elg_41", Zn = "_block_12elg_48", ti = "_active_12elg_61", ei = "_products_12elg_14", si = "_product_12elg_14", ni = "_button_12elg_80", ii = "_image_12elg_91", oi = "_info_12elg_98", ai = "_name_12elg_110", ci = "_buttons_12elg_114", li = "_modal_12elg_121", ri = "_link_12elg_141", di = "_modalOptions_12elg_147", ui = "_addButton_12elg_159", _i = "_deleteButton_12elg_174", hi = "_closeIcon_12elg_186", V = {
-  title: Un,
-  subtitle: Yn,
-  header: Gn,
-  text: Wn,
-  productsBlock: Xn,
-  top: Jn,
-  itemsBlock: Qn,
-  typeTexts: Kn,
-  block: Zn,
-  active: ti,
-  products: ei,
-  product: si,
-  button: ni,
-  image: ii,
-  info: oi,
-  name: ai,
-  buttons: ci,
-  modal: li,
-  link: ri,
-  modalOptions: di,
-  addButton: ui,
+}, Yn = "_title_ix5ax_1", Gn = "_subtitle_ix5ax_5", Wn = "_header_ix5ax_12", Xn = "_text_ix5ax_13", Jn = "_productsBlock_ix5ax_14", Qn = "_top_ix5ax_26", Kn = "_itemsBlock_ix5ax_35", Zn = "_typeTexts_ix5ax_41", ti = "_block_ix5ax_48", ei = "_active_ix5ax_61", si = "_products_ix5ax_14", ni = "_product_ix5ax_14", ii = "_button_ix5ax_80", oi = "_image_ix5ax_91", ai = "_info_ix5ax_98", ci = "_name_ix5ax_110", li = "_buttons_ix5ax_114", ri = "_modal_ix5ax_121", di = "_link_ix5ax_141", ui = "_modalOptions_ix5ax_147", mi = "_addButton_ix5ax_160", _i = "_deleteButton_ix5ax_175", hi = "_closeIcon_ix5ax_187", V = {
+  title: Yn,
+  subtitle: Gn,
+  header: Wn,
+  text: Xn,
+  productsBlock: Jn,
+  top: Qn,
+  itemsBlock: Kn,
+  typeTexts: Zn,
+  block: ti,
+  active: ei,
+  products: si,
+  product: ni,
+  button: ii,
+  image: oi,
+  info: ai,
+  name: ci,
+  buttons: li,
+  modal: ri,
+  link: di,
+  modalOptions: ui,
+  addButton: mi,
   deleteButton: _i,
   closeIcon: hi
-}, mi = (r) => {
+}, pi = (r) => {
   const { activeItem: a, setActiveItem: e, popupPosition: s, setIsOpenModal: i, itemsOptions: o } = r, l = o.find((n) => n.id === a.listingId);
   if (!l) return null;
   function d(n, c) {
@@ -1922,7 +1922,7 @@ const da = (r) => {
         /* @__PURE__ */ t.jsxs("div", { className: V.top, children: [
           /* @__PURE__ */ t.jsx("h3", { children: d(l.productData.name, 20) }),
           /* @__PURE__ */ t.jsx("div", { className: V.closeIcon, children: /* @__PURE__ */ t.jsx(
-            b,
+            v,
             {
               name: "X",
               height: 20,
@@ -1951,7 +1951,7 @@ const da = (r) => {
     }
   );
 };
-function pi(r) {
+function gi(r) {
   const { product: a, children: e } = r, { attributes: s, listeners: i, setNodeRef: o, transform: l, transition: d, isDragging: n } = St({
     id: String(a.listingId)
   }), c = {
@@ -1981,10 +1981,10 @@ const _a = (r) => {
     subtitle: d,
     editable: n = !0,
     draggable: c = !1,
-    withImage: v = !1,
-    deletable: f = !0,
-    addable: m = !0,
-    itemsType: h,
+    withImage: b = !1,
+    deletable: x = !0,
+    addable: h = !0,
+    itemsType: _,
     itemsOptions: g
   } = r, [u, w] = p.useState(
     null
@@ -2011,7 +2011,7 @@ const _a = (r) => {
       i(y);
     }
   }, [u]);
-  const x = (y, $) => {
+  const f = (y, $) => {
     y.stopPropagation();
     const E = y.target.getBoundingClientRect(), G = 100, A = window.innerHeight;
     let H = E.top + window.scrollY;
@@ -2021,7 +2021,7 @@ const _a = (r) => {
     }), w($);
   };
   function D(y) {
-    if (v)
+    if (b)
       return y ? /* @__PURE__ */ t.jsx(
         "img",
         {
@@ -2031,7 +2031,7 @@ const _a = (r) => {
           height: 16
         }
       ) : /* @__PURE__ */ t.jsx(
-        b,
+        v,
         {
           name: "Image",
           width: 16,
@@ -2054,7 +2054,7 @@ const _a = (r) => {
     if (!E) return null;
     const G = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       c && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        b,
+        v,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -2062,7 +2062,7 @@ const _a = (r) => {
           height: 20
         }
       ) }),
-      h === "select" && /* @__PURE__ */ t.jsx(
+      _ === "select" && /* @__PURE__ */ t.jsx(
         st,
         {
           onChange: (A) => {
@@ -2086,17 +2086,17 @@ const _a = (r) => {
       ),
       /* @__PURE__ */ t.jsxs("div", { className: V.buttons, children: [
         n && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
-          b,
+          v,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (A) => x(A, y)
+            onClick: (A) => f(A, y)
           }
         ) }),
-        f && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
-          b,
+        x && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
+          v,
           {
             name: "Trash",
             hoverable: !0,
@@ -2109,7 +2109,7 @@ const _a = (r) => {
       ] })
     ] });
     return c ? /* @__PURE__ */ t.jsx(
-      pi,
+      gi,
       {
         product: y,
         children: G
@@ -2136,7 +2136,7 @@ const _a = (r) => {
       )
     ] }),
     L && u && /* @__PURE__ */ t.jsx(
-      mi,
+      pi,
       {
         activeItem: u,
         setActiveItem: w,
@@ -2162,7 +2162,7 @@ const _a = (r) => {
           )
         }
       ) : s.map((y, $) => tt(y, $)),
-      m && /* @__PURE__ */ t.jsx(
+      h && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -2195,7 +2195,7 @@ const _a = (r) => {
               children: /* @__PURE__ */ t.jsxs("div", { className: V.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
-                  b,
+                  v,
                   {
                     name: "Plus",
                     width: 16,
@@ -2208,106 +2208,106 @@ const _a = (r) => {
         }
       )
     ] }),
-    o !== void 0 && /* @__PURE__ */ t.jsx(bt, { items: o })
+    o !== void 0 && /* @__PURE__ */ t.jsx(vt, { items: o })
   ] });
-}, gi = "_options_d1lk6_1", fi = "_price_d1lk6_12", xi = "_oldPrice_d1lk6_19", vi = "_newPrice_d1lk6_27", bi = "_animate_d1lk6_34", ji = "_appearAndBounce_d1lk6_1", yi = "_meta_d1lk6_52", ki = "_info_d1lk6_58", Ii = "_infoRight_d1lk6_66", $i = "_buttons_d1lk6_73", Ni = "_variants_d1lk6_80", wi = "_variant_d1lk6_80", Ci = "_stock_d1lk6_98", Bi = "_variantInfo_d1lk6_105", Si = "_quantity_d1lk6_111", Ti = "_count_d1lk6_118", Pi = "_focused_d1lk6_135", Ai = "_button_d1lk6_73", Oi = "_activeVariant_d1lk6_161", qi = "_chargeTypes_d1lk6_165", Ei = "_charge_d1lk6_165", Di = "_chargeActive_d1lk6_190", Li = "_title_d1lk6_198", N = {
-  options: gi,
+}, xi = "_options_d1lk6_1", fi = "_price_d1lk6_12", bi = "_oldPrice_d1lk6_19", vi = "_newPrice_d1lk6_27", ji = "_animate_d1lk6_34", yi = "_appearAndBounce_d1lk6_1", ki = "_meta_d1lk6_52", Ii = "_info_d1lk6_58", $i = "_infoRight_d1lk6_66", Ni = "_buttons_d1lk6_73", wi = "_variants_d1lk6_80", Ci = "_variant_d1lk6_80", Bi = "_stock_d1lk6_98", Si = "_variantInfo_d1lk6_105", Ti = "_quantity_d1lk6_111", Pi = "_count_d1lk6_118", Ai = "_focused_d1lk6_135", Oi = "_button_d1lk6_73", qi = "_activeVariant_d1lk6_161", Ei = "_chargeTypes_d1lk6_165", Di = "_charge_d1lk6_165", Li = "_chargeActive_d1lk6_190", Ri = "_title_d1lk6_198", N = {
+  options: xi,
   price: fi,
-  oldPrice: xi,
+  oldPrice: bi,
   newPrice: vi,
-  animate: bi,
-  appearAndBounce: ji,
-  meta: yi,
-  info: ki,
-  infoRight: Ii,
-  buttons: $i,
-  variants: Ni,
-  variant: wi,
-  stock: Ci,
-  variantInfo: Bi,
-  quantity: Si,
-  count: Ti,
-  focused: Pi,
-  button: Ai,
-  activeVariant: Oi,
-  chargeTypes: qi,
-  charge: Ei,
-  chargeActive: Di,
-  title: Li
+  animate: ji,
+  appearAndBounce: yi,
+  meta: ki,
+  info: Ii,
+  infoRight: $i,
+  buttons: Ni,
+  variants: wi,
+  variant: Ci,
+  stock: Bi,
+  variantInfo: Si,
+  quantity: Ti,
+  count: Pi,
+  focused: Ai,
+  button: Oi,
+  activeVariant: qi,
+  chargeTypes: Ei,
+  charge: Di,
+  chargeActive: Li,
+  title: Ri
 };
 var Mt = /* @__PURE__ */ ((r) => (r.ONE_TIME = "One-Time", r.RECURRING = "Subscribe & Save", r))(Mt || {});
 const ha = (r) => {
   var B, S;
-  const { variants: a } = r, [e, s] = p.useState(a[0]), [i, o] = p.useState(e.chargeTypes[0]), l = vt(), [d, n] = p.useState(1), [c, v] = p.useState(!1), { reset: f, addProductToCart: m, getProducts: h } = Pt(), [g, u] = p.useState(!1);
+  const { variants: a } = r, [e, s] = p.useState(a[0]), [i, o] = p.useState(e.chargeTypes[0]), l = bt(), [d, n] = p.useState(1), [c, b] = p.useState(!1), { reset: x, addProductToCart: h, getProducts: _ } = Pt(), [g, u] = p.useState(!1);
   p.useEffect(() => {
     u(!0);
-    const x = setTimeout(() => u(!1), 600);
-    return () => clearTimeout(x);
+    const f = setTimeout(() => u(!1), 600);
+    return () => clearTimeout(f);
   }, [d]);
   async function w() {
-    await h(), await m({
+    await _(), await h({
       productId: r.id,
       productVariantId: e.id,
       quantity: d
     });
   }
   function q() {
-    f(), w(), l("/checkout");
+    x(), w(), l("/checkout");
   }
-  function k(x) {
-    if (x >= 864e5) {
-      const $ = Math.floor(x / 864e5);
+  function k(f) {
+    if (f >= 864e5) {
+      const $ = Math.floor(f / 864e5);
       return `${$} ${$ === 1 ? "day" : "days"}`;
-    } else if (x >= 36e5) {
-      const $ = Math.floor(x / 36e5);
+    } else if (f >= 36e5) {
+      const $ = Math.floor(f / 36e5);
       return `${$} ${$ === 1 ? "hour" : "hours"}`;
-    } else if (x >= 6e4) {
-      const $ = Math.floor(x / 6e4);
+    } else if (f >= 6e4) {
+      const $ = Math.floor(f / 6e4);
       return `${$} ${$ === 1 ? "minute" : "minutes"}`;
     } else {
-      const $ = Math.floor(x / 1e3);
+      const $ = Math.floor(f / 1e3);
       return `${$} ${$ === 1 ? "second" : "seconds"}`;
     }
   }
-  function L(x, D) {
-    return x.length > D ? x.slice(0, D) + "..." : x;
+  function L(f, D) {
+    return f.length > D ? f.slice(0, D) + "..." : f;
   }
   return /* @__PURE__ */ t.jsxs("div", { className: N.options, children: [
-    e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: N.chargeTypes, children: e.chargeTypes.map((x) => /* @__PURE__ */ t.jsx(
+    e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: N.chargeTypes, children: e.chargeTypes.map((f) => /* @__PURE__ */ t.jsx(
       "div",
       {
         className: F(N.charge, {
-          [N.chargeActive]: i === x
+          [N.chargeActive]: i === f
         }),
-        onClick: () => o(x),
-        children: Mt[x]
+        onClick: () => o(f),
+        children: Mt[f]
       },
-      x
+      f
     )) }),
-    /* @__PURE__ */ t.jsx("div", { className: N.variants, children: a.map((x) => {
+    /* @__PURE__ */ t.jsx("div", { className: N.variants, children: a.map((f) => {
       var D;
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
           className: F(N.variant, {
-            [N.activeVariant]: e.id === x.id
+            [N.activeVariant]: e.id === f.id
           }),
-          onClick: () => s(x),
+          onClick: () => s(f),
           children: [
             /* @__PURE__ */ t.jsxs("div", { className: N.variantInfo, children: [
-              /* @__PURE__ */ t.jsx("span", { className: N.title, children: L(x.name, 15) }),
+              /* @__PURE__ */ t.jsx("span", { className: N.title, children: L(f.name, 15) }),
               /* @__PURE__ */ t.jsxs("span", { children: [
                 "$",
-                i === "ONE_TIME" ? x.price.amount : x.subscriptionSettings ? x.subscriptionSettings.price.amount : "Price Not Found"
+                i === "ONE_TIME" ? f.price.amount : f.subscriptionSettings ? f.subscriptionSettings.price.amount : "Price Not Found"
               ] })
             ] }),
             /* @__PURE__ */ t.jsx("div", { children: i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: N.stock, children: [
-              ((D = x.quantity.restrictions) == null ? void 0 : D.max) || x.quantity.available || 0,
+              ((D = f.quantity.restrictions) == null ? void 0 : D.max) || f.quantity.available || 0,
               " in stock"
             ] }) })
           ]
         },
-        x.id
+        f.id
       );
     }) }),
     i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: N.quantity, children: [
@@ -2315,11 +2315,11 @@ const ha = (r) => {
         "button",
         {
           onClick: () => {
-            d > 1 ? n((x) => x - 1) : n(1);
+            d > 1 ? n((f) => f - 1) : n(1);
           },
           className: N.button,
           disabled: e.quantity.restrictions && d <= e.quantity.restrictions.min,
-          children: /* @__PURE__ */ t.jsx(b, { name: "Minus" })
+          children: /* @__PURE__ */ t.jsx(v, { name: "Minus" })
         }
       ),
       /* @__PURE__ */ t.jsx(
@@ -2328,14 +2328,14 @@ const ha = (r) => {
           className: F(N.count, {
             [N.focused]: c
           }),
-          onFocus: () => v(!0),
-          onBlur: () => v(!1),
+          onFocus: () => b(!0),
+          onBlur: () => b(!1),
           children: /* @__PURE__ */ t.jsx(
             W,
             {
               type: "number",
               value: String(d),
-              onChange: (x) => n(Number(x)),
+              onChange: (f) => n(Number(f)),
               max: ((B = e.quantity.restrictions) == null ? void 0 : B.max) || e.quantity.available || 1 / 0,
               min: ((S = e.quantity.restrictions) == null ? void 0 : S.min) || 0,
               style: {
@@ -2351,11 +2351,11 @@ const ha = (r) => {
         "button",
         {
           onClick: () => {
-            n((x) => x + 1);
+            n((f) => f + 1);
           },
           className: N.button,
           disabled: !!(e.quantity.restrictions && d >= e.quantity.restrictions.max || e.quantity.available && d >= e.quantity.available),
-          children: /* @__PURE__ */ t.jsx(b, { name: "Plus" })
+          children: /* @__PURE__ */ t.jsx(v, { name: "Plus" })
         }
       )
     ] }),
@@ -2364,7 +2364,7 @@ const ha = (r) => {
         /* @__PURE__ */ t.jsx("span", { children: "Delivery" }),
         /* @__PURE__ */ t.jsxs("div", { className: N.infoRight, children: [
           /* @__PURE__ */ t.jsx(
-            b,
+            v,
             {
               name: "Lightning",
               fill: "#FF3F19",
@@ -2423,49 +2423,49 @@ const ha = (r) => {
       )
     ] })
   ] });
-}, Ri = "_button_oyh2y_1", Mi = "_login_oyh2y_14", Hi = "_signUp_oyh2y_18", zi = "_buttons_oyh2y_23", Fi = "_modal_oyh2y_32", Vi = "_closing_oyh2y_61", Ui = "_info_oyh2y_85", Yi = "_top_oyh2y_92", Gi = "_title_oyh2y_103", Wi = "_clear_oyh2y_110", Xi = "_activeClear_oyh2y_117", Ji = "_count_oyh2y_121", Qi = "_cart_oyh2y_136", Ki = "_empty_oyh2y_144", Zi = "_product_oyh2y_170", to = "_products_oyh2y_179", eo = "_image_oyh2y_187", so = "_productInfo_oyh2y_193", no = "_content_oyh2y_200", io = "_name_oyh2y_206", oo = "_price_oyh2y_212", ao = "_productButtons_oyh2y_218", co = "_productButton_oyh2y_218", lo = "_productCount_oyh2y_238", ro = "_bottom_oyh2y_254", uo = "_subtotal_oyh2y_262", _o = "_block_oyh2y_270", ho = "_shoppingCount_oyh2y_277", mo = "_total_oyh2y_297", po = "_link_oyh2y_303", go = "_userInfo_oyh2y_310", C = {
-  button: Ri,
-  login: Mi,
-  signUp: Hi,
-  buttons: zi,
-  modal: Fi,
+}, Mi = "_button_oyh2y_1", Hi = "_login_oyh2y_14", zi = "_signUp_oyh2y_18", Fi = "_buttons_oyh2y_23", Vi = "_modal_oyh2y_32", Ui = "_closing_oyh2y_61", Yi = "_info_oyh2y_85", Gi = "_top_oyh2y_92", Wi = "_title_oyh2y_103", Xi = "_clear_oyh2y_110", Ji = "_activeClear_oyh2y_117", Qi = "_count_oyh2y_121", Ki = "_cart_oyh2y_136", Zi = "_empty_oyh2y_144", to = "_product_oyh2y_170", eo = "_products_oyh2y_179", so = "_image_oyh2y_187", no = "_productInfo_oyh2y_193", io = "_content_oyh2y_200", oo = "_name_oyh2y_206", ao = "_price_oyh2y_212", co = "_productButtons_oyh2y_218", lo = "_productButton_oyh2y_218", ro = "_productCount_oyh2y_238", uo = "_bottom_oyh2y_254", mo = "_subtotal_oyh2y_262", _o = "_block_oyh2y_270", ho = "_shoppingCount_oyh2y_277", po = "_total_oyh2y_297", go = "_link_oyh2y_303", xo = "_userInfo_oyh2y_310", C = {
+  button: Mi,
+  login: Hi,
+  signUp: zi,
+  buttons: Fi,
+  modal: Vi,
   "slide-in-fade": "_slide-in-fade_oyh2y_1",
-  closing: Vi,
+  closing: Ui,
   "slide-out-fade": "_slide-out-fade_oyh2y_1",
-  info: Ui,
-  top: Yi,
-  title: Gi,
-  clear: Wi,
-  activeClear: Xi,
-  count: Ji,
-  cart: Qi,
-  empty: Ki,
-  product: Zi,
-  products: to,
-  image: eo,
-  productInfo: so,
-  content: no,
-  name: io,
-  price: oo,
-  productButtons: ao,
-  productButton: co,
-  productCount: lo,
-  bottom: ro,
-  subtotal: uo,
+  info: Yi,
+  top: Gi,
+  title: Wi,
+  clear: Xi,
+  activeClear: Ji,
+  count: Qi,
+  cart: Ki,
+  empty: Zi,
+  product: to,
+  products: eo,
+  image: so,
+  productInfo: no,
+  content: io,
+  name: oo,
+  price: ao,
+  productButtons: co,
+  productButton: lo,
+  productCount: ro,
+  bottom: uo,
+  subtotal: mo,
   block: _o,
   shoppingCount: ho,
-  total: mo,
-  link: po,
-  userInfo: go
-}, fo = "_button_85085_1", xo = "_primary_85085_20", vo = "_primaryHovered_85085_30", bo = "_secondary_85085_34", jo = "_secondaryHovered_85085_44", yo = "_tertiary_85085_48", ko = "_tertiaryHovered_85085_58", Io = "_content_85085_62", it = {
+  total: po,
+  link: go,
+  userInfo: xo
+}, fo = "_button_85085_1", bo = "_primary_85085_20", vo = "_primaryHovered_85085_30", jo = "_secondary_85085_34", yo = "_secondaryHovered_85085_44", ko = "_tertiary_85085_48", Io = "_tertiaryHovered_85085_58", $o = "_content_85085_62", it = {
   button: fo,
-  primary: xo,
+  primary: bo,
   primaryHovered: vo,
-  secondary: bo,
-  secondaryHovered: jo,
-  tertiary: yo,
-  tertiaryHovered: ko,
-  content: Io
+  secondary: jo,
+  secondaryHovered: yo,
+  tertiary: ko,
+  tertiaryHovered: Io,
+  content: $o
 }, kt = (r) => {
   const { children: a, onClick: e, style: s, className: i, disabled: o = !1, type: l = "Primary" } = r, { themeSettings: d } = qt();
   return /* @__PURE__ */ t.jsx(
@@ -2485,16 +2485,16 @@ const ha = (r) => {
       },
       disabled: o,
       children: l === "Tertiary" ? /* @__PURE__ */ t.jsxs("div", { className: it.content, children: [
+        a,
         /* @__PURE__ */ t.jsx(
-          b,
+          v,
           {
             name: "ArrowRight",
             fill: "#757575",
             width: 20,
             height: 20
           }
-        ),
-        a
+        )
       ] }) : /* @__PURE__ */ t.jsx(t.Fragment, { children: a })
     }
   );
@@ -2502,13 +2502,13 @@ const ha = (r) => {
 class pt extends Error {
 }
 pt.prototype.name = "InvalidTokenError";
-function $o(r) {
+function No(r) {
   return decodeURIComponent(atob(r).replace(/(.)/g, (a, e) => {
     let s = e.charCodeAt(0).toString(16).toUpperCase();
     return s.length < 2 && (s = "0" + s), "%" + s;
   }));
 }
-function No(r) {
+function wo(r) {
   let a = r.replace(/-/g, "+").replace(/_/g, "/");
   switch (a.length % 4) {
     case 0:
@@ -2523,12 +2523,12 @@ function No(r) {
       throw new Error("base64 string is not of the correct length");
   }
   try {
-    return $o(a);
+    return No(a);
   } catch {
     return atob(a);
   }
 }
-function wo(r, a) {
+function Co(r, a) {
   if (typeof r != "string")
     throw new pt("Invalid token specified: must be a string");
   a || (a = {});
@@ -2537,7 +2537,7 @@ function wo(r, a) {
     throw new pt(`Invalid token specified: missing part #${e + 1}`);
   let i;
   try {
-    i = No(s);
+    i = wo(s);
   } catch (o) {
     throw new pt(`Invalid token specified: invalid base64 for part #${e + 1} (${o.message})`);
   }
@@ -2547,14 +2547,14 @@ function wo(r, a) {
     throw new pt(`Invalid token specified: invalid json for part #${e + 1} (${o.message})`);
   }
 }
-const ma = (r) => {
-  const { shopping: a, signUp: e } = r, s = vt();
+const pa = (r) => {
+  const { shopping: a, signUp: e } = r, s = bt();
   function i(l) {
     s(l);
   }
   const o = JSON.parse(localStorage.getItem("token") || "{}");
   return /* @__PURE__ */ t.jsxs("div", { className: C.buttons, children: [
-    a && /* @__PURE__ */ t.jsx(Co, {}),
+    a && /* @__PURE__ */ t.jsx(Bo, {}),
     !o.data && /* @__PURE__ */ t.jsx(
       kt,
       {
@@ -2577,25 +2577,25 @@ const ma = (r) => {
         children: "Sign Up"
       }
     ),
-    o.data && /* @__PURE__ */ t.jsx(To, { token: o.data })
+    o.data && /* @__PURE__ */ t.jsx(Po, { token: o.data })
   ] });
-}, Co = () => {
+}, Bo = () => {
   const [r, a] = p.useState(!1), [e, s] = p.useState([]), { cart: i, getProducts: o } = Pt();
-  function l(m) {
-    for (let h = 0; h < i.parts.length; h++)
-      for (let g = 0; g < m.variants.length; g++)
-        if (i.parts[h].productVariantId === m.variants[h].id)
-          return i.parts[h].productVariantId;
+  function l(h) {
+    for (let _ = 0; _ < i.parts.length; _++)
+      for (let g = 0; g < h.variants.length; g++)
+        if (i.parts[_].productVariantId === h.variants[_].id)
+          return i.parts[_].productVariantId;
   }
-  function d(m) {
-    for (let h = 0; h < i.parts.length; h++)
-      for (let g = 0; g < m.variants.length; g++)
-        if (i.parts[h].productVariantId === m.variants[h].id)
-          return i.parts[h].quantity;
+  function d(h) {
+    for (let _ = 0; _ < i.parts.length; _++)
+      for (let g = 0; g < h.variants.length; g++)
+        if (i.parts[_].productVariantId === h.variants[_].id)
+          return i.parts[_].quantity;
   }
   p.useEffect(() => {
     (async () => {
-      const h = i.parts.map((w) => String(w.productId)), u = (await o([...h])).map((w) => ({
+      const _ = i.parts.map((w) => String(w.productId)), u = (await o([..._])).map((w) => ({
         ...w,
         activeVariantId: l(w),
         quantity: d(w)
@@ -2603,22 +2603,22 @@ const ma = (r) => {
       s(u);
     })();
   }, [i.parts.length]);
-  function n(m) {
-    var h;
-    return !m || !(m != null && m.variants) ? !1 : (h = m.variants.find((g) => g.id === m.activeVariantId)) == null ? void 0 : h.subscriptionSettings;
+  function n(h) {
+    var _;
+    return !h || !(h != null && h.variants) ? !1 : (_ = h.variants.find((g) => g.id === h.activeVariantId)) == null ? void 0 : _.subscriptionSettings;
   }
-  const c = i.parts.length > 0 && e.length > 0 && !n(e[0]), [v, f] = p.useState(!1);
+  const c = i.parts.length > 0 && e.length > 0 && !n(e[0]), [b, x] = p.useState(!1);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsxs(
       "div",
       {
         className: C.button,
-        onClick: (m) => {
-          m.stopPropagation(), a(!0), f(!0);
+        onClick: (h) => {
+          h.stopPropagation(), a(!0), x(!0);
         },
         children: [
           /* @__PURE__ */ t.jsx(
-            b,
+            v,
             {
               name: "Handbag",
               fill: "var(--icon-primary)"
@@ -2632,38 +2632,39 @@ const ma = (r) => {
       Et,
       {
         close: () => {
-          f(!1), setTimeout(() => {
+          x(!1), setTimeout(() => {
             a(!1);
           }, 300);
         },
+        withAnimation: !1,
         children: /* @__PURE__ */ t.jsx(
-          Bo,
+          So,
           {
             activeProducts: e,
             isCartNotEmpty: c,
-            isOpen: v
+            isOpen: b
           }
         )
       }
     )
   ] });
-}, Bo = (r) => {
-  const { activeProducts: a, isCartNotEmpty: e, isOpen: s } = r, { cart: i, reset: o, getTotalAndDiscount: l, updateQuantityOfProduct: d } = Pt(), n = vt();
-  function c(m) {
-    n(m);
+}, So = (r) => {
+  const { activeProducts: a, isCartNotEmpty: e, isOpen: s } = r, { cart: i, reset: o, getTotalAndDiscount: l, updateQuantityOfProduct: d } = Pt(), n = bt();
+  function c(h) {
+    n(h);
   }
-  function v(m) {
+  function b(h) {
     d({
-      productId: m.id,
-      productVariantId: m.activeVariantId,
-      quantity: m.quantity + 1
+      productId: h.id,
+      productVariantId: h.activeVariantId,
+      quantity: h.quantity + 1
     });
   }
-  function f(m) {
+  function x(h) {
     d({
-      productId: m.id,
-      productVariantId: m.activeVariantId,
-      quantity: m.quantity - 1
+      productId: h.id,
+      productVariantId: h.activeVariantId,
+      quantity: h.quantity - 1
     });
   }
   return /* @__PURE__ */ t.jsxs(
@@ -2672,7 +2673,7 @@ const ma = (r) => {
       className: F(C.modal, {
         [C.closing]: !s
       }),
-      onClick: (m) => m.stopPropagation(),
+      onClick: (h) => h.stopPropagation(),
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: C.top, children: [
           /* @__PURE__ */ t.jsxs("div", { className: C.info, children: [
@@ -2692,7 +2693,7 @@ const ma = (r) => {
           )
         ] }),
         e ? /* @__PURE__ */ t.jsxs("div", { className: C.cart, children: [
-          /* @__PURE__ */ t.jsx("div", { className: C.products, children: a.map((m) => /* @__PURE__ */ t.jsxs(
+          /* @__PURE__ */ t.jsx("div", { className: C.products, children: a.map((h) => /* @__PURE__ */ t.jsxs(
             "div",
             {
               className: C.product,
@@ -2701,7 +2702,7 @@ const ma = (r) => {
                   /* @__PURE__ */ t.jsx(
                     "img",
                     {
-                      src: `https://imagedelivery.net/${m.images[0].cfId}/w=500`,
+                      src: `https://imagedelivery.net/${h.images[0].cfId}/w=500`,
                       alt: "image",
                       width: "100%",
                       height: "100%",
@@ -2709,10 +2710,10 @@ const ma = (r) => {
                     }
                   ),
                   /* @__PURE__ */ t.jsxs("div", { className: C.content, children: [
-                    /* @__PURE__ */ t.jsx("div", { className: C.name, children: m.name }),
+                    /* @__PURE__ */ t.jsx("div", { className: C.name, children: h.name }),
                     /* @__PURE__ */ t.jsxs("div", { className: C.price, children: [
                       "$",
-                      m.variants.find((h) => h.id === m.activeVariantId).price.amount * ((m == null ? void 0 : m.quantity) || 1)
+                      h.variants.find((_) => _.id === h.activeVariantId).price.amount * ((h == null ? void 0 : h.quantity) || 1)
                     ] })
                   ] })
                 ] }),
@@ -2721,11 +2722,11 @@ const ma = (r) => {
                     "div",
                     {
                       onClick: () => {
-                        m.quantity !== 1 && f(m);
+                        h.quantity !== 1 && x(h);
                       },
                       className: C.productButton,
                       children: /* @__PURE__ */ t.jsx(
-                        b,
+                        v,
                         {
                           name: "Minus",
                           fill: "#757575",
@@ -2735,14 +2736,14 @@ const ma = (r) => {
                       )
                     }
                   ),
-                  /* @__PURE__ */ t.jsx("div", { className: C.productCount, children: m.quantity }),
+                  /* @__PURE__ */ t.jsx("div", { className: C.productCount, children: h.quantity }),
                   /* @__PURE__ */ t.jsx(
                     "div",
                     {
-                      onClick: () => v(m),
+                      onClick: () => b(h),
                       className: C.productButton,
                       children: /* @__PURE__ */ t.jsx(
-                        b,
+                        v,
                         {
                           name: "Plus",
                           fill: "#757575",
@@ -2755,14 +2756,14 @@ const ma = (r) => {
                 ] })
               ]
             },
-            m.id
+            h.id
           )) }),
           /* @__PURE__ */ t.jsxs("div", { className: C.bottom, children: [
             /* @__PURE__ */ t.jsxs("div", { className: C.subtotal, children: [
               /* @__PURE__ */ t.jsxs("div", { className: C.block, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Subtotal" }),
                 /* @__PURE__ */ t.jsx(
-                  b,
+                  v,
                   {
                     name: "Info",
                     width: 20,
@@ -2778,13 +2779,13 @@ const ma = (r) => {
             ] }),
             /* @__PURE__ */ t.jsx(kt, { onClick: () => c("/checkout"), children: "Checkout" })
           ] })
-        ] }) : /* @__PURE__ */ t.jsx(So, {})
+        ] }) : /* @__PURE__ */ t.jsx(To, {})
       ]
     }
   );
-}, So = () => /* @__PURE__ */ t.jsxs("div", { className: C.empty, children: [
+}, To = () => /* @__PURE__ */ t.jsxs("div", { className: C.empty, children: [
   /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-    b,
+    v,
     {
       name: "Handbag",
       fill: "var(--icon-secondary)"
@@ -2803,11 +2804,11 @@ const ma = (r) => {
       }
     )
   ] })
-] }), To = ({ token: r }) => {
-  const [a, e] = p.useState("test-email@gmail.com"), s = vt();
+] }), Po = ({ token: r }) => {
+  const [a, e] = p.useState("test-email@gmail.com"), s = bt();
   p.useEffect(() => {
     (async () => {
-      const l = wo(r);
+      const l = Co(r);
       e(l.email);
     })();
   }, [r]);
@@ -2822,17 +2823,17 @@ const ma = (r) => {
       children: /* @__PURE__ */ t.jsx("div", { children: a || "test-email@gmail.com" })
     }
   );
-}, Po = "_share_11u0d_1", Ao = "_modal_11u0d_8", Oo = "_header_11u0d_14", qo = "_socials_11u0d_24", Eo = "_social_11u0d_24", Do = "_copy_11u0d_34", Lo = "_title_11u0d_41", Ro = "_copyWrapper_11u0d_47", Mo = "_copyText_11u0d_56", ot = {
-  share: Po,
-  modal: Ao,
-  header: Oo,
-  socials: qo,
-  social: Eo,
-  copy: Do,
-  title: Lo,
-  copyWrapper: Ro,
-  copyText: Mo
-}, pa = () => {
+}, Ao = "_share_11u0d_1", Oo = "_modal_11u0d_8", qo = "_header_11u0d_14", Eo = "_socials_11u0d_24", Do = "_social_11u0d_24", Lo = "_copy_11u0d_34", Ro = "_title_11u0d_41", Mo = "_copyWrapper_11u0d_47", Ho = "_copyText_11u0d_56", ot = {
+  share: Ao,
+  modal: Oo,
+  header: qo,
+  socials: Eo,
+  social: Do,
+  copy: Lo,
+  title: Ro,
+  copyWrapper: Mo,
+  copyText: Ho
+}, ga = () => {
   const { isOpenModal: r, setIsOpenModal: a } = Dt();
   function e() {
     a(!0);
@@ -2847,7 +2848,7 @@ const ma = (r) => {
         },
         type: "Secondary",
         children: /* @__PURE__ */ t.jsx(
-          b,
+          v,
           {
             name: "Share",
             fill: "#757575",
@@ -2856,30 +2857,35 @@ const ma = (r) => {
         )
       }
     ),
-    r && /* @__PURE__ */ t.jsx(Et, { close: a, children: /* @__PURE__ */ t.jsx(Ho, {}) })
+    r && /* @__PURE__ */ t.jsx(Et, { close: a, children: /* @__PURE__ */ t.jsx(zo, {}) })
   ] });
-}, Ho = () => {
-  const { setIsOpenModal: r } = Dt(), { notification: a, setNotification: e } = zt(), s = window.location.href;
-  function i() {
-    navigator.clipboard.writeText(s), e({
+}, zo = () => {
+  const { setIsOpenModal: r } = Dt(), { notification: a, setNotification: e } = zt(), { setIsOpen: s } = Ft(), i = window.location.href;
+  function o() {
+    navigator.clipboard.writeText(i), e({
       message: "Link copied to clipboard",
       status: "success"
     });
   }
+  function l() {
+    s(!1), setTimeout(() => {
+      r(!1), s(!0);
+    }, 300);
+  }
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
       className: ot.modal,
-      onClick: (o) => o.stopPropagation(),
+      onClick: (d) => d.stopPropagation(),
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: ot.header, children: [
           /* @__PURE__ */ t.jsx("div", { className: ot.title, children: "Copy Product Link" }),
           /* @__PURE__ */ t.jsx(
-            b,
+            v,
             {
               name: "X",
               fill: "#757575",
-              onClick: () => r(!1),
+              onClick: l,
               hoverable: !0
             }
           )
@@ -2889,43 +2895,43 @@ const ma = (r) => {
             "div",
             {
               className: F(ot.copy, ot.copyText),
-              onClick: i,
-              children: s
+              onClick: o,
+              children: i
             }
           ),
           /* @__PURE__ */ t.jsx(
             "div",
             {
-              onClick: i,
+              onClick: o,
               className: ot.copy,
-              children: a ? /* @__PURE__ */ t.jsx(b, { name: "Check" }) : /* @__PURE__ */ t.jsx(b, { name: "Copy" })
+              children: a ? /* @__PURE__ */ t.jsx(v, { name: "Check" }) : /* @__PURE__ */ t.jsx(v, { name: "Copy" })
             }
           )
         ] })
       ]
     }
   );
-}, zo = "_accordion_1s1lq_1", Fo = "_header_1s1lq_9", Vo = "_icon_1s1lq_18", Uo = "_open_1s1lq_21", Yo = "_content_1s1lq_25", mt = {
-  accordion: zo,
-  header: Fo,
-  icon: Vo,
-  open: Uo,
-  content: Yo
-}, ga = ({ title: r, content: a }) => {
+}, Fo = "_accordion_1s1lq_1", Vo = "_header_1s1lq_9", Uo = "_icon_1s1lq_18", Yo = "_open_1s1lq_21", Go = "_content_1s1lq_25", ht = {
+  accordion: Fo,
+  header: Vo,
+  icon: Uo,
+  open: Yo,
+  content: Go
+}, xa = ({ title: r, content: a }) => {
   const [e, s] = p.useState(!1), [i, o] = p.useState(0), l = p.useRef(null), d = () => {
     s(!e);
   };
   return p.useEffect(() => {
     l.current && o(e ? l.current.scrollHeight : 0);
-  }, [e]), /* @__PURE__ */ t.jsxs("div", { className: mt.accordion, children: [
+  }, [e]), /* @__PURE__ */ t.jsxs("div", { className: ht.accordion, children: [
     /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: mt.header,
+        className: ht.header,
         onClick: d,
         children: [
           /* @__PURE__ */ t.jsx("h5", { id: "h5", children: r }),
-          /* @__PURE__ */ t.jsx("div", { className: F(mt.icon, { [mt.open]: e }), children: /* @__PURE__ */ t.jsx(b, { name: "CaretDown" }) })
+          /* @__PURE__ */ t.jsx("div", { className: F(ht.icon, { [ht.open]: e }), children: /* @__PURE__ */ t.jsx(v, { name: "CaretDown" }) })
         ]
       }
     ),
@@ -2933,21 +2939,21 @@ const ma = (r) => {
       "div",
       {
         ref: l,
-        className: mt.content,
+        className: ht.content,
         style: { height: `${i}px` },
         children: /* @__PURE__ */ t.jsx("p", { id: "p", children: a })
       }
     )
   ] });
-}, Go = "_wrapper_p74l6_1", Wo = "_label_p74l6_9", Xo = "_input_p74l6_18", Jo = "_paddingless_p74l6_31", Qo = "_content_p74l6_35", Ko = "_contentBorder_p74l6_48", Zo = "_borderless_p74l6_53", ta = "_rightIcon_p74l6_58", et = {
-  wrapper: Go,
-  label: Wo,
-  input: Xo,
-  paddingless: Jo,
-  content: Qo,
-  contentBorder: Ko,
-  borderless: Zo,
-  rightIcon: ta
+}, Wo = "_wrapper_p74l6_1", Xo = "_label_p74l6_9", Jo = "_input_p74l6_18", Qo = "_paddingless_p74l6_31", Ko = "_content_p74l6_35", Zo = "_contentBorder_p74l6_48", ta = "_borderless_p74l6_53", ea = "_rightIcon_p74l6_58", et = {
+  wrapper: Wo,
+  label: Xo,
+  input: Jo,
+  paddingless: Qo,
+  content: Ko,
+  contentBorder: Zo,
+  borderless: ta,
+  rightIcon: ea
 }, fa = (r) => {
   const {
     onChange: a,
@@ -2959,18 +2965,18 @@ const ma = (r) => {
     max: d,
     placeholder: n,
     disabled: c = !1,
-    required: v = !1,
-    regex: f,
-    paddingless: m = !1,
-    borderless: h = !1,
+    required: b = !1,
+    regex: x,
+    paddingless: h = !1,
+    borderless: _ = !1,
     editable: g = !1,
     isSearch: u = !1
   } = r, { themeSettings: w } = qt(), { inputs: q } = w, [k, L] = p.useState(!1);
-  function B(x) {
-    return Number(x) < 0 ? String(l) : x;
+  function B(f) {
+    return Number(f) < 0 ? String(l) : f;
   }
-  function S(x) {
-    return !v || !f ? !0 : new RegExp(f).test(x);
+  function S(f) {
+    return !b || !x ? !0 : new RegExp(x).test(f);
   }
   return /* @__PURE__ */ t.jsxs("div", { className: et.wrapper, children: [
     s && /* @__PURE__ */ t.jsx(
@@ -2998,10 +3004,10 @@ const ma = (r) => {
             {
               id: s,
               type: o || "text",
-              onChange: (x) => {
-                if (o === "text") a(x.target.value);
+              onChange: (f) => {
+                if (o === "text") a(f.target.value);
                 else {
-                  const D = B(x.target.value);
+                  const D = B(f.target.value);
                   a(D);
                 }
               },
@@ -3009,9 +3015,9 @@ const ma = (r) => {
               autoComplete: "off",
               placeholder: n || "Type something...",
               className: F(et.input, {
-                [et.required]: k && v && !S(i),
-                [et.paddingless]: m,
-                [et.borderless]: h
+                [et.required]: k && b && !S(i),
+                [et.paddingless]: h,
+                [et.borderless]: _
               }),
               min: o === "number" ? l : void 0,
               max: o === "number" ? d : void 0,
@@ -3020,7 +3026,7 @@ const ma = (r) => {
             }
           ),
           u && /* @__PURE__ */ t.jsx("div", { className: et.rightIcon, children: /* @__PURE__ */ t.jsx(
-            b,
+            v,
             {
               name: "MagnifyingGlass",
               fill: "var(--icon-secondary)",
@@ -3029,7 +3035,7 @@ const ma = (r) => {
             }
           ) }),
           g && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-            b,
+            v,
             {
               name: "Sliders",
               width: 20,
@@ -3041,18 +3047,18 @@ const ma = (r) => {
       }
     )
   ] });
-}, ea = "_wrapper_st58d_1", sa = "_label_st58d_10", na = "_textarea_st58d_18", ia = "_length_st58d_33", xt = {
-  wrapper: ea,
-  label: sa,
-  textarea: na,
-  length: ia
-}, xa = (r) => {
+}, sa = "_wrapper_st58d_1", na = "_label_st58d_10", ia = "_textarea_st58d_18", oa = "_length_st58d_33", ft = {
+  wrapper: sa,
+  label: na,
+  textarea: ia,
+  length: oa
+}, ba = (r) => {
   const { onChange: a, label: e, value: s, maxLength: i, placeholder: o = "Type something..." } = r, [l, d] = p.useState(s.length);
-  return /* @__PURE__ */ t.jsxs("div", { className: xt.wrapper, children: [
+  return /* @__PURE__ */ t.jsxs("div", { className: ft.wrapper, children: [
     e && /* @__PURE__ */ t.jsx(
       "label",
       {
-        className: xt.label,
+        className: ft.label,
         htmlFor: e,
         children: e
       }
@@ -3066,11 +3072,11 @@ const ma = (r) => {
           d(n.target.value.length), a(n.target.value);
         },
         placeholder: o,
-        className: xt.textarea,
+        className: ft.textarea,
         maxLength: i
       }
     ),
-    i && /* @__PURE__ */ t.jsxs("div", { className: xt.length, children: [
+    i && /* @__PURE__ */ t.jsxs("div", { className: ft.length, children: [
       l,
       "/",
       i
@@ -3078,34 +3084,34 @@ const ma = (r) => {
   ] });
 };
 export {
-  ga as Accordion,
+  xa as Accordion,
   kt as Button,
-  Sn as ButtonTypeSettings,
-  ua as ButtonsSettings,
-  ra as CategorySettings,
+  Tn as ButtonTypeSettings,
+  ma as ButtonsSettings,
+  da as CategorySettings,
   gt as ChooseImage,
-  ja as ChooseImageModal,
-  So as EmptyCart,
-  da as FormSettings,
-  ma as HeaderButtons,
-  b as Icon,
+  ya as ChooseImageModal,
+  To as EmptyCart,
+  ua as FormSettings,
+  pa as HeaderButtons,
+  v as Icon,
   W as InputSettings,
   fa as InputUI,
-  ze as ItemsSettings,
-  la as LayoutSettings,
+  Fe as ItemsSettings,
+  ra as LayoutSettings,
   _a as ListingSelector,
-  ya as Loader,
+  ka as Loader,
   Et as Modal,
   ha as ProductOptions,
   At as RangeSelector,
   st as Select,
-  pa as ShareLink,
-  Co as ShoppingButton,
-  Bo as ShoppingModalCart,
+  ga as ShareLink,
+  Bo as ShoppingButton,
+  So as ShoppingModalCart,
   Z as Switch,
   Rt as TextSettings,
   Ot as TextareaSettings,
-  xa as TextareaUI,
+  ba as TextareaUI,
   Lt as TypesText,
-  To as UserInfo
+  Po as UserInfo
 };