@billgangcom/theme-lib 1.52.2 → 1.53.0

package/dist/ui.es.js

@@ -1,21 +1,21 @@
-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 { j as t, I as x, c as Y, a as dt, S as ot, b as yt, B as tt, O as ut, d as at, e as mt, f as ht, P as pt, D as _t, g as gt, v as xt, h as ft, C as bt, i as H, k as St, l as it, m as wt, n as Bt, o as $t, p as rt, q as V, L as Pt, r as lt, t as jt, w as G, x as Mt, M as vt, y as Nt, z as Tt, A as kt, E as qt } from "./index-BmN4PZT1.js";
+import { K as hi, G as pi, J as _i, F as gi, T as xi, H as fi } from "./index-BmN4PZT1.js";
+import _ from "react";
 import "@phosphor-icons/react";
-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,
+const At = "_wrapper_1vmyb_2", Ot = "_alignmentBlock_1vmyb_8", Et = "_title_1vmyb_15", zt = "_subtitle_1vmyb_22", Rt = "_alignmentContent_1vmyb_29", Lt = "_alignments_1vmyb_37", Dt = "_alignment_1vmyb_8", Ht = "_circle_1vmyb_60", Ut = "_paddings_1vmyb_67", Ft = "_padding_1vmyb_67", Vt = "_active_1vmyb_91", Yt = "_input_1vmyb_98", W = {
+  wrapper: At,
+  alignmentBlock: Ot,
+  title: Et,
+  subtitle: zt,
+  alignmentContent: Rt,
+  alignments: Lt,
   alignment: Dt,
-  circle: Lt,
-  paddings: Ht,
-  padding: Ut,
-  active: Ft,
-  input: Vt
-}, Yt = [
+  circle: Ht,
+  paddings: Ut,
+  padding: Ft,
+  active: Vt,
+  input: Yt
+}, Gt = [
   "topLeft",
   "top",
   "topRight",
@@ -25,10 +25,10 @@ const qt = "_wrapper_1ibay_2", At = "_alignmentBlock_1ibay_8", Ot = "_title_1iba
   "bottomLeft",
   "bottom",
   "bottomRight"
-], Wt = ["left", "top", "right", "bottom"], Xn = (r) => {
-  const { alignment: o, padding: e, setPadding: s, setAlignment: n } = r;
-  function g(d) {
-    switch (d) {
+], Wt = ["left", "top", "right", "bottom"], Kn = (r) => {
+  const { alignment: i, padding: e, setPadding: s, setAlignment: n } = r;
+  function h(c) {
+    switch (c) {
       case "left":
       case "topLeft":
       case "bottomLeft":
@@ -45,8 +45,8 @@ const qt = "_wrapper_1ibay_2", At = "_alignmentBlock_1ibay_8", Ot = "_title_1iba
         return "TextAlignCenter";
     }
   }
-  function h(d) {
-    switch (d) {
+  function u(c) {
+    switch (c) {
       case "left":
         return "AlignLeft";
       case "right":
@@ -57,40 +57,40 @@ const qt = "_wrapper_1ibay_2", At = "_alignmentBlock_1ibay_8", Ot = "_title_1iba
         return "AlignBottom";
     }
   }
-  const [c, p] = f.useState(null), [I, O] = f.useState(null);
+  const [o, d] = _.useState(null), [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: Yt.map((d) => /* @__PURE__ */ t.jsxs(
+        /* @__PURE__ */ t.jsx("div", { className: W.alignments, children: Gt.map((c) => /* @__PURE__ */ t.jsxs(
           "div",
           {
             onClick: () => {
-              n(d);
+              n(c);
             },
             className: W.alignment,
             onMouseEnter: () => {
-              p(d);
+              d(c);
             },
             onMouseLeave: () => {
-              p(null);
+              d(null);
             },
             children: [
-              d !== o && c !== d && /* @__PURE__ */ t.jsx("div", { className: W.circle }),
-              d !== o && c === d && /* @__PURE__ */ t.jsx(
-                b,
+              c !== i && o !== c && /* @__PURE__ */ t.jsx("div", { className: W.circle }),
+              c !== i && o === c && /* @__PURE__ */ t.jsx(
+                x,
                 {
-                  name: g(c),
+                  name: h(o),
                   fill: "#c2c2c2",
                   width: 22,
                   height: 22
                 }
               ),
-              d === o && /* @__PURE__ */ t.jsx(
-                b,
+              c === i && /* @__PURE__ */ t.jsx(
+                x,
                 {
-                  name: g(o),
+                  name: h(i),
                   fill: "#FF3F19",
                   width: 22,
                   height: 22
@@ -98,104 +98,105 @@ const qt = "_wrapper_1ibay_2", At = "_alignmentBlock_1ibay_8", Ot = "_title_1iba
               )
             ]
           },
-          d
+          c
         )) }),
-        /* @__PURE__ */ t.jsx("div", { className: W.paddings, children: Wt.map((d) => /* @__PURE__ */ t.jsxs(
+        /* @__PURE__ */ t.jsx("div", { className: W.paddings, children: Wt.map((c) => /* @__PURE__ */ t.jsxs(
           "label",
           {
-            className: V(W.padding, {
-              [W.active]: I === d
+            className: Y(W.padding, {
+              [W.active]: f === c
             }),
             onFocus: () => {
-              O(d);
+              $(c);
             },
             onBlur: () => {
-              O(null);
+              $(null);
             },
             children: [
               /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-                b,
+                x,
                 {
-                  name: h(d),
+                  name: u(c),
                   width: 20,
                   height: 20
                 }
               ) }),
               /* @__PURE__ */ t.jsx(
-                rt,
+                dt,
                 {
                   type: "number",
-                  value: String(e[d]),
-                  onChange: (i) => s({
+                  value: String(e[c]),
+                  onChange: (l) => s({
                     ...e,
-                    [d]: Number(i)
+                    [c]: Math.min(Number(l), 999)
                   }),
+                  max: 999,
                   paddingless: !0,
                   borderless: !0
                 }
               )
             ]
           },
-          d
+          c
         )) })
       ] })
     ] })
   ] });
-}, 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: 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: he,
-  modalOptions: pe,
-  addButton: _e,
-  deleteButton: ge
-}, Jn = (r) => {
+}, Jt = "_title_82zux_1", Xt = "_subtitle_82zux_5", Kt = "_header_82zux_12", Qt = "_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", me = "_buttons_82zux_118", he = "_modal_82zux_125", pe = "_link_82zux_145", _e = "_modalOptions_82zux_151", ge = "_addButton_82zux_157", xe = "_deleteButton_82zux_179", J = {
+  title: Jt,
+  subtitle: Xt,
+  header: Kt,
+  text: Qt,
+  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: me,
+  modal: he,
+  link: pe,
+  modalOptions: _e,
+  addButton: ge,
+  deleteButton: xe
+}, Qn = (r) => {
   const {
-    isActiveItems: o,
+    isActiveItems: i,
     setIsActiveItems: e,
     items: s,
     setItems: n,
-    other: g,
-    title: h,
-    subtitle: c,
-    draggable: p = !1,
-    withImage: I = !1,
-    addable: O = !0,
-    itemsOptions: d,
-    hasRangeSelector: i = !1,
-    rangeSelectorOptions: x,
-    limit: v,
-    autoScrollInterval: _,
-    deletable: y
+    other: h,
+    title: u,
+    subtitle: o,
+    draggable: d = !1,
+    withImage: f = !1,
+    addable: $ = !0,
+    itemsOptions: c,
+    hasRangeSelector: l = !1,
+    rangeSelectorOptions: M,
+    limit: w,
+    autoScrollInterval: p,
+    deletable: I
   } = r;
-  function w(a) {
-    if (I)
-      return a ? /* @__PURE__ */ t.jsx(
+  function B(v) {
+    if (f)
+      return v ? /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: `https://imagedelivery.net/${a[0]}/w=1000`,
+          src: `https://imagedelivery.net/${v[0]}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
         }
       ) : /* @__PURE__ */ t.jsx(
-        b,
+        x,
         {
           name: "Image",
           width: 16,
@@ -204,12 +205,12 @@ const qt = "_wrapper_1ibay_2", At = "_alignmentBlock_1ibay_8", Ot = "_title_1iba
         }
       );
   }
-  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,
+  const g = (v, q = !1) => {
+    const A = c.find((S) => S.id === v);
+    if (!A) return;
+    const L = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      d && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+        x,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -218,56 +219,56 @@ const qt = "_wrapper_1ibay_2", At = "_alignmentBlock_1ibay_8", Ot = "_title_1iba
         }
       ) }),
       /* @__PURE__ */ t.jsx(
-        ot,
+        at,
         {
-          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]);
+          onChange: (S) => {
+            const b = [...s], N = c.find((j) => j.name === S);
+            if (!N) return;
+            const O = N.id, a = b.map((j) => j === v ? O : j);
+            n([...a]);
           },
-          value: T.name,
-          options: d.filter((E) => !s.find((u) => u === E.id)).map((E) => E.name),
-          leftAddon: w(T.images)
+          value: A.name,
+          options: c.filter((S) => !s.find((b) => b === S.id)).map((S) => S.name),
+          leftAddon: B(A.images)
         }
       ),
-      $ && /* @__PURE__ */ t.jsx("div", { className: G.buttons, children: /* @__PURE__ */ t.jsx("div", { className: G.deleteButton, children: /* @__PURE__ */ t.jsx(
-        b,
+      q && /* @__PURE__ */ t.jsx("div", { className: J.buttons, children: /* @__PURE__ */ t.jsx("div", { className: J.deleteButton, children: /* @__PURE__ */ t.jsx(
+        x,
         {
           name: "Trash",
           hoverable: !0,
           width: 20,
           height: 20,
           fill: "#C12A2A",
-          onClick: () => n(s.filter((E) => E !== a))
+          onClick: () => n(s.filter((S) => S !== v))
         }
       ) }) })
     ] });
     return /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: G.product,
-        children: Q
+        className: J.product,
+        children: L
       },
-      a
+      v
     );
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: G.productsBlock, children: [
-    (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(
-        it,
+  return /* @__PURE__ */ t.jsxs("div", { className: J.productsBlock, children: [
+    (u || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: J.top, children: [
+      u && /* @__PURE__ */ t.jsx("h3", { className: J.title, children: u }),
+      i !== void 0 && /* @__PURE__ */ t.jsx(
+        ot,
         {
-          current: o,
-          onChange: (a) => e == null ? void 0 : e(a)
+          current: i,
+          onChange: (v) => e == null ? void 0 : e(v)
         }
       )
     ] }),
-    i && x && /* @__PURE__ */ t.jsx(vt, { ...x }),
-    /* @__PURE__ */ t.jsxs("div", { className: G.products, children: [
-      c && /* @__PURE__ */ t.jsx("h5", { className: G.subtitle, children: c }),
-      s.map((a) => L(a, y)),
-      O && /* @__PURE__ */ t.jsx(
+    l && M && /* @__PURE__ */ t.jsx(yt, { ...M }),
+    /* @__PURE__ */ t.jsxs("div", { className: J.products, children: [
+      o && /* @__PURE__ */ t.jsx("h5", { className: J.subtitle, children: o }),
+      s.map((v) => g(v, I)),
+      $ && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -280,30 +281,30 @@ const qt = "_wrapper_1ibay_2", At = "_alignmentBlock_1ibay_8", Ot = "_title_1iba
             tt,
             {
               withoutHover: !0,
-              className: V(G.button, {
-                [G.disabled]: !!(v && v <= s.length || s.length === d.length)
+              className: Y(J.button, {
+                [J.disabled]: !!(w && w <= s.length || s.length === c.length)
               }),
               size: "s",
-              disabled: !!(v && v <= s.length || s.length === d.length),
+              disabled: !!(w && w <= s.length || s.length === c.length),
               onClick: () => {
-                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];
+                const v = [...s];
+                let q = null;
+                if (c) {
+                  for (let A = 0; A < c.length; A++)
+                    if (!s.find((L) => L === c[A].id)) {
+                      q = c[A];
                       break;
                     }
                 }
-                a.push(($ == null ? void 0 : $.id) || d[0].id), n(a);
+                v.push((q == null ? void 0 : q.id) || c[0].id), n(v);
               },
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ t.jsxs("div", { className: G.addButton, children: [
+              children: /* @__PURE__ */ t.jsxs("div", { className: J.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
-                  b,
+                  x,
                   {
                     name: "Plus",
                     width: 16,
@@ -316,14 +317,14 @@ const qt = "_wrapper_1ibay_2", At = "_alignmentBlock_1ibay_8", Ot = "_title_1iba
         }
       )
     ] }),
-    g !== void 0 && /* @__PURE__ */ t.jsx(dt, { items: g }),
-    _ !== void 0 && /* @__PURE__ */ t.jsx(
-      rt,
+    h !== void 0 && /* @__PURE__ */ t.jsx(ut, { items: h }),
+    p !== void 0 && /* @__PURE__ */ t.jsx(
+      dt,
       {
         label: "Auto scroll interval",
         type: "number",
-        value: String(_.scrollInterval),
-        onChange: (a) => _.setScrollInterval(Number(a)),
+        value: String(p.scrollInterval),
+        onChange: (v) => p.setScrollInterval(Number(v)),
         min: 0.1,
         max: 100,
         style: {
@@ -333,109 +334,109 @@ const qt = "_wrapper_1ibay_2", At = "_alignmentBlock_1ibay_8", Ot = "_title_1iba
       }
     )
   ] });
-}, 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 = {
+}, fe = "_title_roi3a_1", be = "_subtitle_roi3a_5", je = "_header_roi3a_12", ve = "_text_roi3a_13", ye = "_productsBlock_roi3a_14", Ne = "_top_roi3a_26", ke = "_itemsBlock_roi3a_35", Ie = "_typeTexts_roi3a_41", Ce = "_block_roi3a_48", Se = "_active_roi3a_61", we = "_products_roi3a_14", Be = "_product_roi3a_14", $e = "_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", Re = "_addButton_roi3a_164", Le = "_deleteButton_roi3a_179", De = "_closeIcon_roi3a_191", U = {
   title: fe,
-  subtitle: xe,
-  header: be,
-  text: je,
-  productsBlock: ve,
-  top: ye,
-  itemsBlock: Ne,
-  typeTexts: ke,
-  block: Ie,
-  active: Ce,
-  products: Se,
-  product: we,
+  subtitle: be,
+  header: je,
+  text: ve,
+  productsBlock: ye,
+  top: Ne,
+  itemsBlock: ke,
+  typeTexts: Ie,
+  block: Ce,
+  active: Se,
+  products: we,
+  product: Be,
   button: $e,
-  disabled: Be,
-  image: Pe,
-  info: Me,
-  name: Te,
-  buttons: qe,
-  modal: Ae,
-  link: Oe,
-  modalOptions: Ee,
-  addButton: ze,
-  deleteButton: Re,
+  disabled: Pe,
+  image: Me,
+  info: Te,
+  name: qe,
+  buttons: Ae,
+  modal: Oe,
+  link: Ee,
+  modalOptions: ze,
+  addButton: Re,
+  deleteButton: Le,
   closeIcon: De
 };
-function Le({ product: r, children: o }) {
+function He({ product: r, children: i }) {
   const {
     attributes: e,
     listeners: s,
     setNodeRef: n,
-    transform: g,
-    transition: h,
-    isDragging: c
+    transform: h,
+    transition: u,
+    isDragging: o
   } = ft({
     id: r.id
-  }), p = {
-    transform: xt.Transform.toString(g),
-    transition: h
+  }), d = {
+    transform: bt.Transform.toString(h),
+    transition: u
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
       ref: n,
-      style: p,
-      className: `${D.product} ${c ? D.dragging : ""}`,
+      style: d,
+      className: `${U.product} ${o ? U.dragging : ""}`,
       ...e,
       ...s,
-      children: o
+      children: i
     }
   );
 }
-const Kn = (r) => {
+const Zn = (r) => {
   const {
-    isActiveItems: o,
+    isActiveItems: i,
     setIsActiveItems: e,
     items: s,
     setItems: n,
-    title: g,
-    subtitle: h,
-    editable: c = !0,
-    draggable: p = !1,
-    deletable: I = !0,
-    addable: O = !0,
-    itemsType: d,
-    itemsOptions: i,
-    addableOptions: x = {},
-    limit: v
-  } = r, [_, y] = f.useState(null), [w, L] = f.useState(null), a = f.useRef(null), $ = ut(
-    mt(ht, {
+    title: h,
+    subtitle: u,
+    editable: o = !0,
+    draggable: d = !1,
+    deletable: f = !0,
+    addable: $ = !0,
+    itemsType: c,
+    itemsOptions: l,
+    addableOptions: M = {},
+    limit: w
+  } = r, [p, I] = _.useState(null), [B, g] = _.useState(null), v = _.useRef(null), q = mt(
+    ht(pt, {
       activationConstraint: {
         distance: 5
       }
     })
   );
-  f.useEffect(() => {
-    if (_) {
-      const u = [...s].map((C) => C.id === _.id ? _ : C);
-      n(u);
+  _.useEffect(() => {
+    if (p) {
+      const b = [...s].map((N) => N.id === p.id ? p : N);
+      n(b);
     }
-  }, [_]), 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);
+  }, [p]), _.useEffect(() => {
+    v.current && B && (v.current.getBoundingClientRect().height, B.top);
+  }, [v.current, B]);
+  const A = (b, N) => {
+    b.stopPropagation();
+    const O = b.target.getBoundingClientRect();
+    g({
+      top: O.top + window.scrollY,
+      left: O.left - 30
+    }), I(N);
+  }, L = (b) => {
+    const { active: N, over: O } = b;
+    if (O && N.id !== O.id) {
+      const a = s.findIndex((C) => C.id === N.id), j = s.findIndex((C) => C.id === O.id);
+      if (a !== -1 && j !== -1) {
+        const C = [...s], [D] = C.splice(a, 1);
+        C.splice(j, 0, D), n(C);
       }
     }
-  }, E = (u, C) => {
-    const M = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      p && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        b,
+  }, S = (b, N) => {
+    const O = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      d && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+        x,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -443,99 +444,99 @@ const Kn = (r) => {
           height: 20
         }
       ) }),
-      d === "select" && i && /* @__PURE__ */ t.jsx(
-        ot,
+      c === "select" && l && /* @__PURE__ */ t.jsx(
+        at,
         {
-          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,
+          onChange: (a) => {
+            const j = [...s], C = l.find((P) => P.name === a);
+            if (!C) return;
+            const D = j.map((P) => P.id === b.id ? {
+              ...C,
               name: {
-                "en-US": l
+                "en-US": a
               }
             } : P);
-            y({
-              ...u,
+            I({
+              ...b,
               name: {
-                "en-US": l
+                "en-US": a
               }
-            }), n([...R]);
+            }), n([...D]);
           },
-          value: u.name,
-          options: i.filter((l) => !s.find((j) => j.name === l.name)).map((l) => l.name)
+          value: b.name,
+          options: l.filter((a) => !s.find((j) => j.name === a.name)).map((a) => a.name)
         }
       ),
-      /* @__PURE__ */ t.jsxs("div", { className: D.buttons, children: [
-        c && /* @__PURE__ */ t.jsx("div", { className: D.deleteButton, children: /* @__PURE__ */ t.jsx(
-          b,
+      /* @__PURE__ */ t.jsxs("div", { className: U.buttons, children: [
+        o && /* @__PURE__ */ t.jsx("div", { className: U.deleteButton, children: /* @__PURE__ */ t.jsx(
+          x,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (l) => T(l, u)
+            onClick: (a) => A(a, b)
           }
         ) }),
-        I && /* @__PURE__ */ t.jsx("div", { className: D.deleteButton, children: /* @__PURE__ */ t.jsx(
-          b,
+        f && /* @__PURE__ */ t.jsx("div", { className: U.deleteButton, children: /* @__PURE__ */ t.jsx(
+          x,
           {
             name: "Trash",
             hoverable: !0,
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => n(s.filter((l) => l.id !== u.id))
+            onClick: () => n(s.filter((a) => a.id !== b.id))
           }
         ) })
       ] })
     ] });
-    return p ? /* @__PURE__ */ t.jsx(
-      Le,
+    return d ? /* @__PURE__ */ t.jsx(
+      He,
       {
-        product: u,
-        index: C,
-        children: M
+        product: b,
+        index: N,
+        children: O
       },
-      u.id
+      b.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: D.product,
-        children: M
+        className: U.product,
+        children: O
       },
-      u.id
+      b.id
     );
   };
-  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(
-        it,
+  return /* @__PURE__ */ t.jsxs("div", { className: U.productsBlock, children: [
+    (h || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: U.top, children: [
+      h && /* @__PURE__ */ t.jsx("h3", { className: U.title, children: h }),
+      i !== void 0 && /* @__PURE__ */ t.jsx(
+        ot,
         {
-          current: o,
-          onChange: (u) => e == null ? void 0 : e(u)
+          current: i,
+          onChange: (b) => e == null ? void 0 : e(b)
         }
       )
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: D.products, children: [
-      h && /* @__PURE__ */ t.jsx("h5", { className: D.subtitle, children: h }),
-      p ? /* @__PURE__ */ t.jsx(
-        pt,
+    /* @__PURE__ */ t.jsxs("div", { className: U.products, children: [
+      u && /* @__PURE__ */ t.jsx("h5", { className: U.subtitle, children: u }),
+      d ? /* @__PURE__ */ t.jsx(
+        _t,
         {
-          sensors: $,
-          onDragEnd: Q,
+          sensors: q,
+          onDragEnd: L,
           children: /* @__PURE__ */ t.jsx(
-            _t,
+            gt,
             {
-              items: s.map((u) => u.id),
-              strategy: gt,
-              children: s.map((u, C) => E(u, C))
+              items: s.map((b) => b.id),
+              strategy: xt,
+              children: s.map((b, N) => S(b, N))
             }
           )
         }
-      ) : s.map((u, C) => E(u, C)),
-      O && /* @__PURE__ */ t.jsx(
+      ) : s.map((b, N) => S(b, N)),
+      $ && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -547,34 +548,34 @@ const Kn = (r) => {
             tt,
             {
               withoutHover: !0,
-              className: V(D.button, {
-                [D.disabled]: !!(v && v <= s.length || s.length === (i == null ? void 0 : i.length))
+              className: Y(U.button, {
+                [U.disabled]: !!(w && w <= s.length || s.length === (l == null ? void 0 : l.length))
               }),
               size: "s",
-              disabled: !!(v && v <= s.length || s.length === (i == null ? void 0 : i.length)),
+              disabled: !!(w && w <= s.length || s.length === (l == null ? void 0 : l.length)),
               onClick: () => {
-                const u = [...s];
-                let C = null;
-                if (i) {
-                  for (let M = 0; M < i.length; M++)
-                    if (!s.find((l) => l.id === i[M].id)) {
-                      C = i[M];
+                const b = [...s];
+                let N = null;
+                if (l) {
+                  for (let O = 0; O < l.length; O++)
+                    if (!s.find((a) => a.id === l[O].id)) {
+                      N = l[O];
                       break;
                     }
                 }
-                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);
+                c === "select" && l && b.push({
+                  name: N ? N.name : l[0].name,
+                  id: (N == null ? void 0 : N.id) || l[0].id,
+                  ...M
+                }), n(b);
               },
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ t.jsxs("div", { className: D.addButton, children: [
+              children: /* @__PURE__ */ t.jsxs("div", { className: U.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
-                  b,
+                  x,
                   {
                     name: "Plus",
                     width: 16,
@@ -589,88 +590,89 @@ const Kn = (r) => {
     ] })
   ] });
 };
-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
-  }), I = {
-    transform: xt.Transform.toString(h),
-    transition: c
+function Ue(r) {
+  const { product: i, children: e } = r, { attributes: s, listeners: n, setNodeRef: h, transform: u, transition: o, isDragging: d } = ft({
+    id: i.id
+  }), f = {
+    transform: bt.Transform.toString(u),
+    transition: o
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      ref: g,
-      style: I,
-      className: `${U.product} ${p ? U.dragging : ""}`,
+      ref: h,
+      style: f,
+      className: `${H.product} ${d ? H.dragging : ""}`,
       ...s,
       ...n,
       children: e
     }
   );
 }
-const Zn = (r) => {
+const ti = (r) => {
   const {
-    isActiveItems: o,
+    isActiveItems: i,
     setIsActiveItems: e,
     items: s,
     setItems: n,
-    other: g,
-    title: h,
-    subtitle: c,
-    editable: p = !0,
-    draggable: I = !1,
-    withImage: O = !1,
-    deletable: d = !0,
-    addable: i = !0,
-    itemsType: x,
-    itemsPlaceholder: v = "",
-    itemsOptions: _,
-    hasRangeSelector: y = !1,
-    rangeSelectorOptions: w,
-    modalOptions: L,
-    addableOptions: a = {}
-  } = r, [$, T] = f.useState(null), [Q, E] = f.useState({
+    other: h,
+    title: u,
+    subtitle: o,
+    editable: d = !0,
+    draggable: f = !1,
+    withImage: $ = !1,
+    deletable: c = !0,
+    addable: l = !0,
+    itemsType: M,
+    itemsPlaceholder: w = "",
+    itemsOptions: p,
+    hasRangeSelector: I = !1,
+    rangeSelectorOptions: B,
+    modalOptions: g,
+    addableOptions: v = {},
+    limit: q
+  } = r, [A, L] = _.useState(null), [S, b] = _.useState({
     top: 0,
     left: 0
-  }), [u, C] = f.useState(null), M = f.useRef(null), [l, j] = f.useState(!1), S = ut(
-    mt(ht, {
+  }), [N, O] = _.useState(null), a = _.useRef(null), [j, C] = _.useState(!1), D = mt(
+    ht(pt, {
       activationConstraint: {
         distance: 5
       }
     })
   );
-  f.useEffect(() => {
+  _.useEffect(() => {
     const m = () => {
-      T(null), j(!1);
+      L(null), C(!1);
     };
-    return document.body.addEventListener("click", m), T(null), j(!1), () => {
-      T(null), j(!1), document.body.removeEventListener("click", m);
+    return document.body.addEventListener("click", m), L(null), C(!1), () => {
+      L(null), C(!1), document.body.removeEventListener("click", m);
     };
-  }, []), f.useEffect(() => {
-    if ($) {
-      const m = [...s].map((q) => q.id === $.id ? $ : q);
+  }, []), _.useEffect(() => {
+    if (A) {
+      const m = [...s].map((T) => T.id === A.id ? A : T);
       n(m);
     }
-  }, [$]), 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
+  }, [A]), _.useEffect(() => {
+    if (a.current && N) {
+      const m = a.current.getBoundingClientRect().height, T = window.innerHeight;
+      let E = N.top;
+      E + m > T + window.scrollY - 200 && (E = T + window.scrollY - m - 200), E < 0 && (E = 10), b({
+        top: E,
+        left: N.left
       });
     }
-  }, [M.current, u]);
-  const R = (m, q) => {
+  }, [a.current, N]);
+  const P = (m, T) => {
     m.stopPropagation();
-    const B = m.target.getBoundingClientRect();
-    C({
-      top: B.top + window.scrollY,
-      left: B.left - 30
-    }), T(q), j(!0);
+    const E = m.target.getBoundingClientRect();
+    O({
+      top: E.top + window.scrollY,
+      left: E.left - 30
+    }), L(T), C(!0);
   };
-  function P(m) {
-    if (O)
+  function R(m) {
+    if ($)
       return m ? /* @__PURE__ */ t.jsx(
         "img",
         {
@@ -680,7 +682,7 @@ const Zn = (r) => {
           height: 16
         }
       ) : /* @__PURE__ */ t.jsx(
-        b,
+        x,
         {
           name: "Image",
           width: 16,
@@ -689,20 +691,20 @@ const Zn = (r) => {
         }
       );
   }
-  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);
+  const K = (m) => {
+    const { active: T, over: E } = m;
+    if (E && T.id !== E.id) {
+      const z = s.findIndex((F) => F.id === T.id), et = s.findIndex((F) => F.id === E.id);
+      if (z !== -1 && et !== -1) {
+        const F = [...s], [X] = F.splice(z, 1);
+        F.splice(et, 0, X), n(F);
       }
     }
-  }, J = (m) => {
-    var B;
-    const q = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      I && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        b,
+  }, st = (m) => {
+    var E;
+    const T = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      f && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+        x,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -710,140 +712,140 @@ const Zn = (r) => {
           height: 20
         }
       ) }),
-      x === "select" && _ && /* @__PURE__ */ t.jsx(
-        ot,
+      M === "select" && p && /* @__PURE__ */ t.jsx(
+        at,
         {
-          onChange: (A) => {
-            const H = [...s].map((X) => X.id === m.id ? {
+          onChange: (z) => {
+            const F = [...s].map((X) => X.id === m.id ? {
               ...m,
               name: {
-                "en-US": A
+                "en-US": z
               }
             } : X);
-            T({
+            L({
               ...m,
               name: {
-                "en-US": A
+                "en-US": z
               }
-            }), n([...H]);
+            }), n([...F]);
           },
           value: m.name["en-US"],
-          options: _.filter(
-            (A) => !s.find((et) => et.name["en-US"] === A)
+          options: p.filter(
+            (z) => !s.find((et) => et.name["en-US"] === z)
           ),
-          leftAddon: P(m.images)
+          leftAddon: R(m.images)
         }
       ),
-      x === "input" && /* @__PURE__ */ t.jsx(
-        rt,
+      M === "input" && /* @__PURE__ */ t.jsx(
+        dt,
         {
-          onChange: (A) => {
-            const H = [...s].map((X) => X.id === m.id ? {
+          onChange: (z) => {
+            const F = [...s].map((X) => X.id === m.id ? {
               ...m,
               name: {
-                "en-US": A
+                "en-US": z
               }
             } : X);
-            n([...H]);
+            n([...F]);
           },
           value: m.name["en-US"],
-          placeholder: v
+          placeholder: w
         }
       ),
-      x === "image" && /* @__PURE__ */ t.jsx(
-        St,
+      M === "image" && /* @__PURE__ */ t.jsx(
+        wt,
         {
-          onChange: (A) => {
-            const H = [...s].map((X) => X.id === m.id ? {
+          onChange: (z) => {
+            const F = [...s].map((X) => X.id === m.id ? {
               ...m,
-              images: A
+              images: z
             } : X);
-            n([...H]);
+            n([...F]);
           },
-          activeImage: (B = s.find((A) => A.id === m.id)) == null ? void 0 : B.images[0]
+          activeImage: (E = s.find((z) => z.id === m.id)) == null ? void 0 : E.images[0]
         }
       ),
-      /* @__PURE__ */ t.jsxs("div", { className: U.buttons, children: [
-        p && /* @__PURE__ */ t.jsx("div", { className: U.deleteButton, children: /* @__PURE__ */ t.jsx(
-          b,
+      /* @__PURE__ */ t.jsxs("div", { className: H.buttons, children: [
+        d && /* @__PURE__ */ t.jsx("div", { className: H.deleteButton, children: /* @__PURE__ */ t.jsx(
+          x,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (A) => R(A, m)
+            onClick: (z) => P(z, m)
           }
         ) }),
-        d && /* @__PURE__ */ t.jsx("div", { className: U.deleteButton, children: /* @__PURE__ */ t.jsx(
-          b,
+        c && /* @__PURE__ */ t.jsx("div", { className: H.deleteButton, children: /* @__PURE__ */ t.jsx(
+          x,
           {
             name: "Trash",
             hoverable: !0,
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => n(s.filter((A) => A.id !== m.id))
+            onClick: () => n(s.filter((z) => z.id !== m.id))
           }
         ) })
       ] })
     ] });
-    return I ? /* @__PURE__ */ t.jsx(
-      He,
+    return f ? /* @__PURE__ */ t.jsx(
+      Ue,
       {
         product: m,
-        children: q
+        children: T
       },
       m.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: U.product,
-        children: q
+        className: H.product,
+        children: T
       },
       m.id
     );
   };
-  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(
-        it,
+  return /* @__PURE__ */ t.jsxs("div", { className: H.productsBlock, children: [
+    (u || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: H.top, children: [
+      u && /* @__PURE__ */ t.jsx("h3", { className: H.title, children: u }),
+      i !== void 0 && /* @__PURE__ */ t.jsx(
+        ot,
         {
-          current: o,
+          current: i,
           onChange: (m) => e == null ? void 0 : e(m)
         }
       )
     ] }),
-    $ && p && L && l && /* @__PURE__ */ t.jsx(
-      Ct,
+    A && d && g && j && /* @__PURE__ */ t.jsx(
+      St,
       {
-        ref: M,
-        activeItem: $,
-        setActiveItem: T,
-        popupPosition: Q,
-        modalOptions: L,
-        setIsOpenModal: j
+        ref: a,
+        activeItem: A,
+        setActiveItem: L,
+        popupPosition: S,
+        modalOptions: g,
+        setIsOpenModal: C
       }
     ),
-    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,
+    I && B && /* @__PURE__ */ t.jsx(yt, { ...B }),
+    /* @__PURE__ */ t.jsxs("div", { className: H.products, children: [
+      o && /* @__PURE__ */ t.jsx("h5", { className: H.subtitle, children: o }),
+      f ? /* @__PURE__ */ t.jsx(
+        _t,
         {
-          sensors: S,
-          onDragEnd: z,
+          sensors: D,
+          onDragEnd: K,
           children: /* @__PURE__ */ t.jsx(
-            _t,
+            gt,
             {
               items: s.map((m) => m.id),
-              strategy: gt,
-              children: s.map((m) => J(m))
+              strategy: xt,
+              children: s.map((m) => st(m))
             }
           )
         }
-      ) : s.map((m) => J(m)),
-      i && /* @__PURE__ */ t.jsx(
+      ) : s.map((m) => st(m)),
+      l && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -855,49 +857,52 @@ const Zn = (r) => {
             tt,
             {
               withoutHover: !0,
-              className: U.button,
+              className: Y(H.button, {
+                [H.disabled]: !!(q && q <= s.length)
+              }),
               size: "s",
+              disabled: !!(q && q <= s.length),
               onClick: () => {
                 const m = [...s];
-                let q = null;
-                if (_) {
-                  for (let B = 0; B < _.length; B++)
-                    if (!s.find((A) => A.name["en-US"] === _[B])) {
-                      q = _[B];
+                let T = null;
+                if (p) {
+                  for (let E = 0; E < p.length; E++)
+                    if (!s.find((z) => z.name["en-US"] === p[E])) {
+                      T = p[E];
                       break;
                     }
                 }
-                x === "select" && _ ? m.push({
+                M === "select" && p ? m.push({
                   name: {
-                    "en-US": q || _[0]
+                    "en-US": T || p[0]
                   },
-                  id: nt(),
-                  ...a,
+                  id: it(),
+                  ...v,
                   maxSymbols: 100
                   // пример значения
-                }) : x === "input" ? m.push({
+                }) : M === "input" ? m.push({
                   name: {
                     "en-US": ""
                   },
-                  id: nt(),
-                  ...a,
+                  id: it(),
+                  ...v,
                   maxSymbols: 100
                 }) : m.push({
                   name: {
                     "en-US": `Image ${s.length + 1}`
                   },
-                  id: nt(),
-                  ...a,
+                  id: it(),
+                  ...v,
                   maxSymbols: 100
                 }), n(m);
               },
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ t.jsxs("div", { className: U.addButton, children: [
+              children: /* @__PURE__ */ t.jsxs("div", { className: H.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
-                  b,
+                  x,
                   {
                     name: "Plus",
                     width: 16,
@@ -910,101 +915,101 @@ const Zn = (r) => {
         }
       )
     ] }),
-    g !== void 0 && /* @__PURE__ */ t.jsx(dt, { items: g })
+    h !== void 0 && /* @__PURE__ */ t.jsx(ut, { items: h })
   ] });
-}, 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,
+}, Fe = "_subtitle_jql1y_1", Ve = "_header_jql1y_8", Ye = "_text_jql1y_9", Ge = "_productsBlock_jql1y_10", We = "_buttonsBlock_jql1y_11", Je = "_top_jql1y_23", Xe = "_itemsBlock_jql1y_32", Ke = "_typeTexts_jql1y_38", Qe = "_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", Q = {
+  subtitle: Fe,
+  header: Ve,
+  text: Ye,
+  productsBlock: Ge,
   buttonsBlock: We,
-  top: Ge,
-  itemsBlock: Qe,
-  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: Je,
+  itemsBlock: Xe,
+  typeTexts: Ke,
+  block: Qe,
+  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
+}, ms = (r) => {
+  const { buttons: i, setButtons: e, deletable: s = !0, addable: n = !0, editableLink: h = !0 } = r, { pages: u } = Bt(), [o, d] = _.useState(null), [f, $] = _.useState({
     top: 0,
     left: 0
-  }), [d, i] = f.useState(null), x = f.useRef(null);
-  f.useEffect(() => {
-    if (c) {
-      const _ = [...o].map((y) => y.id === c.id ? c : y);
-      e(_);
+  }), [c, l] = _.useState(null), M = _.useRef(null);
+  _.useEffect(() => {
+    if (o) {
+      const p = [...i].map((I) => I.id === o.id ? o : I);
+      e(p);
     }
-  }, [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
+  }, [o]), _.useEffect(() => {
+    if (M.current && c) {
+      const p = M.current.getBoundingClientRect().height, I = window.innerHeight;
+      let B = c.top;
+      B + p > I + window.scrollY - 200 && (B = I + window.scrollY - p - 200), B < 0 && (B = 10), $({
+        top: B,
+        left: c.left
       });
     }
-  }, [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);
+  }, [M.current, c]);
+  const w = (p, I) => {
+    p.stopPropagation();
+    const B = p.target.getBoundingClientRect();
+    l({
+      top: B.top + window.scrollY - 70,
+      left: B.left - (n ? 30 : 65)
+    }), d(I);
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: K.products, children: [
-    /* @__PURE__ */ t.jsx("h5", { className: K.subtitle, children: "Button Type" }),
-    o.map((_) => /* @__PURE__ */ t.jsxs(
+  return /* @__PURE__ */ t.jsxs("div", { className: Q.products, children: [
+    /* @__PURE__ */ t.jsx("h5", { className: Q.subtitle, children: "Button Type" }),
+    i.map((p) => /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: K.product,
+        className: Q.product,
         children: [
           /* @__PURE__ */ t.jsx(
-            ot,
+            at,
             {
-              onChange: (y) => {
-                const L = [...o].map((a) => a.id === _.id ? {
-                  ..._,
-                  type: y
-                } : a);
-                e(L);
+              onChange: (I) => {
+                const g = [...i].map((v) => v.id === p.id ? {
+                  ...p,
+                  type: I
+                } : v);
+                e(g);
               },
-              value: _.type,
+              value: p.type,
               options: ["Primary", "Secondary", "Tertiary"]
             }
           ),
-          /* @__PURE__ */ t.jsxs("div", { className: K.buttons, children: [
-            /* @__PURE__ */ t.jsx("div", { className: K.deleteButton, children: /* @__PURE__ */ t.jsx(
-              b,
+          /* @__PURE__ */ t.jsxs("div", { className: Q.buttons, children: [
+            /* @__PURE__ */ t.jsx("div", { className: Q.deleteButton, children: /* @__PURE__ */ t.jsx(
+              x,
               {
                 name: "Sliders",
                 hoverable: !0,
                 width: 20,
                 height: 20,
-                onClick: (y) => {
-                  v(y, _);
+                onClick: (I) => {
+                  w(I, p);
                 }
               }
             ) }),
-            s && /* @__PURE__ */ t.jsx("div", { className: K.deleteButton, children: /* @__PURE__ */ t.jsx(
-              b,
+            s && /* @__PURE__ */ t.jsx("div", { className: Q.deleteButton, children: /* @__PURE__ */ t.jsx(
+              x,
               {
                 name: "Trash",
                 hoverable: !0,
                 onClick: () => {
-                  const y = o.filter((w) => w.id !== _.id);
-                  e(y);
+                  const I = i.filter((B) => B.id !== p.id);
+                  e(I);
                 },
                 width: 20,
                 height: 20,
@@ -1014,16 +1019,16 @@ const Zn = (r) => {
           ] })
         ]
       },
-      _.id
+      p.id
     )),
-    c && /* @__PURE__ */ t.jsx(
+    o && /* @__PURE__ */ t.jsx(
       $t,
       {
-        ref: x,
-        activeButton: c,
-        setActiveButton: p,
-        popupPosition: I,
-        editableLink: g
+        ref: M,
+        activeButton: o,
+        setActiveButton: d,
+        popupPosition: f,
+        editableLink: h
       }
     ),
     n && /* @__PURE__ */ t.jsx(
@@ -1038,39 +1043,39 @@ const Zn = (r) => {
           tt,
           {
             withoutHover: !0,
-            className: K.button,
+            className: Q.button,
             size: "s",
             onClick: () => {
-              const _ = [...o];
-              g ? _.push({
+              const p = [...i];
+              h ? p.push({
                 type: "Primary",
-                id: nt(),
+                id: it(),
                 typesText: [],
                 text: {
                   "en-US": "Button Name"
                 },
                 destination: "Go to Page",
-                page: h ? Object.values(h)[0].name : "Home",
+                page: u ? Object.values(u)[0].name : "Home",
                 openInNewTab: !1
-              }) : _.push({
+              }) : p.push({
                 type: "Primary",
-                id: nt(),
+                id: it(),
                 typesText: [],
                 text: {
                   "en-US": "Create Ticket"
                 },
                 destination: "Go to Page",
-                page: h ? Object.values(h)[0].name : "Home",
+                page: u ? Object.values(u)[0].name : "Home",
                 openInNewTab: !1
-              }), e(_);
+              }), e(p);
             },
             style: {
               width: "fit-content"
             },
-            children: /* @__PURE__ */ t.jsxs("div", { className: K.addButton, children: [
+            children: /* @__PURE__ */ t.jsxs("div", { className: Q.addButton, children: [
               /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
               /* @__PURE__ */ t.jsx(
-                b,
+                x,
                 {
                   name: "Plus",
                   width: 16,
@@ -1083,110 +1088,120 @@ const Zn = (r) => {
       }
     )
   ] });
-}, 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" }),
+}, ei = (r) => {
+  const {
+    isActiveButtons: i,
+    setIsActiveButtons: e,
+    buttons: s,
+    setButtons: n,
+    editableLink: h = !0,
+    addable: u = !0,
+    deletable: o = !0
+  } = r;
+  return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsxs("div", { className: rt.buttonsBlock, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: rt.top, children: [
+      /* @__PURE__ */ t.jsx("h3", { className: rt.title, children: "Buttons" }),
       /* @__PURE__ */ t.jsx(
-        it,
+        ot,
         {
-          current: o,
-          onChange: (h) => e(h)
+          current: i,
+          onChange: (d) => e(d)
         }
       )
     ] }),
-    o && /* @__PURE__ */ t.jsx(
-      us,
+    i && /* @__PURE__ */ t.jsx(
+      ms,
       {
         buttons: s,
         setButtons: n,
-        editableLink: g
+        editableLink: h,
+        addable: u,
+        deletable: o
       }
     )
   ] }) });
 };
-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)
-  }), I = {
-    transform: xt.Transform.toString(h),
-    transition: c
+function hs(r) {
+  const { product: i, children: e } = r, { attributes: s, listeners: n, setNodeRef: h, transform: u, transition: o, isDragging: d } = ft({
+    id: String(i.listingId)
+  }), f = {
+    transform: bt.Transform.toString(u),
+    transition: o
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      ref: g,
-      style: I,
-      className: `${F.product} ${p ? F.dragging : ""}`,
+      ref: h,
+      style: f,
+      className: `${V.product} ${d ? V.dragging : ""}`,
       ...s,
       ...n,
       children: e
     }
   );
 }
-const ei = (r) => {
+const si = (r) => {
   const {
-    isActiveItems: o,
+    isActiveItems: i,
     setIsActiveItems: e,
     items: s,
     setItems: n,
-    other: g,
-    title: h,
-    subtitle: c,
-    editable: p = !0,
-    draggable: I = !1,
-    withImage: O = !1,
-    deletable: d = !0,
-    addable: i = !0,
-    itemsType: x,
-    itemsOptions: v
-  } = r, [_, y] = f.useState(
+    other: h,
+    title: u,
+    subtitle: o,
+    editable: d = !0,
+    draggable: f = !1,
+    withImage: $ = !1,
+    deletable: c = !0,
+    addable: l = !0,
+    itemsType: M,
+    itemsOptions: w
+  } = r, [p, I] = _.useState(
     null
-  ), [w, L] = f.useState({
+  ), [B, g] = _.useState({
     top: 0,
     left: 0
-  }), [a, $] = f.useState(!1), T = ut(
-    mt(ht, {
+  }), [v, q] = _.useState(!1), A = mt(
+    ht(pt, {
       activationConstraint: {
         distance: 5
       }
     })
   );
-  f.useEffect(() => {
-    const l = () => {
-      y(null), $(!1);
+  _.useEffect(() => {
+    const a = () => {
+      I(null), q(!1);
     };
-    return document.body.addEventListener("click", l), y(null), $(!1), () => {
-      y(null), $(!1), document.body.removeEventListener("click", l);
+    return document.body.addEventListener("click", a), I(null), q(!1), () => {
+      I(null), q(!1), document.body.removeEventListener("click", a);
     };
-  }, []), f.useEffect(() => {
-    if (_) {
-      const l = [...s].map((j) => j.listingId === _.listingId ? _ : j);
-      n(l);
+  }, []), _.useEffect(() => {
+    if (p) {
+      const a = [...s].map((j) => j.listingId === p.listingId ? p : j);
+      n(a);
     }
-  }, [_]);
-  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);
+  }, [p]);
+  const L = (a, j) => {
+    a.stopPropagation();
+    const C = a.target.getBoundingClientRect(), D = 100, P = window.innerHeight;
+    let R = C.top + window.scrollY;
+    R + D > P && (R = P - D - 20), q(!0), g({
+      top: R - 80,
+      left: C.left - 30
+    }), I(j);
   };
-  function E(l) {
-    if (O)
-      return l ? /* @__PURE__ */ t.jsx(
+  function S(a) {
+    if ($)
+      return a ? /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: `https://imagedelivery.net/${l}/w=1000`,
+          src: `https://imagedelivery.net/${a}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
         }
       ) : /* @__PURE__ */ t.jsx(
-        b,
+        x,
         {
           name: "Image",
           width: 16,
@@ -1195,21 +1210,21 @@ const ei = (r) => {
         }
       );
   }
-  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);
+  const b = (a) => {
+    const { active: j, over: C } = a;
+    if (C && j.id !== C.id) {
+      const D = s.findIndex((R) => String(R.listingId) === j.id), P = s.findIndex((R) => String(R.listingId) === C.id);
+      if (D !== -1 && P !== -1) {
+        const R = [...s], [K] = R.splice(D, 1);
+        R.splice(P, 0, K), n(R);
       }
     }
-  }, 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,
+  }, N = (a, j) => {
+    const C = w.find((P) => a.listingId === P.id);
+    if (!C) return null;
+    const D = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      f && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+        x,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -1217,108 +1232,108 @@ const ei = (r) => {
           height: 20
         }
       ) }),
-      x === "select" && /* @__PURE__ */ t.jsx(
-        ot,
+      M === "select" && /* @__PURE__ */ t.jsx(
+        at,
         {
           onChange: (P) => {
-            const z = [...s], J = v.find((B) => B.productData.name === P);
-            if (!J) return;
-            const m = {
-              listingId: J.id,
-              image: J.productData.images.length > 0 ? J.productData.images[0].cfId : ""
-            }, q = z.map((B) => B.listingId === l.listingId ? m : B);
-            y(m), n([...q]);
+            const R = [...s], K = w.find((T) => T.productData.name === P);
+            if (!K) return;
+            const st = {
+              listingId: K.id,
+              image: K.productData.images.length > 0 ? K.productData.images[0].cfId : ""
+            }, m = R.map((T) => T.listingId === a.listingId ? st : T);
+            I(st), n([...m]);
           },
-          value: S.productData.name,
+          value: C.productData.name,
           options: [
-            ...v.filter((P) => !s.find((z) => z.listingId === P.id)).map((P) => P.productData.name)
+            ...w.filter((P) => !s.find((R) => R.listingId === P.id)).map((P) => P.productData.name)
           ],
-          leftAddon: E(
-            l.image || S.productData.images.length > 0 && S.productData.images[0].cfId || ""
+          leftAddon: S(
+            a.image || C.productData.images.length > 0 && C.productData.images[0].cfId || ""
           )
         },
         j
       ),
-      /* @__PURE__ */ t.jsxs("div", { className: F.buttons, children: [
-        p && /* @__PURE__ */ t.jsx("div", { className: F.deleteButton, children: /* @__PURE__ */ t.jsx(
-          b,
+      /* @__PURE__ */ t.jsxs("div", { className: V.buttons, children: [
+        d && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
+          x,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (P) => Q(P, l)
+            onClick: (P) => L(P, a)
           }
         ) }),
-        d && /* @__PURE__ */ t.jsx("div", { className: F.deleteButton, children: /* @__PURE__ */ t.jsx(
-          b,
+        c && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
+          x,
           {
             name: "Trash",
             hoverable: !0,
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => n(s.filter((P) => P !== l))
+            onClick: () => n(s.filter((P) => P !== a))
           }
         ) })
       ] })
     ] });
-    return I ? /* @__PURE__ */ t.jsx(
-      ms,
+    return f ? /* @__PURE__ */ t.jsx(
+      hs,
       {
-        product: l,
-        children: R
+        product: a,
+        children: D
       },
-      l.listingId
+      a.listingId
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: F.product,
-        children: R
+        className: V.product,
+        children: D
       },
-      l.listingId
+      a.listingId
     );
-  }, 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(
-        it,
+  }, O = _.useRef(null);
+  return /* @__PURE__ */ t.jsxs("div", { className: V.productsBlock, children: [
+    (u || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: V.top, children: [
+      u && /* @__PURE__ */ t.jsx("h3", { className: V.title, children: u }),
+      i !== void 0 && /* @__PURE__ */ t.jsx(
+        ot,
         {
-          current: o,
-          onChange: (l) => e == null ? void 0 : e(l)
+          current: i,
+          onChange: (a) => e == null ? void 0 : e(a)
         }
       )
     ] }),
-    a && _ && /* @__PURE__ */ t.jsx(
-      Bt,
+    v && p && /* @__PURE__ */ t.jsx(
+      Pt,
       {
-        ref: M,
-        activeItem: _,
-        setActiveItem: y,
-        setIsOpenModal: $,
-        popupPosition: w,
-        itemsOptions: v
+        ref: O,
+        activeItem: p,
+        setActiveItem: I,
+        setIsOpenModal: q,
+        popupPosition: B,
+        itemsOptions: w
       }
     ),
-    o && /* @__PURE__ */ t.jsxs("div", { className: F.products, children: [
-      c && /* @__PURE__ */ t.jsx("h5", { className: F.subtitle, children: c }),
-      I ? /* @__PURE__ */ t.jsx(
-        pt,
+    i && /* @__PURE__ */ t.jsxs("div", { className: V.products, children: [
+      o && /* @__PURE__ */ t.jsx("h5", { className: V.subtitle, children: o }),
+      f ? /* @__PURE__ */ t.jsx(
+        _t,
         {
-          sensors: T,
-          onDragEnd: u,
+          sensors: A,
+          onDragEnd: b,
           children: /* @__PURE__ */ t.jsx(
-            _t,
+            gt,
             {
-              items: s.map((l) => String(l.listingId)),
-              strategy: gt,
-              children: s.map((l, j) => C(l, j))
+              items: s.map((a) => String(a.listingId)),
+              strategy: xt,
+              children: s.map((a, j) => N(a, j))
             }
           )
         }
-      ) : s.map((l, j) => C(l, j)),
-      i && /* @__PURE__ */ t.jsx(
+      ) : s.map((a, j) => N(a, j)),
+      l && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -1330,28 +1345,28 @@ const ei = (r) => {
             tt,
             {
               withoutHover: !0,
-              className: F.button,
+              className: V.button,
               size: "s",
               onClick: () => {
-                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 : ""
+                const a = [...s];
+                for (let j = 0; j < w.length; j++)
+                  if (!s.find((C) => C.listingId === w[j].id)) {
+                    a.push({
+                      listingId: w[j].id,
+                      image: w[j].productData.images.length > 0 ? w[j].productData.images[0].cfId : ""
                     });
                     break;
                   }
-                n(l);
+                n(a);
               },
-              disabled: s.length === v.length,
+              disabled: s.length === w.length,
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ t.jsxs("div", { className: F.addButton, children: [
+              children: /* @__PURE__ */ t.jsxs("div", { className: V.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
-                  b,
+                  x,
                   {
                     name: "Plus",
                     width: 16,
@@ -1364,142 +1379,142 @@ const ei = (r) => {
         }
       )
     ] }),
-    o && g !== void 0 && /* @__PURE__ */ t.jsx(dt, { items: g })
+    i && h !== void 0 && /* @__PURE__ */ t.jsx(ut, { items: h })
   ] });
-}, 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,
+}, ps = "_options_6cemk_1", _s = "_price_6cemk_12", gs = "_oldPrice_6cemk_19", xs = "_newPrice_6cemk_27", fs = "_animate_6cemk_34", bs = "_appearAndBounce_6cemk_1", js = "_meta_6cemk_52", vs = "_info_6cemk_58", ys = "_infoRight_6cemk_66", Ns = "_buttons_6cemk_73", ks = "_variants_6cemk_80", Is = "_variant_6cemk_80", Cs = "_stock_6cemk_98", Ss = "_variantInfo_6cemk_105", ws = "_quantity_6cemk_111", Bs = "_count_6cemk_118", $s = "_focused_6cemk_135", Ps = "_button_6cemk_73", Ms = "_activeVariant_6cemk_161", Ts = "_chargeTypes_6cemk_165", qs = "_charge_6cemk_165", As = "_chargeActive_6cemk_190", Os = "_title_6cemk_198", k = {
+  options: ps,
+  price: _s,
+  oldPrice: gs,
+  newPrice: xs,
   animate: fs,
-  appearAndBounce: xs,
-  meta: bs,
-  info: js,
-  infoRight: vs,
-  buttons: ys,
-  variants: Ns,
-  variant: ks,
-  stock: Is,
-  variantInfo: Cs,
-  quantity: Ss,
-  count: ws,
+  appearAndBounce: bs,
+  meta: js,
+  info: vs,
+  infoRight: ys,
+  buttons: Ns,
+  variants: ks,
+  variant: Is,
+  stock: Cs,
+  variantInfo: Ss,
+  quantity: ws,
+  count: Bs,
   focused: $s,
-  button: Bs,
-  activeVariant: Ps,
-  chargeTypes: Ms,
-  charge: Ts,
-  chargeActive: qs,
-  title: As
+  button: Ps,
+  activeVariant: Ms,
+  chargeTypes: Ts,
+  charge: qs,
+  chargeActive: As,
+  title: Os
 };
-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({
+var It = /* @__PURE__ */ ((r) => (r.ONE_TIME = "One-Time", r.RECURRING = "Subscribe & Save", r))(It || {});
+const ni = (r) => {
+  var I, B;
+  const { variants: i } = r, [e, s] = _.useState(i[0]), [n, h] = _.useState(e.chargeTypes[0]), u = lt(), [o, d] = _.useState(1), { reset: f, addProductToCart: $ } = jt(), [c, l] = _.useState(!1);
+  _.useEffect(() => {
+    l(!0);
+    const g = setTimeout(() => l(!1), 600);
+    return () => clearTimeout(g);
+  }, [o]);
+  async function M() {
+    await $({
       productId: r.id,
       productVariantId: e.id,
-      quantity: c
+      quantity: o
     });
   }
-  function _() {
-    I(), v(), h("/checkout");
+  function w() {
+    f(), M(), u("/checkout");
   }
-  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"}`;
+  function p(g) {
+    if (g >= 864e5) {
+      const S = Math.floor(g / 864e5);
+      return `${S} ${S === 1 ? "day" : "days"}`;
+    } else if (g >= 36e5) {
+      const S = Math.floor(g / 36e5);
+      return `${S} ${S === 1 ? "hour" : "hours"}`;
+    } else if (g >= 6e4) {
+      const S = Math.floor(g / 6e4);
+      return `${S} ${S === 1 ? "minute" : "minutes"}`;
     } else {
-      const u = Math.floor(a / 1e3);
-      return `${u} ${u === 1 ? "second" : "seconds"}`;
+      const S = Math.floor(g / 1e3);
+      return `${S} ${S === 1 ? "second" : "seconds"}`;
     }
   }
-  return f.useEffect(() => {
-    (e.quantity.available === 0 || !e.quantity.available) && p(0);
+  return _.useEffect(() => {
+    (e.quantity.available === 0 || !e.quantity.available) && d(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(
+    e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: k.chargeTypes, children: e.chargeTypes.map((g) => /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: V(k.charge, {
-          [k.chargeActive]: n === a
+        className: Y(k.charge, {
+          [k.chargeActive]: n === g
         }),
-        onClick: () => g(a),
-        children: kt[a]
+        onClick: () => h(g),
+        children: It[g]
       },
-      a
+      g
     )) }),
-    /* @__PURE__ */ t.jsx("div", { className: k.variants, children: o.map((a) => {
-      var $;
+    /* @__PURE__ */ t.jsx("div", { className: k.variants, children: i.map((g) => {
+      var v;
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: V(k.variant, {
-            [k.activeVariant]: e.id === a.id
+          className: Y(k.variant, {
+            [k.activeVariant]: e.id === g.id
           }),
-          onClick: () => s(a),
+          onClick: () => s(g),
           children: [
             /* @__PURE__ */ t.jsxs("div", { className: k.variantInfo, children: [
-              /* @__PURE__ */ t.jsx("span", { className: k.title, children: a.name }),
+              /* @__PURE__ */ t.jsx("span", { className: k.title, children: g.name }),
               /* @__PURE__ */ t.jsxs("span", { children: [
                 "$",
-                n === "ONE_TIME" ? a.price.amount : a.subscriptionSettings ? a.subscriptionSettings.price.amount : "Price Not Found"
+                n === "ONE_TIME" ? g.price.amount : g.subscriptionSettings ? g.subscriptionSettings.price.amount : "Price Not Found"
               ] })
             ] }),
             /* @__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,
+              ((v = g.quantity.restrictions) == null ? void 0 : v.max) || g.quantity.available || 0,
               " in stock"
             ] }) })
           ]
         },
-        a.id
+        g.id
       );
     }) }),
     n === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: k.quantity, children: [
       /* @__PURE__ */ t.jsx(
-        Y,
+        G,
         {
           type: "Secondary",
           onClick: () => {
-            c > 1 ? p((a) => a - 1) : p(1);
+            o > 1 ? d((g) => g - 1) : d(1);
           },
           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" })
+          disabled: e.quantity.available === 0 || e.quantity.restrictions && o <= e.quantity.restrictions.min || Object.keys(e.quantity.restrictions || {}).length === 0 && !e.quantity.available,
+          children: /* @__PURE__ */ t.jsx(x, { name: "Minus" })
         }
       ),
       /* @__PURE__ */ t.jsx(
-        Pt,
+        Mt,
         {
           type: "number",
-          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,
+          value: String(o),
+          onChange: (g) => d(Number(g)),
+          max: ((I = e.quantity.restrictions) == null ? void 0 : I.max) || e.quantity.available || 1 / 0,
+          min: ((B = e.quantity.restrictions) == null ? void 0 : B.min) || 0,
           centered: !0,
           disabled: e.quantity.available === 0 || !e.quantity.available || Object.keys(e.quantity.restrictions || {}).length === 0 && !e.quantity.available
         }
       ),
       /* @__PURE__ */ t.jsx(
-        Y,
+        G,
         {
           type: "Secondary",
           onClick: () => {
-            p((a) => a + 1);
+            d((g) => g + 1);
           },
           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" })
+          disabled: !!(e.quantity.restrictions && o >= e.quantity.restrictions.max || e.quantity.available !== void 0 && o >= e.quantity.available || Object.keys(e.quantity.restrictions || {}).length === 0 && !e.quantity.available),
+          children: /* @__PURE__ */ t.jsx(x, { name: "Plus" })
         }
       )
     ] }),
@@ -1508,7 +1523,7 @@ const si = (r) => {
         /* @__PURE__ */ t.jsx("span", { children: "Delivery" }),
         /* @__PURE__ */ t.jsxs("div", { className: k.infoRight, children: [
           /* @__PURE__ */ t.jsx(
-            b,
+            x,
             {
               name: "Lightning",
               fill: "#FF3F19",
@@ -1516,25 +1531,25 @@ const si = (r) => {
               height: 20
             }
           ),
-          /* @__PURE__ */ t.jsx("span", { children: !e.deliveryTime || e.deliveryTime === 0 ? "Instant" : y(e.deliveryTime) })
+          /* @__PURE__ */ t.jsx("span", { children: !e.deliveryTime || e.deliveryTime === 0 ? "Instant" : p(e.deliveryTime) })
         ] })
       ] }),
       /* @__PURE__ */ t.jsxs("div", { className: k.info, children: [
         /* @__PURE__ */ t.jsx("span", { children: "Price" }),
         /* @__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: [
+          /* @__PURE__ */ t.jsxs("span", { className: Y(k.newPrice, { [k.animate]: c }), children: [
             "$ ",
-            (e.price.amount || 0) * c
+            (e.price.amount || 0) * o
           ] }),
           /* @__PURE__ */ t.jsxs("span", { className: k.oldPrice, children: [
             "$ ",
-            (e.compareAtPrice.amount || 0) * c
+            (e.compareAtPrice.amount || 0) * o
           ] })
-        ] }) : /* @__PURE__ */ t.jsxs("span", { className: V(k.newPrice, { [k.animate]: i }), children: [
+        ] }) : /* @__PURE__ */ t.jsxs("span", { className: Y(k.newPrice, { [k.animate]: c }), children: [
           "$ ",
-          (e.price.amount || 0) * c
+          (e.price.amount || 0) * o
         ] }) : 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: [
+          /* @__PURE__ */ t.jsxs("span", { className: Y(k.newPrice, { [k.animate]: c }), children: [
             "$ ",
             e.subscriptionSettings.price.amount || 0
           ] }),
@@ -1542,7 +1557,7 @@ const si = (r) => {
             "$ ",
             e.subscriptionSettings.compareAtPrice.amount || 0
           ] })
-        ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsxs("span", { className: V(k.newPrice, { [k.animate]: i }), children: [
+        ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsxs("span", { className: Y(k.newPrice, { [k.animate]: c }), children: [
           "$ ",
           e.subscriptionSettings.price.amount || 0
         ] }) })
@@ -1550,222 +1565,200 @@ const si = (r) => {
     ] }),
     /* @__PURE__ */ t.jsxs("div", { className: k.buttons, children: [
       /* @__PURE__ */ t.jsx(
-        Y,
+        G,
         {
           type: "Primary",
-          onClick: () => _(),
+          onClick: () => w(),
           disabled: e.quantity.available === 0 || !e.quantity.available || Object.keys(e.quantity.restrictions || {}).length === 0 && !e.quantity.available,
           children: n === "ONE_TIME" ? "Buy Now" : "Subscribe Now"
         }
       ),
       n === "ONE_TIME" && /* @__PURE__ */ t.jsx(
-        Y,
+        G,
         {
           type: "Secondary",
-          onClick: () => v(),
+          onClick: () => M(),
           disabled: e.quantity.available === 0 || !e.quantity.available || Object.keys(e.quantity.restrictions || {}).length === 0 && !e.quantity.available,
           children: "Add to Cart"
         }
       )
     ] })
   ] });
-}, 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,
+}, Es = "_button_1tdo3_1", zs = "_login_1tdo3_14", Rs = "_signUp_1tdo3_18", Ls = "_buttons_1tdo3_23", Ds = "_modal_1tdo3_32", Hs = "_closing_1tdo3_64", Us = "_info_1tdo3_113", Fs = "_top_1tdo3_120", Vs = "_title_1tdo3_131", Ys = "_clear_1tdo3_138", Gs = "_activeClear_1tdo3_145", Ws = "_count_1tdo3_149", Js = "_cart_1tdo3_164", Xs = "_empty_1tdo3_172", Ks = "_product_1tdo3_198", Qs = "_products_1tdo3_207", Zs = "_image_1tdo3_215", tn = "_productInfo_1tdo3_221", en = "_content_1tdo3_228", sn = "_name_1tdo3_234", nn = "_price_1tdo3_240", on = "_productButtons_1tdo3_246", an = "_productButton_1tdo3_246", cn = "_productCount_1tdo3_266", ln = "_bottom_1tdo3_282", rn = "_subtotal_1tdo3_290", dn = "_block_1tdo3_298", un = "_shoppingCount_1tdo3_305", mn = "_total_1tdo3_325", hn = "_link_1tdo3_331", pn = "_userInfo_1tdo3_338", _n = "_pagesMobileModal_1tdo3_349", gn = "_pagesMobileModalContent_1tdo3_363", xn = "_pagesMobileModalHeader_1tdo3_369", fn = "_pagesMobileModalFooter_1tdo3_379", y = {
+  button: Es,
+  login: zs,
+  signUp: Rs,
+  buttons: Ls,
   modal: Ds,
   "slide-in-fade": "_slide-in-fade_1tdo3_1",
   "mobile-slide-in-fade": "_mobile-slide-in-fade_1tdo3_1",
-  closing: Ls,
+  closing: Hs,
   "mobile-slide-out-fade": "_mobile-slide-out-fade_1tdo3_1",
   "slide-out-fade": "_slide-out-fade_1tdo3_1",
-  info: Hs,
-  top: Us,
-  title: Fs,
-  clear: Vs,
-  activeClear: Ys,
+  info: Us,
+  top: Fs,
+  title: Vs,
+  clear: Ys,
+  activeClear: Gs,
   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,
+  cart: Js,
+  empty: Xs,
+  product: Ks,
+  products: Qs,
+  image: Zs,
+  productInfo: tn,
+  content: en,
+  name: sn,
+  price: nn,
+  productButtons: on,
+  productButton: an,
+  productCount: cn,
+  bottom: ln,
+  subtotal: rn,
+  block: dn,
+  shoppingCount: un,
+  total: mn,
+  link: hn,
+  userInfo: pn,
+  pagesMobileModal: _n,
+  pagesMobileModalContent: gn,
+  pagesMobileModalHeader: xn,
   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 })
+}, ii = (r) => {
+  const { shopping: i, signUp: e, isShowUserInfo: s = !0 } = r;
+  return /* @__PURE__ */ t.jsxs("div", { className: y.buttons, children: [
+    i && /* @__PURE__ */ t.jsx(bn, {}),
+    s && /* @__PURE__ */ t.jsx(Ct, { signUp: e })
   ] });
-}, 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 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;
+}, bn = () => {
+  const [r, i] = _.useState(!1), [e, s] = _.useState([]), { cart: n } = jt();
+  function h(f) {
+    var $;
+    return !f || !(f != null && f.variants) ? !1 : ($ = f.variants.find((c) => c.id === f.activeVariantId)) == null ? void 0 : $.subscriptionSettings;
   }
-  f.useEffect(() => {
-    (async () => {
-      const x = n.parts.map((y) => String(y.productId)), _ = (await g([...x])).map((y) => ({
-        ...y,
-        activeVariantId: h(y),
-        quantity: c(y)
-      }));
-      s(_);
-    })();
-  }, [n.parts.length]);
-  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 I = n.parts.length > 0 && e.length > 0 && !p(e[0]), [O, d] = f.useState(!1);
+  const u = n.parts.length > 0 && e.length > 0 && !h(e[0]), [o, d] = _.useState(!1);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsxs(
-      Y,
+      G,
       {
         type: "Secondary",
         style: {
           padding: 10
         },
-        onClick: (i) => {
-          i.stopPropagation(), window.location.pathname.includes("/admin/builder") || (o(!0), d(!0));
+        onClick: (f) => {
+          f.stopPropagation(), window.location.pathname.includes("/admin/builder") || (i(!0), d(!0));
         },
         children: [
           /* @__PURE__ */ t.jsx(
-            b,
+            x,
             {
               name: "Handbag",
               fill: "var(--icon-primary)"
             }
           ),
-          I && /* @__PURE__ */ t.jsx("div", { className: N.shoppingCount, children: n.parts.length })
+          u && /* @__PURE__ */ t.jsx("div", { className: y.shoppingCount, children: n.parts.length })
         ]
       }
     ),
     r && /* @__PURE__ */ t.jsx(
-      jt,
+      vt,
       {
         close: () => {
           d(!1), setTimeout(() => {
-            o(!1);
+            i(!1);
           }, 300);
         },
         withAnimation: !1,
         children: /* @__PURE__ */ t.jsx(
-          bn,
+          jn,
           {
             activeProducts: e,
-            isCartNotEmpty: I,
-            isOpen: O
+            isCartNotEmpty: u,
+            isOpen: o
           }
         )
       }
     )
   ] });
-}, 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);
+}, jn = (r) => {
+  const { activeProducts: i, isCartNotEmpty: e, isOpen: s } = r, { cart: n, reset: h, getTotalAndDiscount: u, updateQuantityOfProduct: o } = jt(), d = lt();
+  function f(l) {
+    d(l);
   }
-  function O(i) {
-    c({
-      productId: i.id,
-      productVariantId: i.activeVariantId,
-      quantity: i.quantity + 1
+  function $(l) {
+    o({
+      productId: l.id,
+      productVariantId: l.activeVariantId,
+      quantity: l.quantity + 1
     });
   }
-  function d(i) {
-    c({
-      productId: i.id,
-      productVariantId: i.activeVariantId,
-      quantity: i.quantity - 1
+  function c(l) {
+    o({
+      productId: l.id,
+      productVariantId: l.activeVariantId,
+      quantity: l.quantity - 1
     });
   }
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: V(N.modal, {
-        [N.closing]: !s
+      className: Y(y.modal, {
+        [y.closing]: !s
       }),
-      onClick: (i) => i.stopPropagation(),
+      onClick: (l) => l.stopPropagation(),
       children: [
-        /* @__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.jsxs("div", { className: y.top, children: [
+          /* @__PURE__ */ t.jsxs("div", { className: y.info, children: [
+            /* @__PURE__ */ t.jsx("span", { className: y.title, children: "Cart" }),
+            e && /* @__PURE__ */ t.jsx("div", { className: y.count, children: n.parts.length })
           ] }),
           /* @__PURE__ */ t.jsx(
             "button",
             {
-              className: V(N.clear, {
-                [N.activeClear]: e
+              className: Y(y.clear, {
+                [y.activeClear]: e
               }),
               disabled: !e,
-              onClick: g,
+              onClick: h,
               children: "Clear all"
             }
           )
         ] }),
-        e ? /* @__PURE__ */ t.jsxs("div", { className: N.cart, children: [
-          /* @__PURE__ */ t.jsx("div", { className: N.products, children: o.map((i) => /* @__PURE__ */ t.jsxs(
+        e ? /* @__PURE__ */ t.jsxs("div", { className: y.cart, children: [
+          /* @__PURE__ */ t.jsx("div", { className: y.products, children: i.map((l) => /* @__PURE__ */ t.jsxs(
             "div",
             {
-              className: N.product,
+              className: y.product,
               children: [
-                /* @__PURE__ */ t.jsxs("div", { className: N.productInfo, children: [
+                /* @__PURE__ */ t.jsxs("div", { className: y.productInfo, children: [
                   /* @__PURE__ */ t.jsx(
                     "img",
                     {
-                      src: `https://imagedelivery.net/${i.images[0].cfId}/w=500`,
+                      src: `https://imagedelivery.net/${l.images[0].cfId}/w=500`,
                       alt: "image",
                       width: "100%",
                       height: "100%",
-                      className: N.image
+                      className: y.image
                     }
                   ),
-                  /* @__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: [
+                  /* @__PURE__ */ t.jsxs("div", { className: y.content, children: [
+                    /* @__PURE__ */ t.jsx("div", { className: y.name, children: l.name }),
+                    /* @__PURE__ */ t.jsxs("div", { className: y.price, children: [
                       "$",
-                      i.variants.find((x) => x.id === i.activeVariantId).price.amount * ((i == null ? void 0 : i.quantity) || 1)
+                      l.variants.find((M) => M.id === l.activeVariantId).price.amount * ((l == null ? void 0 : l.quantity) || 1)
                     ] })
                   ] })
                 ] }),
-                /* @__PURE__ */ t.jsxs("div", { className: N.productButtons, children: [
+                /* @__PURE__ */ t.jsxs("div", { className: y.productButtons, children: [
                   /* @__PURE__ */ t.jsx(
                     "div",
                     {
                       onClick: () => {
-                        i.quantity !== 1 && d(i);
+                        l.quantity !== 1 && c(l);
                       },
-                      className: N.productButton,
+                      className: y.productButton,
                       children: /* @__PURE__ */ t.jsx(
-                        b,
+                        x,
                         {
                           name: "Minus",
                           fill: "#757575",
@@ -1775,14 +1768,14 @@ const si = (r) => {
                       )
                     }
                   ),
-                  /* @__PURE__ */ t.jsx("div", { className: N.productCount, children: i.quantity }),
+                  /* @__PURE__ */ t.jsx("div", { className: y.productCount, children: l.quantity }),
                   /* @__PURE__ */ t.jsx(
                     "div",
                     {
-                      onClick: () => O(i),
-                      className: N.productButton,
+                      onClick: () => $(l),
+                      className: y.productButton,
                       children: /* @__PURE__ */ t.jsx(
-                        b,
+                        x,
                         {
                           name: "Plus",
                           fill: "#757575",
@@ -1795,14 +1788,14 @@ const si = (r) => {
                 ] })
               ]
             },
-            i.id
+            l.id
           )) }),
-          /* @__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.jsxs("div", { className: y.bottom, children: [
+            /* @__PURE__ */ t.jsxs("div", { className: y.subtotal, children: [
+              /* @__PURE__ */ t.jsxs("div", { className: y.block, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Subtotal" }),
                 /* @__PURE__ */ t.jsx(
-                  b,
+                  x,
                   {
                     name: "Info",
                     width: 20,
@@ -1811,20 +1804,20 @@ const si = (r) => {
                   }
                 )
               ] }),
-              /* @__PURE__ */ t.jsxs("div", { className: N.total, children: [
+              /* @__PURE__ */ t.jsxs("div", { className: y.total, children: [
                 "$",
-                h().total
+                u().total
               ] })
             ] }),
-            /* @__PURE__ */ t.jsx(Y, { onClick: () => I("/checkout"), children: "Checkout" })
+            /* @__PURE__ */ t.jsx(G, { onClick: () => f("/checkout"), children: "Checkout" })
           ] })
-        ] }) : /* @__PURE__ */ t.jsx(jn, {})
+        ] }) : /* @__PURE__ */ t.jsx(vn, {})
       ]
     }
   );
-}, jn = () => /* @__PURE__ */ t.jsxs("div", { className: N.empty, children: [
+}, vn = () => /* @__PURE__ */ t.jsxs("div", { className: y.empty, children: [
   /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-    b,
+    x,
     {
       name: "Handbag",
       fill: "var(--icon-secondary)"
@@ -1838,20 +1831,20 @@ const si = (r) => {
       "a",
       {
         href: "/products",
-        className: N.link,
+        className: y.link,
         children: "view products"
       }
     )
   ] })
-] }), 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);
+] }), Ct = ({ signUp: r }) => {
+  const i = JSON.parse(localStorage.getItem("token") || "{}"), { data: e } = i, s = lt();
+  function n(o) {
+    window.location.pathname.includes("/admin/builder") || s(o);
   }
   if (!e)
     return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       /* @__PURE__ */ t.jsx(
-        Y,
+        G,
         {
           onClick: () => n("/customer-dash"),
           type: "Secondary",
@@ -1862,7 +1855,7 @@ const si = (r) => {
         }
       ),
       r && /* @__PURE__ */ t.jsx(
-        Y,
+        G,
         {
           onClick: () => n("/customer-dash"),
           type: "Primary",
@@ -1874,27 +1867,27 @@ const si = (r) => {
         }
       )
     ] });
-  const [g, h] = f.useState("test-email@gmail.com");
-  return f.useEffect(() => {
+  const [h, u] = _.useState("test-email@gmail.com");
+  return _.useEffect(() => {
     (async () => {
-      const p = Mt(e);
-      h(p.email);
+      const d = Tt(e);
+      u(d.email);
     })();
   }, [e]), /* @__PURE__ */ t.jsx(
     "div",
     {
-      className: N.userInfo,
+      className: y.userInfo,
       onClick: () => n("/customer-dash"),
-      children: /* @__PURE__ */ t.jsx("div", { children: g || "test-email@gmail.com" })
+      children: /* @__PURE__ */ t.jsx("div", { children: h || "test-email@gmail.com" })
     }
   );
-}, vn = ({
+}, yn = ({
   children: r,
-  logo: o,
+  logo: i,
   setIsOpen: e,
   signUp: s
 }) => {
-  const { setIsOpen: n } = yt(), g = () => {
+  const { setIsOpen: n } = Nt(), h = () => {
     n(!1), setTimeout(() => {
       e(!1), n(!0);
     }, 300);
@@ -1902,18 +1895,18 @@ const si = (r) => {
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: N.pagesMobileModal,
-      onClick: (h) => h.stopPropagation(),
+      className: y.pagesMobileModal,
+      onClick: (u) => u.stopPropagation(),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: N.pagesMobileModalHeader, children: [
-          /* @__PURE__ */ t.jsx("div", { children: o }),
+        /* @__PURE__ */ t.jsxs("div", { className: y.pagesMobileModalHeader, children: [
+          /* @__PURE__ */ t.jsx("div", { children: i }),
           /* @__PURE__ */ t.jsx(
-            Y,
+            G,
             {
               type: "Secondary",
-              onClick: g,
+              onClick: h,
               children: /* @__PURE__ */ t.jsx(
-                b,
+                x,
                 {
                   name: "X",
                   fill: "var(--icon-primary)"
@@ -1922,43 +1915,43 @@ const si = (r) => {
             }
           )
         ] }),
-        /* @__PURE__ */ t.jsx("div", { className: N.pagesMobileModalContent, children: r }),
-        /* @__PURE__ */ t.jsx("div", { className: N.pagesMobileModalFooter, children: /* @__PURE__ */ t.jsx(It, { signUp: s }) })
+        /* @__PURE__ */ t.jsx("div", { className: y.pagesMobileModalContent, children: r }),
+        /* @__PURE__ */ t.jsx("div", { className: y.pagesMobileModalFooter, children: /* @__PURE__ */ t.jsx(Ct, { signUp: s }) })
       ]
     }
   );
-}, ii = ({
+}, oi = ({
   children: r,
-  logo: o,
+  logo: i,
   signUp: e
 }) => {
-  const [s, n] = f.useState(!1);
+  const [s, n] = _.useState(!1);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx(yn, { setIsOpenModal: n }),
-    s && /* @__PURE__ */ t.jsx(jt, { close: () => n(!1), children: /* @__PURE__ */ t.jsx(
-      vn,
+    /* @__PURE__ */ t.jsx(Nn, { setIsOpenModal: n }),
+    s && /* @__PURE__ */ t.jsx(vt, { close: () => n(!1), children: /* @__PURE__ */ t.jsx(
+      yn,
       {
-        logo: o,
+        logo: i,
         setIsOpen: n,
         signUp: e,
         children: r
       }
     ) })
   ] });
-}, yn = (r) => {
-  const { setIsOpenModal: o } = r;
+}, Nn = (r) => {
+  const { setIsOpenModal: i } = r;
   return /* @__PURE__ */ t.jsx(
-    Y,
+    G,
     {
       type: "Secondary",
       style: {
         padding: 10
       },
       onClick: (e) => {
-        e.stopPropagation(), o(!0);
+        e.stopPropagation(), i(!0);
       },
       children: /* @__PURE__ */ t.jsx(
-        b,
+        x,
         {
           name: "List",
           fill: "var(--icon-primary)"
@@ -1966,22 +1959,22 @@ const si = (r) => {
       )
     }
   );
-}, 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,
+}, kn = "_share_xddz7_1", In = "_modal_xddz7_8", Cn = "_header_xddz7_20", Sn = "_socials_xddz7_30", wn = "_social_xddz7_30", Bn = "_copy_xddz7_40", $n = "_title_xddz7_47", Pn = "_copyWrapper_xddz7_53", Mn = "_copyText_xddz7_62", Tn = "_copyTextMobile_xddz7_75", qn = "_copyTextMiniMobile_xddz7_94", Z = {
+  share: kn,
+  modal: In,
+  header: Cn,
+  socials: Sn,
+  social: wn,
+  copy: Bn,
   title: $n,
-  copyWrapper: Bn,
-  copyText: Pn,
-  copyTextMobile: Mn,
-  copyTextMiniMobile: Tn
-}, oi = () => {
-  const { isOpenModal: r, setIsOpenModal: o } = Nt();
+  copyWrapper: Pn,
+  copyText: Mn,
+  copyTextMobile: Tn,
+  copyTextMiniMobile: qn
+}, ai = () => {
+  const { isOpenModal: r, setIsOpenModal: i } = kt();
   function e() {
-    o(!0);
+    i(!0);
   }
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
@@ -1993,7 +1986,7 @@ const si = (r) => {
         },
         type: "Secondary",
         children: /* @__PURE__ */ t.jsx(
-          b,
+          x,
           {
             name: "Share",
             fill: "#757575",
@@ -2002,38 +1995,38 @@ const si = (r) => {
         )
       }
     ),
-    r && /* @__PURE__ */ t.jsx(jt, { close: o, children: /* @__PURE__ */ t.jsx(qn, {}) })
+    r && /* @__PURE__ */ t.jsx(vt, { close: i, children: /* @__PURE__ */ t.jsx(An, {}) })
   ] });
-}, qn = () => {
-  const { setIsOpenModal: r } = Nt(), { notification: o, setNotification: e } = Tt(), { setIsOpen: s } = yt(), n = window.location.href;
-  function g() {
+}, An = () => {
+  const { setIsOpenModal: r } = kt(), { notification: i, setNotification: e } = qt(), { setIsOpen: s } = Nt(), n = window.location.href;
+  function h() {
     navigator.clipboard.writeText(n), e({
       message: "Link copied to clipboard",
       status: "success"
     });
   }
-  function h() {
+  function u() {
     s(!1), setTimeout(() => {
       r(!1), s(!0);
     }, 300);
   }
-  function c(p, I) {
-    return p.length > I ? p.slice(0, I) + "..." : p;
+  function o(d, f) {
+    return d.length > f ? d.slice(0, f) + "..." : d;
   }
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
       className: Z.modal,
-      onClick: (p) => p.stopPropagation(),
+      onClick: (d) => d.stopPropagation(),
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: Z.header, children: [
           /* @__PURE__ */ t.jsx("div", { className: Z.title, children: "Copy Product Link" }),
           /* @__PURE__ */ t.jsx(
-            b,
+            x,
             {
               name: "X",
               fill: "#757575",
-              onClick: h,
+              onClick: u,
               hoverable: !0
             }
           )
@@ -2043,14 +2036,14 @@ const si = (r) => {
             tt,
             {
               type: "Secondary",
-              onClick: g,
+              onClick: h,
               style: {
                 flex: 1
               },
               children: [
-                /* @__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("div", { className: Z.copyText, children: o(n, 100) }),
+                /* @__PURE__ */ t.jsx("div", { className: Z.copyTextMobile, children: o(n, 40) }),
+                /* @__PURE__ */ t.jsx("div", { className: Z.copyTextMiniMobile, children: o(n, 20) })
               ]
             }
           ),
@@ -2058,49 +2051,49 @@ const si = (r) => {
             tt,
             {
               type: "Secondary",
-              onClick: g,
-              children: o ? /* @__PURE__ */ t.jsx(b, { name: "Check" }) : /* @__PURE__ */ t.jsx(b, { name: "Copy" })
+              onClick: h,
+              children: i ? /* @__PURE__ */ t.jsx(x, { name: "Check" }) : /* @__PURE__ */ t.jsx(x, { name: "Copy" })
             }
           )
         ] })
       ]
     }
   );
-}, 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 = () => {
+}, On = "_accordion_1s1lq_1", En = "_header_1s1lq_9", zn = "_icon_1s1lq_18", Rn = "_open_1s1lq_21", Ln = "_content_1s1lq_25", nt = {
+  accordion: On,
+  header: En,
+  icon: zn,
+  open: Rn,
+  content: Ln
+}, ci = ({ title: r, content: i, defaultOpen: e = !1 }) => {
+  const [s, n] = _.useState(e), [h, u] = _.useState(0), o = _.useRef(null), d = () => {
     n(!s);
   };
-  return f.useEffect(() => {
-    c.current && h(s ? c.current.scrollHeight : 0);
-  }, [s]), /* @__PURE__ */ t.jsxs("div", { className: st.accordion, children: [
+  return _.useEffect(() => {
+    o.current && u(s ? o.current.scrollHeight : 0);
+  }, [s]), /* @__PURE__ */ t.jsxs("div", { className: nt.accordion, children: [
     /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: st.header,
-        onClick: p,
+        className: nt.header,
+        onClick: d,
         children: [
           /* @__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", { className: Y(nt.icon, { [nt.open]: s }), children: /* @__PURE__ */ t.jsx(x, { name: "CaretDown" }) })
         ]
       }
     ),
     /* @__PURE__ */ t.jsx(
       "div",
       {
-        ref: c,
-        className: st.content,
-        style: { height: `${g}px` },
-        children: /* @__PURE__ */ t.jsx("p", { id: "p", children: o })
+        ref: o,
+        className: nt.content,
+        style: { height: `${h}px` },
+        children: /* @__PURE__ */ t.jsx("p", { id: "p", children: i })
       }
     )
   ] });
-}, ci = ({ children: r, path: o, className: e, target: s = "_self", id: n }) => {
+}, li = ({ children: r, path: i, className: e, target: s = "_self", id: n }) => {
   if (window.location.pathname.includes("/admin/builder"))
     return /* @__PURE__ */ t.jsx(
       "div",
@@ -2112,13 +2105,13 @@ const si = (r) => {
         children: r
       }
     );
-  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 }));
+  const h = lt(), u = /^https?:\/\//.test(i), o = (d) => {
+    u || s === "_blank" ? s === "_blank" ? window.open(i, "_blank") : window.location.href = i : (d.preventDefault(), h(i, { replace: !0 }));
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      onClick: c,
+      onClick: o,
       className: e,
       role: "link",
       style: { cursor: "pointer" },
@@ -2126,12 +2119,12 @@ const si = (r) => {
       children: r
     }
   );
-}, Dn = "_buttonsBlock_1b2rb_1", Ln = "_slideUp_1b2rb_1", Hn = {
+}, Dn = "_buttonsBlock_1b2rb_1", Hn = "_slideUp_1b2rb_1", Un = {
   buttonsBlock: Dn,
-  slideUp: Ln
-}, li = () => /* @__PURE__ */ t.jsxs("div", { className: Hn.buttonsBlock, children: [
+  slideUp: Hn
+}, ri = () => /* @__PURE__ */ t.jsxs("div", { className: Un.buttonsBlock, children: [
   /* @__PURE__ */ t.jsx(
-    Y,
+    G,
     {
       type: "Primary",
       style: {
@@ -2140,19 +2133,29 @@ const si = (r) => {
       children: "Add to Cart"
     }
   ),
-  /* @__PURE__ */ t.jsx(Y, { type: "Secondary", children: "Buy" })
-] }), 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: [
+  /* @__PURE__ */ t.jsx(G, { type: "Secondary", children: "Buy" })
+] }), Fn = "_wrapper_st58d_1", Vn = "_label_st58d_10", Yn = "_textarea_st58d_18", Gn = "_length_st58d_33", ct = {
+  wrapper: Fn,
+  label: Vn,
+  textarea: Yn,
+  length: Gn
+}, di = (r) => {
+  const {
+    onChange: i,
+    label: e,
+    value: s,
+    maxLength: n,
+    placeholder: h = "Type something...",
+    type: u = "text"
+  } = r, [o, d] = _.useState(s.length);
+  function f($) {
+    return u === "number" ? $.replace(/[^\d\n]+/g, "") : $;
+  }
+  return /* @__PURE__ */ t.jsxs("div", { className: ct.wrapper, children: [
     e && /* @__PURE__ */ t.jsx(
       "label",
       {
-        className: at.label,
+        className: ct.label,
         htmlFor: e,
         children: e
       }
@@ -2161,57 +2164,58 @@ const si = (r) => {
       "textarea",
       {
         id: e,
-        defaultValue: s,
-        onChange: (p) => {
-          c(p.target.value.length), o(p.target.value);
+        value: s,
+        onChange: ($) => {
+          const c = f($.target.value);
+          d(c.length), i(c);
         },
-        placeholder: g,
-        className: at.textarea,
+        placeholder: h,
+        className: ct.textarea,
         maxLength: n
       }
     ),
-    n && /* @__PURE__ */ t.jsxs("div", { className: at.length, children: [
-      h,
+    n && /* @__PURE__ */ t.jsxs("div", { className: ct.length, children: [
+      o,
       "/",
       n
     ] })
   ] });
 };
 export {
-  ai as Accordion,
-  yn as BurgerMenuButton,
-  Y as Button,
-  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,
-  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,
+  ci as Accordion,
+  Nn as BurgerMenuButton,
+  G as Button,
+  ms as ButtonTypeSettings,
+  ei as ButtonsSettings,
+  Qn as CategorySettings,
+  wt as ChooseImage,
+  hi as ChooseImageModal,
+  vn as EmptyCart,
+  ti as FormSettings,
+  ii as HeaderButtons,
+  x as Icon,
+  dt as InputSettings,
+  Mt as InputUI,
+  pi as ItemsSettings,
+  Kn as LayoutSettings,
+  li as Link,
+  si as ListingSelector,
+  _i as Loader,
+  vt as Modal,
+  oi as PagesMobileMenu,
+  yn as PagesMobileModal,
+  Zn as PagesSettings,
+  ri as ProductCardButtons,
+  ni as ProductOptions,
+  yt as RangeSelector,
+  at as Select,
+  ai as ShareLink,
+  bn as ShoppingButton,
+  jn as ShoppingModalCart,
+  ot as Switch,
+  gi as TextSettings,
+  xi as TextareaSettings,
+  di as TextareaUI,
   fi as TypesText,
-  It as UserInfo
+  Ct as UserInfo
 };