@billgangcom/theme-lib 1.51.0 → 1.52.0

package/dist/ui.es.js

@@ -1,21 +1,21 @@
-import { j as t, I as b, c as H, a as ut, S as at, R as kt, B as et, O as pt, b as ct, u as mt, d as _t, P as ht, D as gt, e as xt, v as ft, f as bt, C as vt, g as F, h as Bt, i as ot, k as Nt, l as Pt, m as dt, s as Mt, n as It, o as rt, p as jt, M as yt, q as $t, r as Tt, t as St, w as qt } from "./index-Cm_7HBSO.js";
-import { A as to, y as eo, L as so, x as no, T as io, z as oo } from "./index-Cm_7HBSO.js";
-import x from "react";
+import { j as t, I as j, c as F, a as rt, S as it, R as vt, B as Z, O as dt, b as ot, u as ut, d as mt, P as pt, D as _t, e as ht, v as gt, f as ft, C as xt, g as H, h as $t, i as nt, k as yt, l as St, m as lt, s as Bt, n as ct, o as bt, p as V, q as wt, M as jt, r as kt, t as Pt, w as It, x as Mt } from "./index-CSt-42JF.js";
+import { E as Ai, z as Oi, L as Ei, y as Di, T as zi, A as Li } from "./index-CSt-42JF.js";
+import f from "react";
 import "@phosphor-icons/react";
-const At = "_wrapper_1ibay_2", Ot = "_alignmentBlock_1ibay_8", Et = "_title_1ibay_15", zt = "_subtitle_1ibay_22", Dt = "_alignmentContent_1ibay_29", Rt = "_alignments_1ibay_37", Ht = "_alignment_1ibay_8", Lt = "_circle_1ibay_60", Ut = "_paddings_1ibay_67", Ft = "_padding_1ibay_67", Vt = "_active_1ibay_91", Yt = "_input_1ibay_98", W = {
-  wrapper: At,
-  alignmentBlock: Ot,
-  title: Et,
-  subtitle: zt,
-  alignmentContent: Dt,
-  alignments: Rt,
-  alignment: Ht,
+const Tt = "_wrapper_1ibay_2", qt = "_alignmentBlock_1ibay_8", At = "_title_1ibay_15", Ot = "_subtitle_1ibay_22", Et = "_alignmentContent_1ibay_29", Dt = "_alignments_1ibay_37", zt = "_alignment_1ibay_8", Lt = "_circle_1ibay_60", Rt = "_paddings_1ibay_67", Ut = "_padding_1ibay_67", Ht = "_active_1ibay_91", Ft = "_input_1ibay_98", Y = {
+  wrapper: Tt,
+  alignmentBlock: qt,
+  title: At,
+  subtitle: Ot,
+  alignmentContent: Et,
+  alignments: Dt,
+  alignment: zt,
   circle: Lt,
-  paddings: Ut,
-  padding: Ft,
-  active: Vt,
-  input: Yt
-}, Wt = [
+  paddings: Rt,
+  padding: Ut,
+  active: Ht,
+  input: Ft
+}, Vt = [
   "topLeft",
   "top",
   "topRight",
@@ -25,10 +25,10 @@ const At = "_wrapper_1ibay_2", Ot = "_alignmentBlock_1ibay_8", Et = "_title_1iba
   "bottomLeft",
   "bottom",
   "bottomRight"
-], Gt = ["left", "top", "right", "bottom"], zi = (u) => {
+], Yt = ["left", "top", "right", "bottom"], bi = (u) => {
   const { alignment: o, padding: e, setPadding: s, setAlignment: n } = u;
-  function r(h) {
-    switch (h) {
+  function _(g) {
+    switch (g) {
       case "left":
       case "topLeft":
       case "bottomLeft":
@@ -45,8 +45,8 @@ const At = "_wrapper_1ibay_2", Ot = "_alignmentBlock_1ibay_8", Et = "_title_1iba
         return "TextAlignCenter";
     }
   }
-  function c(h) {
-    switch (h) {
+  function r(g) {
+    switch (g) {
       case "left":
         return "AlignLeft";
       case "right":
@@ -57,40 +57,40 @@ const At = "_wrapper_1ibay_2", Ot = "_alignmentBlock_1ibay_8", Et = "_title_1iba
         return "AlignBottom";
     }
   }
-  const [a, _] = x.useState(null), [N, B] = x.useState(null);
-  return /* @__PURE__ */ t.jsxs("div", { className: W.layout, children: [
-    /* @__PURE__ */ t.jsx("h3", { className: W.title, children: "Layout" }),
-    /* @__PURE__ */ t.jsxs("div", { className: W.alignmentBlock, children: [
-      /* @__PURE__ */ t.jsx("h5", { className: W.subtitle, children: "Alignment" }),
-      /* @__PURE__ */ t.jsxs("div", { className: W.alignmentContent, children: [
-        /* @__PURE__ */ t.jsx("div", { className: W.alignments, children: Wt.map((h) => /* @__PURE__ */ t.jsxs(
+  const [a, p] = f.useState(null), [C, M] = f.useState(null);
+  return /* @__PURE__ */ t.jsxs("div", { className: Y.layout, children: [
+    /* @__PURE__ */ t.jsx("h3", { className: Y.title, children: "Layout" }),
+    /* @__PURE__ */ t.jsxs("div", { className: Y.alignmentBlock, children: [
+      /* @__PURE__ */ t.jsx("h5", { className: Y.subtitle, children: "Alignment" }),
+      /* @__PURE__ */ t.jsxs("div", { className: Y.alignmentContent, children: [
+        /* @__PURE__ */ t.jsx("div", { className: Y.alignments, children: Vt.map((g) => /* @__PURE__ */ t.jsxs(
           "div",
           {
             onClick: () => {
-              n(h);
+              n(g);
             },
-            className: W.alignment,
+            className: Y.alignment,
             onMouseEnter: () => {
-              _(h);
+              p(g);
             },
             onMouseLeave: () => {
-              _(null);
+              p(null);
             },
             children: [
-              h !== o && a !== h && /* @__PURE__ */ t.jsx("div", { className: W.circle }),
-              h !== o && a === h && /* @__PURE__ */ t.jsx(
-                b,
+              g !== o && a !== g && /* @__PURE__ */ t.jsx("div", { className: Y.circle }),
+              g !== o && a === g && /* @__PURE__ */ t.jsx(
+                j,
                 {
-                  name: r(a),
+                  name: _(a),
                   fill: "#c2c2c2",
                   width: 22,
                   height: 22
                 }
               ),
-              h === o && /* @__PURE__ */ t.jsx(
-                b,
+              g === o && /* @__PURE__ */ t.jsx(
+                j,
                 {
-                  name: r(o),
+                  name: _(o),
                   fill: "#FF3F19",
                   width: 22,
                   height: 22
@@ -98,37 +98,37 @@ const At = "_wrapper_1ibay_2", Ot = "_alignmentBlock_1ibay_8", Et = "_title_1iba
               )
             ]
           },
-          h
+          g
         )) }),
-        /* @__PURE__ */ t.jsx("div", { className: W.paddings, children: Gt.map((h) => /* @__PURE__ */ t.jsxs(
+        /* @__PURE__ */ t.jsx("div", { className: Y.paddings, children: Yt.map((g) => /* @__PURE__ */ t.jsxs(
           "label",
           {
-            className: H(W.padding, {
-              [W.active]: N === h
+            className: F(Y.padding, {
+              [Y.active]: C === g
             }),
             onFocus: () => {
-              B(h);
+              M(g);
             },
             onBlur: () => {
-              B(null);
+              M(null);
             },
             children: [
               /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-                b,
+                j,
                 {
-                  name: c(h),
+                  name: r(g),
                   width: 20,
                   height: 20
                 }
               ) }),
               /* @__PURE__ */ t.jsx(
-                ut,
+                rt,
                 {
                   type: "number",
-                  value: String(e[h]),
+                  value: String(e[g]),
                   onChange: (i) => s({
                     ...e,
-                    [h]: Number(i)
+                    [g]: Number(i)
                   }),
                   paddingless: !0,
                   borderless: !0
@@ -136,66 +136,66 @@ const At = "_wrapper_1ibay_2", Ot = "_alignmentBlock_1ibay_8", Et = "_title_1iba
               )
             ]
           },
-          h
+          g
         )) })
       ] })
     ] })
   ] });
-}, Xt = "_title_82zux_1", Qt = "_subtitle_82zux_5", Jt = "_header_82zux_12", Kt = "_text_82zux_13", Zt = "_productsBlock_82zux_14", te = "_top_82zux_26", ee = "_itemsBlock_82zux_35", se = "_typeTexts_82zux_41", ne = "_block_82zux_48", ie = "_active_82zux_61", oe = "_products_82zux_14", ae = "_product_82zux_14", ce = "_button_82zux_80", le = "_disabled_82zux_91", re = "_image_82zux_95", de = "_info_82zux_102", ue = "_name_82zux_114", pe = "_buttons_82zux_118", me = "_modal_82zux_125", _e = "_link_82zux_145", he = "_modalOptions_82zux_151", ge = "_addButton_82zux_157", xe = "_deleteButton_82zux_179", G = {
-  title: Xt,
-  subtitle: Qt,
-  header: Jt,
-  text: Kt,
-  productsBlock: Zt,
-  top: te,
-  itemsBlock: ee,
-  typeTexts: se,
-  block: ne,
-  active: ie,
-  products: oe,
-  product: ae,
-  button: ce,
-  disabled: le,
-  image: re,
-  info: de,
-  name: ue,
-  buttons: pe,
-  modal: me,
-  link: _e,
-  modalOptions: he,
-  addButton: ge,
-  deleteButton: xe
-}, Di = (u) => {
+}, Wt = "_title_82zux_1", Gt = "_subtitle_82zux_5", Xt = "_header_82zux_12", Qt = "_text_82zux_13", Jt = "_productsBlock_82zux_14", Kt = "_top_82zux_26", Zt = "_itemsBlock_82zux_35", te = "_typeTexts_82zux_41", ee = "_block_82zux_48", se = "_active_82zux_61", ne = "_products_82zux_14", ie = "_product_82zux_14", oe = "_button_82zux_80", ae = "_disabled_82zux_91", ce = "_image_82zux_95", le = "_info_82zux_102", re = "_name_82zux_114", de = "_buttons_82zux_118", ue = "_modal_82zux_125", me = "_link_82zux_145", pe = "_modalOptions_82zux_151", _e = "_addButton_82zux_157", he = "_deleteButton_82zux_179", W = {
+  title: Wt,
+  subtitle: Gt,
+  header: Xt,
+  text: Qt,
+  productsBlock: Jt,
+  top: Kt,
+  itemsBlock: Zt,
+  typeTexts: te,
+  block: ee,
+  active: se,
+  products: ne,
+  product: ie,
+  button: oe,
+  disabled: ae,
+  image: ce,
+  info: le,
+  name: re,
+  buttons: de,
+  modal: ue,
+  link: me,
+  modalOptions: pe,
+  addButton: _e,
+  deleteButton: he
+}, ji = (u) => {
   const {
     isActiveItems: o,
     setIsActiveItems: e,
     items: s,
     setItems: n,
-    other: r,
-    title: c,
+    other: _,
+    title: r,
     subtitle: a,
-    draggable: _ = !1,
-    withImage: N = !1,
-    addable: B = !0,
-    itemsOptions: h,
+    draggable: p = !1,
+    withImage: C = !1,
+    addable: M = !0,
+    itemsOptions: g,
     hasRangeSelector: i = !1,
-    rangeSelectorOptions: j,
-    limit: d,
-    autoScrollInterval: f,
+    rangeSelectorOptions: v,
+    limit: l,
+    autoScrollInterval: x,
     deletable: y
   } = u;
-  function D(l) {
-    if (N)
-      return l ? /* @__PURE__ */ t.jsx(
+  function z(c) {
+    if (C)
+      return c ? /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: `https://imagedelivery.net/${l[0]}/w=1000`,
+          src: `https://imagedelivery.net/${c[0]}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
         }
       ) : /* @__PURE__ */ t.jsx(
-        b,
+        j,
         {
           name: "Image",
           width: 16,
@@ -204,12 +204,12 @@ const At = "_wrapper_1ibay_2", Ot = "_alignmentBlock_1ibay_8", Et = "_title_1iba
         }
       );
   }
-  const A = (l, C = !1) => {
-    const M = h.find((w) => w.id === l);
-    if (!M) return;
-    const V = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        b,
+  const L = (c, S = !1) => {
+    const q = g.find((E) => E.id === c);
+    if (!q) return;
+    const G = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      p && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+        j,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -218,56 +218,56 @@ const At = "_wrapper_1ibay_2", Ot = "_alignmentBlock_1ibay_8", Et = "_title_1iba
         }
       ) }),
       /* @__PURE__ */ t.jsx(
-        ct,
+        ot,
         {
-          onChange: (w) => {
-            const m = [...s], S = h.find((I) => I.name === w);
-            if (!S) return;
-            const p = S.id, v = m.map((I) => I === l ? p : I);
-            n([...v]);
+          onChange: (E) => {
+            const m = [...s], $ = g.find((I) => I.name === E);
+            if (!$) return;
+            const d = $.id, b = m.map((I) => I === c ? d : I);
+            n([...b]);
           },
-          value: M.name,
-          options: h.filter((w) => !s.find((m) => m === w.id)).map((w) => w.name),
-          leftAddon: D(M.images)
+          value: q.name,
+          options: g.filter((E) => !s.find((m) => m === E.id)).map((E) => E.name),
+          leftAddon: z(q.images)
         }
       ),
-      C && /* @__PURE__ */ t.jsx("div", { className: G.buttons, children: /* @__PURE__ */ t.jsx("div", { className: G.deleteButton, children: /* @__PURE__ */ t.jsx(
-        b,
+      S && /* @__PURE__ */ t.jsx("div", { className: W.buttons, children: /* @__PURE__ */ t.jsx("div", { className: W.deleteButton, children: /* @__PURE__ */ t.jsx(
+        j,
         {
           name: "Trash",
           hoverable: !0,
           width: 20,
           height: 20,
           fill: "#C12A2A",
-          onClick: () => n(s.filter((w) => w !== l))
+          onClick: () => n(s.filter((E) => E !== c))
         }
       ) }) })
     ] });
     return /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: G.product,
-        children: V
+        className: W.product,
+        children: G
       },
-      l
+      c
     );
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: G.productsBlock, children: [
-    (c || o !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: G.top, children: [
-      c && /* @__PURE__ */ t.jsx("h3", { className: G.title, children: c }),
+  return /* @__PURE__ */ t.jsxs("div", { className: W.productsBlock, children: [
+    (r || o !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: W.top, children: [
+      r && /* @__PURE__ */ t.jsx("h3", { className: W.title, children: r }),
       o !== void 0 && /* @__PURE__ */ t.jsx(
-        at,
+        it,
         {
           current: o,
-          onChange: (l) => e == null ? void 0 : e(l)
+          onChange: (c) => e == null ? void 0 : e(c)
         }
       )
     ] }),
-    i && j && /* @__PURE__ */ t.jsx(kt, { ...j }),
-    /* @__PURE__ */ t.jsxs("div", { className: G.products, children: [
-      a && /* @__PURE__ */ t.jsx("h5", { className: G.subtitle, children: a }),
-      s.map((l) => A(l, y)),
-      B && /* @__PURE__ */ t.jsx(
+    i && v && /* @__PURE__ */ t.jsx(vt, { ...v }),
+    /* @__PURE__ */ t.jsxs("div", { className: W.products, children: [
+      a && /* @__PURE__ */ t.jsx("h5", { className: W.subtitle, children: a }),
+      s.map((c) => L(c, y)),
+      M && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -277,33 +277,33 @@ const At = "_wrapper_1ibay_2", Ot = "_alignmentBlock_1ibay_8", Et = "_title_1iba
             gap: 5
           },
           children: /* @__PURE__ */ t.jsx(
-            et,
+            Z,
             {
               withoutHover: !0,
-              className: H(G.button, {
-                [G.disabled]: !!(d && d <= s.length || s.length === h.length)
+              className: F(W.button, {
+                [W.disabled]: !!(l && l <= s.length || s.length === g.length)
               }),
               size: "s",
-              disabled: !!(d && d <= s.length || s.length === h.length),
+              disabled: !!(l && l <= s.length || s.length === g.length),
               onClick: () => {
-                const l = [...s];
-                let C = null;
-                if (h) {
-                  for (let M = 0; M < h.length; M++)
-                    if (!s.find((V) => V === h[M].id)) {
-                      C = h[M];
+                const c = [...s];
+                let S = null;
+                if (g) {
+                  for (let q = 0; q < g.length; q++)
+                    if (!s.find((G) => G === g[q].id)) {
+                      S = g[q];
                       break;
                     }
                 }
-                l.push((C == null ? void 0 : C.id) || h[0].id), n(l);
+                c.push((S == null ? void 0 : S.id) || g[0].id), n(c);
               },
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ t.jsxs("div", { className: G.addButton, children: [
+              children: /* @__PURE__ */ t.jsxs("div", { className: W.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
-                  b,
+                  j,
                   {
                     name: "Plus",
                     width: 16,
@@ -316,14 +316,14 @@ const At = "_wrapper_1ibay_2", Ot = "_alignmentBlock_1ibay_8", Et = "_title_1iba
         }
       )
     ] }),
-    r !== void 0 && /* @__PURE__ */ t.jsx(pt, { items: r }),
-    f !== void 0 && /* @__PURE__ */ t.jsx(
-      ut,
+    _ !== void 0 && /* @__PURE__ */ t.jsx(dt, { items: _ }),
+    x !== void 0 && /* @__PURE__ */ t.jsx(
+      rt,
       {
         label: "Auto scroll interval",
         type: "number",
-        value: String(f.scrollInterval),
-        onChange: (l) => f.setScrollInterval(Number(l)),
+        value: String(x.scrollInterval),
+        onChange: (c) => x.setScrollInterval(Number(c)),
         min: 0.1,
         max: 100,
         style: {
@@ -333,109 +333,109 @@ const At = "_wrapper_1ibay_2", Ot = "_alignmentBlock_1ibay_8", Et = "_title_1iba
       }
     )
   ] });
-}, fe = "_title_roi3a_1", be = "_subtitle_roi3a_5", ve = "_header_roi3a_12", je = "_text_roi3a_13", ye = "_productsBlock_roi3a_14", ke = "_top_roi3a_26", Ne = "_itemsBlock_roi3a_35", Ie = "_typeTexts_roi3a_41", $e = "_block_roi3a_48", Se = "_active_roi3a_61", Ce = "_products_roi3a_14", we = "_product_roi3a_14", Be = "_button_roi3a_80", Pe = "_disabled_roi3a_91", Me = "_image_roi3a_95", Te = "_info_roi3a_102", qe = "_name_roi3a_114", Ae = "_buttons_roi3a_118", Oe = "_modal_roi3a_125", Ee = "_link_roi3a_145", ze = "_modalOptions_roi3a_151", De = "_addButton_roi3a_164", Re = "_deleteButton_roi3a_179", He = "_closeIcon_roi3a_191", L = {
-  title: fe,
-  subtitle: be,
-  header: ve,
-  text: je,
-  productsBlock: ye,
-  top: ke,
-  itemsBlock: Ne,
-  typeTexts: Ie,
-  block: $e,
-  active: Se,
+}, ge = "_title_roi3a_1", fe = "_subtitle_roi3a_5", xe = "_header_roi3a_12", be = "_text_roi3a_13", je = "_productsBlock_roi3a_14", ve = "_top_roi3a_26", ye = "_itemsBlock_roi3a_35", ke = "_typeTexts_roi3a_41", Ie = "_block_roi3a_48", Ne = "_active_roi3a_61", Ce = "_products_roi3a_14", $e = "_product_roi3a_14", Se = "_button_roi3a_80", Be = "_disabled_roi3a_91", we = "_image_roi3a_95", Pe = "_info_roi3a_102", Me = "_name_roi3a_114", Te = "_buttons_roi3a_118", qe = "_modal_roi3a_125", Ae = "_link_roi3a_145", Oe = "_modalOptions_roi3a_151", Ee = "_addButton_roi3a_164", De = "_deleteButton_roi3a_179", ze = "_closeIcon_roi3a_191", R = {
+  title: ge,
+  subtitle: fe,
+  header: xe,
+  text: be,
+  productsBlock: je,
+  top: ve,
+  itemsBlock: ye,
+  typeTexts: ke,
+  block: Ie,
+  active: Ne,
   products: Ce,
-  product: we,
-  button: Be,
-  disabled: Pe,
-  image: Me,
-  info: Te,
-  name: qe,
-  buttons: Ae,
-  modal: Oe,
-  link: Ee,
-  modalOptions: ze,
-  addButton: De,
-  deleteButton: Re,
-  closeIcon: He
+  product: $e,
+  button: Se,
+  disabled: Be,
+  image: we,
+  info: Pe,
+  name: Me,
+  buttons: Te,
+  modal: qe,
+  link: Ae,
+  modalOptions: Oe,
+  addButton: Ee,
+  deleteButton: De,
+  closeIcon: ze
 };
 function Le({ product: u, children: o }) {
   const {
     attributes: e,
     listeners: s,
     setNodeRef: n,
-    transform: r,
-    transition: c,
+    transform: _,
+    transition: r,
     isDragging: a
-  } = bt({
+  } = ft({
     id: u.id
-  }), _ = {
-    transform: vt.Transform.toString(r),
-    transition: c
+  }), p = {
+    transform: xt.Transform.toString(_),
+    transition: r
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
       ref: n,
-      style: _,
-      className: `${L.product} ${a ? L.dragging : ""}`,
+      style: p,
+      className: `${R.product} ${a ? R.dragging : ""}`,
       ...e,
       ...s,
       children: o
     }
   );
 }
-const Ri = (u) => {
+const vi = (u) => {
   const {
     isActiveItems: o,
     setIsActiveItems: e,
     items: s,
     setItems: n,
-    title: r,
-    subtitle: c,
+    title: _,
+    subtitle: r,
     editable: a = !0,
-    draggable: _ = !1,
-    deletable: N = !0,
-    addable: B = !0,
-    itemsType: h,
+    draggable: p = !1,
+    deletable: C = !0,
+    addable: M = !0,
+    itemsType: g,
     itemsOptions: i,
-    addableOptions: j = {},
-    limit: d
-  } = u, [f, y] = x.useState(null), [D, A] = x.useState(null), l = x.useRef(null), C = mt(
-    _t(ht, {
+    addableOptions: v = {},
+    limit: l
+  } = u, [x, y] = f.useState(null), [z, L] = f.useState(null), c = f.useRef(null), S = ut(
+    mt(pt, {
       activationConstraint: {
         distance: 5
       }
     })
   );
-  x.useEffect(() => {
-    if (f) {
-      const m = [...s].map((S) => S.id === f.id ? f : S);
+  f.useEffect(() => {
+    if (x) {
+      const m = [...s].map(($) => $.id === x.id ? x : $);
       n(m);
     }
-  }, [f]), x.useEffect(() => {
-    l.current && D && (l.current.getBoundingClientRect().height, D.top);
-  }, [l.current, D]);
-  const M = (m, S) => {
+  }, [x]), f.useEffect(() => {
+    c.current && z && (c.current.getBoundingClientRect().height, z.top);
+  }, [c.current, z]);
+  const q = (m, $) => {
     m.stopPropagation();
-    const p = m.target.getBoundingClientRect();
-    A({
-      top: p.top + window.scrollY,
-      left: p.left - 30
-    }), y(S);
-  }, V = (m) => {
-    const { active: S, over: p } = m;
-    if (p && S.id !== p.id) {
-      const v = s.findIndex((O) => O.id === S.id), I = s.findIndex((O) => O.id === p.id);
-      if (v !== -1 && I !== -1) {
-        const O = [...s], [P] = O.splice(v, 1);
-        O.splice(I, 0, P), n(O);
+    const d = m.target.getBoundingClientRect();
+    L({
+      top: d.top + window.scrollY,
+      left: d.left - 30
+    }), y($);
+  }, G = (m) => {
+    const { active: $, over: d } = m;
+    if (d && $.id !== d.id) {
+      const b = s.findIndex((T) => T.id === $.id), I = s.findIndex((T) => T.id === d.id);
+      if (b !== -1 && I !== -1) {
+        const T = [...s], [B] = T.splice(b, 1);
+        T.splice(I, 0, B), n(T);
       }
     }
-  }, w = (m, S) => {
-    const p = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        b,
+  }, E = (m, $) => {
+    const d = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      p && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+        j,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -443,99 +443,99 @@ const Ri = (u) => {
           height: 20
         }
       ) }),
-      h === "select" && i && /* @__PURE__ */ t.jsx(
-        ct,
+      g === "select" && i && /* @__PURE__ */ t.jsx(
+        ot,
         {
-          onChange: (v) => {
-            const I = [...s], O = i.find((T) => T.name === v);
-            if (!O) return;
-            const P = I.map((T) => T.id === m.id ? {
-              ...O,
+          onChange: (b) => {
+            const I = [...s], T = i.find((w) => w.name === b);
+            if (!T) return;
+            const B = I.map((w) => w.id === m.id ? {
+              ...T,
               name: {
-                "en-US": v
+                "en-US": b
               }
-            } : T);
+            } : w);
             y({
               ...m,
               name: {
-                "en-US": v
+                "en-US": b
               }
-            }), n([...P]);
+            }), n([...B]);
           },
           value: m.name,
-          options: i.filter((v) => !s.find((I) => I.name === v.name)).map((v) => v.name)
+          options: i.filter((b) => !s.find((I) => I.name === b.name)).map((b) => b.name)
         }
       ),
-      /* @__PURE__ */ t.jsxs("div", { className: L.buttons, children: [
-        a && /* @__PURE__ */ t.jsx("div", { className: L.deleteButton, children: /* @__PURE__ */ t.jsx(
-          b,
+      /* @__PURE__ */ t.jsxs("div", { className: R.buttons, children: [
+        a && /* @__PURE__ */ t.jsx("div", { className: R.deleteButton, children: /* @__PURE__ */ t.jsx(
+          j,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (v) => M(v, m)
+            onClick: (b) => q(b, m)
           }
         ) }),
-        N && /* @__PURE__ */ t.jsx("div", { className: L.deleteButton, children: /* @__PURE__ */ t.jsx(
-          b,
+        C && /* @__PURE__ */ t.jsx("div", { className: R.deleteButton, children: /* @__PURE__ */ t.jsx(
+          j,
           {
             name: "Trash",
             hoverable: !0,
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => n(s.filter((v) => v.id !== m.id))
+            onClick: () => n(s.filter((b) => b.id !== m.id))
           }
         ) })
       ] })
     ] });
-    return _ ? /* @__PURE__ */ t.jsx(
+    return p ? /* @__PURE__ */ t.jsx(
       Le,
       {
         product: m,
-        index: S,
-        children: p
+        index: $,
+        children: d
       },
       m.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: L.product,
-        children: p
+        className: R.product,
+        children: d
       },
       m.id
     );
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: L.productsBlock, children: [
-    (r || o !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: L.top, children: [
-      r && /* @__PURE__ */ t.jsx("h3", { className: L.title, children: r }),
+  return /* @__PURE__ */ t.jsxs("div", { className: R.productsBlock, children: [
+    (_ || o !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: R.top, children: [
+      _ && /* @__PURE__ */ t.jsx("h3", { className: R.title, children: _ }),
       o !== void 0 && /* @__PURE__ */ t.jsx(
-        at,
+        it,
         {
           current: o,
           onChange: (m) => e == null ? void 0 : e(m)
         }
       )
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: L.products, children: [
-      c && /* @__PURE__ */ t.jsx("h5", { className: L.subtitle, children: c }),
-      _ ? /* @__PURE__ */ t.jsx(
-        gt,
+    /* @__PURE__ */ t.jsxs("div", { className: R.products, children: [
+      r && /* @__PURE__ */ t.jsx("h5", { className: R.subtitle, children: r }),
+      p ? /* @__PURE__ */ t.jsx(
+        _t,
         {
-          sensors: C,
-          onDragEnd: V,
+          sensors: S,
+          onDragEnd: G,
           children: /* @__PURE__ */ t.jsx(
-            xt,
+            ht,
             {
               items: s.map((m) => m.id),
-              strategy: ft,
-              children: s.map((m, S) => w(m, S))
+              strategy: gt,
+              children: s.map((m, $) => E(m, $))
             }
           )
         }
-      ) : s.map((m, S) => w(m, S)),
-      B && /* @__PURE__ */ t.jsx(
+      ) : s.map((m, $) => E(m, $)),
+      M && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -544,37 +544,37 @@ const Ri = (u) => {
             justifyContent: "center"
           },
           children: /* @__PURE__ */ t.jsx(
-            et,
+            Z,
             {
               withoutHover: !0,
-              className: H(L.button, {
-                [L.disabled]: !!(d && d <= s.length || s.length === (i == null ? void 0 : i.length))
+              className: F(R.button, {
+                [R.disabled]: !!(l && l <= s.length || s.length === (i == null ? void 0 : i.length))
               }),
               size: "s",
-              disabled: !!(d && d <= s.length || s.length === (i == null ? void 0 : i.length)),
+              disabled: !!(l && l <= s.length || s.length === (i == null ? void 0 : i.length)),
               onClick: () => {
                 const m = [...s];
-                let S = null;
+                let $ = null;
                 if (i) {
-                  for (let p = 0; p < i.length; p++)
-                    if (!s.find((v) => v.id === i[p].id)) {
-                      S = i[p];
+                  for (let d = 0; d < i.length; d++)
+                    if (!s.find((b) => b.id === i[d].id)) {
+                      $ = i[d];
                       break;
                     }
                 }
-                h === "select" && i && m.push({
-                  name: S ? S.name : i[0].name,
-                  id: (S == null ? void 0 : S.id) || i[0].id,
-                  ...j
+                g === "select" && i && m.push({
+                  name: $ ? $.name : i[0].name,
+                  id: ($ == null ? void 0 : $.id) || i[0].id,
+                  ...v
                 }), n(m);
               },
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ t.jsxs("div", { className: L.addButton, children: [
+              children: /* @__PURE__ */ t.jsxs("div", { className: R.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
-                  b,
+                  j,
                   {
                     name: "Plus",
                     width: 16,
@@ -589,98 +589,98 @@ const Ri = (u) => {
     ] })
   ] });
 };
-function Ue(u) {
-  const { product: o, children: e } = u, { attributes: s, listeners: n, setNodeRef: r, transform: c, transition: a, isDragging: _ } = bt({
+function Re(u) {
+  const { product: o, children: e } = u, { attributes: s, listeners: n, setNodeRef: _, transform: r, transition: a, isDragging: p } = ft({
     id: o.id
-  }), N = {
-    transform: vt.Transform.toString(c),
+  }), C = {
+    transform: xt.Transform.toString(r),
     transition: a
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      ref: r,
-      style: N,
-      className: `${F.product} ${_ ? F.dragging : ""}`,
+      ref: _,
+      style: C,
+      className: `${H.product} ${p ? H.dragging : ""}`,
       ...s,
       ...n,
       children: e
     }
   );
 }
-const Hi = (u) => {
+const yi = (u) => {
   const {
     isActiveItems: o,
     setIsActiveItems: e,
     items: s,
     setItems: n,
-    other: r,
-    title: c,
+    other: _,
+    title: r,
     subtitle: a,
-    editable: _ = !0,
-    draggable: N = !1,
-    withImage: B = !1,
-    deletable: h = !0,
+    editable: p = !0,
+    draggable: C = !1,
+    withImage: M = !1,
+    deletable: g = !0,
     addable: i = !0,
-    itemsType: j,
-    itemsPlaceholder: d = "",
-    itemsOptions: f,
+    itemsType: v,
+    itemsPlaceholder: l = "",
+    itemsOptions: x,
     hasRangeSelector: y = !1,
-    rangeSelectorOptions: D,
-    modalOptions: A,
-    addableOptions: l = {}
-  } = u, [C, M] = x.useState(null), [V, w] = x.useState({
+    rangeSelectorOptions: z,
+    modalOptions: L,
+    addableOptions: c = {}
+  } = u, [S, q] = f.useState(null), [G, E] = f.useState({
     top: 0,
     left: 0
-  }), [m, S] = x.useState(null), p = x.useRef(null), [v, I] = x.useState(!1), O = mt(
-    _t(ht, {
+  }), [m, $] = f.useState(null), d = f.useRef(null), [b, I] = f.useState(!1), T = ut(
+    mt(pt, {
       activationConstraint: {
         distance: 5
       }
     })
   );
-  x.useEffect(() => {
-    const g = () => {
-      M(null), I(!1);
+  f.useEffect(() => {
+    const h = () => {
+      q(null), I(!1);
     };
-    return document.body.addEventListener("click", g), M(null), I(!1), () => {
-      M(null), I(!1), document.body.removeEventListener("click", g);
+    return document.body.addEventListener("click", h), q(null), I(!1), () => {
+      q(null), I(!1), document.body.removeEventListener("click", h);
     };
-  }, []), x.useEffect(() => {
-    if (C) {
-      const g = [...s].map((q) => q.id === C.id ? C : q);
-      n(g);
+  }, []), f.useEffect(() => {
+    if (S) {
+      const h = [...s].map((P) => P.id === S.id ? S : P);
+      n(h);
     }
-  }, [C]), x.useEffect(() => {
-    if (p.current && m) {
-      const g = p.current.getBoundingClientRect().height, q = window.innerHeight;
-      let E = m.top;
-      E + g > q + window.scrollY - 200 && (E = q + window.scrollY - g - 200), E < 0 && (E = 10), w({
-        top: E,
+  }, [S]), f.useEffect(() => {
+    if (d.current && m) {
+      const h = d.current.getBoundingClientRect().height, P = window.innerHeight;
+      let A = m.top;
+      A + h > P + window.scrollY - 200 && (A = P + window.scrollY - h - 200), A < 0 && (A = 10), E({
+        top: A,
         left: m.left
       });
     }
-  }, [p.current, m]);
-  const P = (g, q) => {
-    g.stopPropagation();
-    const E = g.target.getBoundingClientRect();
-    S({
-      top: E.top + window.scrollY,
-      left: E.left - 30
-    }), M(q), I(!0);
+  }, [d.current, m]);
+  const B = (h, P) => {
+    h.stopPropagation();
+    const A = h.target.getBoundingClientRect();
+    $({
+      top: A.top + window.scrollY,
+      left: A.left - 30
+    }), q(P), I(!0);
   };
-  function T(g) {
-    if (B)
-      return g ? /* @__PURE__ */ t.jsx(
+  function w(h) {
+    if (M)
+      return h ? /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: `https://imagedelivery.net/${g[0]}/w=1000`,
+          src: `https://imagedelivery.net/${h[0]}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
         }
       ) : /* @__PURE__ */ t.jsx(
-        b,
+        j,
         {
           name: "Image",
           width: 16,
@@ -689,20 +689,20 @@ const Hi = (u) => {
         }
       );
   }
-  const J = (g) => {
-    const { active: q, over: E } = g;
-    if (E && q.id !== E.id) {
-      const z = s.findIndex((U) => U.id === q.id), st = s.findIndex((U) => U.id === E.id);
-      if (z !== -1 && st !== -1) {
-        const U = [...s], [X] = U.splice(z, 1);
-        U.splice(st, 0, X), n(U);
+  const Q = (h) => {
+    const { active: P, over: A } = h;
+    if (A && P.id !== A.id) {
+      const O = s.findIndex((U) => U.id === P.id), tt = s.findIndex((U) => U.id === A.id);
+      if (O !== -1 && tt !== -1) {
+        const U = [...s], [X] = U.splice(O, 1);
+        U.splice(tt, 0, X), n(U);
       }
     }
-  }, nt = (g) => {
-    var E;
-    const q = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      N && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        b,
+  }, et = (h) => {
+    var A;
+    const P = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      C && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+        j,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -710,139 +710,139 @@ const Hi = (u) => {
           height: 20
         }
       ) }),
-      j === "select" && f && /* @__PURE__ */ t.jsx(
-        ct,
+      v === "select" && x && /* @__PURE__ */ t.jsx(
+        ot,
         {
-          onChange: (z) => {
-            const U = [...s].map((X) => X.id === g.id ? {
-              ...g,
+          onChange: (O) => {
+            const U = [...s].map((X) => X.id === h.id ? {
+              ...h,
               name: {
-                "en-US": z
+                "en-US": O
               }
             } : X);
-            M({
-              ...g,
+            q({
+              ...h,
               name: {
-                "en-US": z
+                "en-US": O
               }
             }), n([...U]);
           },
-          value: g.name["en-US"],
-          options: f.filter(
-            (z) => !s.find((st) => st.name["en-US"] === z)
+          value: h.name["en-US"],
+          options: x.filter(
+            (O) => !s.find((tt) => tt.name["en-US"] === O)
           ),
-          leftAddon: T(g.images)
+          leftAddon: w(h.images)
         }
       ),
-      j === "input" && /* @__PURE__ */ t.jsx(
-        ut,
+      v === "input" && /* @__PURE__ */ t.jsx(
+        rt,
         {
-          onChange: (z) => {
-            const U = [...s].map((X) => X.id === g.id ? {
-              ...g,
+          onChange: (O) => {
+            const U = [...s].map((X) => X.id === h.id ? {
+              ...h,
               name: {
-                "en-US": z
+                "en-US": O
               }
             } : X);
             n([...U]);
           },
-          value: g.name["en-US"],
-          placeholder: d
+          value: h.name["en-US"],
+          placeholder: l
         }
       ),
-      j === "image" && /* @__PURE__ */ t.jsx(
-        Nt,
+      v === "image" && /* @__PURE__ */ t.jsx(
+        yt,
         {
-          onChange: (z) => {
-            const U = [...s].map((X) => X.id === g.id ? {
-              ...g,
-              images: z
+          onChange: (O) => {
+            const U = [...s].map((X) => X.id === h.id ? {
+              ...h,
+              images: O
             } : X);
             n([...U]);
           },
-          activeImage: (E = s.find((z) => z.id === g.id)) == null ? void 0 : E.images[0]
+          activeImage: (A = s.find((O) => O.id === h.id)) == null ? void 0 : A.images[0]
         }
       ),
-      /* @__PURE__ */ t.jsxs("div", { className: F.buttons, children: [
-        _ && /* @__PURE__ */ t.jsx("div", { className: F.deleteButton, children: /* @__PURE__ */ t.jsx(
-          b,
+      /* @__PURE__ */ t.jsxs("div", { className: H.buttons, children: [
+        p && /* @__PURE__ */ t.jsx("div", { className: H.deleteButton, children: /* @__PURE__ */ t.jsx(
+          j,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (z) => P(z, g)
+            onClick: (O) => B(O, h)
           }
         ) }),
-        h && /* @__PURE__ */ t.jsx("div", { className: F.deleteButton, children: /* @__PURE__ */ t.jsx(
-          b,
+        g && /* @__PURE__ */ t.jsx("div", { className: H.deleteButton, children: /* @__PURE__ */ t.jsx(
+          j,
           {
             name: "Trash",
             hoverable: !0,
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => n(s.filter((z) => z.id !== g.id))
+            onClick: () => n(s.filter((O) => O.id !== h.id))
           }
         ) })
       ] })
     ] });
-    return N ? /* @__PURE__ */ t.jsx(
-      Ue,
+    return C ? /* @__PURE__ */ t.jsx(
+      Re,
       {
-        product: g,
-        children: q
+        product: h,
+        children: P
       },
-      g.id
+      h.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: F.product,
-        children: q
+        className: H.product,
+        children: P
       },
-      g.id
+      h.id
     );
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: F.productsBlock, children: [
-    (c || o !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: F.top, children: [
-      c && /* @__PURE__ */ t.jsx("h3", { className: F.title, children: c }),
+  return /* @__PURE__ */ t.jsxs("div", { className: H.productsBlock, children: [
+    (r || o !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: H.top, children: [
+      r && /* @__PURE__ */ t.jsx("h3", { className: H.title, children: r }),
       o !== void 0 && /* @__PURE__ */ t.jsx(
-        at,
+        it,
         {
           current: o,
-          onChange: (g) => e == null ? void 0 : e(g)
+          onChange: (h) => e == null ? void 0 : e(h)
         }
       )
     ] }),
-    C && _ && A && v && /* @__PURE__ */ t.jsx(
-      Bt,
+    S && p && L && b && /* @__PURE__ */ t.jsx(
+      $t,
       {
-        ref: p,
-        activeItem: C,
-        setActiveItem: M,
-        popupPosition: V,
-        modalOptions: A,
+        ref: d,
+        activeItem: S,
+        setActiveItem: q,
+        popupPosition: G,
+        modalOptions: L,
         setIsOpenModal: I
       }
     ),
-    y && D && /* @__PURE__ */ t.jsx(kt, { ...D }),
-    /* @__PURE__ */ t.jsxs("div", { className: F.products, children: [
-      a && /* @__PURE__ */ t.jsx("h5", { className: F.subtitle, children: a }),
-      N ? /* @__PURE__ */ t.jsx(
-        gt,
+    y && z && /* @__PURE__ */ t.jsx(vt, { ...z }),
+    /* @__PURE__ */ t.jsxs("div", { className: H.products, children: [
+      a && /* @__PURE__ */ t.jsx("h5", { className: H.subtitle, children: a }),
+      C ? /* @__PURE__ */ t.jsx(
+        _t,
         {
-          sensors: O,
-          onDragEnd: J,
+          sensors: T,
+          onDragEnd: Q,
           children: /* @__PURE__ */ t.jsx(
-            xt,
+            ht,
             {
-              items: s.map((g) => g.id),
-              strategy: ft,
-              children: s.map((g) => nt(g))
+              items: s.map((h) => h.id),
+              strategy: gt,
+              children: s.map((h) => et(h))
             }
           )
         }
-      ) : s.map((g) => nt(g)),
+      ) : s.map((h) => et(h)),
       i && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -852,52 +852,52 @@ const Hi = (u) => {
             justifyContent: "center"
           },
           children: /* @__PURE__ */ t.jsx(
-            et,
+            Z,
             {
               withoutHover: !0,
-              className: F.button,
+              className: H.button,
               size: "s",
               onClick: () => {
-                const g = [...s];
-                let q = null;
-                if (f) {
-                  for (let E = 0; E < f.length; E++)
-                    if (!s.find((z) => z.name["en-US"] === f[E])) {
-                      q = f[E];
+                const h = [...s];
+                let P = null;
+                if (x) {
+                  for (let A = 0; A < x.length; A++)
+                    if (!s.find((O) => O.name["en-US"] === x[A])) {
+                      P = x[A];
                       break;
                     }
                 }
-                j === "select" && f ? g.push({
+                v === "select" && x ? h.push({
                   name: {
-                    "en-US": q || f[0]
+                    "en-US": P || x[0]
                   },
-                  id: ot(),
-                  ...l,
+                  id: nt(),
+                  ...c,
                   maxSymbols: 100
                   // пример значения
-                }) : j === "input" ? g.push({
+                }) : v === "input" ? h.push({
                   name: {
                     "en-US": ""
                   },
-                  id: ot(),
-                  ...l,
+                  id: nt(),
+                  ...c,
                   maxSymbols: 100
-                }) : g.push({
+                }) : h.push({
                   name: {
                     "en-US": `Image ${s.length + 1}`
                   },
-                  id: ot(),
-                  ...l,
+                  id: nt(),
+                  ...c,
                   maxSymbols: 100
-                }), n(g);
+                }), n(h);
               },
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ t.jsxs("div", { className: F.addButton, children: [
+              children: /* @__PURE__ */ t.jsxs("div", { className: H.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
-                  b,
+                  j,
                   {
                     name: "Plus",
                     width: 16,
@@ -910,108 +910,108 @@ const Hi = (u) => {
         }
       )
     ] }),
-    r !== void 0 && /* @__PURE__ */ t.jsx(pt, { items: r })
+    _ !== void 0 && /* @__PURE__ */ t.jsx(dt, { items: _ })
   ] });
-}, Fe = "_subtitle_jql1y_1", Ve = "_header_jql1y_8", Ye = "_text_jql1y_9", We = "_productsBlock_jql1y_10", Ge = "_buttonsBlock_jql1y_11", Xe = "_top_jql1y_23", Qe = "_itemsBlock_jql1y_32", Je = "_typeTexts_jql1y_38", Ke = "_block_jql1y_45", Ze = "_active_jql1y_58", ts = "_products_jql1y_10", es = "_product_jql1y_10", ss = "_button_jql1y_11", ns = "_image_jql1y_88", is = "_info_jql1y_95", os = "_name_jql1y_107", as = "_buttons_jql1y_11", cs = "_modal_jql1y_118", ls = "_other_jql1y_138", rs = "_options_jql1y_144", ds = "_addButton_jql1y_150", us = "_deleteButton_jql1y_165", K = {
-  subtitle: Fe,
-  header: Ve,
-  text: Ye,
-  productsBlock: We,
-  buttonsBlock: Ge,
-  top: Xe,
-  itemsBlock: Qe,
-  typeTexts: Je,
-  block: Ke,
-  active: Ze,
-  products: ts,
-  product: es,
-  button: ss,
-  image: ns,
-  info: is,
-  name: os,
-  buttons: as,
-  modal: cs,
-  other: ls,
-  options: rs,
-  addButton: ds,
-  deleteButton: us
-}, ps = (u) => {
-  const { buttons: o, setButtons: e, deletable: s = !0, addable: n = !0, editableLink: r = !0 } = u, [c, a] = x.useState(null), [_, N] = x.useState({
+}, Ue = "_subtitle_jql1y_1", He = "_header_jql1y_8", Fe = "_text_jql1y_9", Ve = "_productsBlock_jql1y_10", Ye = "_buttonsBlock_jql1y_11", We = "_top_jql1y_23", Ge = "_itemsBlock_jql1y_32", Xe = "_typeTexts_jql1y_38", Qe = "_block_jql1y_45", Je = "_active_jql1y_58", Ke = "_products_jql1y_10", Ze = "_product_jql1y_10", ts = "_button_jql1y_11", es = "_image_jql1y_88", ss = "_info_jql1y_95", ns = "_name_jql1y_107", is = "_buttons_jql1y_11", os = "_modal_jql1y_118", as = "_other_jql1y_138", cs = "_options_jql1y_144", ls = "_addButton_jql1y_150", rs = "_deleteButton_jql1y_165", J = {
+  subtitle: Ue,
+  header: He,
+  text: Fe,
+  productsBlock: Ve,
+  buttonsBlock: Ye,
+  top: We,
+  itemsBlock: Ge,
+  typeTexts: Xe,
+  block: Qe,
+  active: Je,
+  products: Ke,
+  product: Ze,
+  button: ts,
+  image: es,
+  info: ss,
+  name: ns,
+  buttons: is,
+  modal: os,
+  other: as,
+  options: cs,
+  addButton: ls,
+  deleteButton: rs
+}, ds = (u) => {
+  const { buttons: o, setButtons: e, deletable: s = !0, addable: n = !0, editableLink: _ = !0 } = u, [r, a] = f.useState(null), [p, C] = f.useState({
     top: 0,
     left: 0
-  }), [B, h] = x.useState(null), i = x.useRef(null);
-  x.useEffect(() => {
-    const d = () => {
+  }), [M, g] = f.useState(null), i = f.useRef(null);
+  f.useEffect(() => {
+    const l = () => {
       a(null);
     };
-    return document.body.addEventListener("click", d), a(null), () => {
-      a(null), document.body.removeEventListener("click", d);
+    return document.body.addEventListener("click", l), a(null), () => {
+      a(null), document.body.removeEventListener("click", l);
     };
-  }, []), x.useEffect(() => {
-    if (c) {
-      const d = [...o].map((f) => f.id === c.id ? c : f);
-      e(d);
+  }, []), f.useEffect(() => {
+    if (r) {
+      const l = [...o].map((x) => x.id === r.id ? r : x);
+      e(l);
     }
-  }, [c]), x.useEffect(() => {
-    if (i.current && B) {
-      const d = i.current.getBoundingClientRect().height, f = window.innerHeight;
-      let y = B.top;
-      y + d > f + window.scrollY - 200 && (y = f + window.scrollY - d - 200), y < 0 && (y = 10), N({
+  }, [r]), f.useEffect(() => {
+    if (i.current && M) {
+      const l = i.current.getBoundingClientRect().height, x = window.innerHeight;
+      let y = M.top;
+      y + l > x + window.scrollY - 200 && (y = x + window.scrollY - l - 200), y < 0 && (y = 10), C({
         top: y,
-        left: B.left
+        left: M.left
       });
     }
-  }, [i.current, B]);
-  const j = (d, f) => {
-    d.stopPropagation();
-    const y = d.target.getBoundingClientRect();
-    h({
+  }, [i.current, M]);
+  const v = (l, x) => {
+    l.stopPropagation();
+    const y = l.target.getBoundingClientRect();
+    g({
       top: y.top + window.scrollY - 70,
       left: y.left - (n ? 30 : 65)
-    }), a(f);
+    }), a(x);
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: K.products, children: [
-    /* @__PURE__ */ t.jsx("h5", { className: K.subtitle, children: "Button Type" }),
-    o.map((d) => /* @__PURE__ */ t.jsxs(
+  return /* @__PURE__ */ t.jsxs("div", { className: J.products, children: [
+    /* @__PURE__ */ t.jsx("h5", { className: J.subtitle, children: "Button Type" }),
+    o.map((l) => /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: K.product,
+        className: J.product,
         children: [
           /* @__PURE__ */ t.jsx(
-            ct,
+            ot,
             {
-              onChange: (f) => {
-                const D = [...o].map((A) => A.id === d.id ? {
-                  ...d,
-                  type: f
-                } : A);
-                e(D);
+              onChange: (x) => {
+                const z = [...o].map((L) => L.id === l.id ? {
+                  ...l,
+                  type: x
+                } : L);
+                e(z);
               },
-              value: d.type,
+              value: l.type,
               options: ["Primary", "Secondary", "Tertiary"]
             }
           ),
-          /* @__PURE__ */ t.jsxs("div", { className: K.buttons, children: [
-            /* @__PURE__ */ t.jsx("div", { className: K.deleteButton, children: /* @__PURE__ */ t.jsx(
-              b,
+          /* @__PURE__ */ t.jsxs("div", { className: J.buttons, children: [
+            /* @__PURE__ */ t.jsx("div", { className: J.deleteButton, children: /* @__PURE__ */ t.jsx(
+              j,
               {
                 name: "Sliders",
                 hoverable: !0,
                 width: 20,
                 height: 20,
-                onClick: (f) => {
-                  j(f, d);
+                onClick: (x) => {
+                  v(x, l);
                 }
               }
             ) }),
-            s && /* @__PURE__ */ t.jsx("div", { className: K.deleteButton, children: /* @__PURE__ */ t.jsx(
-              b,
+            s && /* @__PURE__ */ t.jsx("div", { className: J.deleteButton, children: /* @__PURE__ */ t.jsx(
+              j,
               {
                 name: "Trash",
                 hoverable: !0,
                 onClick: () => {
-                  const f = o.filter((y) => y.id !== d.id);
-                  e(f);
+                  const x = o.filter((y) => y.id !== l.id);
+                  e(x);
                 },
                 width: 20,
                 height: 20,
@@ -1021,16 +1021,16 @@ const Hi = (u) => {
           ] })
         ]
       },
-      d.id
+      l.id
     )),
-    c && /* @__PURE__ */ t.jsx(
-      Pt,
+    r && /* @__PURE__ */ t.jsx(
+      St,
       {
         ref: i,
-        activeButton: c,
+        activeButton: r,
         setActiveButton: a,
-        popupPosition: _,
-        editableLink: r
+        popupPosition: p,
+        editableLink: _
       }
     ),
     n && /* @__PURE__ */ t.jsx(
@@ -1042,16 +1042,16 @@ const Hi = (u) => {
           justifyContent: "center"
         },
         children: /* @__PURE__ */ t.jsx(
-          et,
+          Z,
           {
             withoutHover: !0,
-            className: K.button,
+            className: J.button,
             size: "s",
             onClick: () => {
-              const d = [...o];
-              r ? d.push({
+              const l = [...o];
+              _ ? l.push({
                 type: "Primary",
-                id: ot(),
+                id: nt(),
                 typesText: [],
                 text: {
                   "en-US": "Button Name"
@@ -1059,9 +1059,9 @@ const Hi = (u) => {
                 destination: "Go to Page",
                 page: "",
                 openInNewTab: !1
-              }) : d.push({
+              }) : l.push({
                 type: "Primary",
-                id: ot(),
+                id: nt(),
                 typesText: [],
                 text: {
                   "en-US": "Create Ticket"
@@ -1069,15 +1069,15 @@ const Hi = (u) => {
                 destination: "Go to Page",
                 page: "",
                 openInNewTab: !1
-              }), e(d);
+              }), e(l);
             },
             style: {
               width: "fit-content"
             },
-            children: /* @__PURE__ */ t.jsxs("div", { className: K.addButton, children: [
+            children: /* @__PURE__ */ t.jsxs("div", { className: J.addButton, children: [
               /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
               /* @__PURE__ */ t.jsx(
-                b,
+                j,
                 {
                   name: "Plus",
                   width: 16,
@@ -1090,58 +1090,58 @@ const Hi = (u) => {
       }
     )
   ] });
-}, Li = (u) => {
-  const { isActiveButtons: o, setIsActiveButtons: e, buttons: s, setButtons: n, editableLink: r = !0 } = u;
-  return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsxs("div", { className: dt.buttonsBlock, children: [
-    /* @__PURE__ */ t.jsxs("div", { className: dt.top, children: [
-      /* @__PURE__ */ t.jsx("h3", { className: dt.title, children: "Buttons" }),
+}, ki = (u) => {
+  const { isActiveButtons: o, setIsActiveButtons: e, buttons: s, setButtons: n, editableLink: _ = !0 } = u;
+  return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsxs("div", { className: lt.buttonsBlock, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: lt.top, children: [
+      /* @__PURE__ */ t.jsx("h3", { className: lt.title, children: "Buttons" }),
       /* @__PURE__ */ t.jsx(
-        at,
+        it,
         {
           current: o,
-          onChange: (c) => e(c)
+          onChange: (r) => e(r)
         }
       )
     ] }),
     /* @__PURE__ */ t.jsx(
-      ps,
+      ds,
       {
         buttons: s,
         setButtons: n,
-        editableLink: r
+        editableLink: _
       }
     )
   ] }) });
-}, ms = "_title_1ropb_1", _s = "_subtitle_1ropb_5", hs = "_header_1ropb_12", gs = "_text_1ropb_13", xs = "_productsBlock_1ropb_14", fs = "_top_1ropb_26", bs = "_itemsBlock_1ropb_35", vs = "_typeTexts_1ropb_41", js = "_block_1ropb_48", ys = "_active_1ropb_61", ks = "_products_1ropb_14", Ns = "_product_1ropb_14", Is = "_button_1ropb_80", $s = "_image_1ropb_91", Ss = "_info_1ropb_98", Cs = "_name_1ropb_110", ws = "_buttons_1ropb_114", Bs = "_modal_1ropb_121", Ps = "_link_1ropb_142", Ms = "_modalOptions_1ropb_148", Ts = "_addButton_1ropb_161", qs = "_deleteButton_1ropb_176", As = "_closeIcon_1ropb_188", R = {
-  title: ms,
-  subtitle: _s,
-  header: hs,
-  text: gs,
-  productsBlock: xs,
-  top: fs,
-  itemsBlock: bs,
-  typeTexts: vs,
-  block: js,
-  active: ys,
-  products: ks,
-  product: Ns,
-  button: Is,
-  image: $s,
-  info: Ss,
+}, us = "_title_1ropb_1", ms = "_subtitle_1ropb_5", ps = "_header_1ropb_12", _s = "_text_1ropb_13", hs = "_productsBlock_1ropb_14", gs = "_top_1ropb_26", fs = "_itemsBlock_1ropb_35", xs = "_typeTexts_1ropb_41", bs = "_block_1ropb_48", js = "_active_1ropb_61", vs = "_products_1ropb_14", ys = "_product_1ropb_14", ks = "_button_1ropb_80", Is = "_image_1ropb_91", Ns = "_info_1ropb_98", Cs = "_name_1ropb_110", $s = "_buttons_1ropb_114", Ss = "_modal_1ropb_121", Bs = "_link_1ropb_142", ws = "_modalOptions_1ropb_148", Ps = "_addButton_1ropb_161", Ms = "_deleteButton_1ropb_176", Ts = "_closeIcon_1ropb_188", D = {
+  title: us,
+  subtitle: ms,
+  header: ps,
+  text: _s,
+  productsBlock: hs,
+  top: gs,
+  itemsBlock: fs,
+  typeTexts: xs,
+  block: bs,
+  active: js,
+  products: vs,
+  product: ys,
+  button: ks,
+  image: Is,
+  info: Ns,
   name: Cs,
-  buttons: ws,
-  modal: Bs,
-  link: Ps,
-  modalOptions: Ms,
-  addButton: Ts,
-  deleteButton: qs,
-  closeIcon: As
-}, Os = (u) => {
-  const { activeItem: o, setActiveItem: e, popupPosition: s, setIsOpenModal: n, itemsOptions: r } = u, c = r.find((a) => a.id === o.listingId);
-  return c ? /* @__PURE__ */ t.jsxs(
+  buttons: $s,
+  modal: Ss,
+  link: Bs,
+  modalOptions: ws,
+  addButton: Ps,
+  deleteButton: Ms,
+  closeIcon: Ts
+}, qs = (u) => {
+  const { activeItem: o, setActiveItem: e, popupPosition: s, setIsOpenModal: n, itemsOptions: _ } = u, r = _.find((a) => a.id === o.listingId);
+  return r ? /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: R.modal,
+      className: D.modal,
       onClick: (a) => {
         a.stopPropagation();
       },
@@ -1150,10 +1150,10 @@ const Hi = (u) => {
         left: `${s.left}px`
       },
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: R.top, children: [
-          /* @__PURE__ */ t.jsx("h3", { children: Mt(c.productData.name) }),
-          /* @__PURE__ */ t.jsx("div", { className: R.closeIcon, children: /* @__PURE__ */ t.jsx(
-            b,
+        /* @__PURE__ */ t.jsxs("div", { className: D.top, children: [
+          /* @__PURE__ */ t.jsx("h3", { children: Bt(r.productData.name) }),
+          /* @__PURE__ */ t.jsx("div", { className: D.closeIcon, children: /* @__PURE__ */ t.jsx(
+            j,
             {
               name: "X",
               height: 20,
@@ -1164,17 +1164,17 @@ const Hi = (u) => {
             }
           ) })
         ] }),
-        /* @__PURE__ */ t.jsx("div", { className: R.modalOptions, children: /* @__PURE__ */ t.jsx(
-          Nt,
+        /* @__PURE__ */ t.jsx("div", { className: D.modalOptions, children: /* @__PURE__ */ t.jsx(
+          yt,
           {
             label: "Put up an attractive image",
-            activeImage: c.productData.images.length > 0 ? c.productData.images[0].cfId : void 0,
+            activeImage: r.productData.images.length > 0 ? r.productData.images[0].cfId : void 0,
             onChange: (a) => {
-              const _ = {
+              const p = {
                 ...o,
                 image: a[0]
               };
-              e(_);
+              e(p);
             }
           }
         ) })
@@ -1182,87 +1182,87 @@ const Hi = (u) => {
     }
   ) : null;
 };
-function Es(u) {
-  const { product: o, children: e } = u, { attributes: s, listeners: n, setNodeRef: r, transform: c, transition: a, isDragging: _ } = bt({
+function As(u) {
+  const { product: o, children: e } = u, { attributes: s, listeners: n, setNodeRef: _, transform: r, transition: a, isDragging: p } = ft({
     id: String(o.listingId)
-  }), N = {
-    transform: vt.Transform.toString(c),
+  }), C = {
+    transform: xt.Transform.toString(r),
     transition: a
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      ref: r,
-      style: N,
-      className: `${R.product} ${_ ? R.dragging : ""}`,
+      ref: _,
+      style: C,
+      className: `${D.product} ${p ? D.dragging : ""}`,
       ...s,
       ...n,
       children: e
     }
   );
 }
-const Ui = (u) => {
+const Ii = (u) => {
   const {
     isActiveItems: o,
     setIsActiveItems: e,
     items: s,
     setItems: n,
-    other: r,
-    title: c,
+    other: _,
+    title: r,
     subtitle: a,
-    editable: _ = !0,
-    draggable: N = !1,
-    withImage: B = !1,
-    deletable: h = !0,
+    editable: p = !0,
+    draggable: C = !1,
+    withImage: M = !1,
+    deletable: g = !0,
     addable: i = !0,
-    itemsType: j,
-    itemsOptions: d
-  } = u, [f, y] = x.useState(
+    itemsType: v,
+    itemsOptions: l
+  } = u, [x, y] = f.useState(
     null
-  ), [D, A] = x.useState({
+  ), [z, L] = f.useState({
     top: 0,
     left: 0
-  }), [l, C] = x.useState(!1), M = mt(
-    _t(ht, {
+  }), [c, S] = f.useState(!1), q = ut(
+    mt(pt, {
       activationConstraint: {
         distance: 5
       }
     })
   );
-  x.useEffect(() => {
-    const p = () => {
-      y(null), C(!1);
+  f.useEffect(() => {
+    const d = () => {
+      y(null), S(!1);
     };
-    return document.body.addEventListener("click", p), y(null), C(!1), () => {
-      y(null), C(!1), document.body.removeEventListener("click", p);
+    return document.body.addEventListener("click", d), y(null), S(!1), () => {
+      y(null), S(!1), document.body.removeEventListener("click", d);
     };
-  }, []), x.useEffect(() => {
-    if (f) {
-      const p = [...s].map((v) => v.listingId === f.listingId ? f : v);
-      n(p);
+  }, []), f.useEffect(() => {
+    if (x) {
+      const d = [...s].map((b) => b.listingId === x.listingId ? x : b);
+      n(d);
     }
-  }, [f]);
-  const V = (p, v) => {
-    p.stopPropagation();
-    const I = p.target.getBoundingClientRect(), O = 100, P = window.innerHeight;
-    let T = I.top + window.scrollY;
-    T + O > P && (T = P - O - 20), C(!0), A({
-      top: T - 80,
+  }, [x]);
+  const G = (d, b) => {
+    d.stopPropagation();
+    const I = d.target.getBoundingClientRect(), T = 100, B = window.innerHeight;
+    let w = I.top + window.scrollY;
+    w + T > B && (w = B - T - 20), S(!0), L({
+      top: w - 80,
       left: I.left - 30
-    }), y(v);
+    }), y(b);
   };
-  function w(p) {
-    if (B)
-      return p ? /* @__PURE__ */ t.jsx(
+  function E(d) {
+    if (M)
+      return d ? /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: `https://imagedelivery.net/${p}/w=1000`,
+          src: `https://imagedelivery.net/${d}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
         }
       ) : /* @__PURE__ */ t.jsx(
-        b,
+        j,
         {
           name: "Image",
           width: 16,
@@ -1271,21 +1271,21 @@ const Ui = (u) => {
         }
       );
   }
-  const m = (p) => {
-    const { active: v, over: I } = p;
-    if (I && v.id !== I.id) {
-      const O = s.findIndex((T) => String(T.listingId) === v.id), P = s.findIndex((T) => String(T.listingId) === I.id);
-      if (O !== -1 && P !== -1) {
-        const T = [...s], [J] = T.splice(O, 1);
-        T.splice(P, 0, J), n(T);
+  const m = (d) => {
+    const { active: b, over: I } = d;
+    if (I && b.id !== I.id) {
+      const T = s.findIndex((w) => String(w.listingId) === b.id), B = s.findIndex((w) => String(w.listingId) === I.id);
+      if (T !== -1 && B !== -1) {
+        const w = [...s], [Q] = w.splice(T, 1);
+        w.splice(B, 0, Q), n(w);
       }
     }
-  }, S = (p, v) => {
-    const I = d.find((P) => p.listingId === P.id);
+  }, $ = (d, b) => {
+    const I = l.find((B) => d.listingId === B.id);
     if (!I) return null;
-    const O = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      N && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        b,
+    const T = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      C && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+        j,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -1293,106 +1293,106 @@ const Ui = (u) => {
           height: 20
         }
       ) }),
-      j === "select" && /* @__PURE__ */ t.jsx(
-        ct,
+      v === "select" && /* @__PURE__ */ t.jsx(
+        ot,
         {
-          onChange: (P) => {
-            const T = [...s], J = d.find((q) => q.productData.name === P);
-            if (!J) return;
-            const nt = {
-              listingId: J.id,
-              image: J.productData.images.length > 0 ? J.productData.images[0].cfId : ""
-            }, g = T.map((q) => q.listingId === p.listingId ? nt : q);
-            y(nt), n([...g]);
+          onChange: (B) => {
+            const w = [...s], Q = l.find((P) => P.productData.name === B);
+            if (!Q) return;
+            const et = {
+              listingId: Q.id,
+              image: Q.productData.images.length > 0 ? Q.productData.images[0].cfId : ""
+            }, h = w.map((P) => P.listingId === d.listingId ? et : P);
+            y(et), n([...h]);
           },
           value: I.productData.name,
           options: [
-            ...d.filter((P) => !s.find((T) => T.listingId === P.id)).map((P) => P.productData.name)
+            ...l.filter((B) => !s.find((w) => w.listingId === B.id)).map((B) => B.productData.name)
           ],
-          leftAddon: w(
-            p.image || I.productData.images.length > 0 && I.productData.images[0].cfId || ""
+          leftAddon: E(
+            d.image || I.productData.images.length > 0 && I.productData.images[0].cfId || ""
           )
         },
-        v
+        b
       ),
-      /* @__PURE__ */ t.jsxs("div", { className: R.buttons, children: [
-        _ && /* @__PURE__ */ t.jsx("div", { className: R.deleteButton, children: /* @__PURE__ */ t.jsx(
-          b,
+      /* @__PURE__ */ t.jsxs("div", { className: D.buttons, children: [
+        p && /* @__PURE__ */ t.jsx("div", { className: D.deleteButton, children: /* @__PURE__ */ t.jsx(
+          j,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (P) => V(P, p)
+            onClick: (B) => G(B, d)
           }
         ) }),
-        h && /* @__PURE__ */ t.jsx("div", { className: R.deleteButton, children: /* @__PURE__ */ t.jsx(
-          b,
+        g && /* @__PURE__ */ t.jsx("div", { className: D.deleteButton, children: /* @__PURE__ */ t.jsx(
+          j,
           {
             name: "Trash",
             hoverable: !0,
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => n(s.filter((P) => P !== p))
+            onClick: () => n(s.filter((B) => B !== d))
           }
         ) })
       ] })
     ] });
-    return N ? /* @__PURE__ */ t.jsx(
-      Es,
+    return C ? /* @__PURE__ */ t.jsx(
+      As,
       {
-        product: p,
-        children: O
+        product: d,
+        children: T
       },
-      p.listingId
+      d.listingId
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: R.product,
-        children: O
+        className: D.product,
+        children: T
       },
-      p.listingId
+      d.listingId
     );
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: R.productsBlock, children: [
-    (c || o !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: R.top, children: [
-      c && /* @__PURE__ */ t.jsx("h3", { className: R.title, children: c }),
+  return /* @__PURE__ */ t.jsxs("div", { className: D.productsBlock, children: [
+    (r || o !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: D.top, children: [
+      r && /* @__PURE__ */ t.jsx("h3", { className: D.title, children: r }),
       o !== void 0 && /* @__PURE__ */ t.jsx(
-        at,
+        it,
         {
           current: o,
-          onChange: (p) => e == null ? void 0 : e(p)
+          onChange: (d) => e == null ? void 0 : e(d)
         }
       )
     ] }),
-    l && f && /* @__PURE__ */ t.jsx(
-      Os,
+    c && x && /* @__PURE__ */ t.jsx(
+      qs,
       {
-        activeItem: f,
+        activeItem: x,
         setActiveItem: y,
-        setIsOpenModal: C,
-        popupPosition: D,
-        itemsOptions: d
+        setIsOpenModal: S,
+        popupPosition: z,
+        itemsOptions: l
       }
     ),
-    /* @__PURE__ */ t.jsxs("div", { className: R.products, children: [
-      a && /* @__PURE__ */ t.jsx("h5", { className: R.subtitle, children: a }),
-      N ? /* @__PURE__ */ t.jsx(
-        gt,
+    /* @__PURE__ */ t.jsxs("div", { className: D.products, children: [
+      a && /* @__PURE__ */ t.jsx("h5", { className: D.subtitle, children: a }),
+      C ? /* @__PURE__ */ t.jsx(
+        _t,
         {
-          sensors: M,
+          sensors: q,
           onDragEnd: m,
           children: /* @__PURE__ */ t.jsx(
-            xt,
+            ht,
             {
-              items: s.map((p) => String(p.listingId)),
-              strategy: ft,
-              children: s.map((p, v) => S(p, v))
+              items: s.map((d) => String(d.listingId)),
+              strategy: gt,
+              children: s.map((d, b) => $(d, b))
             }
           )
         }
-      ) : s.map((p, v) => S(p, v)),
+      ) : s.map((d, b) => $(d, b)),
       i && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -1402,31 +1402,31 @@ const Ui = (u) => {
             justifyContent: "center"
           },
           children: /* @__PURE__ */ t.jsx(
-            et,
+            Z,
             {
               withoutHover: !0,
-              className: R.button,
+              className: D.button,
               size: "s",
               onClick: () => {
-                const p = [...s];
-                for (let v = 0; v < d.length; v++)
-                  if (!s.find((I) => I.listingId === d[v].id)) {
-                    p.push({
-                      listingId: d[v].id,
-                      image: d[v].productData.images.length > 0 ? d[v].productData.images[0].cfId : ""
+                const d = [...s];
+                for (let b = 0; b < l.length; b++)
+                  if (!s.find((I) => I.listingId === l[b].id)) {
+                    d.push({
+                      listingId: l[b].id,
+                      image: l[b].productData.images.length > 0 ? l[b].productData.images[0].cfId : ""
                     });
                     break;
                   }
-                n(p);
+                n(d);
               },
-              disabled: s.length === d.length,
+              disabled: s.length === l.length,
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ t.jsxs("div", { className: R.addButton, children: [
+              children: /* @__PURE__ */ t.jsxs("div", { className: D.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
-                  b,
+                  j,
                   {
                     name: "Plus",
                     width: 16,
@@ -1439,298 +1439,151 @@ const Ui = (u) => {
         }
       )
     ] }),
-    r !== void 0 && /* @__PURE__ */ t.jsx(pt, { items: r })
+    _ !== void 0 && /* @__PURE__ */ t.jsx(dt, { items: _ })
   ] });
-}, zs = "_options_6cemk_1", Ds = "_price_6cemk_12", Rs = "_oldPrice_6cemk_19", Hs = "_newPrice_6cemk_27", Ls = "_animate_6cemk_34", Us = "_appearAndBounce_6cemk_1", Fs = "_meta_6cemk_52", Vs = "_info_6cemk_58", Ys = "_infoRight_6cemk_66", Ws = "_buttons_6cemk_73", Gs = "_variants_6cemk_80", Xs = "_variant_6cemk_80", Qs = "_stock_6cemk_98", Js = "_variantInfo_6cemk_105", Ks = "_quantity_6cemk_111", Zs = "_count_6cemk_118", tn = "_focused_6cemk_135", en = "_button_6cemk_73", sn = "_activeVariant_6cemk_161", nn = "_chargeTypes_6cemk_165", on = "_charge_6cemk_165", an = "_chargeActive_6cemk_190", cn = "_title_6cemk_198", $ = {
-  options: zs,
-  price: Ds,
-  oldPrice: Rs,
-  newPrice: Hs,
+}, Os = "_options_6cemk_1", Es = "_price_6cemk_12", Ds = "_oldPrice_6cemk_19", zs = "_newPrice_6cemk_27", Ls = "_animate_6cemk_34", Rs = "_appearAndBounce_6cemk_1", Us = "_meta_6cemk_52", Hs = "_info_6cemk_58", Fs = "_infoRight_6cemk_66", Vs = "_buttons_6cemk_73", Ys = "_variants_6cemk_80", Ws = "_variant_6cemk_80", Gs = "_stock_6cemk_98", Xs = "_variantInfo_6cemk_105", Qs = "_quantity_6cemk_111", Js = "_count_6cemk_118", Ks = "_focused_6cemk_135", Zs = "_button_6cemk_73", tn = "_activeVariant_6cemk_161", en = "_chargeTypes_6cemk_165", sn = "_charge_6cemk_165", nn = "_chargeActive_6cemk_190", on = "_title_6cemk_198", N = {
+  options: Os,
+  price: Es,
+  oldPrice: Ds,
+  newPrice: zs,
   animate: Ls,
-  appearAndBounce: Us,
-  meta: Fs,
-  info: Vs,
-  infoRight: Ys,
-  buttons: Ws,
-  variants: Gs,
-  variant: Xs,
-  stock: Qs,
-  variantInfo: Js,
-  quantity: Ks,
-  count: Zs,
-  focused: tn,
-  button: en,
-  activeVariant: sn,
-  chargeTypes: nn,
-  charge: on,
-  chargeActive: an,
-  title: cn
-}, ln = "_wrapper_c1dht_1", rn = "_label_c1dht_9", dn = "_input_c1dht_18", un = "_paddingless_c1dht_31", pn = "_content_c1dht_35", mn = "_contentBorder_c1dht_47", _n = "_borderless_c1dht_52", hn = "_rightIcon_c1dht_57", Q = {
-  wrapper: ln,
-  label: rn,
-  input: dn,
-  paddingless: un,
-  content: pn,
-  contentBorder: mn,
-  borderless: _n,
-  rightIcon: hn
-}, gn = (u) => {
-  const {
-    onChange: o,
-    style: e,
-    label: s,
-    value: n,
-    type: r,
-    min: c,
-    max: a,
-    placeholder: _,
-    disabled: N = !1,
-    required: B = !1,
-    regex: h,
-    paddingless: i = !1,
-    borderless: j = !1,
-    editable: d = !1,
-    isSearch: f = !1,
-    centered: y = !1
-  } = u, { themeSettings: D } = It(), { inputs: A } = D, [l, C] = x.useState(!1);
-  function M(w) {
-    return Number(w) < 0 ? String(c) : w;
-  }
-  function V(w) {
-    return !B || !h ? !0 : new RegExp(h).test(w);
-  }
-  return /* @__PURE__ */ t.jsxs("div", { className: Q.wrapper, children: [
-    s && /* @__PURE__ */ t.jsx(
-      "label",
-      {
-        className: Q.label,
-        htmlFor: s,
-        children: s
-      }
-    ),
-    /* @__PURE__ */ t.jsxs(
-      "div",
-      {
-        className: H(Q.content, {
-          [Q.contentBorder]: A.border.active
-        }),
-        style: {
-          ...e
-        },
-        children: [
-          /* @__PURE__ */ t.jsx(
-            "input",
-            {
-              id: s,
-              type: r || "text",
-              onChange: (w) => {
-                if (r === "text") o(w.target.value);
-                else {
-                  const m = M(w.target.value);
-                  o(m);
-                }
-              },
-              value: n,
-              autoComplete: "off",
-              placeholder: _ || "Type something...",
-              className: H(Q.input, {
-                [Q.required]: l && B && !V(n),
-                [Q.paddingless]: i,
-                [Q.borderless]: j
-              }),
-              min: r === "number" ? c : void 0,
-              max: r === "number" ? a : void 0,
-              disabled: N,
-              onFocus: () => C(!0),
-              style: {
-                textAlign: y ? "center" : "left",
-                background: A.field.active ? A.field.color : "transparent",
-                padding: f ? `7px ${Number(A.general.size) + 20}px 7px 11px` : "7px 11px"
-              }
-            }
-          ),
-          f && /* @__PURE__ */ t.jsx("div", { className: Q.rightIcon, children: /* @__PURE__ */ t.jsx(
-            b,
-            {
-              name: "MagnifyingGlass",
-              fill: "var(--icon-secondary)",
-              width: A.general.size,
-              height: A.general.size
-            }
-          ) }),
-          d && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-            b,
-            {
-              name: "Sliders",
-              width: 20,
-              height: 20,
-              hoverable: !0
-            }
-          ) })
-        ]
-      }
-    )
-  ] });
-}, xn = "_button_85085_1", fn = "_primary_85085_20", bn = "_primaryHovered_85085_30", vn = "_secondary_85085_34", jn = "_secondaryHovered_85085_44", yn = "_tertiary_85085_48", kn = "_tertiaryHovered_85085_58", Nn = "_content_85085_62", Z = {
-  button: xn,
-  primary: fn,
-  primaryHovered: bn,
-  secondary: vn,
-  secondaryHovered: jn,
-  tertiary: yn,
-  tertiaryHovered: kn,
-  content: Nn
-}, Y = (u) => {
-  const { children: o, onClick: e, style: s, className: n, disabled: r = !1, type: c = "Primary" } = u, { themeSettings: a } = It();
-  return /* @__PURE__ */ t.jsx(
-    "button",
-    {
-      className: H(Z.button, n, {
-        [Z.primary]: c === "Primary",
-        [Z.secondary]: c === "Secondary",
-        [Z.tertiary]: c === "Tertiary",
-        [Z.primaryHovered]: c === "Primary" && !r && a.buttons.primary.hover,
-        [Z.secondaryHovered]: c === "Secondary" && !r && a.buttons.secondary.hover,
-        [Z.tertiaryHovered]: c === "Tertiary" && !r && a.buttons.tertiary.hover
-      }),
-      onClick: e,
-      style: {
-        ...s
-      },
-      disabled: r,
-      children: c === "Tertiary" ? /* @__PURE__ */ t.jsxs("div", { className: Z.content, children: [
-        o,
-        /* @__PURE__ */ t.jsx(
-          b,
-          {
-            name: "ArrowRight",
-            fill: "var(--icon-tertiary)",
-            width: 20,
-            height: 20
-          }
-        )
-      ] }) : /* @__PURE__ */ t.jsx(t.Fragment, { children: o })
-    }
-  );
+  appearAndBounce: Rs,
+  meta: Us,
+  info: Hs,
+  infoRight: Fs,
+  buttons: Vs,
+  variants: Ys,
+  variant: Ws,
+  stock: Gs,
+  variantInfo: Xs,
+  quantity: Qs,
+  count: Js,
+  focused: Ks,
+  button: Zs,
+  activeVariant: tn,
+  chargeTypes: en,
+  charge: sn,
+  chargeActive: nn,
+  title: on
 };
-var Ct = /* @__PURE__ */ ((u) => (u.ONE_TIME = "One-Time", u.RECURRING = "Subscribe & Save", u))(Ct || {});
-const Fi = (u) => {
-  var D, A;
-  const { variants: o } = u, [e, s] = x.useState(o[0]), [n, r] = x.useState(e.chargeTypes[0]), c = rt(), [a, _] = x.useState(1), { reset: N, addProductToCart: B, getProducts: h } = jt(), [i, j] = x.useState(!1);
-  x.useEffect(() => {
-    j(!0);
-    const l = setTimeout(() => j(!1), 600);
-    return () => clearTimeout(l);
+var Nt = /* @__PURE__ */ ((u) => (u.ONE_TIME = "One-Time", u.RECURRING = "Subscribe & Save", u))(Nt || {});
+const Ni = (u) => {
+  var z, L;
+  const { variants: o } = u, [e, s] = f.useState(o[0]), [n, _] = f.useState(e.chargeTypes[0]), r = ct(), [a, p] = f.useState(1), { reset: C, addProductToCart: M, getProducts: g } = bt(), [i, v] = f.useState(!1);
+  f.useEffect(() => {
+    v(!0);
+    const c = setTimeout(() => v(!1), 600);
+    return () => clearTimeout(c);
   }, [a]);
-  async function d() {
-    await h(), await B({
+  async function l() {
+    await g(), await M({
       productId: u.id,
       productVariantId: e.id,
       quantity: a
     });
   }
-  function f() {
-    N(), d(), c("/checkout");
+  function x() {
+    C(), l(), r("/checkout");
   }
-  function y(l) {
-    if (l >= 864e5) {
-      const m = Math.floor(l / 864e5);
+  function y(c) {
+    if (c >= 864e5) {
+      const m = Math.floor(c / 864e5);
       return `${m} ${m === 1 ? "day" : "days"}`;
-    } else if (l >= 36e5) {
-      const m = Math.floor(l / 36e5);
+    } else if (c >= 36e5) {
+      const m = Math.floor(c / 36e5);
       return `${m} ${m === 1 ? "hour" : "hours"}`;
-    } else if (l >= 6e4) {
-      const m = Math.floor(l / 6e4);
+    } else if (c >= 6e4) {
+      const m = Math.floor(c / 6e4);
       return `${m} ${m === 1 ? "minute" : "minutes"}`;
     } else {
-      const m = Math.floor(l / 1e3);
+      const m = Math.floor(c / 1e3);
       return `${m} ${m === 1 ? "second" : "seconds"}`;
     }
   }
-  return x.useEffect(() => {
-    (e.quantity.available === 0 || !e.quantity.available) && _(0);
-  }, [e.quantity.available]), /* @__PURE__ */ t.jsxs("div", { className: $.options, children: [
-    e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: $.chargeTypes, children: e.chargeTypes.map((l) => /* @__PURE__ */ t.jsx(
+  return f.useEffect(() => {
+    (e.quantity.available === 0 || !e.quantity.available) && p(0);
+  }, [e.quantity.available]), /* @__PURE__ */ t.jsxs("div", { className: N.options, children: [
+    e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: N.chargeTypes, children: e.chargeTypes.map((c) => /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: H($.charge, {
-          [$.chargeActive]: n === l
+        className: F(N.charge, {
+          [N.chargeActive]: n === c
         }),
-        onClick: () => r(l),
-        children: Ct[l]
+        onClick: () => _(c),
+        children: Nt[c]
       },
-      l
+      c
     )) }),
-    /* @__PURE__ */ t.jsx("div", { className: $.variants, children: o.map((l) => {
-      var C;
+    /* @__PURE__ */ t.jsx("div", { className: N.variants, children: o.map((c) => {
+      var S;
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: H($.variant, {
-            [$.activeVariant]: e.id === l.id
+          className: F(N.variant, {
+            [N.activeVariant]: e.id === c.id
           }),
-          onClick: () => s(l),
+          onClick: () => s(c),
           children: [
-            /* @__PURE__ */ t.jsxs("div", { className: $.variantInfo, children: [
-              /* @__PURE__ */ t.jsx("span", { className: $.title, children: l.name }),
+            /* @__PURE__ */ t.jsxs("div", { className: N.variantInfo, children: [
+              /* @__PURE__ */ t.jsx("span", { className: N.title, children: c.name }),
               /* @__PURE__ */ t.jsxs("span", { children: [
                 "$",
-                n === "ONE_TIME" ? l.price.amount : l.subscriptionSettings ? l.subscriptionSettings.price.amount : "Price Not Found"
+                n === "ONE_TIME" ? c.price.amount : c.subscriptionSettings ? c.subscriptionSettings.price.amount : "Price Not Found"
               ] })
             ] }),
-            /* @__PURE__ */ t.jsx("div", { children: n === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: $.stock, children: [
-              ((C = l.quantity.restrictions) == null ? void 0 : C.max) || l.quantity.available || 0,
+            /* @__PURE__ */ t.jsx("div", { children: n === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: N.stock, children: [
+              ((S = c.quantity.restrictions) == null ? void 0 : S.max) || c.quantity.available || 0,
               " in stock"
             ] }) })
           ]
         },
-        l.id
+        c.id
       );
     }) }),
-    n === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: $.quantity, children: [
+    n === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: N.quantity, children: [
       /* @__PURE__ */ t.jsx(
-        Y,
+        V,
         {
           type: "Secondary",
           onClick: () => {
-            a > 1 ? _((l) => l - 1) : _(1);
+            a > 1 ? p((c) => c - 1) : p(1);
           },
-          className: $.button,
+          className: N.button,
           disabled: e.quantity.available === 0 || e.quantity.restrictions && a <= e.quantity.restrictions.min || Object.keys(e.quantity.restrictions || {}).length === 0 && !e.quantity.available,
-          children: /* @__PURE__ */ t.jsx(b, { name: "Minus" })
+          children: /* @__PURE__ */ t.jsx(j, { name: "Minus" })
         }
       ),
       /* @__PURE__ */ t.jsx(
-        gn,
+        wt,
         {
           type: "number",
           value: String(a),
-          onChange: (l) => _(Number(l)),
-          max: ((D = e.quantity.restrictions) == null ? void 0 : D.max) || e.quantity.available || 1 / 0,
-          min: ((A = e.quantity.restrictions) == null ? void 0 : A.min) || 0,
+          onChange: (c) => p(Number(c)),
+          max: ((z = e.quantity.restrictions) == null ? void 0 : z.max) || e.quantity.available || 1 / 0,
+          min: ((L = e.quantity.restrictions) == null ? void 0 : L.min) || 0,
           centered: !0,
           disabled: e.quantity.available === 0 || !e.quantity.available || Object.keys(e.quantity.restrictions || {}).length === 0 && !e.quantity.available
         }
       ),
       /* @__PURE__ */ t.jsx(
-        Y,
+        V,
         {
           type: "Secondary",
           onClick: () => {
-            _((l) => l + 1);
+            p((c) => c + 1);
           },
-          className: $.button,
+          className: N.button,
           disabled: !!(e.quantity.restrictions && a >= e.quantity.restrictions.max || e.quantity.available !== void 0 && a >= e.quantity.available || Object.keys(e.quantity.restrictions || {}).length === 0 && !e.quantity.available),
-          children: /* @__PURE__ */ t.jsx(b, { name: "Plus" })
+          children: /* @__PURE__ */ t.jsx(j, { name: "Plus" })
         }
       )
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: $.meta, children: [
-      /* @__PURE__ */ t.jsxs("div", { className: $.info, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: N.meta, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: N.info, children: [
         /* @__PURE__ */ t.jsx("span", { children: "Delivery" }),
-        /* @__PURE__ */ t.jsxs("div", { className: $.infoRight, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: N.infoRight, children: [
           /* @__PURE__ */ t.jsx(
-            b,
+            j,
             {
               name: "Lightning",
               fill: "#FF3F19",
@@ -1741,187 +1594,187 @@ const Fi = (u) => {
           /* @__PURE__ */ t.jsx("span", { children: !e.deliveryTime || e.deliveryTime === 0 ? "Instant" : y(e.deliveryTime) })
         ] })
       ] }),
-      /* @__PURE__ */ t.jsxs("div", { className: $.info, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: N.info, children: [
         /* @__PURE__ */ t.jsx("span", { children: "Price" }),
-        /* @__PURE__ */ t.jsx("div", { className: $.infoRight, children: n === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: $.price, children: [
-          /* @__PURE__ */ t.jsxs("span", { className: H($.newPrice, { [$.animate]: i }), children: [
+        /* @__PURE__ */ t.jsx("div", { className: N.infoRight, children: n === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: N.price, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: F(N.newPrice, { [N.animate]: i }), children: [
             "$ ",
             (e.price.amount || 0) * a
           ] }),
-          /* @__PURE__ */ t.jsxs("span", { className: $.oldPrice, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: N.oldPrice, children: [
             "$ ",
             (e.compareAtPrice.amount || 0) * a
           ] })
-        ] }) : /* @__PURE__ */ t.jsxs("span", { className: H($.newPrice, { [$.animate]: i }), children: [
+        ] }) : /* @__PURE__ */ t.jsxs("span", { className: F(N.newPrice, { [N.animate]: i }), children: [
           "$ ",
           (e.price.amount || 0) * a
-        ] }) : e.subscriptionSettings && e.subscriptionSettings.compareAtPrice && (e.subscriptionSettings.compareAtPrice.amount || 0) - (e.subscriptionSettings.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: $.price, children: [
-          /* @__PURE__ */ t.jsxs("span", { className: H($.newPrice, { [$.animate]: i }), children: [
+        ] }) : e.subscriptionSettings && e.subscriptionSettings.compareAtPrice && (e.subscriptionSettings.compareAtPrice.amount || 0) - (e.subscriptionSettings.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: N.price, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: F(N.newPrice, { [N.animate]: i }), children: [
             "$ ",
             e.subscriptionSettings.price.amount || 0
           ] }),
-          /* @__PURE__ */ t.jsxs("span", { className: $.oldPrice, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: N.oldPrice, children: [
             "$ ",
             e.subscriptionSettings.compareAtPrice.amount || 0
           ] })
-        ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsxs("span", { className: H($.newPrice, { [$.animate]: i }), children: [
+        ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsxs("span", { className: F(N.newPrice, { [N.animate]: i }), children: [
           "$ ",
           e.subscriptionSettings.price.amount || 0
         ] }) })
       ] })
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: $.buttons, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: N.buttons, children: [
       /* @__PURE__ */ t.jsx(
-        Y,
+        V,
         {
           type: "Primary",
-          onClick: () => f(),
+          onClick: () => x(),
           disabled: e.quantity.available === 0 || !e.quantity.available || Object.keys(e.quantity.restrictions || {}).length === 0 && !e.quantity.available,
           children: n === "ONE_TIME" ? "Buy Now" : "Subscribe Now"
         }
       ),
       n === "ONE_TIME" && /* @__PURE__ */ t.jsx(
-        Y,
+        V,
         {
           type: "Secondary",
-          onClick: () => d(),
+          onClick: () => l(),
           disabled: e.quantity.available === 0 || !e.quantity.available || Object.keys(e.quantity.restrictions || {}).length === 0 && !e.quantity.available,
           children: "Add to Cart"
         }
       )
     ] })
   ] });
-}, In = "_button_1tdo3_1", $n = "_login_1tdo3_14", Sn = "_signUp_1tdo3_18", Cn = "_buttons_1tdo3_23", wn = "_modal_1tdo3_32", Bn = "_closing_1tdo3_64", Pn = "_info_1tdo3_113", Mn = "_top_1tdo3_120", Tn = "_title_1tdo3_131", qn = "_clear_1tdo3_138", An = "_activeClear_1tdo3_145", On = "_count_1tdo3_149", En = "_cart_1tdo3_164", zn = "_empty_1tdo3_172", Dn = "_product_1tdo3_198", Rn = "_products_1tdo3_207", Hn = "_image_1tdo3_215", Ln = "_productInfo_1tdo3_221", Un = "_content_1tdo3_228", Fn = "_name_1tdo3_234", Vn = "_price_1tdo3_240", Yn = "_productButtons_1tdo3_246", Wn = "_productButton_1tdo3_246", Gn = "_productCount_1tdo3_266", Xn = "_bottom_1tdo3_282", Qn = "_subtotal_1tdo3_290", Jn = "_block_1tdo3_298", Kn = "_shoppingCount_1tdo3_305", Zn = "_total_1tdo3_325", ti = "_link_1tdo3_331", ei = "_userInfo_1tdo3_338", si = "_pagesMobileModal_1tdo3_349", ni = "_pagesMobileModalContent_1tdo3_363", ii = "_pagesMobileModalHeader_1tdo3_369", oi = "_pagesMobileModalFooter_1tdo3_379", k = {
-  button: In,
-  login: $n,
-  signUp: Sn,
-  buttons: Cn,
-  modal: wn,
+}, an = "_button_1tdo3_1", cn = "_login_1tdo3_14", ln = "_signUp_1tdo3_18", rn = "_buttons_1tdo3_23", dn = "_modal_1tdo3_32", un = "_closing_1tdo3_64", mn = "_info_1tdo3_113", pn = "_top_1tdo3_120", _n = "_title_1tdo3_131", hn = "_clear_1tdo3_138", gn = "_activeClear_1tdo3_145", fn = "_count_1tdo3_149", xn = "_cart_1tdo3_164", bn = "_empty_1tdo3_172", jn = "_product_1tdo3_198", vn = "_products_1tdo3_207", yn = "_image_1tdo3_215", kn = "_productInfo_1tdo3_221", In = "_content_1tdo3_228", Nn = "_name_1tdo3_234", Cn = "_price_1tdo3_240", $n = "_productButtons_1tdo3_246", Sn = "_productButton_1tdo3_246", Bn = "_productCount_1tdo3_266", wn = "_bottom_1tdo3_282", Pn = "_subtotal_1tdo3_290", Mn = "_block_1tdo3_298", Tn = "_shoppingCount_1tdo3_305", qn = "_total_1tdo3_325", An = "_link_1tdo3_331", On = "_userInfo_1tdo3_338", En = "_pagesMobileModal_1tdo3_349", Dn = "_pagesMobileModalContent_1tdo3_363", zn = "_pagesMobileModalHeader_1tdo3_369", Ln = "_pagesMobileModalFooter_1tdo3_379", k = {
+  button: an,
+  login: cn,
+  signUp: ln,
+  buttons: rn,
+  modal: dn,
   "slide-in-fade": "_slide-in-fade_1tdo3_1",
   "mobile-slide-in-fade": "_mobile-slide-in-fade_1tdo3_1",
-  closing: Bn,
+  closing: un,
   "mobile-slide-out-fade": "_mobile-slide-out-fade_1tdo3_1",
   "slide-out-fade": "_slide-out-fade_1tdo3_1",
-  info: Pn,
-  top: Mn,
-  title: Tn,
-  clear: qn,
-  activeClear: An,
-  count: On,
-  cart: En,
-  empty: zn,
-  product: Dn,
-  products: Rn,
-  image: Hn,
-  productInfo: Ln,
-  content: Un,
-  name: Fn,
-  price: Vn,
-  productButtons: Yn,
-  productButton: Wn,
-  productCount: Gn,
-  bottom: Xn,
-  subtotal: Qn,
-  block: Jn,
-  shoppingCount: Kn,
-  total: Zn,
-  link: ti,
-  userInfo: ei,
-  pagesMobileModal: si,
-  pagesMobileModalContent: ni,
-  pagesMobileModalHeader: ii,
-  pagesMobileModalFooter: oi
-}, Vi = (u) => {
+  info: mn,
+  top: pn,
+  title: _n,
+  clear: hn,
+  activeClear: gn,
+  count: fn,
+  cart: xn,
+  empty: bn,
+  product: jn,
+  products: vn,
+  image: yn,
+  productInfo: kn,
+  content: In,
+  name: Nn,
+  price: Cn,
+  productButtons: $n,
+  productButton: Sn,
+  productCount: Bn,
+  bottom: wn,
+  subtotal: Pn,
+  block: Mn,
+  shoppingCount: Tn,
+  total: qn,
+  link: An,
+  userInfo: On,
+  pagesMobileModal: En,
+  pagesMobileModalContent: Dn,
+  pagesMobileModalHeader: zn,
+  pagesMobileModalFooter: Ln
+}, Ci = (u) => {
   const { shopping: o, signUp: e, isShowUserInfo: s = !0 } = u;
   return /* @__PURE__ */ t.jsxs("div", { className: k.buttons, children: [
-    o && /* @__PURE__ */ t.jsx(ai, {}),
-    s && /* @__PURE__ */ t.jsx(wt, { signUp: e })
+    o && /* @__PURE__ */ t.jsx(Rn, {}),
+    s && /* @__PURE__ */ t.jsx(Ct, { signUp: e })
   ] });
-}, ai = () => {
-  const [u, o] = x.useState(!1), [e, s] = x.useState([]), { cart: n, getProducts: r } = jt();
-  function c(i) {
-    for (let j = 0; j < n.parts.length; j++)
-      for (let d = 0; d < i.variants.length; d++)
-        if (n.parts[j].productVariantId === i.variants[j].id)
-          return n.parts[j].productVariantId;
+}, Rn = () => {
+  const [u, o] = f.useState(!1), [e, s] = f.useState([]), { cart: n, getProducts: _ } = bt();
+  function r(i) {
+    for (let v = 0; v < n.parts.length; v++)
+      for (let l = 0; l < i.variants.length; l++)
+        if (n.parts[v].productVariantId === i.variants[v].id)
+          return n.parts[v].productVariantId;
   }
   function a(i) {
-    for (let j = 0; j < n.parts.length; j++)
-      for (let d = 0; d < i.variants.length; d++)
-        if (n.parts[j].productVariantId === i.variants[j].id)
-          return n.parts[j].quantity;
+    for (let v = 0; v < n.parts.length; v++)
+      for (let l = 0; l < i.variants.length; l++)
+        if (n.parts[v].productVariantId === i.variants[v].id)
+          return n.parts[v].quantity;
   }
-  x.useEffect(() => {
+  f.useEffect(() => {
     (async () => {
-      const j = n.parts.map((y) => String(y.productId)), f = (await r([...j])).map((y) => ({
+      const v = n.parts.map((y) => String(y.productId)), x = (await _([...v])).map((y) => ({
         ...y,
-        activeVariantId: c(y),
+        activeVariantId: r(y),
         quantity: a(y)
       }));
-      s(f);
+      s(x);
     })();
   }, [n.parts.length]);
-  function _(i) {
-    var j;
-    return !i || !(i != null && i.variants) ? !1 : (j = i.variants.find((d) => d.id === i.activeVariantId)) == null ? void 0 : j.subscriptionSettings;
+  function p(i) {
+    var v;
+    return !i || !(i != null && i.variants) ? !1 : (v = i.variants.find((l) => l.id === i.activeVariantId)) == null ? void 0 : v.subscriptionSettings;
   }
-  const N = n.parts.length > 0 && e.length > 0 && !_(e[0]), [B, h] = x.useState(!1);
+  const C = n.parts.length > 0 && e.length > 0 && !p(e[0]), [M, g] = f.useState(!1);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsxs(
-      Y,
+      V,
       {
         type: "Secondary",
         style: {
           padding: 10
         },
         onClick: (i) => {
-          i.stopPropagation(), window.location.pathname.includes("/admin/builder") || (o(!0), h(!0));
+          i.stopPropagation(), window.location.pathname.includes("/admin/builder") || (o(!0), g(!0));
         },
         children: [
           /* @__PURE__ */ t.jsx(
-            b,
+            j,
             {
               name: "Handbag",
               fill: "var(--icon-primary)"
             }
           ),
-          N && /* @__PURE__ */ t.jsx("div", { className: k.shoppingCount, children: n.parts.length })
+          C && /* @__PURE__ */ t.jsx("div", { className: k.shoppingCount, children: n.parts.length })
         ]
       }
     ),
     u && /* @__PURE__ */ t.jsx(
-      yt,
+      jt,
       {
         close: () => {
-          h(!1), setTimeout(() => {
+          g(!1), setTimeout(() => {
             o(!1);
           }, 300);
         },
         withAnimation: !1,
         children: /* @__PURE__ */ t.jsx(
-          ci,
+          Un,
           {
             activeProducts: e,
-            isCartNotEmpty: N,
-            isOpen: B
+            isCartNotEmpty: C,
+            isOpen: M
           }
         )
       }
     )
   ] });
-}, ci = (u) => {
-  const { activeProducts: o, isCartNotEmpty: e, isOpen: s } = u, { cart: n, reset: r, getTotalAndDiscount: c, updateQuantityOfProduct: a } = jt(), _ = rt();
-  function N(i) {
-    _(i);
+}, Un = (u) => {
+  const { activeProducts: o, isCartNotEmpty: e, isOpen: s } = u, { cart: n, reset: _, getTotalAndDiscount: r, updateQuantityOfProduct: a } = bt(), p = ct();
+  function C(i) {
+    p(i);
   }
-  function B(i) {
+  function M(i) {
     a({
       productId: i.id,
       productVariantId: i.activeVariantId,
       quantity: i.quantity + 1
     });
   }
-  function h(i) {
+  function g(i) {
     a({
       productId: i.id,
       productVariantId: i.activeVariantId,
@@ -1931,7 +1784,7 @@ const Fi = (u) => {
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: H(k.modal, {
+      className: F(k.modal, {
         [k.closing]: !s
       }),
       onClick: (i) => i.stopPropagation(),
@@ -1944,11 +1797,11 @@ const Fi = (u) => {
           /* @__PURE__ */ t.jsx(
             "button",
             {
-              className: H(k.clear, {
+              className: F(k.clear, {
                 [k.activeClear]: e
               }),
               disabled: !e,
-              onClick: r,
+              onClick: _,
               children: "Clear all"
             }
           )
@@ -1974,7 +1827,7 @@ const Fi = (u) => {
                     /* @__PURE__ */ t.jsx("div", { className: k.name, children: i.name }),
                     /* @__PURE__ */ t.jsxs("div", { className: k.price, children: [
                       "$",
-                      i.variants.find((j) => j.id === i.activeVariantId).price.amount * ((i == null ? void 0 : i.quantity) || 1)
+                      i.variants.find((v) => v.id === i.activeVariantId).price.amount * ((i == null ? void 0 : i.quantity) || 1)
                     ] })
                   ] })
                 ] }),
@@ -1983,11 +1836,11 @@ const Fi = (u) => {
                     "div",
                     {
                       onClick: () => {
-                        i.quantity !== 1 && h(i);
+                        i.quantity !== 1 && g(i);
                       },
                       className: k.productButton,
                       children: /* @__PURE__ */ t.jsx(
-                        b,
+                        j,
                         {
                           name: "Minus",
                           fill: "#757575",
@@ -2001,10 +1854,10 @@ const Fi = (u) => {
                   /* @__PURE__ */ t.jsx(
                     "div",
                     {
-                      onClick: () => B(i),
+                      onClick: () => M(i),
                       className: k.productButton,
                       children: /* @__PURE__ */ t.jsx(
-                        b,
+                        j,
                         {
                           name: "Plus",
                           fill: "#757575",
@@ -2024,7 +1877,7 @@ const Fi = (u) => {
               /* @__PURE__ */ t.jsxs("div", { className: k.block, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Subtotal" }),
                 /* @__PURE__ */ t.jsx(
-                  b,
+                  j,
                   {
                     name: "Info",
                     width: 20,
@@ -2035,18 +1888,18 @@ const Fi = (u) => {
               ] }),
               /* @__PURE__ */ t.jsxs("div", { className: k.total, children: [
                 "$",
-                c().total
+                r().total
               ] })
             ] }),
-            /* @__PURE__ */ t.jsx(Y, { onClick: () => N("/checkout"), children: "Checkout" })
+            /* @__PURE__ */ t.jsx(V, { onClick: () => C("/checkout"), children: "Checkout" })
           ] })
-        ] }) : /* @__PURE__ */ t.jsx(li, {})
+        ] }) : /* @__PURE__ */ t.jsx(Hn, {})
       ]
     }
   );
-}, li = () => /* @__PURE__ */ t.jsxs("div", { className: k.empty, children: [
+}, Hn = () => /* @__PURE__ */ t.jsxs("div", { className: k.empty, children: [
   /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-    b,
+    j,
     {
       name: "Handbag",
       fill: "var(--icon-secondary)"
@@ -2065,15 +1918,15 @@ const Fi = (u) => {
       }
     )
   ] })
-] }), wt = ({ signUp: u }) => {
-  const o = JSON.parse(localStorage.getItem("token") || "{}"), { data: e } = o, s = rt();
+] }), Ct = ({ signUp: u }) => {
+  const o = JSON.parse(localStorage.getItem("token") || "{}"), { data: e } = o, s = ct();
   function n(a) {
     window.location.pathname.includes("/admin/builder") || s(a);
   }
   if (!e)
     return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       /* @__PURE__ */ t.jsx(
-        Y,
+        V,
         {
           onClick: () => n("/customer-dash"),
           type: "Secondary",
@@ -2084,7 +1937,7 @@ const Fi = (u) => {
         }
       ),
       u && /* @__PURE__ */ t.jsx(
-        Y,
+        V,
         {
           onClick: () => n("/customer-dash"),
           type: "Primary",
@@ -2095,27 +1948,27 @@ const Fi = (u) => {
         }
       )
     ] });
-  const [r, c] = x.useState("test-email@gmail.com");
-  return x.useEffect(() => {
+  const [_, r] = f.useState("test-email@gmail.com");
+  return f.useEffect(() => {
     (async () => {
-      const _ = Tt(e);
-      c(_.email);
+      const p = Pt(e);
+      r(p.email);
     })();
   }, [e]), /* @__PURE__ */ t.jsx(
     "div",
     {
       className: k.userInfo,
       onClick: () => n("/customer-dash"),
-      children: /* @__PURE__ */ t.jsx("div", { children: r || "test-email@gmail.com" })
+      children: /* @__PURE__ */ t.jsx("div", { children: _ || "test-email@gmail.com" })
     }
   );
-}, ri = ({
+}, Fn = ({
   children: u,
   logo: o,
   setIsOpen: e,
   signUp: s
 }) => {
-  const { setIsOpen: n } = $t(), r = () => {
+  const { setIsOpen: n } = kt(), _ = () => {
     n(!1), setTimeout(() => {
       e(!1), n(!0);
     }, 300);
@@ -2124,17 +1977,17 @@ const Fi = (u) => {
     "div",
     {
       className: k.pagesMobileModal,
-      onClick: (c) => c.stopPropagation(),
+      onClick: (r) => r.stopPropagation(),
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: k.pagesMobileModalHeader, children: [
           /* @__PURE__ */ t.jsx("div", { children: o }),
           /* @__PURE__ */ t.jsx(
-            Y,
+            V,
             {
               type: "Secondary",
-              onClick: r,
+              onClick: _,
               children: /* @__PURE__ */ t.jsx(
-                b,
+                j,
                 {
                   name: "X",
                   fill: "var(--icon-primary)"
@@ -2144,20 +1997,20 @@ const Fi = (u) => {
           )
         ] }),
         /* @__PURE__ */ t.jsx("div", { className: k.pagesMobileModalContent, children: u }),
-        /* @__PURE__ */ t.jsx("div", { className: k.pagesMobileModalFooter, children: /* @__PURE__ */ t.jsx(wt, { signUp: s }) })
+        /* @__PURE__ */ t.jsx("div", { className: k.pagesMobileModalFooter, children: /* @__PURE__ */ t.jsx(Ct, { signUp: s }) })
       ]
     }
   );
-}, Yi = ({
+}, $i = ({
   children: u,
   logo: o,
   signUp: e
 }) => {
-  const [s, n] = x.useState(!1);
+  const [s, n] = f.useState(!1);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx(di, { setIsOpenModal: n }),
-    s && /* @__PURE__ */ t.jsx(yt, { close: () => n(!1), children: /* @__PURE__ */ t.jsx(
-      ri,
+    /* @__PURE__ */ t.jsx(Vn, { setIsOpenModal: n }),
+    s && /* @__PURE__ */ t.jsx(jt, { close: () => n(!1), children: /* @__PURE__ */ t.jsx(
+      Fn,
       {
         logo: o,
         setIsOpen: n,
@@ -2166,10 +2019,10 @@ const Fi = (u) => {
       }
     ) })
   ] });
-}, di = (u) => {
+}, Vn = (u) => {
   const { setIsOpenModal: o } = u;
   return /* @__PURE__ */ t.jsx(
-    Y,
+    V,
     {
       type: "Secondary",
       style: {
@@ -2179,7 +2032,7 @@ const Fi = (u) => {
         e.stopPropagation(), o(!0);
       },
       children: /* @__PURE__ */ t.jsx(
-        b,
+        j,
         {
           name: "List",
           fill: "var(--icon-primary)"
@@ -2187,34 +2040,34 @@ const Fi = (u) => {
       )
     }
   );
-}, ui = "_share_xddz7_1", pi = "_modal_xddz7_8", mi = "_header_xddz7_20", _i = "_socials_xddz7_30", hi = "_social_xddz7_30", gi = "_copy_xddz7_40", xi = "_title_xddz7_47", fi = "_copyWrapper_xddz7_53", bi = "_copyText_xddz7_62", vi = "_copyTextMobile_xddz7_75", ji = "_copyTextMiniMobile_xddz7_94", tt = {
-  share: ui,
-  modal: pi,
-  header: mi,
-  socials: _i,
-  social: hi,
-  copy: gi,
-  title: xi,
-  copyWrapper: fi,
-  copyText: bi,
-  copyTextMobile: vi,
-  copyTextMiniMobile: ji
-}, Wi = () => {
-  const { isOpenModal: u, setIsOpenModal: o } = St();
+}, Yn = "_share_xddz7_1", Wn = "_modal_xddz7_8", Gn = "_header_xddz7_20", Xn = "_socials_xddz7_30", Qn = "_social_xddz7_30", Jn = "_copy_xddz7_40", Kn = "_title_xddz7_47", Zn = "_copyWrapper_xddz7_53", ti = "_copyText_xddz7_62", ei = "_copyTextMobile_xddz7_75", si = "_copyTextMiniMobile_xddz7_94", K = {
+  share: Yn,
+  modal: Wn,
+  header: Gn,
+  socials: Xn,
+  social: Qn,
+  copy: Jn,
+  title: Kn,
+  copyWrapper: Zn,
+  copyText: ti,
+  copyTextMobile: ei,
+  copyTextMiniMobile: si
+}, Si = () => {
+  const { isOpenModal: u, setIsOpenModal: o } = It();
   function e() {
     o(!0);
   }
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
-      et,
+      Z,
       {
-        className: tt.share,
+        className: K.share,
         onClick: (s) => {
           s.stopPropagation(), e();
         },
         type: "Secondary",
         children: /* @__PURE__ */ t.jsx(
-          b,
+          j,
           {
             name: "Share",
             fill: "#757575",
@@ -2223,91 +2076,91 @@ const Fi = (u) => {
         )
       }
     ),
-    u && /* @__PURE__ */ t.jsx(yt, { close: o, children: /* @__PURE__ */ t.jsx(yi, {}) })
+    u && /* @__PURE__ */ t.jsx(jt, { close: o, children: /* @__PURE__ */ t.jsx(ni, {}) })
   ] });
-}, yi = () => {
-  const { setIsOpenModal: u } = St(), { notification: o, setNotification: e } = qt(), { setIsOpen: s } = $t(), n = window.location.href;
-  function r() {
+}, ni = () => {
+  const { setIsOpenModal: u } = It(), { notification: o, setNotification: e } = Mt(), { setIsOpen: s } = kt(), n = window.location.href;
+  function _() {
     navigator.clipboard.writeText(n), e({
       message: "Link copied to clipboard",
       status: "success"
     });
   }
-  function c() {
+  function r() {
     s(!1), setTimeout(() => {
       u(!1), s(!0);
     }, 300);
   }
-  function a(_, N) {
-    return _.length > N ? _.slice(0, N) + "..." : _;
+  function a(p, C) {
+    return p.length > C ? p.slice(0, C) + "..." : p;
   }
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: tt.modal,
-      onClick: (_) => _.stopPropagation(),
+      className: K.modal,
+      onClick: (p) => p.stopPropagation(),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: tt.header, children: [
-          /* @__PURE__ */ t.jsx("div", { className: tt.title, children: "Copy Product Link" }),
+        /* @__PURE__ */ t.jsxs("div", { className: K.header, children: [
+          /* @__PURE__ */ t.jsx("div", { className: K.title, children: "Copy Product Link" }),
           /* @__PURE__ */ t.jsx(
-            b,
+            j,
             {
               name: "X",
               fill: "#757575",
-              onClick: c,
+              onClick: r,
               hoverable: !0
             }
           )
         ] }),
-        /* @__PURE__ */ t.jsxs("div", { className: tt.copyWrapper, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: K.copyWrapper, children: [
           /* @__PURE__ */ t.jsxs(
-            et,
+            Z,
             {
               type: "Secondary",
-              onClick: r,
+              onClick: _,
               style: {
                 flex: 1
               },
               children: [
-                /* @__PURE__ */ t.jsx("div", { className: tt.copyText, children: a(n, 100) }),
-                /* @__PURE__ */ t.jsx("div", { className: tt.copyTextMobile, children: a(n, 40) }),
-                /* @__PURE__ */ t.jsx("div", { className: tt.copyTextMiniMobile, children: a(n, 20) })
+                /* @__PURE__ */ t.jsx("div", { className: K.copyText, children: a(n, 100) }),
+                /* @__PURE__ */ t.jsx("div", { className: K.copyTextMobile, children: a(n, 40) }),
+                /* @__PURE__ */ t.jsx("div", { className: K.copyTextMiniMobile, children: a(n, 20) })
               ]
             }
           ),
           /* @__PURE__ */ t.jsx(
-            et,
+            Z,
             {
               type: "Secondary",
-              onClick: r,
-              children: o ? /* @__PURE__ */ t.jsx(b, { name: "Check" }) : /* @__PURE__ */ t.jsx(b, { name: "Copy" })
+              onClick: _,
+              children: o ? /* @__PURE__ */ t.jsx(j, { name: "Check" }) : /* @__PURE__ */ t.jsx(j, { name: "Copy" })
             }
           )
         ] })
       ]
     }
   );
-}, ki = "_accordion_1s1lq_1", Ni = "_header_1s1lq_9", Ii = "_icon_1s1lq_18", $i = "_open_1s1lq_21", Si = "_content_1s1lq_25", it = {
-  accordion: ki,
-  header: Ni,
-  icon: Ii,
-  open: $i,
-  content: Si
-}, Gi = ({ title: u, content: o, defaultOpen: e = !1 }) => {
-  const [s, n] = x.useState(e), [r, c] = x.useState(0), a = x.useRef(null), _ = () => {
+}, ii = "_accordion_1s1lq_1", oi = "_header_1s1lq_9", ai = "_icon_1s1lq_18", ci = "_open_1s1lq_21", li = "_content_1s1lq_25", st = {
+  accordion: ii,
+  header: oi,
+  icon: ai,
+  open: ci,
+  content: li
+}, Bi = ({ title: u, content: o, defaultOpen: e = !1 }) => {
+  const [s, n] = f.useState(e), [_, r] = f.useState(0), a = f.useRef(null), p = () => {
     n(!s);
   };
-  return x.useEffect(() => {
-    a.current && c(s ? a.current.scrollHeight : 0);
-  }, [s]), /* @__PURE__ */ t.jsxs("div", { className: it.accordion, children: [
+  return f.useEffect(() => {
+    a.current && r(s ? a.current.scrollHeight : 0);
+  }, [s]), /* @__PURE__ */ t.jsxs("div", { className: st.accordion, children: [
     /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: it.header,
-        onClick: _,
+        className: st.header,
+        onClick: p,
         children: [
           /* @__PURE__ */ t.jsx("h5", { id: "h5", children: u }),
-          /* @__PURE__ */ t.jsx("div", { className: H(it.icon, { [it.open]: s }), children: /* @__PURE__ */ t.jsx(b, { name: "CaretDown" }) })
+          /* @__PURE__ */ t.jsx("div", { className: F(st.icon, { [st.open]: s }), children: /* @__PURE__ */ t.jsx(j, { name: "CaretDown" }) })
         ]
       }
     ),
@@ -2315,13 +2168,13 @@ const Fi = (u) => {
       "div",
       {
         ref: a,
-        className: it.content,
-        style: { height: `${r}px` },
+        className: st.content,
+        style: { height: `${_}px` },
         children: /* @__PURE__ */ t.jsx("p", { id: "p", children: o })
       }
     )
   ] });
-}, Xi = ({ children: u, path: o, className: e, target: s = "_self", id: n }) => {
+}, wi = ({ children: u, path: o, className: e, target: s = "_self", id: n }) => {
   if (window.location.pathname.includes("/admin/builder"))
     return /* @__PURE__ */ t.jsx(
       "div",
@@ -2333,8 +2186,8 @@ const Fi = (u) => {
         children: u
       }
     );
-  const r = rt(), c = /^https?:\/\//.test(o), a = (_) => {
-    c || s === "_blank" ? s === "_blank" ? window.open(o, "_blank") : window.location.href = o : (_.preventDefault(), r(o, { replace: !0 }));
+  const _ = ct(), r = /^https?:\/\//.test(o), a = (p) => {
+    r || s === "_blank" ? s === "_blank" ? window.open(o, "_blank") : window.location.href = o : (p.preventDefault(), _(o, { replace: !0 }));
   };
   return /* @__PURE__ */ t.jsx(
     "div",
@@ -2347,12 +2200,12 @@ const Fi = (u) => {
       children: u
     }
   );
-}, Ci = "_buttonsBlock_1b2rb_1", wi = "_slideUp_1b2rb_1", Bi = {
-  buttonsBlock: Ci,
-  slideUp: wi
-}, Qi = () => /* @__PURE__ */ t.jsxs("div", { className: Bi.buttonsBlock, children: [
+}, ri = "_buttonsBlock_1b2rb_1", di = "_slideUp_1b2rb_1", ui = {
+  buttonsBlock: ri,
+  slideUp: di
+}, Pi = () => /* @__PURE__ */ t.jsxs("div", { className: ui.buttonsBlock, children: [
   /* @__PURE__ */ t.jsx(
-    Y,
+    V,
     {
       type: "Primary",
       style: {
@@ -2361,19 +2214,19 @@ const Fi = (u) => {
       children: "Add to Cart"
     }
   ),
-  /* @__PURE__ */ t.jsx(Y, { type: "Secondary", children: "Buy" })
-] }), Pi = "_wrapper_st58d_1", Mi = "_label_st58d_10", Ti = "_textarea_st58d_18", qi = "_length_st58d_33", lt = {
-  wrapper: Pi,
-  label: Mi,
-  textarea: Ti,
-  length: qi
-}, Ji = (u) => {
-  const { onChange: o, label: e, value: s, maxLength: n, placeholder: r = "Type something..." } = u, [c, a] = x.useState(s.length);
-  return /* @__PURE__ */ t.jsxs("div", { className: lt.wrapper, children: [
+  /* @__PURE__ */ t.jsx(V, { type: "Secondary", children: "Buy" })
+] }), mi = "_wrapper_st58d_1", pi = "_label_st58d_10", _i = "_textarea_st58d_18", hi = "_length_st58d_33", at = {
+  wrapper: mi,
+  label: pi,
+  textarea: _i,
+  length: hi
+}, Mi = (u) => {
+  const { onChange: o, label: e, value: s, maxLength: n, placeholder: _ = "Type something..." } = u, [r, a] = f.useState(s.length);
+  return /* @__PURE__ */ t.jsxs("div", { className: at.wrapper, children: [
     e && /* @__PURE__ */ t.jsx(
       "label",
       {
-        className: lt.label,
+        className: at.label,
         htmlFor: e,
         children: e
       }
@@ -2383,56 +2236,56 @@ const Fi = (u) => {
       {
         id: e,
         defaultValue: s,
-        onChange: (_) => {
-          a(_.target.value.length), o(_.target.value);
+        onChange: (p) => {
+          a(p.target.value.length), o(p.target.value);
         },
-        placeholder: r,
-        className: lt.textarea,
+        placeholder: _,
+        className: at.textarea,
         maxLength: n
       }
     ),
-    n && /* @__PURE__ */ t.jsxs("div", { className: lt.length, children: [
-      c,
+    n && /* @__PURE__ */ t.jsxs("div", { className: at.length, children: [
+      r,
       "/",
       n
     ] })
   ] });
 };
 export {
-  Gi as Accordion,
-  di as BurgerMenuButton,
-  Y as Button,
-  ps as ButtonTypeSettings,
-  Li as ButtonsSettings,
-  Di as CategorySettings,
-  Nt as ChooseImage,
-  to as ChooseImageModal,
-  li as EmptyCart,
-  Hi as FormSettings,
-  Vi as HeaderButtons,
-  b as Icon,
-  ut as InputSettings,
-  gn as InputUI,
-  eo as ItemsSettings,
-  zi as LayoutSettings,
-  Xi as Link,
-  Ui as ListingSelector,
-  so as Loader,
-  yt as Modal,
-  Yi as PagesMobileMenu,
-  ri as PagesMobileModal,
-  Ri as PagesSettings,
-  Qi as ProductCardButtons,
-  Fi as ProductOptions,
-  kt as RangeSelector,
-  ct as Select,
-  Wi as ShareLink,
-  ai as ShoppingButton,
-  ci as ShoppingModalCart,
-  at as Switch,
-  no as TextSettings,
-  io as TextareaSettings,
-  Ji as TextareaUI,
-  oo as TypesText,
-  wt as UserInfo
+  Bi as Accordion,
+  Vn as BurgerMenuButton,
+  V as Button,
+  ds as ButtonTypeSettings,
+  ki as ButtonsSettings,
+  ji as CategorySettings,
+  yt as ChooseImage,
+  Ai as ChooseImageModal,
+  Hn as EmptyCart,
+  yi as FormSettings,
+  Ci as HeaderButtons,
+  j as Icon,
+  rt as InputSettings,
+  wt as InputUI,
+  Oi as ItemsSettings,
+  bi as LayoutSettings,
+  wi as Link,
+  Ii as ListingSelector,
+  Ei as Loader,
+  jt as Modal,
+  $i as PagesMobileMenu,
+  Fn as PagesMobileModal,
+  vi as PagesSettings,
+  Pi as ProductCardButtons,
+  Ni as ProductOptions,
+  vt as RangeSelector,
+  ot as Select,
+  Si as ShareLink,
+  Rn as ShoppingButton,
+  Un as ShoppingModalCart,
+  it as Switch,
+  Di as TextSettings,
+  zi as TextareaSettings,
+  Mi as TextareaUI,
+  Li as TypesText,
+  Ct as UserInfo
 };