@billgangcom/theme-lib 1.51.0 → 1.52.1

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 b, c as V, a as rt, S as it, R as vt, B as tt, O as dt, b as ot, u as ut, d as mt, P as ht, D as pt, e as _t, v as gt, f as ft, C as xt, g as U, h as Ct, i as nt, k as St, l as wt, m as $t, n as lt, o as F, L as Bt, p as ct, q as bt, r as Y, t as Pt, M as jt, w as yt, x as Mt, y as Nt, z as Tt } from "./index-B2Rk8_zm.js";
+import { H as mi, E as hi, G as pi, A as _i, T as gi, F as fi } from "./index-B2Rk8_zm.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,
+const qt = "_wrapper_1ibay_2", At = "_alignmentBlock_1ibay_8", Ot = "_title_1ibay_15", Et = "_subtitle_1ibay_22", zt = "_alignmentContent_1ibay_29", Rt = "_alignments_1ibay_37", Dt = "_alignment_1ibay_8", Lt = "_circle_1ibay_60", Ht = "_paddings_1ibay_67", Ut = "_padding_1ibay_67", Ft = "_active_1ibay_91", Vt = "_input_1ibay_98", W = {
+  wrapper: qt,
+  alignmentBlock: At,
+  title: Ot,
+  subtitle: Et,
+  alignmentContent: zt,
   alignments: Rt,
-  alignment: Ht,
+  alignment: Dt,
   circle: Lt,
-  paddings: Ut,
-  padding: Ft,
-  active: Vt,
-  input: Yt
-}, Wt = [
+  paddings: Ht,
+  padding: Ut,
+  active: Ft,
+  input: Vt
+}, Yt = [
   "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) => {
-  const { alignment: o, padding: e, setPadding: s, setAlignment: n } = u;
-  function r(h) {
-    switch (h) {
+], Wt = ["left", "top", "right", "bottom"], Xn = (r) => {
+  const { alignment: o, padding: e, setPadding: s, setAlignment: n } = r;
+  function g(d) {
+    switch (d) {
       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 h(d) {
+    switch (d) {
       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);
+  const [c, p] = f.useState(null), [I, O] = f.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(
+        /* @__PURE__ */ t.jsx("div", { className: W.alignments, children: Yt.map((d) => /* @__PURE__ */ t.jsxs(
           "div",
           {
             onClick: () => {
-              n(h);
+              n(d);
             },
             className: W.alignment,
             onMouseEnter: () => {
-              _(h);
+              p(d);
             },
             onMouseLeave: () => {
-              _(null);
+              p(null);
             },
             children: [
-              h !== o && a !== h && /* @__PURE__ */ t.jsx("div", { className: W.circle }),
-              h !== o && a === h && /* @__PURE__ */ t.jsx(
+              d !== o && c !== d && /* @__PURE__ */ t.jsx("div", { className: W.circle }),
+              d !== o && c === d && /* @__PURE__ */ t.jsx(
                 b,
                 {
-                  name: r(a),
+                  name: g(c),
                   fill: "#c2c2c2",
                   width: 22,
                   height: 22
                 }
               ),
-              h === o && /* @__PURE__ */ t.jsx(
+              d === o && /* @__PURE__ */ t.jsx(
                 b,
                 {
-                  name: r(o),
+                  name: g(o),
                   fill: "#FF3F19",
                   width: 22,
                   height: 22
@@ -98,37 +98,37 @@ const At = "_wrapper_1ibay_2", Ot = "_alignmentBlock_1ibay_8", Et = "_title_1iba
               )
             ]
           },
-          h
+          d
         )) }),
-        /* @__PURE__ */ t.jsx("div", { className: W.paddings, children: Gt.map((h) => /* @__PURE__ */ t.jsxs(
+        /* @__PURE__ */ t.jsx("div", { className: W.paddings, children: Wt.map((d) => /* @__PURE__ */ t.jsxs(
           "label",
           {
-            className: H(W.padding, {
-              [W.active]: N === h
+            className: V(W.padding, {
+              [W.active]: I === d
             }),
             onFocus: () => {
-              B(h);
+              O(d);
             },
             onBlur: () => {
-              B(null);
+              O(null);
             },
             children: [
               /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
                 b,
                 {
-                  name: c(h),
+                  name: h(d),
                   width: 20,
                   height: 20
                 }
               ) }),
               /* @__PURE__ */ t.jsx(
-                ut,
+                rt,
                 {
                   type: "number",
-                  value: String(e[h]),
+                  value: String(e[d]),
                   onChange: (i) => s({
                     ...e,
-                    [h]: Number(i)
+                    [d]: Number(i)
                   }),
                   paddingless: !0,
                   borderless: !0
@@ -136,60 +136,60 @@ const At = "_wrapper_1ibay_2", Ot = "_alignmentBlock_1ibay_8", Et = "_title_1iba
               )
             ]
           },
-          h
+          d
         )) })
       ] })
     ] })
   ] });
-}, 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,
+}, Gt = "_title_82zux_1", Qt = "_subtitle_82zux_5", Xt = "_header_82zux_12", Jt = "_text_82zux_13", Kt = "_productsBlock_82zux_14", Zt = "_top_82zux_26", te = "_itemsBlock_82zux_35", ee = "_typeTexts_82zux_41", se = "_block_82zux_48", ne = "_active_82zux_61", ie = "_products_82zux_14", oe = "_product_82zux_14", ae = "_button_82zux_80", ce = "_disabled_82zux_91", le = "_image_82zux_95", re = "_info_82zux_102", de = "_name_82zux_114", ue = "_buttons_82zux_118", me = "_modal_82zux_125", he = "_link_82zux_145", pe = "_modalOptions_82zux_151", _e = "_addButton_82zux_157", ge = "_deleteButton_82zux_179", G = {
+  title: Gt,
   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,
+  header: Xt,
+  text: Jt,
+  productsBlock: Kt,
+  top: Zt,
+  itemsBlock: te,
+  typeTexts: ee,
+  block: se,
+  active: ne,
+  products: ie,
+  product: oe,
+  button: ae,
+  disabled: ce,
+  image: le,
+  info: re,
+  name: de,
+  buttons: ue,
   modal: me,
-  link: _e,
-  modalOptions: he,
-  addButton: ge,
-  deleteButton: xe
-}, Di = (u) => {
+  link: he,
+  modalOptions: pe,
+  addButton: _e,
+  deleteButton: ge
+}, Jn = (r) => {
   const {
     isActiveItems: o,
     setIsActiveItems: e,
     items: s,
     setItems: n,
-    other: r,
-    title: c,
-    subtitle: a,
-    draggable: _ = !1,
-    withImage: N = !1,
-    addable: B = !0,
-    itemsOptions: h,
+    other: g,
+    title: h,
+    subtitle: c,
+    draggable: p = !1,
+    withImage: I = !1,
+    addable: O = !0,
+    itemsOptions: d,
     hasRangeSelector: i = !1,
-    rangeSelectorOptions: j,
-    limit: d,
-    autoScrollInterval: f,
+    rangeSelectorOptions: x,
+    limit: v,
+    autoScrollInterval: _,
     deletable: y
-  } = u;
-  function D(l) {
-    if (N)
-      return l ? /* @__PURE__ */ t.jsx(
+  } = r;
+  function w(a) {
+    if (I)
+      return a ? /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: `https://imagedelivery.net/${l[0]}/w=1000`,
+          src: `https://imagedelivery.net/${a[0]}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
@@ -204,11 +204,11 @@ 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(
+  const L = (a, $ = !1) => {
+    const T = d.find((E) => E.id === a);
+    if (!T) return;
+    const Q = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      p && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         b,
         {
           name: "DotsSixVertical",
@@ -218,20 +218,20 @@ 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 u = [...s], C = d.find((j) => j.name === E);
+            if (!C) return;
+            const M = C.id, l = u.map((j) => j === a ? M : j);
+            n([...l]);
           },
-          value: M.name,
-          options: h.filter((w) => !s.find((m) => m === w.id)).map((w) => w.name),
-          leftAddon: D(M.images)
+          value: T.name,
+          options: d.filter((E) => !s.find((u) => u === E.id)).map((E) => E.name),
+          leftAddon: w(T.images)
         }
       ),
-      C && /* @__PURE__ */ t.jsx("div", { className: G.buttons, children: /* @__PURE__ */ t.jsx("div", { className: G.deleteButton, children: /* @__PURE__ */ t.jsx(
+      $ && /* @__PURE__ */ t.jsx("div", { className: G.buttons, children: /* @__PURE__ */ t.jsx("div", { className: G.deleteButton, children: /* @__PURE__ */ t.jsx(
         b,
         {
           name: "Trash",
@@ -239,7 +239,7 @@ const At = "_wrapper_1ibay_2", Ot = "_alignmentBlock_1ibay_8", Et = "_title_1iba
           width: 20,
           height: 20,
           fill: "#C12A2A",
-          onClick: () => n(s.filter((w) => w !== l))
+          onClick: () => n(s.filter((E) => E !== a))
         }
       ) }) })
     ] });
@@ -247,27 +247,27 @@ const At = "_wrapper_1ibay_2", Ot = "_alignmentBlock_1ibay_8", Et = "_title_1iba
       "div",
       {
         className: G.product,
-        children: V
+        children: Q
       },
-      l
+      a
     );
   };
   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 }),
+    (h || o !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: G.top, children: [
+      h && /* @__PURE__ */ t.jsx("h3", { className: G.title, children: h }),
       o !== void 0 && /* @__PURE__ */ t.jsx(
-        at,
+        it,
         {
           current: o,
-          onChange: (l) => e == null ? void 0 : e(l)
+          onChange: (a) => e == null ? void 0 : e(a)
         }
       )
     ] }),
-    i && j && /* @__PURE__ */ t.jsx(kt, { ...j }),
+    i && x && /* @__PURE__ */ t.jsx(vt, { ...x }),
     /* @__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(
+      c && /* @__PURE__ */ t.jsx("h5", { className: G.subtitle, children: c }),
+      s.map((a) => L(a, y)),
+      O && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -277,25 +277,25 @@ const At = "_wrapper_1ibay_2", Ot = "_alignmentBlock_1ibay_8", Et = "_title_1iba
             gap: 5
           },
           children: /* @__PURE__ */ t.jsx(
-            et,
+            tt,
             {
               withoutHover: !0,
-              className: H(G.button, {
-                [G.disabled]: !!(d && d <= s.length || s.length === h.length)
+              className: V(G.button, {
+                [G.disabled]: !!(v && v <= s.length || s.length === d.length)
               }),
               size: "s",
-              disabled: !!(d && d <= s.length || s.length === h.length),
+              disabled: !!(v && v <= s.length || s.length === d.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 a = [...s];
+                let $ = null;
+                if (d) {
+                  for (let T = 0; T < d.length; T++)
+                    if (!s.find((Q) => Q === d[T].id)) {
+                      $ = d[T];
                       break;
                     }
                 }
-                l.push((C == null ? void 0 : C.id) || h[0].id), n(l);
+                a.push(($ == null ? void 0 : $.id) || d[0].id), n(a);
               },
               style: {
                 width: "fit-content"
@@ -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,
+    g !== void 0 && /* @__PURE__ */ t.jsx(dt, { items: g }),
+    _ !== void 0 && /* @__PURE__ */ t.jsx(
+      rt,
       {
         label: "Auto scroll interval",
         type: "number",
-        value: String(f.scrollInterval),
-        onChange: (l) => f.setScrollInterval(Number(l)),
+        value: String(_.scrollInterval),
+        onChange: (a) => _.setScrollInterval(Number(a)),
         min: 0.1,
         max: 100,
         style: {
@@ -333,108 +333,108 @@ 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 = {
+}, fe = "_title_roi3a_1", xe = "_subtitle_roi3a_5", be = "_header_roi3a_12", je = "_text_roi3a_13", ve = "_productsBlock_roi3a_14", ye = "_top_roi3a_26", Ne = "_itemsBlock_roi3a_35", ke = "_typeTexts_roi3a_41", Ie = "_block_roi3a_48", Ce = "_active_roi3a_61", Se = "_products_roi3a_14", we = "_product_roi3a_14", $e = "_button_roi3a_80", Be = "_disabled_roi3a_91", Pe = "_image_roi3a_95", Me = "_info_roi3a_102", Te = "_name_roi3a_114", qe = "_buttons_roi3a_118", Ae = "_modal_roi3a_125", Oe = "_link_roi3a_145", Ee = "_modalOptions_roi3a_151", ze = "_addButton_roi3a_164", Re = "_deleteButton_roi3a_179", De = "_closeIcon_roi3a_191", D = {
   title: fe,
-  subtitle: be,
-  header: ve,
+  subtitle: xe,
+  header: be,
   text: je,
-  productsBlock: ye,
-  top: ke,
+  productsBlock: ve,
+  top: ye,
   itemsBlock: Ne,
-  typeTexts: Ie,
-  block: $e,
-  active: Se,
-  products: Ce,
+  typeTexts: ke,
+  block: Ie,
+  active: Ce,
+  products: Se,
   product: we,
-  button: Be,
-  disabled: Pe,
-  image: Me,
-  info: Te,
-  name: qe,
-  buttons: Ae,
-  modal: Oe,
-  link: Ee,
-  modalOptions: ze,
-  addButton: De,
+  button: $e,
+  disabled: Be,
+  image: Pe,
+  info: Me,
+  name: Te,
+  buttons: qe,
+  modal: Ae,
+  link: Oe,
+  modalOptions: Ee,
+  addButton: ze,
   deleteButton: Re,
-  closeIcon: He
+  closeIcon: De
 };
-function Le({ product: u, children: o }) {
+function Le({ product: r, children: o }) {
   const {
     attributes: e,
     listeners: s,
     setNodeRef: n,
-    transform: r,
-    transition: c,
-    isDragging: a
-  } = bt({
-    id: u.id
-  }), _ = {
-    transform: vt.Transform.toString(r),
-    transition: c
+    transform: g,
+    transition: h,
+    isDragging: c
+  } = ft({
+    id: r.id
+  }), p = {
+    transform: xt.Transform.toString(g),
+    transition: h
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
       ref: n,
-      style: _,
-      className: `${L.product} ${a ? L.dragging : ""}`,
+      style: p,
+      className: `${D.product} ${c ? D.dragging : ""}`,
       ...e,
       ...s,
       children: o
     }
   );
 }
-const Ri = (u) => {
+const Kn = (r) => {
   const {
     isActiveItems: o,
     setIsActiveItems: e,
     items: s,
     setItems: n,
-    title: r,
-    subtitle: c,
-    editable: a = !0,
-    draggable: _ = !1,
-    deletable: N = !0,
-    addable: B = !0,
-    itemsType: h,
+    title: g,
+    subtitle: h,
+    editable: c = !0,
+    draggable: p = !1,
+    deletable: I = !0,
+    addable: O = !0,
+    itemsType: d,
     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: x = {},
+    limit: v
+  } = r, [_, y] = f.useState(null), [w, L] = f.useState(null), a = f.useRef(null), $ = ut(
+    mt(ht, {
       activationConstraint: {
         distance: 5
       }
     })
   );
-  x.useEffect(() => {
-    if (f) {
-      const m = [...s].map((S) => S.id === f.id ? f : S);
-      n(m);
+  f.useEffect(() => {
+    if (_) {
+      const u = [...s].map((C) => C.id === _.id ? _ : C);
+      n(u);
     }
-  }, [f]), x.useEffect(() => {
-    l.current && D && (l.current.getBoundingClientRect().height, D.top);
-  }, [l.current, D]);
-  const M = (m, S) => {
-    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);
+  }, [_]), f.useEffect(() => {
+    a.current && w && (a.current.getBoundingClientRect().height, w.top);
+  }, [a.current, w]);
+  const T = (u, C) => {
+    u.stopPropagation();
+    const M = u.target.getBoundingClientRect();
+    L({
+      top: M.top + window.scrollY,
+      left: M.left - 30
+    }), y(C);
+  }, Q = (u) => {
+    const { active: C, over: M } = u;
+    if (M && C.id !== M.id) {
+      const l = s.findIndex((S) => S.id === C.id), j = s.findIndex((S) => S.id === M.id);
+      if (l !== -1 && j !== -1) {
+        const S = [...s], [R] = S.splice(l, 1);
+        S.splice(j, 0, R), n(S);
       }
     }
-  }, w = (m, S) => {
-    const p = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+  }, E = (u, C) => {
+    const M = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      p && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         b,
         {
           name: "DotsSixVertical",
@@ -443,41 +443,41 @@ const Ri = (u) => {
           height: 20
         }
       ) }),
-      h === "select" && i && /* @__PURE__ */ t.jsx(
-        ct,
+      d === "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: (l) => {
+            const j = [...s], S = i.find((P) => P.name === l);
+            if (!S) return;
+            const R = j.map((P) => P.id === u.id ? {
+              ...S,
               name: {
-                "en-US": v
+                "en-US": l
               }
-            } : T);
+            } : P);
             y({
-              ...m,
+              ...u,
               name: {
-                "en-US": v
+                "en-US": l
               }
-            }), n([...P]);
+            }), n([...R]);
           },
-          value: m.name,
-          options: i.filter((v) => !s.find((I) => I.name === v.name)).map((v) => v.name)
+          value: u.name,
+          options: i.filter((l) => !s.find((j) => j.name === l.name)).map((l) => l.name)
         }
       ),
-      /* @__PURE__ */ t.jsxs("div", { className: L.buttons, children: [
-        a && /* @__PURE__ */ t.jsx("div", { className: L.deleteButton, children: /* @__PURE__ */ t.jsx(
+      /* @__PURE__ */ t.jsxs("div", { className: D.buttons, children: [
+        c && /* @__PURE__ */ t.jsx("div", { className: D.deleteButton, children: /* @__PURE__ */ t.jsx(
           b,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (v) => M(v, m)
+            onClick: (l) => T(l, u)
           }
         ) }),
-        N && /* @__PURE__ */ t.jsx("div", { className: L.deleteButton, children: /* @__PURE__ */ t.jsx(
+        I && /* @__PURE__ */ t.jsx("div", { className: D.deleteButton, children: /* @__PURE__ */ t.jsx(
           b,
           {
             name: "Trash",
@@ -485,57 +485,57 @@ const Ri = (u) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => n(s.filter((v) => v.id !== m.id))
+            onClick: () => n(s.filter((l) => l.id !== u.id))
           }
         ) })
       ] })
     ] });
-    return _ ? /* @__PURE__ */ t.jsx(
+    return p ? /* @__PURE__ */ t.jsx(
       Le,
       {
-        product: m,
-        index: S,
-        children: p
+        product: u,
+        index: C,
+        children: M
       },
-      m.id
+      u.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: L.product,
-        children: p
+        className: D.product,
+        children: M
       },
-      m.id
+      u.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: D.productsBlock, children: [
+    (g || o !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: D.top, children: [
+      g && /* @__PURE__ */ t.jsx("h3", { className: D.title, children: g }),
       o !== void 0 && /* @__PURE__ */ t.jsx(
-        at,
+        it,
         {
           current: o,
-          onChange: (m) => e == null ? void 0 : e(m)
+          onChange: (u) => e == null ? void 0 : e(u)
         }
       )
     ] }),
-    /* @__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: D.products, children: [
+      h && /* @__PURE__ */ t.jsx("h5", { className: D.subtitle, children: h }),
+      p ? /* @__PURE__ */ t.jsx(
+        pt,
         {
-          sensors: C,
-          onDragEnd: V,
+          sensors: $,
+          onDragEnd: Q,
           children: /* @__PURE__ */ t.jsx(
-            xt,
+            _t,
             {
-              items: s.map((m) => m.id),
-              strategy: ft,
-              children: s.map((m, S) => w(m, S))
+              items: s.map((u) => u.id),
+              strategy: gt,
+              children: s.map((u, C) => E(u, C))
             }
           )
         }
-      ) : s.map((m, S) => w(m, S)),
-      B && /* @__PURE__ */ t.jsx(
+      ) : s.map((u, C) => E(u, C)),
+      O && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -544,34 +544,34 @@ const Ri = (u) => {
             justifyContent: "center"
           },
           children: /* @__PURE__ */ t.jsx(
-            et,
+            tt,
             {
               withoutHover: !0,
-              className: H(L.button, {
-                [L.disabled]: !!(d && d <= s.length || s.length === (i == null ? void 0 : i.length))
+              className: V(D.button, {
+                [D.disabled]: !!(v && v <= 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: !!(v && v <= s.length || s.length === (i == null ? void 0 : i.length)),
               onClick: () => {
-                const m = [...s];
-                let S = null;
+                const u = [...s];
+                let C = 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 M = 0; M < i.length; M++)
+                    if (!s.find((l) => l.id === i[M].id)) {
+                      C = i[M];
                       break;
                     }
                 }
-                h === "select" && i && m.push({
-                  name: S ? S.name : i[0].name,
-                  id: (S == null ? void 0 : S.id) || i[0].id,
-                  ...j
-                }), n(m);
+                d === "select" && i && u.push({
+                  name: C ? C.name : i[0].name,
+                  id: (C == null ? void 0 : C.id) || i[0].id,
+                  ...x
+                }), n(u);
               },
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ t.jsxs("div", { className: L.addButton, children: [
+              children: /* @__PURE__ */ t.jsxs("div", { className: D.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
                   b,
@@ -589,92 +589,92 @@ 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 He(r) {
+  const { product: o, children: e } = r, { attributes: s, listeners: n, setNodeRef: g, transform: h, transition: c, isDragging: p } = ft({
     id: o.id
-  }), N = {
-    transform: vt.Transform.toString(c),
-    transition: a
+  }), I = {
+    transform: xt.Transform.toString(h),
+    transition: c
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      ref: r,
-      style: N,
-      className: `${F.product} ${_ ? F.dragging : ""}`,
+      ref: g,
+      style: I,
+      className: `${U.product} ${p ? U.dragging : ""}`,
       ...s,
       ...n,
       children: e
     }
   );
 }
-const Hi = (u) => {
+const Zn = (r) => {
   const {
     isActiveItems: o,
     setIsActiveItems: e,
     items: s,
     setItems: n,
-    other: r,
-    title: c,
-    subtitle: a,
-    editable: _ = !0,
-    draggable: N = !1,
-    withImage: B = !1,
-    deletable: h = !0,
+    other: g,
+    title: h,
+    subtitle: c,
+    editable: p = !0,
+    draggable: I = !1,
+    withImage: O = !1,
+    deletable: d = !0,
     addable: i = !0,
-    itemsType: j,
-    itemsPlaceholder: d = "",
-    itemsOptions: f,
+    itemsType: x,
+    itemsPlaceholder: v = "",
+    itemsOptions: _,
     hasRangeSelector: y = !1,
-    rangeSelectorOptions: D,
-    modalOptions: A,
-    addableOptions: l = {}
-  } = u, [C, M] = x.useState(null), [V, w] = x.useState({
+    rangeSelectorOptions: w,
+    modalOptions: L,
+    addableOptions: a = {}
+  } = r, [$, T] = f.useState(null), [Q, 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, {
+  }), [u, C] = f.useState(null), M = f.useRef(null), [l, j] = f.useState(!1), S = ut(
+    mt(ht, {
       activationConstraint: {
         distance: 5
       }
     })
   );
-  x.useEffect(() => {
-    const g = () => {
-      M(null), I(!1);
+  f.useEffect(() => {
+    const m = () => {
+      T(null), j(!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", m), T(null), j(!1), () => {
+      T(null), j(!1), document.body.removeEventListener("click", m);
     };
-  }, []), x.useEffect(() => {
-    if (C) {
-      const g = [...s].map((q) => q.id === C.id ? C : q);
-      n(g);
+  }, []), f.useEffect(() => {
+    if ($) {
+      const m = [...s].map((q) => q.id === $.id ? $ : q);
+      n(m);
     }
-  }, [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,
-        left: m.left
+  }, [$]), f.useEffect(() => {
+    if (M.current && u) {
+      const m = M.current.getBoundingClientRect().height, q = window.innerHeight;
+      let B = u.top;
+      B + m > q + window.scrollY - 200 && (B = q + window.scrollY - m - 200), B < 0 && (B = 10), E({
+        top: B,
+        left: u.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);
+  }, [M.current, u]);
+  const R = (m, q) => {
+    m.stopPropagation();
+    const B = m.target.getBoundingClientRect();
+    C({
+      top: B.top + window.scrollY,
+      left: B.left - 30
+    }), T(q), j(!0);
   };
-  function T(g) {
-    if (B)
-      return g ? /* @__PURE__ */ t.jsx(
+  function P(m) {
+    if (O)
+      return m ? /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: `https://imagedelivery.net/${g[0]}/w=1000`,
+          src: `https://imagedelivery.net/${m[0]}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
@@ -689,19 +689,19 @@ 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 z = (m) => {
+    const { active: q, over: B } = m;
+    if (B && q.id !== B.id) {
+      const A = s.findIndex((H) => H.id === q.id), et = s.findIndex((H) => H.id === B.id);
+      if (A !== -1 && et !== -1) {
+        const H = [...s], [X] = H.splice(A, 1);
+        H.splice(et, 0, X), n(H);
       }
     }
-  }, nt = (g) => {
-    var E;
+  }, J = (m) => {
+    var B;
     const q = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      N && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+      I && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         b,
         {
           name: "DotsSixVertical",
@@ -710,71 +710,71 @@ const Hi = (u) => {
           height: 20
         }
       ) }),
-      j === "select" && f && /* @__PURE__ */ t.jsx(
-        ct,
+      x === "select" && _ && /* @__PURE__ */ t.jsx(
+        ot,
         {
-          onChange: (z) => {
-            const U = [...s].map((X) => X.id === g.id ? {
-              ...g,
+          onChange: (A) => {
+            const H = [...s].map((X) => X.id === m.id ? {
+              ...m,
               name: {
-                "en-US": z
+                "en-US": A
               }
             } : X);
-            M({
-              ...g,
+            T({
+              ...m,
               name: {
-                "en-US": z
+                "en-US": A
               }
-            }), n([...U]);
+            }), n([...H]);
           },
-          value: g.name["en-US"],
-          options: f.filter(
-            (z) => !s.find((st) => st.name["en-US"] === z)
+          value: m.name["en-US"],
+          options: _.filter(
+            (A) => !s.find((et) => et.name["en-US"] === A)
           ),
-          leftAddon: T(g.images)
+          leftAddon: P(m.images)
         }
       ),
-      j === "input" && /* @__PURE__ */ t.jsx(
-        ut,
+      x === "input" && /* @__PURE__ */ t.jsx(
+        rt,
         {
-          onChange: (z) => {
-            const U = [...s].map((X) => X.id === g.id ? {
-              ...g,
+          onChange: (A) => {
+            const H = [...s].map((X) => X.id === m.id ? {
+              ...m,
               name: {
-                "en-US": z
+                "en-US": A
               }
             } : X);
-            n([...U]);
+            n([...H]);
           },
-          value: g.name["en-US"],
-          placeholder: d
+          value: m.name["en-US"],
+          placeholder: v
         }
       ),
-      j === "image" && /* @__PURE__ */ t.jsx(
-        Nt,
+      x === "image" && /* @__PURE__ */ t.jsx(
+        St,
         {
-          onChange: (z) => {
-            const U = [...s].map((X) => X.id === g.id ? {
-              ...g,
-              images: z
+          onChange: (A) => {
+            const H = [...s].map((X) => X.id === m.id ? {
+              ...m,
+              images: A
             } : X);
-            n([...U]);
+            n([...H]);
           },
-          activeImage: (E = s.find((z) => z.id === g.id)) == null ? void 0 : E.images[0]
+          activeImage: (B = s.find((A) => A.id === m.id)) == null ? void 0 : B.images[0]
         }
       ),
-      /* @__PURE__ */ t.jsxs("div", { className: F.buttons, children: [
-        _ && /* @__PURE__ */ t.jsx("div", { className: F.deleteButton, children: /* @__PURE__ */ t.jsx(
+      /* @__PURE__ */ t.jsxs("div", { className: U.buttons, children: [
+        p && /* @__PURE__ */ t.jsx("div", { className: U.deleteButton, children: /* @__PURE__ */ t.jsx(
           b,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (z) => P(z, g)
+            onClick: (A) => R(A, m)
           }
         ) }),
-        h && /* @__PURE__ */ t.jsx("div", { className: F.deleteButton, children: /* @__PURE__ */ t.jsx(
+        d && /* @__PURE__ */ t.jsx("div", { className: U.deleteButton, children: /* @__PURE__ */ t.jsx(
           b,
           {
             name: "Trash",
@@ -782,67 +782,67 @@ const Hi = (u) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => n(s.filter((z) => z.id !== g.id))
+            onClick: () => n(s.filter((A) => A.id !== m.id))
           }
         ) })
       ] })
     ] });
-    return N ? /* @__PURE__ */ t.jsx(
-      Ue,
+    return I ? /* @__PURE__ */ t.jsx(
+      He,
       {
-        product: g,
+        product: m,
         children: q
       },
-      g.id
+      m.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: F.product,
+        className: U.product,
         children: q
       },
-      g.id
+      m.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: U.productsBlock, children: [
+    (h || o !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: U.top, children: [
+      h && /* @__PURE__ */ t.jsx("h3", { className: U.title, children: h }),
       o !== void 0 && /* @__PURE__ */ t.jsx(
-        at,
+        it,
         {
           current: o,
-          onChange: (g) => e == null ? void 0 : e(g)
+          onChange: (m) => e == null ? void 0 : e(m)
         }
       )
     ] }),
-    C && _ && A && v && /* @__PURE__ */ t.jsx(
-      Bt,
+    $ && p && L && l && /* @__PURE__ */ t.jsx(
+      Ct,
       {
-        ref: p,
-        activeItem: C,
-        setActiveItem: M,
-        popupPosition: V,
-        modalOptions: A,
-        setIsOpenModal: I
+        ref: M,
+        activeItem: $,
+        setActiveItem: T,
+        popupPosition: Q,
+        modalOptions: L,
+        setIsOpenModal: j
       }
     ),
-    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 && w && /* @__PURE__ */ t.jsx(vt, { ...w }),
+    /* @__PURE__ */ t.jsxs("div", { className: U.products, children: [
+      c && /* @__PURE__ */ t.jsx("h5", { className: U.subtitle, children: c }),
+      I ? /* @__PURE__ */ t.jsx(
+        pt,
         {
-          sensors: O,
-          onDragEnd: J,
+          sensors: S,
+          onDragEnd: z,
           children: /* @__PURE__ */ t.jsx(
-            xt,
+            _t,
             {
-              items: s.map((g) => g.id),
-              strategy: ft,
-              children: s.map((g) => nt(g))
+              items: s.map((m) => m.id),
+              strategy: gt,
+              children: s.map((m) => J(m))
             }
           )
         }
-      ) : s.map((g) => nt(g)),
+      ) : s.map((m) => J(m)),
       i && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -852,49 +852,49 @@ const Hi = (u) => {
             justifyContent: "center"
           },
           children: /* @__PURE__ */ t.jsx(
-            et,
+            tt,
             {
               withoutHover: !0,
-              className: F.button,
+              className: U.button,
               size: "s",
               onClick: () => {
-                const g = [...s];
+                const m = [...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];
+                if (_) {
+                  for (let B = 0; B < _.length; B++)
+                    if (!s.find((A) => A.name["en-US"] === _[B])) {
+                      q = _[B];
                       break;
                     }
                 }
-                j === "select" && f ? g.push({
+                x === "select" && _ ? m.push({
                   name: {
-                    "en-US": q || f[0]
+                    "en-US": q || _[0]
                   },
-                  id: ot(),
-                  ...l,
+                  id: nt(),
+                  ...a,
                   maxSymbols: 100
                   // пример значения
-                }) : j === "input" ? g.push({
+                }) : x === "input" ? m.push({
                   name: {
                     "en-US": ""
                   },
-                  id: ot(),
-                  ...l,
+                  id: nt(),
+                  ...a,
                   maxSymbols: 100
-                }) : g.push({
+                }) : m.push({
                   name: {
                     "en-US": `Image ${s.length + 1}`
                   },
-                  id: ot(),
-                  ...l,
+                  id: nt(),
+                  ...a,
                   maxSymbols: 100
-                }), n(g);
+                }), n(m);
               },
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ t.jsxs("div", { className: F.addButton, children: [
+              children: /* @__PURE__ */ t.jsxs("div", { className: U.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
                   b,
@@ -910,84 +910,77 @@ const Hi = (u) => {
         }
       )
     ] }),
-    r !== void 0 && /* @__PURE__ */ t.jsx(pt, { items: r })
+    g !== void 0 && /* @__PURE__ */ t.jsx(dt, { items: g })
   ] });
-}, 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,
+}, Ue = "_subtitle_jql1y_1", Fe = "_header_jql1y_8", Ve = "_text_jql1y_9", Ye = "_productsBlock_jql1y_10", We = "_buttonsBlock_jql1y_11", Ge = "_top_jql1y_23", Qe = "_itemsBlock_jql1y_32", Xe = "_typeTexts_jql1y_38", Je = "_block_jql1y_45", Ke = "_active_jql1y_58", Ze = "_products_jql1y_10", ts = "_product_jql1y_10", es = "_button_jql1y_11", ss = "_image_jql1y_88", ns = "_info_jql1y_95", is = "_name_jql1y_107", os = "_buttons_jql1y_11", as = "_modal_jql1y_118", cs = "_other_jql1y_138", ls = "_options_jql1y_144", rs = "_addButton_jql1y_150", ds = "_deleteButton_jql1y_165", K = {
+  subtitle: Ue,
+  header: Fe,
+  text: Ve,
+  productsBlock: Ye,
+  buttonsBlock: We,
+  top: Ge,
   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({
+  typeTexts: Xe,
+  block: Je,
+  active: Ke,
+  products: Ze,
+  product: ts,
+  button: es,
+  image: ss,
+  info: ns,
+  name: is,
+  buttons: os,
+  modal: as,
+  other: cs,
+  options: ls,
+  addButton: rs,
+  deleteButton: ds
+}, us = (r) => {
+  const { buttons: o, setButtons: e, deletable: s = !0, addable: n = !0, editableLink: g = !0 } = r, { pages: h } = wt(), [c, p] = f.useState(null), [I, O] = f.useState({
     top: 0,
     left: 0
-  }), [B, h] = x.useState(null), i = x.useRef(null);
-  x.useEffect(() => {
-    const d = () => {
-      a(null);
-    };
-    return document.body.addEventListener("click", d), a(null), () => {
-      a(null), document.body.removeEventListener("click", d);
-    };
-  }, []), x.useEffect(() => {
+  }), [d, i] = f.useState(null), x = f.useRef(null);
+  f.useEffect(() => {
     if (c) {
-      const d = [...o].map((f) => f.id === c.id ? c : f);
-      e(d);
+      const _ = [...o].map((y) => y.id === c.id ? c : y);
+      e(_);
     }
-  }, [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({
-        top: y,
-        left: B.left
+  }, [c]), f.useEffect(() => {
+    if (x.current && d) {
+      const _ = x.current.getBoundingClientRect().height, y = window.innerHeight;
+      let w = d.top;
+      w + _ > y + window.scrollY - 200 && (w = y + window.scrollY - _ - 200), w < 0 && (w = 10), O({
+        top: w,
+        left: d.left
       });
     }
-  }, [i.current, B]);
-  const j = (d, f) => {
-    d.stopPropagation();
-    const y = d.target.getBoundingClientRect();
-    h({
-      top: y.top + window.scrollY - 70,
-      left: y.left - (n ? 30 : 65)
-    }), a(f);
+  }, [x.current, d]);
+  const v = (_, y) => {
+    _.stopPropagation();
+    const w = _.target.getBoundingClientRect();
+    i({
+      top: w.top + window.scrollY - 70,
+      left: w.left - (n ? 30 : 65)
+    }), p(y);
   };
   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(
+    o.map((_) => /* @__PURE__ */ t.jsxs(
       "div",
       {
         className: K.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: (y) => {
+                const L = [...o].map((a) => a.id === _.id ? {
+                  ..._,
+                  type: y
+                } : a);
+                e(L);
               },
-              value: d.type,
+              value: _.type,
               options: ["Primary", "Secondary", "Tertiary"]
             }
           ),
@@ -999,8 +992,8 @@ const Hi = (u) => {
                 hoverable: !0,
                 width: 20,
                 height: 20,
-                onClick: (f) => {
-                  j(f, d);
+                onClick: (y) => {
+                  v(y, _);
                 }
               }
             ) }),
@@ -1010,8 +1003,8 @@ const Hi = (u) => {
                 name: "Trash",
                 hoverable: !0,
                 onClick: () => {
-                  const f = o.filter((y) => y.id !== d.id);
-                  e(f);
+                  const y = o.filter((w) => w.id !== _.id);
+                  e(y);
                 },
                 width: 20,
                 height: 20,
@@ -1021,16 +1014,16 @@ const Hi = (u) => {
           ] })
         ]
       },
-      d.id
+      _.id
     )),
     c && /* @__PURE__ */ t.jsx(
-      Pt,
+      $t,
       {
-        ref: i,
+        ref: x,
         activeButton: c,
-        setActiveButton: a,
-        popupPosition: _,
-        editableLink: r
+        setActiveButton: p,
+        popupPosition: I,
+        editableLink: g
       }
     ),
     n && /* @__PURE__ */ t.jsx(
@@ -1042,34 +1035,34 @@ const Hi = (u) => {
           justifyContent: "center"
         },
         children: /* @__PURE__ */ t.jsx(
-          et,
+          tt,
           {
             withoutHover: !0,
             className: K.button,
             size: "s",
             onClick: () => {
-              const d = [...o];
-              r ? d.push({
+              const _ = [...o];
+              g ? _.push({
                 type: "Primary",
-                id: ot(),
+                id: nt(),
                 typesText: [],
                 text: {
                   "en-US": "Button Name"
                 },
                 destination: "Go to Page",
-                page: "",
+                page: h ? Object.values(h)[0].name : "Home",
                 openInNewTab: !1
-              }) : d.push({
+              }) : _.push({
                 type: "Primary",
-                id: ot(),
+                id: nt(),
                 typesText: [],
                 text: {
                   "en-US": "Create Ticket"
                 },
                 destination: "Go to Page",
-                page: "",
+                page: h ? Object.values(h)[0].name : "Home",
                 openInNewTab: !1
-              }), e(d);
+              }), e(_);
             },
             style: {
               width: "fit-content"
@@ -1090,173 +1083,104 @@ 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" }),
+}, ti = (r) => {
+  const { isActiveButtons: o, setIsActiveButtons: e, buttons: s, setButtons: n, editableLink: g = !0 } = r;
+  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: (h) => e(h)
         }
       )
     ] }),
-    /* @__PURE__ */ t.jsx(
-      ps,
+    o && /* @__PURE__ */ t.jsx(
+      us,
       {
         buttons: s,
         setButtons: n,
-        editableLink: r
+        editableLink: g
       }
     )
   ] }) });
-}, 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,
-  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(
-    "div",
-    {
-      className: R.modal,
-      onClick: (a) => {
-        a.stopPropagation();
-      },
-      style: {
-        top: `${s.top}px`,
-        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,
-            {
-              name: "X",
-              height: 20,
-              width: 20,
-              onClick: () => {
-                n(!1), e(null);
-              }
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ t.jsx("div", { className: R.modalOptions, children: /* @__PURE__ */ t.jsx(
-          Nt,
-          {
-            label: "Put up an attractive image",
-            activeImage: c.productData.images.length > 0 ? c.productData.images[0].cfId : void 0,
-            onChange: (a) => {
-              const _ = {
-                ...o,
-                image: a[0]
-              };
-              e(_);
-            }
-          }
-        ) })
-      ]
-    }
-  ) : null;
 };
-function Es(u) {
-  const { product: o, children: e } = u, { attributes: s, listeners: n, setNodeRef: r, transform: c, transition: a, isDragging: _ } = bt({
+function ms(r) {
+  const { product: o, children: e } = r, { attributes: s, listeners: n, setNodeRef: g, transform: h, transition: c, isDragging: p } = ft({
     id: String(o.listingId)
-  }), N = {
-    transform: vt.Transform.toString(c),
-    transition: a
+  }), I = {
+    transform: xt.Transform.toString(h),
+    transition: c
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      ref: r,
-      style: N,
-      className: `${R.product} ${_ ? R.dragging : ""}`,
+      ref: g,
+      style: I,
+      className: `${F.product} ${p ? F.dragging : ""}`,
       ...s,
       ...n,
       children: e
     }
   );
 }
-const Ui = (u) => {
+const ei = (r) => {
   const {
     isActiveItems: o,
     setIsActiveItems: e,
     items: s,
     setItems: n,
-    other: r,
-    title: c,
-    subtitle: a,
-    editable: _ = !0,
-    draggable: N = !1,
-    withImage: B = !1,
-    deletable: h = !0,
+    other: g,
+    title: h,
+    subtitle: c,
+    editable: p = !0,
+    draggable: I = !1,
+    withImage: O = !1,
+    deletable: d = !0,
     addable: i = !0,
-    itemsType: j,
-    itemsOptions: d
-  } = u, [f, y] = x.useState(
+    itemsType: x,
+    itemsOptions: v
+  } = r, [_, y] = f.useState(
     null
-  ), [D, A] = x.useState({
+  ), [w, L] = f.useState({
     top: 0,
     left: 0
-  }), [l, C] = x.useState(!1), M = mt(
-    _t(ht, {
+  }), [a, $] = f.useState(!1), T = ut(
+    mt(ht, {
       activationConstraint: {
         distance: 5
       }
     })
   );
-  x.useEffect(() => {
-    const p = () => {
-      y(null), C(!1);
+  f.useEffect(() => {
+    const l = () => {
+      y(null), $(!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", l), y(null), $(!1), () => {
+      y(null), $(!1), document.body.removeEventListener("click", l);
     };
-  }, []), x.useEffect(() => {
-    if (f) {
-      const p = [...s].map((v) => v.listingId === f.listingId ? f : v);
-      n(p);
+  }, []), f.useEffect(() => {
+    if (_) {
+      const l = [...s].map((j) => j.listingId === _.listingId ? _ : j);
+      n(l);
     }
-  }, [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,
-      left: I.left - 30
-    }), y(v);
+  }, [_]);
+  const Q = (l, j) => {
+    l.stopPropagation();
+    const S = l.target.getBoundingClientRect(), R = 100, P = window.innerHeight;
+    let z = S.top + window.scrollY;
+    z + R > P && (z = P - R - 20), $(!0), L({
+      top: z - 80,
+      left: S.left - 30
+    }), y(j);
   };
-  function w(p) {
-    if (B)
-      return p ? /* @__PURE__ */ t.jsx(
+  function E(l) {
+    if (O)
+      return l ? /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: `https://imagedelivery.net/${p}/w=1000`,
+          src: `https://imagedelivery.net/${l}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
@@ -1271,20 +1195,20 @@ 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 u = (l) => {
+    const { active: j, over: S } = l;
+    if (S && j.id !== S.id) {
+      const R = s.findIndex((z) => String(z.listingId) === j.id), P = s.findIndex((z) => String(z.listingId) === S.id);
+      if (R !== -1 && P !== -1) {
+        const z = [...s], [J] = z.splice(R, 1);
+        z.splice(P, 0, J), n(z);
       }
     }
-  }, S = (p, v) => {
-    const I = d.find((P) => p.listingId === P.id);
-    if (!I) return null;
-    const O = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      N && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+  }, C = (l, j) => {
+    const S = v.find((P) => l.listingId === P.id);
+    if (!S) return null;
+    const R = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      I && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         b,
         {
           name: "DotsSixVertical",
@@ -1293,40 +1217,40 @@ const Ui = (u) => {
           height: 20
         }
       ) }),
-      j === "select" && /* @__PURE__ */ t.jsx(
-        ct,
+      x === "select" && /* @__PURE__ */ t.jsx(
+        ot,
         {
           onChange: (P) => {
-            const T = [...s], J = d.find((q) => q.productData.name === P);
+            const z = [...s], J = v.find((B) => B.productData.name === P);
             if (!J) return;
-            const nt = {
+            const m = {
               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]);
+            }, q = z.map((B) => B.listingId === l.listingId ? m : B);
+            y(m), n([...q]);
           },
-          value: I.productData.name,
+          value: S.productData.name,
           options: [
-            ...d.filter((P) => !s.find((T) => T.listingId === P.id)).map((P) => P.productData.name)
+            ...v.filter((P) => !s.find((z) => z.listingId === P.id)).map((P) => P.productData.name)
           ],
-          leftAddon: w(
-            p.image || I.productData.images.length > 0 && I.productData.images[0].cfId || ""
+          leftAddon: E(
+            l.image || S.productData.images.length > 0 && S.productData.images[0].cfId || ""
           )
         },
-        v
+        j
       ),
-      /* @__PURE__ */ t.jsxs("div", { className: R.buttons, children: [
-        _ && /* @__PURE__ */ t.jsx("div", { className: R.deleteButton, children: /* @__PURE__ */ t.jsx(
+      /* @__PURE__ */ t.jsxs("div", { className: F.buttons, children: [
+        p && /* @__PURE__ */ t.jsx("div", { className: F.deleteButton, children: /* @__PURE__ */ t.jsx(
           b,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (P) => V(P, p)
+            onClick: (P) => Q(P, l)
           }
         ) }),
-        h && /* @__PURE__ */ t.jsx("div", { className: R.deleteButton, children: /* @__PURE__ */ t.jsx(
+        d && /* @__PURE__ */ t.jsx("div", { className: F.deleteButton, children: /* @__PURE__ */ t.jsx(
           b,
           {
             name: "Trash",
@@ -1334,65 +1258,66 @@ const Ui = (u) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => n(s.filter((P) => P !== p))
+            onClick: () => n(s.filter((P) => P !== l))
           }
         ) })
       ] })
     ] });
-    return N ? /* @__PURE__ */ t.jsx(
-      Es,
+    return I ? /* @__PURE__ */ t.jsx(
+      ms,
       {
-        product: p,
-        children: O
+        product: l,
+        children: R
       },
-      p.listingId
+      l.listingId
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: R.product,
-        children: O
+        className: F.product,
+        children: R
       },
-      p.listingId
+      l.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 }),
+  }, M = f.useRef(null);
+  return /* @__PURE__ */ t.jsxs("div", { className: F.productsBlock, children: [
+    (h || o !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: F.top, children: [
+      h && /* @__PURE__ */ t.jsx("h3", { className: F.title, children: h }),
       o !== void 0 && /* @__PURE__ */ t.jsx(
-        at,
+        it,
         {
           current: o,
-          onChange: (p) => e == null ? void 0 : e(p)
+          onChange: (l) => e == null ? void 0 : e(l)
         }
       )
     ] }),
-    l && f && /* @__PURE__ */ t.jsx(
-      Os,
+    a && _ && /* @__PURE__ */ t.jsx(
+      Bt,
       {
-        activeItem: f,
+        ref: M,
+        activeItem: _,
         setActiveItem: y,
-        setIsOpenModal: C,
-        popupPosition: D,
-        itemsOptions: d
+        setIsOpenModal: $,
+        popupPosition: w,
+        itemsOptions: v
       }
     ),
-    /* @__PURE__ */ t.jsxs("div", { className: R.products, children: [
-      a && /* @__PURE__ */ t.jsx("h5", { className: R.subtitle, children: a }),
-      N ? /* @__PURE__ */ t.jsx(
-        gt,
+    o && /* @__PURE__ */ t.jsxs("div", { className: F.products, children: [
+      c && /* @__PURE__ */ t.jsx("h5", { className: F.subtitle, children: c }),
+      I ? /* @__PURE__ */ t.jsx(
+        pt,
         {
-          sensors: M,
-          onDragEnd: m,
+          sensors: T,
+          onDragEnd: u,
           children: /* @__PURE__ */ t.jsx(
-            xt,
+            _t,
             {
-              items: s.map((p) => String(p.listingId)),
-              strategy: ft,
-              children: s.map((p, v) => S(p, v))
+              items: s.map((l) => String(l.listingId)),
+              strategy: gt,
+              children: s.map((l, j) => C(l, j))
             }
           )
         }
-      ) : s.map((p, v) => S(p, v)),
+      ) : s.map((l, j) => C(l, j)),
       i && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -1402,28 +1327,28 @@ const Ui = (u) => {
             justifyContent: "center"
           },
           children: /* @__PURE__ */ t.jsx(
-            et,
+            tt,
             {
               withoutHover: !0,
-              className: R.button,
+              className: F.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 l = [...s];
+                for (let j = 0; j < v.length; j++)
+                  if (!s.find((S) => S.listingId === v[j].id)) {
+                    l.push({
+                      listingId: v[j].id,
+                      image: v[j].productData.images.length > 0 ? v[j].productData.images[0].cfId : ""
                     });
                     break;
                   }
-                n(p);
+                n(l);
               },
-              disabled: s.length === d.length,
+              disabled: s.length === v.length,
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ t.jsxs("div", { className: R.addButton, children: [
+              children: /* @__PURE__ */ t.jsxs("div", { className: F.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
                   b,
@@ -1439,275 +1364,128 @@ const Ui = (u) => {
         }
       )
     ] }),
-    r !== void 0 && /* @__PURE__ */ t.jsx(pt, { items: r })
-  ] });
-}, 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,
-  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
-            }
-          ) })
-        ]
-      }
-    )
+    o && g !== void 0 && /* @__PURE__ */ t.jsx(dt, { items: g })
   ] });
-}, 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 })
-    }
-  );
+}, hs = "_options_6cemk_1", ps = "_price_6cemk_12", _s = "_oldPrice_6cemk_19", gs = "_newPrice_6cemk_27", fs = "_animate_6cemk_34", xs = "_appearAndBounce_6cemk_1", bs = "_meta_6cemk_52", js = "_info_6cemk_58", vs = "_infoRight_6cemk_66", ys = "_buttons_6cemk_73", Ns = "_variants_6cemk_80", ks = "_variant_6cemk_80", Is = "_stock_6cemk_98", Cs = "_variantInfo_6cemk_105", Ss = "_quantity_6cemk_111", ws = "_count_6cemk_118", $s = "_focused_6cemk_135", Bs = "_button_6cemk_73", Ps = "_activeVariant_6cemk_161", Ms = "_chargeTypes_6cemk_165", Ts = "_charge_6cemk_165", qs = "_chargeActive_6cemk_190", As = "_title_6cemk_198", k = {
+  options: hs,
+  price: ps,
+  oldPrice: _s,
+  newPrice: gs,
+  animate: fs,
+  appearAndBounce: xs,
+  meta: bs,
+  info: js,
+  infoRight: vs,
+  buttons: ys,
+  variants: Ns,
+  variant: ks,
+  stock: Is,
+  variantInfo: Cs,
+  quantity: Ss,
+  count: ws,
+  focused: $s,
+  button: Bs,
+  activeVariant: Ps,
+  chargeTypes: Ms,
+  charge: Ts,
+  chargeActive: qs,
+  title: As
 };
-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);
-  }, [a]);
-  async function d() {
-    await h(), await B({
-      productId: u.id,
+var kt = /* @__PURE__ */ ((r) => (r.ONE_TIME = "One-Time", r.RECURRING = "Subscribe & Save", r))(kt || {});
+const si = (r) => {
+  var w, L;
+  const { variants: o } = r, [e, s] = f.useState(o[0]), [n, g] = f.useState(e.chargeTypes[0]), h = ct(), [c, p] = f.useState(1), { reset: I, addProductToCart: O, getProducts: d } = bt(), [i, x] = f.useState(!1);
+  f.useEffect(() => {
+    x(!0);
+    const a = setTimeout(() => x(!1), 600);
+    return () => clearTimeout(a);
+  }, [c]);
+  async function v() {
+    await d(), await O({
+      productId: r.id,
       productVariantId: e.id,
-      quantity: a
+      quantity: c
     });
   }
-  function f() {
-    N(), d(), c("/checkout");
+  function _() {
+    I(), v(), h("/checkout");
   }
-  function y(l) {
-    if (l >= 864e5) {
-      const m = Math.floor(l / 864e5);
-      return `${m} ${m === 1 ? "day" : "days"}`;
-    } else if (l >= 36e5) {
-      const m = Math.floor(l / 36e5);
-      return `${m} ${m === 1 ? "hour" : "hours"}`;
-    } else if (l >= 6e4) {
-      const m = Math.floor(l / 6e4);
-      return `${m} ${m === 1 ? "minute" : "minutes"}`;
+  function y(a) {
+    if (a >= 864e5) {
+      const u = Math.floor(a / 864e5);
+      return `${u} ${u === 1 ? "day" : "days"}`;
+    } else if (a >= 36e5) {
+      const u = Math.floor(a / 36e5);
+      return `${u} ${u === 1 ? "hour" : "hours"}`;
+    } else if (a >= 6e4) {
+      const u = Math.floor(a / 6e4);
+      return `${u} ${u === 1 ? "minute" : "minutes"}`;
     } else {
-      const m = Math.floor(l / 1e3);
-      return `${m} ${m === 1 ? "second" : "seconds"}`;
+      const u = Math.floor(a / 1e3);
+      return `${u} ${u === 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: k.options, children: [
+    e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: k.chargeTypes, children: e.chargeTypes.map((a) => /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: H($.charge, {
-          [$.chargeActive]: n === l
+        className: V(k.charge, {
+          [k.chargeActive]: n === a
         }),
-        onClick: () => r(l),
-        children: Ct[l]
+        onClick: () => g(a),
+        children: kt[a]
       },
-      l
+      a
     )) }),
-    /* @__PURE__ */ t.jsx("div", { className: $.variants, children: o.map((l) => {
-      var C;
+    /* @__PURE__ */ t.jsx("div", { className: k.variants, children: o.map((a) => {
+      var $;
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: H($.variant, {
-            [$.activeVariant]: e.id === l.id
+          className: V(k.variant, {
+            [k.activeVariant]: e.id === a.id
           }),
-          onClick: () => s(l),
+          onClick: () => s(a),
           children: [
-            /* @__PURE__ */ t.jsxs("div", { className: $.variantInfo, children: [
-              /* @__PURE__ */ t.jsx("span", { className: $.title, children: l.name }),
+            /* @__PURE__ */ t.jsxs("div", { className: k.variantInfo, children: [
+              /* @__PURE__ */ t.jsx("span", { className: k.title, children: a.name }),
               /* @__PURE__ */ t.jsxs("span", { children: [
                 "$",
-                n === "ONE_TIME" ? l.price.amount : l.subscriptionSettings ? l.subscriptionSettings.price.amount : "Price Not Found"
+                n === "ONE_TIME" ? a.price.amount : a.subscriptionSettings ? a.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: k.stock, children: [
+              (($ = a.quantity.restrictions) == null ? void 0 : $.max) || a.quantity.available || 0,
               " in stock"
             ] }) })
           ]
         },
-        l.id
+        a.id
       );
     }) }),
-    n === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: $.quantity, children: [
+    n === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: k.quantity, children: [
       /* @__PURE__ */ t.jsx(
         Y,
         {
           type: "Secondary",
           onClick: () => {
-            a > 1 ? _((l) => l - 1) : _(1);
+            c > 1 ? p((a) => a - 1) : p(1);
           },
-          className: $.button,
-          disabled: e.quantity.available === 0 || e.quantity.restrictions && a <= e.quantity.restrictions.min || Object.keys(e.quantity.restrictions || {}).length === 0 && !e.quantity.available,
+          className: k.button,
+          disabled: e.quantity.available === 0 || e.quantity.restrictions && c <= e.quantity.restrictions.min || Object.keys(e.quantity.restrictions || {}).length === 0 && !e.quantity.available,
           children: /* @__PURE__ */ t.jsx(b, { name: "Minus" })
         }
       ),
       /* @__PURE__ */ t.jsx(
-        gn,
+        Pt,
         {
           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,
+          value: String(c),
+          onChange: (a) => p(Number(a)),
+          max: ((w = e.quantity.restrictions) == null ? void 0 : w.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
         }
@@ -1717,18 +1495,18 @@ const Fi = (u) => {
         {
           type: "Secondary",
           onClick: () => {
-            _((l) => l + 1);
+            p((a) => a + 1);
           },
-          className: $.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),
+          className: k.button,
+          disabled: !!(e.quantity.restrictions && c >= e.quantity.restrictions.max || e.quantity.available !== void 0 && c >= e.quantity.available || Object.keys(e.quantity.restrictions || {}).length === 0 && !e.quantity.available),
           children: /* @__PURE__ */ t.jsx(b, { name: "Plus" })
         }
       )
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: $.meta, children: [
-      /* @__PURE__ */ t.jsxs("div", { className: $.info, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: k.meta, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: k.info, children: [
         /* @__PURE__ */ t.jsx("span", { children: "Delivery" }),
-        /* @__PURE__ */ t.jsxs("div", { className: $.infoRight, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: k.infoRight, children: [
           /* @__PURE__ */ t.jsx(
             b,
             {
@@ -1741,41 +1519,41 @@ 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: k.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: k.infoRight, children: n === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: k.price, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: V(k.newPrice, { [k.animate]: i }), children: [
             "$ ",
-            (e.price.amount || 0) * a
+            (e.price.amount || 0) * c
           ] }),
-          /* @__PURE__ */ t.jsxs("span", { className: $.oldPrice, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: k.oldPrice, children: [
             "$ ",
-            (e.compareAtPrice.amount || 0) * a
+            (e.compareAtPrice.amount || 0) * c
           ] })
-        ] }) : /* @__PURE__ */ t.jsxs("span", { className: H($.newPrice, { [$.animate]: i }), children: [
+        ] }) : /* @__PURE__ */ t.jsxs("span", { className: V(k.newPrice, { [k.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.price.amount || 0) * c
+        ] }) : e.subscriptionSettings && e.subscriptionSettings.compareAtPrice && (e.subscriptionSettings.compareAtPrice.amount || 0) - (e.subscriptionSettings.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: k.price, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: V(k.newPrice, { [k.animate]: i }), children: [
             "$ ",
             e.subscriptionSettings.price.amount || 0
           ] }),
-          /* @__PURE__ */ t.jsxs("span", { className: $.oldPrice, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: k.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: V(k.newPrice, { [k.animate]: i }), children: [
           "$ ",
           e.subscriptionSettings.price.amount || 0
         ] }) })
       ] })
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: $.buttons, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: k.buttons, children: [
       /* @__PURE__ */ t.jsx(
         Y,
         {
           type: "Primary",
-          onClick: () => f(),
+          onClick: () => _(),
           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"
         }
@@ -1784,88 +1562,88 @@ const Fi = (u) => {
         Y,
         {
           type: "Secondary",
-          onClick: () => d(),
+          onClick: () => v(),
           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,
+}, Os = "_button_1tdo3_1", Es = "_login_1tdo3_14", zs = "_signUp_1tdo3_18", Rs = "_buttons_1tdo3_23", Ds = "_modal_1tdo3_32", Ls = "_closing_1tdo3_64", Hs = "_info_1tdo3_113", Us = "_top_1tdo3_120", Fs = "_title_1tdo3_131", Vs = "_clear_1tdo3_138", Ys = "_activeClear_1tdo3_145", Ws = "_count_1tdo3_149", Gs = "_cart_1tdo3_164", Qs = "_empty_1tdo3_172", Xs = "_product_1tdo3_198", Js = "_products_1tdo3_207", Ks = "_image_1tdo3_215", Zs = "_productInfo_1tdo3_221", tn = "_content_1tdo3_228", en = "_name_1tdo3_234", sn = "_price_1tdo3_240", nn = "_productButtons_1tdo3_246", on = "_productButton_1tdo3_246", an = "_productCount_1tdo3_266", cn = "_bottom_1tdo3_282", ln = "_subtotal_1tdo3_290", rn = "_block_1tdo3_298", dn = "_shoppingCount_1tdo3_305", un = "_total_1tdo3_325", mn = "_link_1tdo3_331", hn = "_userInfo_1tdo3_338", pn = "_pagesMobileModal_1tdo3_349", _n = "_pagesMobileModalContent_1tdo3_363", gn = "_pagesMobileModalHeader_1tdo3_369", fn = "_pagesMobileModalFooter_1tdo3_379", N = {
+  button: Os,
+  login: Es,
+  signUp: zs,
+  buttons: Rs,
+  modal: Ds,
   "slide-in-fade": "_slide-in-fade_1tdo3_1",
   "mobile-slide-in-fade": "_mobile-slide-in-fade_1tdo3_1",
-  closing: Bn,
+  closing: Ls,
   "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) => {
-  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 })
+  info: Hs,
+  top: Us,
+  title: Fs,
+  clear: Vs,
+  activeClear: Ys,
+  count: Ws,
+  cart: Gs,
+  empty: Qs,
+  product: Xs,
+  products: Js,
+  image: Ks,
+  productInfo: Zs,
+  content: tn,
+  name: en,
+  price: sn,
+  productButtons: nn,
+  productButton: on,
+  productCount: an,
+  bottom: cn,
+  subtotal: ln,
+  block: rn,
+  shoppingCount: dn,
+  total: un,
+  link: mn,
+  userInfo: hn,
+  pagesMobileModal: pn,
+  pagesMobileModalContent: _n,
+  pagesMobileModalHeader: gn,
+  pagesMobileModalFooter: fn
+}, ni = (r) => {
+  const { shopping: o, signUp: e, isShowUserInfo: s = !0 } = r;
+  return /* @__PURE__ */ t.jsxs("div", { className: N.buttons, children: [
+    o && /* @__PURE__ */ t.jsx(xn, {}),
+    s && /* @__PURE__ */ t.jsx(It, { 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;
+}, xn = () => {
+  const [r, o] = f.useState(!1), [e, s] = f.useState([]), { cart: n, getProducts: g } = bt();
+  function h(i) {
+    for (let x = 0; x < n.parts.length; x++)
+      for (let v = 0; v < i.variants.length; v++)
+        if (n.parts[x].productVariantId === i.variants[x].id)
+          return n.parts[x].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;
+  function c(i) {
+    for (let x = 0; x < n.parts.length; x++)
+      for (let v = 0; v < i.variants.length; v++)
+        if (n.parts[x].productVariantId === i.variants[x].id)
+          return n.parts[x].quantity;
   }
-  x.useEffect(() => {
+  f.useEffect(() => {
     (async () => {
-      const j = n.parts.map((y) => String(y.productId)), f = (await r([...j])).map((y) => ({
+      const x = n.parts.map((y) => String(y.productId)), _ = (await g([...x])).map((y) => ({
         ...y,
-        activeVariantId: c(y),
-        quantity: a(y)
+        activeVariantId: h(y),
+        quantity: c(y)
       }));
-      s(f);
+      s(_);
     })();
   }, [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 x;
+    return !i || !(i != null && i.variants) ? !1 : (x = i.variants.find((v) => v.id === i.activeVariantId)) == null ? void 0 : x.subscriptionSettings;
   }
-  const N = n.parts.length > 0 && e.length > 0 && !_(e[0]), [B, h] = x.useState(!1);
+  const I = n.parts.length > 0 && e.length > 0 && !p(e[0]), [O, d] = f.useState(!1);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsxs(
       Y,
@@ -1875,7 +1653,7 @@ const Fi = (u) => {
           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), d(!0));
         },
         children: [
           /* @__PURE__ */ t.jsx(
@@ -1885,44 +1663,44 @@ const Fi = (u) => {
               fill: "var(--icon-primary)"
             }
           ),
-          N && /* @__PURE__ */ t.jsx("div", { className: k.shoppingCount, children: n.parts.length })
+          I && /* @__PURE__ */ t.jsx("div", { className: N.shoppingCount, children: n.parts.length })
         ]
       }
     ),
-    u && /* @__PURE__ */ t.jsx(
-      yt,
+    r && /* @__PURE__ */ t.jsx(
+      jt,
       {
         close: () => {
-          h(!1), setTimeout(() => {
+          d(!1), setTimeout(() => {
             o(!1);
           }, 300);
         },
         withAnimation: !1,
         children: /* @__PURE__ */ t.jsx(
-          ci,
+          bn,
           {
             activeProducts: e,
-            isCartNotEmpty: N,
-            isOpen: B
+            isCartNotEmpty: I,
+            isOpen: O
           }
         )
       }
     )
   ] });
-}, ci = (u) => {
-  const { activeProducts: o, isCartNotEmpty: e, isOpen: s } = u, { cart: n, reset: r, getTotalAndDiscount: c, updateQuantityOfProduct: a } = jt(), _ = rt();
-  function N(i) {
-    _(i);
+}, bn = (r) => {
+  const { activeProducts: o, isCartNotEmpty: e, isOpen: s } = r, { cart: n, reset: g, getTotalAndDiscount: h, updateQuantityOfProduct: c } = bt(), p = ct();
+  function I(i) {
+    p(i);
   }
-  function B(i) {
-    a({
+  function O(i) {
+    c({
       productId: i.id,
       productVariantId: i.activeVariantId,
       quantity: i.quantity + 1
     });
   }
-  function h(i) {
-    a({
+  function d(i) {
+    c({
       productId: i.id,
       productVariantId: i.activeVariantId,
       quantity: i.quantity - 1
@@ -1931,35 +1709,35 @@ const Fi = (u) => {
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: H(k.modal, {
-        [k.closing]: !s
+      className: V(N.modal, {
+        [N.closing]: !s
       }),
       onClick: (i) => i.stopPropagation(),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: k.top, children: [
-          /* @__PURE__ */ t.jsxs("div", { className: k.info, children: [
-            /* @__PURE__ */ t.jsx("span", { className: k.title, children: "Cart" }),
-            e && /* @__PURE__ */ t.jsx("div", { className: k.count, children: n.parts.length })
+        /* @__PURE__ */ t.jsxs("div", { className: N.top, children: [
+          /* @__PURE__ */ t.jsxs("div", { className: N.info, children: [
+            /* @__PURE__ */ t.jsx("span", { className: N.title, children: "Cart" }),
+            e && /* @__PURE__ */ t.jsx("div", { className: N.count, children: n.parts.length })
           ] }),
           /* @__PURE__ */ t.jsx(
             "button",
             {
-              className: H(k.clear, {
-                [k.activeClear]: e
+              className: V(N.clear, {
+                [N.activeClear]: e
               }),
               disabled: !e,
-              onClick: r,
+              onClick: g,
               children: "Clear all"
             }
           )
         ] }),
-        e ? /* @__PURE__ */ t.jsxs("div", { className: k.cart, children: [
-          /* @__PURE__ */ t.jsx("div", { className: k.products, children: o.map((i) => /* @__PURE__ */ t.jsxs(
+        e ? /* @__PURE__ */ t.jsxs("div", { className: N.cart, children: [
+          /* @__PURE__ */ t.jsx("div", { className: N.products, children: o.map((i) => /* @__PURE__ */ t.jsxs(
             "div",
             {
-              className: k.product,
+              className: N.product,
               children: [
-                /* @__PURE__ */ t.jsxs("div", { className: k.productInfo, children: [
+                /* @__PURE__ */ t.jsxs("div", { className: N.productInfo, children: [
                   /* @__PURE__ */ t.jsx(
                     "img",
                     {
@@ -1967,25 +1745,25 @@ const Fi = (u) => {
                       alt: "image",
                       width: "100%",
                       height: "100%",
-                      className: k.image
+                      className: N.image
                     }
                   ),
-                  /* @__PURE__ */ t.jsxs("div", { className: k.content, children: [
-                    /* @__PURE__ */ t.jsx("div", { className: k.name, children: i.name }),
-                    /* @__PURE__ */ t.jsxs("div", { className: k.price, children: [
+                  /* @__PURE__ */ t.jsxs("div", { className: N.content, children: [
+                    /* @__PURE__ */ t.jsx("div", { className: N.name, children: i.name }),
+                    /* @__PURE__ */ t.jsxs("div", { className: N.price, children: [
                       "$",
-                      i.variants.find((j) => j.id === i.activeVariantId).price.amount * ((i == null ? void 0 : i.quantity) || 1)
+                      i.variants.find((x) => x.id === i.activeVariantId).price.amount * ((i == null ? void 0 : i.quantity) || 1)
                     ] })
                   ] })
                 ] }),
-                /* @__PURE__ */ t.jsxs("div", { className: k.productButtons, children: [
+                /* @__PURE__ */ t.jsxs("div", { className: N.productButtons, children: [
                   /* @__PURE__ */ t.jsx(
                     "div",
                     {
                       onClick: () => {
-                        i.quantity !== 1 && h(i);
+                        i.quantity !== 1 && d(i);
                       },
-                      className: k.productButton,
+                      className: N.productButton,
                       children: /* @__PURE__ */ t.jsx(
                         b,
                         {
@@ -1997,12 +1775,12 @@ const Fi = (u) => {
                       )
                     }
                   ),
-                  /* @__PURE__ */ t.jsx("div", { className: k.productCount, children: i.quantity }),
+                  /* @__PURE__ */ t.jsx("div", { className: N.productCount, children: i.quantity }),
                   /* @__PURE__ */ t.jsx(
                     "div",
                     {
-                      onClick: () => B(i),
-                      className: k.productButton,
+                      onClick: () => O(i),
+                      className: N.productButton,
                       children: /* @__PURE__ */ t.jsx(
                         b,
                         {
@@ -2019,9 +1797,9 @@ const Fi = (u) => {
             },
             i.id
           )) }),
-          /* @__PURE__ */ t.jsxs("div", { className: k.bottom, children: [
-            /* @__PURE__ */ t.jsxs("div", { className: k.subtotal, children: [
-              /* @__PURE__ */ t.jsxs("div", { className: k.block, children: [
+          /* @__PURE__ */ t.jsxs("div", { className: N.bottom, children: [
+            /* @__PURE__ */ t.jsxs("div", { className: N.subtotal, children: [
+              /* @__PURE__ */ t.jsxs("div", { className: N.block, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Subtotal" }),
                 /* @__PURE__ */ t.jsx(
                   b,
@@ -2033,18 +1811,18 @@ const Fi = (u) => {
                   }
                 )
               ] }),
-              /* @__PURE__ */ t.jsxs("div", { className: k.total, children: [
+              /* @__PURE__ */ t.jsxs("div", { className: N.total, children: [
                 "$",
-                c().total
+                h().total
               ] })
             ] }),
-            /* @__PURE__ */ t.jsx(Y, { onClick: () => N("/checkout"), children: "Checkout" })
+            /* @__PURE__ */ t.jsx(Y, { onClick: () => I("/checkout"), children: "Checkout" })
           ] })
-        ] }) : /* @__PURE__ */ t.jsx(li, {})
+        ] }) : /* @__PURE__ */ t.jsx(jn, {})
       ]
     }
   );
-}, li = () => /* @__PURE__ */ t.jsxs("div", { className: k.empty, children: [
+}, jn = () => /* @__PURE__ */ t.jsxs("div", { className: N.empty, children: [
   /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
     b,
     {
@@ -2060,15 +1838,15 @@ const Fi = (u) => {
       "a",
       {
         href: "/products",
-        className: k.link,
+        className: N.link,
         children: "view products"
       }
     )
   ] })
-] }), wt = ({ signUp: u }) => {
-  const o = JSON.parse(localStorage.getItem("token") || "{}"), { data: e } = o, s = rt();
-  function n(a) {
-    window.location.pathname.includes("/admin/builder") || s(a);
+] }), It = ({ signUp: r }) => {
+  const o = JSON.parse(localStorage.getItem("token") || "{}"), { data: e } = o, s = ct();
+  function n(c) {
+    window.location.pathname.includes("/admin/builder") || s(c);
   }
   if (!e)
     return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
@@ -2083,39 +1861,40 @@ const Fi = (u) => {
           children: "Login"
         }
       ),
-      u && /* @__PURE__ */ t.jsx(
+      r && /* @__PURE__ */ t.jsx(
         Y,
         {
           onClick: () => n("/customer-dash"),
           type: "Primary",
           style: {
-            padding: 10
+            padding: 10,
+            whiteSpace: "nowrap"
           },
           children: "Sign Up"
         }
       )
     ] });
-  const [r, c] = x.useState("test-email@gmail.com");
-  return x.useEffect(() => {
+  const [g, h] = f.useState("test-email@gmail.com");
+  return f.useEffect(() => {
     (async () => {
-      const _ = Tt(e);
-      c(_.email);
+      const p = Mt(e);
+      h(p.email);
     })();
   }, [e]), /* @__PURE__ */ t.jsx(
     "div",
     {
-      className: k.userInfo,
+      className: N.userInfo,
       onClick: () => n("/customer-dash"),
-      children: /* @__PURE__ */ t.jsx("div", { children: r || "test-email@gmail.com" })
+      children: /* @__PURE__ */ t.jsx("div", { children: g || "test-email@gmail.com" })
     }
   );
-}, ri = ({
-  children: u,
+}, vn = ({
+  children: r,
   logo: o,
   setIsOpen: e,
   signUp: s
 }) => {
-  const { setIsOpen: n } = $t(), r = () => {
+  const { setIsOpen: n } = yt(), g = () => {
     n(!1), setTimeout(() => {
       e(!1), n(!0);
     }, 300);
@@ -2123,16 +1902,16 @@ const Fi = (u) => {
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: k.pagesMobileModal,
-      onClick: (c) => c.stopPropagation(),
+      className: N.pagesMobileModal,
+      onClick: (h) => h.stopPropagation(),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: k.pagesMobileModalHeader, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: N.pagesMobileModalHeader, children: [
           /* @__PURE__ */ t.jsx("div", { children: o }),
           /* @__PURE__ */ t.jsx(
             Y,
             {
               type: "Secondary",
-              onClick: r,
+              onClick: g,
               children: /* @__PURE__ */ t.jsx(
                 b,
                 {
@@ -2143,31 +1922,31 @@ 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: N.pagesMobileModalContent, children: r }),
+        /* @__PURE__ */ t.jsx("div", { className: N.pagesMobileModalFooter, children: /* @__PURE__ */ t.jsx(It, { signUp: s }) })
       ]
     }
   );
-}, Yi = ({
-  children: u,
+}, ii = ({
+  children: r,
   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(yn, { setIsOpenModal: n }),
+    s && /* @__PURE__ */ t.jsx(jt, { close: () => n(!1), children: /* @__PURE__ */ t.jsx(
+      vn,
       {
         logo: o,
         setIsOpen: n,
         signUp: e,
-        children: u
+        children: r
       }
     ) })
   ] });
-}, di = (u) => {
-  const { setIsOpenModal: o } = u;
+}, yn = (r) => {
+  const { setIsOpenModal: o } = r;
   return /* @__PURE__ */ t.jsx(
     Y,
     {
@@ -2187,28 +1966,28 @@ 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();
+}, Nn = "_share_xddz7_1", kn = "_modal_xddz7_8", In = "_header_xddz7_20", Cn = "_socials_xddz7_30", Sn = "_social_xddz7_30", wn = "_copy_xddz7_40", $n = "_title_xddz7_47", Bn = "_copyWrapper_xddz7_53", Pn = "_copyText_xddz7_62", Mn = "_copyTextMobile_xddz7_75", Tn = "_copyTextMiniMobile_xddz7_94", Z = {
+  share: Nn,
+  modal: kn,
+  header: In,
+  socials: Cn,
+  social: Sn,
+  copy: wn,
+  title: $n,
+  copyWrapper: Bn,
+  copyText: Pn,
+  copyTextMobile: Mn,
+  copyTextMiniMobile: Tn
+}, oi = () => {
+  const { isOpenModal: r, setIsOpenModal: o } = Nt();
   function e() {
     o(!0);
   }
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
-      et,
+      tt,
       {
-        className: tt.share,
+        className: Z.share,
         onClick: (s) => {
           s.stopPropagation(), e();
         },
@@ -2223,63 +2002,63 @@ const Fi = (u) => {
         )
       }
     ),
-    u && /* @__PURE__ */ t.jsx(yt, { close: o, children: /* @__PURE__ */ t.jsx(yi, {}) })
+    r && /* @__PURE__ */ t.jsx(jt, { close: o, children: /* @__PURE__ */ t.jsx(qn, {}) })
   ] });
-}, yi = () => {
-  const { setIsOpenModal: u } = St(), { notification: o, setNotification: e } = qt(), { setIsOpen: s } = $t(), n = window.location.href;
-  function r() {
+}, qn = () => {
+  const { setIsOpenModal: r } = Nt(), { notification: o, setNotification: e } = Tt(), { setIsOpen: s } = yt(), n = window.location.href;
+  function g() {
     navigator.clipboard.writeText(n), e({
       message: "Link copied to clipboard",
       status: "success"
     });
   }
-  function c() {
+  function h() {
     s(!1), setTimeout(() => {
-      u(!1), s(!0);
+      r(!1), s(!0);
     }, 300);
   }
-  function a(_, N) {
-    return _.length > N ? _.slice(0, N) + "..." : _;
+  function c(p, I) {
+    return p.length > I ? p.slice(0, I) + "..." : p;
   }
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: tt.modal,
-      onClick: (_) => _.stopPropagation(),
+      className: Z.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: Z.header, children: [
+          /* @__PURE__ */ t.jsx("div", { className: Z.title, children: "Copy Product Link" }),
           /* @__PURE__ */ t.jsx(
             b,
             {
               name: "X",
               fill: "#757575",
-              onClick: c,
+              onClick: h,
               hoverable: !0
             }
           )
         ] }),
-        /* @__PURE__ */ t.jsxs("div", { className: tt.copyWrapper, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: Z.copyWrapper, children: [
           /* @__PURE__ */ t.jsxs(
-            et,
+            tt,
             {
               type: "Secondary",
-              onClick: r,
+              onClick: g,
               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: Z.copyText, children: c(n, 100) }),
+                /* @__PURE__ */ t.jsx("div", { className: Z.copyTextMobile, children: c(n, 40) }),
+                /* @__PURE__ */ t.jsx("div", { className: Z.copyTextMiniMobile, children: c(n, 20) })
               ]
             }
           ),
           /* @__PURE__ */ t.jsx(
-            et,
+            tt,
             {
               type: "Secondary",
-              onClick: r,
+              onClick: g,
               children: o ? /* @__PURE__ */ t.jsx(b, { name: "Check" }) : /* @__PURE__ */ t.jsx(b, { name: "Copy" })
             }
           )
@@ -2287,41 +2066,41 @@ const Fi = (u) => {
       ]
     }
   );
-}, 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), _ = () => {
+}, An = "_accordion_1s1lq_1", On = "_header_1s1lq_9", En = "_icon_1s1lq_18", zn = "_open_1s1lq_21", Rn = "_content_1s1lq_25", st = {
+  accordion: An,
+  header: On,
+  icon: En,
+  open: zn,
+  content: Rn
+}, ai = ({ title: r, content: o, defaultOpen: e = !1 }) => {
+  const [s, n] = f.useState(e), [g, h] = f.useState(0), c = 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(() => {
+    c.current && h(s ? c.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("h5", { id: "h5", children: r }),
+          /* @__PURE__ */ t.jsx("div", { className: V(st.icon, { [st.open]: s }), children: /* @__PURE__ */ t.jsx(b, { name: "CaretDown" }) })
         ]
       }
     ),
     /* @__PURE__ */ t.jsx(
       "div",
       {
-        ref: a,
-        className: it.content,
-        style: { height: `${r}px` },
+        ref: c,
+        className: st.content,
+        style: { height: `${g}px` },
         children: /* @__PURE__ */ t.jsx("p", { id: "p", children: o })
       }
     )
   ] });
-}, Xi = ({ children: u, path: o, className: e, target: s = "_self", id: n }) => {
+}, ci = ({ children: r, path: o, className: e, target: s = "_self", id: n }) => {
   if (window.location.pathname.includes("/admin/builder"))
     return /* @__PURE__ */ t.jsx(
       "div",
@@ -2330,27 +2109,27 @@ const Fi = (u) => {
         role: "link",
         style: { cursor: "pointer" },
         id: n,
-        children: u
+        children: r
       }
     );
-  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 g = ct(), h = /^https?:\/\//.test(o), c = (p) => {
+    h || s === "_blank" ? s === "_blank" ? window.open(o, "_blank") : window.location.href = o : (p.preventDefault(), g(o, { replace: !0 }));
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      onClick: a,
+      onClick: c,
       className: e,
       role: "link",
       style: { cursor: "pointer" },
       id: n,
-      children: u
+      children: r
     }
   );
-}, Ci = "_buttonsBlock_1b2rb_1", wi = "_slideUp_1b2rb_1", Bi = {
-  buttonsBlock: Ci,
-  slideUp: wi
-}, Qi = () => /* @__PURE__ */ t.jsxs("div", { className: Bi.buttonsBlock, children: [
+}, Dn = "_buttonsBlock_1b2rb_1", Ln = "_slideUp_1b2rb_1", Hn = {
+  buttonsBlock: Dn,
+  slideUp: Ln
+}, li = () => /* @__PURE__ */ t.jsxs("div", { className: Hn.buttonsBlock, children: [
   /* @__PURE__ */ t.jsx(
     Y,
     {
@@ -2362,18 +2141,18 @@ const Fi = (u) => {
     }
   ),
   /* @__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: [
+] }), Un = "_wrapper_st58d_1", Fn = "_label_st58d_10", Vn = "_textarea_st58d_18", Yn = "_length_st58d_33", at = {
+  wrapper: Un,
+  label: Fn,
+  textarea: Vn,
+  length: Yn
+}, ri = (r) => {
+  const { onChange: o, label: e, value: s, maxLength: n, placeholder: g = "Type something..." } = r, [h, c] = 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 +2162,56 @@ const Fi = (u) => {
       {
         id: e,
         defaultValue: s,
-        onChange: (_) => {
-          a(_.target.value.length), o(_.target.value);
+        onChange: (p) => {
+          c(p.target.value.length), o(p.target.value);
         },
-        placeholder: r,
-        className: lt.textarea,
+        placeholder: g,
+        className: at.textarea,
         maxLength: n
       }
     ),
-    n && /* @__PURE__ */ t.jsxs("div", { className: lt.length, children: [
-      c,
+    n && /* @__PURE__ */ t.jsxs("div", { className: at.length, children: [
+      h,
       "/",
       n
     ] })
   ] });
 };
 export {
-  Gi as Accordion,
-  di as BurgerMenuButton,
+  ai as Accordion,
+  yn 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,
+  us as ButtonTypeSettings,
+  ti as ButtonsSettings,
+  Jn as CategorySettings,
+  St as ChooseImage,
+  mi as ChooseImageModal,
+  jn as EmptyCart,
+  Zn as FormSettings,
+  ni 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
+  rt as InputSettings,
+  Pt as InputUI,
+  hi as ItemsSettings,
+  Xn as LayoutSettings,
+  ci as Link,
+  ei as ListingSelector,
+  pi as Loader,
+  jt as Modal,
+  ii as PagesMobileMenu,
+  vn as PagesMobileModal,
+  Kn as PagesSettings,
+  li as ProductCardButtons,
+  si as ProductOptions,
+  vt as RangeSelector,
+  ot as Select,
+  oi as ShareLink,
+  xn as ShoppingButton,
+  bn as ShoppingModalCart,
+  it as Switch,
+  _i as TextSettings,
+  gi as TextareaSettings,
+  ri as TextareaUI,
+  fi as TypesText,
+  It as UserInfo
 };