@billgangcom/theme-lib 1.66.1 → 1.66.3

package/dist/ui.es.js

@@ -1,20 +1,20 @@
-import { j as t, I as b, c as F, d as It, u as mt, e as ht, P as pt, S as ct, R as St, D as _t, f as gt, v as ft, B as rt, g as it, h as $t, a as wt, O as ut, i as st, k as xt, C as vt, l as Y, m as Mt, n as At, o as lt, p as Ot, r as bt, t as Q, L as Et, w as jt, x as dt, s as Nt, y as L, z as Rt, M as kt, A as qt, E as Dt, F as Bt, G as Pt, H as Lt, J as zt } from "./index-6YsaO6Zm.js";
-import { W as ta, N as ea, U as na, V as sa, K as ia, T as aa, Q as oa } from "./index-6YsaO6Zm.js";
+import { j as t, I as b, c as U, d as vt, u as dt, e as ut, P as ht, S as ot, R as kt, D as pt, f as mt, v as _t, B as ct, g as st, h as Ct, a as St, O as rt, i as et, k as gt, C as ft, l as H, m as Pt, n as Tt, o as it, p as Mt, r as bt, t as Q, L as At, w as xt, x as lt, s as yt, y as F, z as Ot, M as Nt, A as qt, E as Et, F as $t, G as wt, H as Rt, J as Dt } from "./index-CsIHg99C.js";
+import { W as Zi, N as ta, U as ea, V as sa, K as na, T as ia, Q as aa } from "./index-CsIHg99C.js";
 import f from "react";
-const Ft = "_wrapper_1vmyb_2", Vt = "_alignmentBlock_1vmyb_8", Ut = "_title_1vmyb_15", Ht = "_subtitle_1vmyb_22", Yt = "_alignmentContent_1vmyb_29", Wt = "_alignments_1vmyb_37", Gt = "_alignment_1vmyb_8", Qt = "_circle_1vmyb_60", Xt = "_paddings_1vmyb_67", Jt = "_padding_1vmyb_67", Kt = "_active_1vmyb_91", Zt = "_input_1vmyb_98", K = {
-  wrapper: Ft,
-  alignmentBlock: Vt,
-  title: Ut,
-  subtitle: Ht,
-  alignmentContent: Yt,
-  alignments: Wt,
-  alignment: Gt,
-  circle: Qt,
-  paddings: Xt,
-  padding: Jt,
-  active: Kt,
-  input: Zt
-}, te = [
+const zt = "_wrapper_kh9z8_2", Lt = "_block_kh9z8_8", Ft = "_title_kh9z8_16", Vt = "_subtitle_kh9z8_23", Ut = "_alignmentContent_kh9z8_30", Ht = "_alignments_kh9z8_39", Yt = "_alignment_kh9z8_30", Wt = "_circle_kh9z8_64", Gt = "_paddings_kh9z8_71", Qt = "_padding_kh9z8_71", Xt = "_active_kh9z8_97", Jt = "_input_kh9z8_104", G = {
+  wrapper: zt,
+  block: Lt,
+  title: Ft,
+  subtitle: Vt,
+  alignmentContent: Ut,
+  alignments: Ht,
+  alignment: Yt,
+  circle: Wt,
+  paddings: Gt,
+  padding: Qt,
+  active: Xt,
+  input: Jt
+}, Kt = [
   "topLeft",
   "top",
   "topRight",
@@ -24,10 +24,17 @@ const Ft = "_wrapper_1vmyb_2", Vt = "_alignmentBlock_1vmyb_8", Ut = "_title_1vmy
   "bottomLeft",
   "bottom",
   "bottomRight"
-], ee = ["left", "top", "right", "bottom"], Ei = (o) => {
-  const { alignment: s, padding: e, setPadding: n, setAlignment: a } = o;
-  function c(h) {
-    switch (h) {
+], Zt = ["left", "top", "right", "bottom"], Oi = (c) => {
+  const {
+    alignment: i,
+    padding: a,
+    setPadding: s,
+    setAlignment: e,
+    isAlignment: l = !0,
+    isPadding: d = !0
+  } = c;
+  function p(m) {
+    switch (m) {
       case "left":
       case "topLeft":
       case "bottomLeft":
@@ -44,8 +51,8 @@ const Ft = "_wrapper_1vmyb_2", Vt = "_alignmentBlock_1vmyb_8", Ut = "_title_1vmy
         return "TextAlignCenter";
     }
   }
-  function u(h) {
-    switch (h) {
+  function _(m) {
+    switch (m) {
       case "left":
         return "AlignLeft";
       case "right":
@@ -56,40 +63,40 @@ const Ft = "_wrapper_1vmyb_2", Vt = "_alignmentBlock_1vmyb_8", Ut = "_title_1vmy
         return "AlignBottom";
     }
   }
-  const [r, m] = f.useState(null), [_, B] = f.useState(null);
-  return /* @__PURE__ */ t.jsxs("div", { className: K.layout, children: [
-    /* @__PURE__ */ t.jsx("h3", { className: K.title, children: "Layout (for Desktop version)" }),
-    /* @__PURE__ */ t.jsxs("div", { className: K.alignmentBlock, children: [
-      /* @__PURE__ */ t.jsx("h5", { className: K.subtitle, children: "Alignment" }),
-      /* @__PURE__ */ t.jsxs("div", { className: K.alignmentContent, children: [
-        /* @__PURE__ */ t.jsx("div", { className: K.alignments, children: te.map((h) => /* @__PURE__ */ t.jsxs(
+  const [u, $] = f.useState(null), [y, n] = f.useState(null);
+  return /* @__PURE__ */ t.jsxs("div", { className: G.layout, children: [
+    /* @__PURE__ */ t.jsx("h3", { className: G.title, children: "Layout (for Desktop version)" }),
+    /* @__PURE__ */ t.jsxs("div", { className: G.alignmentContent, children: [
+      l && /* @__PURE__ */ t.jsxs("div", { className: G.block, children: [
+        /* @__PURE__ */ t.jsx("h5", { className: G.subtitle, children: "Alignment" }),
+        /* @__PURE__ */ t.jsx("div", { className: G.alignments, children: Kt.map((m) => /* @__PURE__ */ t.jsxs(
           "div",
           {
             onClick: () => {
-              a(h);
+              e(m);
             },
-            className: K.alignment,
+            className: G.alignment,
             onMouseEnter: () => {
-              m(h);
+              $(m);
             },
             onMouseLeave: () => {
-              m(null);
+              $(null);
             },
             children: [
-              h !== s && r !== h && /* @__PURE__ */ t.jsx("div", { className: K.circle }),
-              h !== s && r === h && /* @__PURE__ */ t.jsx(
+              m !== i && u !== m && /* @__PURE__ */ t.jsx("div", { className: G.circle }),
+              m !== i && u === m && /* @__PURE__ */ t.jsx(
                 b,
                 {
-                  name: c(r),
+                  name: p(u),
                   fill: "#c2c2c2",
                   width: 22,
                   height: 22
                 }
               ),
-              h === s && /* @__PURE__ */ t.jsx(
+              m === i && /* @__PURE__ */ t.jsx(
                 b,
                 {
-                  name: c(s),
+                  name: p(i),
                   fill: "#FF3F19",
                   width: 22,
                   height: 22
@@ -97,37 +104,40 @@ const Ft = "_wrapper_1vmyb_2", Vt = "_alignmentBlock_1vmyb_8", Ut = "_title_1vmy
               )
             ]
           },
-          h
-        )) }),
-        /* @__PURE__ */ t.jsx("div", { className: K.paddings, children: ee.map((h) => /* @__PURE__ */ t.jsxs(
+          m
+        )) })
+      ] }),
+      d && /* @__PURE__ */ t.jsxs("div", { className: G.block, children: [
+        /* @__PURE__ */ t.jsx("h5", { className: G.subtitle, children: "Paddings" }),
+        /* @__PURE__ */ t.jsx("div", { className: G.paddings, children: Zt.map((m) => /* @__PURE__ */ t.jsxs(
           "label",
           {
-            className: F(K.padding, {
-              [K.active]: _ === h
+            className: U(G.padding, {
+              [G.active]: y === m
             }),
             onFocus: () => {
-              B(h);
+              n(m);
             },
             onBlur: () => {
-              B(null);
+              n(null);
             },
             children: [
               /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
                 b,
                 {
-                  name: u(h),
+                  name: _(m),
                   width: 20,
                   height: 20
                 }
               ) }),
               /* @__PURE__ */ t.jsx(
-                It,
+                vt,
                 {
                   type: "number",
-                  value: String(e[h]),
-                  onChange: (i) => n({
-                    ...e,
-                    [h]: Math.min(Number(i), 999)
+                  value: String(a[m]),
+                  onChange: (o) => s({
+                    ...a,
+                    [m]: Math.min(Number(o), 999)
                   }),
                   max: 999,
                   paddingless: !0,
@@ -136,105 +146,105 @@ const Ft = "_wrapper_1vmyb_2", Vt = "_alignmentBlock_1vmyb_8", Ut = "_title_1vmy
               )
             ]
           },
-          h
+          m
         )) })
       ] })
     ] })
   ] });
-}, ne = "_title_82zux_1", se = "_subtitle_82zux_5", ie = "_header_82zux_12", ae = "_text_82zux_13", oe = "_productsBlock_82zux_14", ce = "_top_82zux_26", re = "_itemsBlock_82zux_35", le = "_typeTexts_82zux_41", de = "_block_82zux_48", ue = "_active_82zux_61", me = "_products_82zux_14", he = "_product_82zux_14", pe = "_button_82zux_80", _e = "_disabled_82zux_91", ge = "_image_82zux_95", fe = "_info_82zux_102", xe = "_name_82zux_114", ve = "_buttons_82zux_118", je = "_modal_82zux_125", be = "_link_82zux_145", ye = "_modalOptions_82zux_151", Ie = "_addButton_82zux_157", Ne = "_deleteButton_82zux_179", X = {
-  title: ne,
-  subtitle: se,
-  header: ie,
-  text: ae,
-  productsBlock: oe,
-  top: ce,
-  itemsBlock: re,
-  typeTexts: le,
-  block: de,
-  active: ue,
-  products: me,
-  product: he,
-  button: pe,
-  disabled: _e,
-  image: ge,
-  info: fe,
-  name: xe,
-  buttons: ve,
-  modal: je,
+}, te = "_title_82zux_1", ee = "_subtitle_82zux_5", se = "_header_82zux_12", ne = "_text_82zux_13", ie = "_productsBlock_82zux_14", ae = "_top_82zux_26", oe = "_itemsBlock_82zux_35", ce = "_typeTexts_82zux_41", le = "_block_82zux_48", re = "_active_82zux_61", de = "_products_82zux_14", ue = "_product_82zux_14", he = "_button_82zux_80", pe = "_disabled_82zux_91", me = "_image_82zux_95", _e = "_info_82zux_102", ge = "_name_82zux_114", fe = "_buttons_82zux_118", xe = "_modal_82zux_125", be = "_link_82zux_145", je = "_modalOptions_82zux_151", ve = "_addButton_82zux_157", ye = "_deleteButton_82zux_179", X = {
+  title: te,
+  subtitle: ee,
+  header: se,
+  text: ne,
+  productsBlock: ie,
+  top: ae,
+  itemsBlock: oe,
+  typeTexts: ce,
+  block: le,
+  active: re,
+  products: de,
+  product: ue,
+  button: he,
+  disabled: pe,
+  image: me,
+  info: _e,
+  name: ge,
+  buttons: fe,
+  modal: xe,
   link: be,
-  modalOptions: ye,
-  addButton: Ie,
-  deleteButton: Ne
+  modalOptions: je,
+  addButton: ve,
+  deleteButton: ye
 };
-function ke({ id: o, children: s }) {
+function Ne({ id: c, children: i }) {
   const {
-    attributes: e,
-    listeners: n,
-    setNodeRef: a,
-    transform: c,
-    transition: u,
-    isDragging: r
-  } = xt({
-    id: o
-  }), m = {
-    transform: vt.Transform.toString(c),
-    transition: u
+    attributes: a,
+    listeners: s,
+    setNodeRef: e,
+    transform: l,
+    transition: d,
+    isDragging: p
+  } = gt({
+    id: c
+  }), _ = {
+    transform: ft.Transform.toString(l),
+    transition: d
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      ref: a,
-      style: m,
-      className: `${X.product} ${r ? X.dragging : ""}`,
-      ...e,
-      ...n,
-      children: s
+      ref: e,
+      style: _,
+      className: `${X.product} ${p ? X.dragging : ""}`,
+      ...a,
+      ...s,
+      children: i
     }
   );
 }
-const Ri = (o) => {
+const Ei = (c) => {
   const {
-    isActiveItems: s,
-    setIsActiveItems: e,
-    items: n,
-    setItems: a,
-    other: c,
-    tags: u,
-    title: r,
-    subtitle: m,
-    draggable: _ = !1,
-    withImage: B = !1,
-    addable: h = !0,
-    itemsOptions: i,
-    hasRangeSelector: y = !1,
-    rangeSelectorOptions: d,
-    limit: C,
-    autoScrollInterval: v,
-    deletable: N,
-    aspectRatio: I,
-    setAspectRatio: A
-  } = o, x = mt(
-    ht(pt, {
+    isActiveItems: i,
+    setIsActiveItems: a,
+    items: s,
+    setItems: e,
+    other: l,
+    tags: d,
+    title: p,
+    subtitle: _,
+    draggable: u = !1,
+    withImage: $ = !1,
+    addable: y = !0,
+    itemsOptions: n,
+    hasRangeSelector: m = !1,
+    rangeSelectorOptions: o,
+    limit: T,
+    autoScrollInterval: g,
+    deletable: I,
+    aspectRatio: k,
+    setAspectRatio: O
+  } = c, z = dt(
+    ut(ht, {
       activationConstraint: {
         distance: 5
       }
     })
-  ), D = (p) => {
-    const { active: g, over: w } = p;
-    if (w && g.id !== w.id) {
-      const S = n.findIndex((q) => q === g.id), P = n.findIndex((q) => q === w.id);
-      if (S !== -1 && P !== -1) {
-        const q = [...n], [j] = q.splice(S, 1);
-        q.splice(P, 0, j), a(q);
+  ), R = (h) => {
+    const { active: C, over: S } = h;
+    if (S && C.id !== S.id) {
+      const v = s.findIndex((M) => M === C.id), w = s.findIndex((M) => M === S.id);
+      if (v !== -1 && w !== -1) {
+        const M = [...s], [x] = M.splice(v, 1);
+        M.splice(w, 0, x), e(M);
       }
     }
   };
-  function z(p) {
-    if (B)
-      return p ? /* @__PURE__ */ t.jsx(
+  function j(h) {
+    if ($)
+      return h ? /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: `https://imagedelivery.net/${p[0]}/w=1000`,
+          src: `https://imagedelivery.net/${h[0]}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
@@ -249,11 +259,11 @@ const Ri = (o) => {
         }
       );
   }
-  const H = (p, g = !1) => {
-    const w = i.find((P) => P.id === p);
-    if (!w) return;
-    const S = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+  const L = (h, C = !1) => {
+    const S = n.find((w) => w.id === h);
+    if (!S) return;
+    const v = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      u && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         b,
         {
           name: "DotsSixVertical",
@@ -263,23 +273,23 @@ const Ri = (o) => {
         }
       ) }),
       /* @__PURE__ */ t.jsx(
-        it,
+        st,
         {
-          onChange: (P) => {
-            const q = [...n], j = i.find((T) => T.name === P);
-            if (!j) return;
-            const M = j.id, V = q.map((T) => T === p ? M : T);
-            a([...V]);
+          onChange: (w) => {
+            const M = [...s], x = n.find((r) => r.name === w);
+            if (!x) return;
+            const A = x.id, V = M.map((r) => r === h ? A : r);
+            e([...V]);
           },
-          value: w.name,
-          options: i.filter((P) => !n.find((q) => q === P.id)).map((P) => P.name),
-          leftAddonOptions: i.map((P) => ({
-            value: P.name,
-            addon: z(P.images)
+          value: S.name,
+          options: n.filter((w) => !s.find((M) => M === w.id)).map((w) => w.name),
+          leftAddonOptions: n.map((w) => ({
+            value: w.name,
+            addon: j(w.images)
           }))
         }
       ),
-      g && /* @__PURE__ */ t.jsx("div", { className: X.buttons, children: /* @__PURE__ */ t.jsx("div", { className: X.deleteButton, children: /* @__PURE__ */ t.jsx(
+      C && /* @__PURE__ */ t.jsx("div", { className: X.buttons, children: /* @__PURE__ */ t.jsx("div", { className: X.deleteButton, children: /* @__PURE__ */ t.jsx(
         b,
         {
           name: "Trash",
@@ -287,56 +297,56 @@ const Ri = (o) => {
           width: 20,
           height: 20,
           fill: "#C12A2A",
-          onClick: () => a(n.filter((P) => P !== p))
+          onClick: () => e(s.filter((w) => w !== h))
         }
       ) }) })
     ] });
-    return _ ? /* @__PURE__ */ t.jsx(
-      ke,
+    return u ? /* @__PURE__ */ t.jsx(
+      Ne,
       {
-        id: p,
-        children: S
+        id: h,
+        children: v
       },
-      st()
+      et()
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: X.product,
-        children: S
+        children: v
       },
-      st()
+      et()
     );
   };
   return /* @__PURE__ */ t.jsxs("div", { className: X.productsBlock, children: [
-    (r || s !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: X.top, children: [
-      r && /* @__PURE__ */ t.jsx("h3", { className: X.title, children: r }),
-      s !== void 0 && /* @__PURE__ */ t.jsx(
-        ct,
+    (p || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: X.top, children: [
+      p && /* @__PURE__ */ t.jsx("h3", { className: X.title, children: p }),
+      i !== void 0 && /* @__PURE__ */ t.jsx(
+        ot,
         {
-          current: s,
-          onChange: (p) => e == null ? void 0 : e(p)
+          current: i,
+          onChange: (h) => a == null ? void 0 : a(h)
         }
       )
     ] }),
-    y && d && /* @__PURE__ */ t.jsx(St, { ...d }),
+    m && o && /* @__PURE__ */ t.jsx(kt, { ...o }),
     /* @__PURE__ */ t.jsxs("div", { className: X.products, children: [
-      m && /* @__PURE__ */ t.jsx("h5", { className: X.subtitle, children: m }),
-      _ ? /* @__PURE__ */ t.jsx(
-        _t,
+      _ && /* @__PURE__ */ t.jsx("h5", { className: X.subtitle, children: _ }),
+      u ? /* @__PURE__ */ t.jsx(
+        pt,
         {
-          sensors: x,
-          onDragEnd: D,
+          sensors: z,
+          onDragEnd: R,
           children: /* @__PURE__ */ t.jsx(
-            gt,
+            mt,
             {
-              items: n,
-              strategy: ft,
-              children: n.map((p) => H(p, N))
+              items: s,
+              strategy: _t,
+              children: s.map((h) => L(h, I))
             }
           )
         }
-      ) : n.map((p) => H(p, N)),
-      h && /* @__PURE__ */ t.jsx(
+      ) : s.map((h) => L(h, I)),
+      y && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -346,25 +356,25 @@ const Ri = (o) => {
             gap: 5
           },
           children: /* @__PURE__ */ t.jsx(
-            rt,
+            ct,
             {
               withoutHover: !0,
-              className: F(X.button, {
-                [X.disabled]: !!(C && C <= n.length || n.length === i.length)
+              className: U(X.button, {
+                [X.disabled]: !!(T && T <= s.length || s.length === n.length)
               }),
               size: "s",
-              disabled: !!(C && C <= n.length || n.length === i.length),
+              disabled: !!(T && T <= s.length || s.length === n.length),
               onClick: () => {
-                const p = [...n];
-                let g = null;
-                if (i) {
-                  for (let w = 0; w < i.length; w++)
-                    if (!n.find((S) => S === i[w].id)) {
-                      g = i[w];
+                const h = [...s];
+                let C = null;
+                if (n) {
+                  for (let S = 0; S < n.length; S++)
+                    if (!s.find((v) => v === n[S].id)) {
+                      C = n[S];
                       break;
                     }
                 }
-                p.push((g == null ? void 0 : g.id) || i[0].id), a(p);
+                h.push((C == null ? void 0 : C.id) || n[0].id), e(h);
               },
               style: {
                 width: "fit-content"
@@ -385,37 +395,37 @@ const Ri = (o) => {
         }
       )
     ] }),
-    I && A && /* @__PURE__ */ t.jsx(
-      it,
+    k && O && /* @__PURE__ */ t.jsx(
+      st,
       {
-        value: I,
+        value: k,
         label: "Aspect Ratio",
-        options: Object.keys($t),
-        onChange: (p) => A(p),
-        leftAddonOptions: wt
+        options: Object.keys(Ct),
+        onChange: (h) => O(h),
+        leftAddonOptions: St
       }
     ),
-    u !== void 0 && /* @__PURE__ */ t.jsx(
-      ut,
+    d !== void 0 && /* @__PURE__ */ t.jsx(
+      rt,
       {
         tagsTitle: "Tags",
-        items: u
+        items: d
       }
     ),
-    c !== void 0 && /* @__PURE__ */ t.jsx(
-      ut,
+    l !== void 0 && /* @__PURE__ */ t.jsx(
+      rt,
       {
         otherTitle: "Other",
-        items: c
+        items: l
       }
     ),
-    v !== void 0 && /* @__PURE__ */ t.jsx(
-      It,
+    g !== void 0 && /* @__PURE__ */ t.jsx(
+      vt,
       {
         label: "Auto scroll interval",
         type: "number",
-        value: String(v.scrollInterval),
-        onChange: (p) => v.setScrollInterval(Number(p)),
+        value: String(g.scrollInterval),
+        onChange: (h) => g.setScrollInterval(Number(h)),
         min: 0.1,
         max: 100,
         style: {
@@ -425,108 +435,108 @@ const Ri = (o) => {
       }
     )
   ] });
-}, Ce = "_title_roi3a_1", Se = "_subtitle_roi3a_5", $e = "_header_roi3a_12", we = "_text_roi3a_13", qe = "_productsBlock_roi3a_14", Be = "_top_roi3a_26", Pe = "_itemsBlock_roi3a_35", Te = "_typeTexts_roi3a_41", Me = "_block_roi3a_48", Ae = "_active_roi3a_61", Oe = "_products_roi3a_14", Ee = "_product_roi3a_14", Re = "_button_roi3a_80", De = "_disabled_roi3a_91", Le = "_image_roi3a_95", ze = "_info_roi3a_102", Fe = "_name_roi3a_114", Ve = "_buttons_roi3a_118", Ue = "_modal_roi3a_125", He = "_link_roi3a_145", Ye = "_modalOptions_roi3a_151", We = "_addButton_roi3a_164", Ge = "_deleteButton_roi3a_179", Qe = "_closeIcon_roi3a_191", W = {
-  title: Ce,
-  subtitle: Se,
-  header: $e,
-  text: we,
+}, Ie = "_title_roi3a_1", ke = "_subtitle_roi3a_5", Ce = "_header_roi3a_12", Se = "_text_roi3a_13", qe = "_productsBlock_roi3a_14", $e = "_top_roi3a_26", we = "_itemsBlock_roi3a_35", Be = "_typeTexts_roi3a_41", Pe = "_block_roi3a_48", Te = "_active_roi3a_61", Me = "_products_roi3a_14", Ae = "_product_roi3a_14", Oe = "_button_roi3a_80", Ee = "_disabled_roi3a_91", Re = "_image_roi3a_95", De = "_info_roi3a_102", ze = "_name_roi3a_114", Le = "_buttons_roi3a_118", Fe = "_modal_roi3a_125", Ve = "_link_roi3a_145", Ue = "_modalOptions_roi3a_151", He = "_addButton_roi3a_164", Ye = "_deleteButton_roi3a_179", We = "_closeIcon_roi3a_191", Y = {
+  title: Ie,
+  subtitle: ke,
+  header: Ce,
+  text: Se,
   productsBlock: qe,
-  top: Be,
-  itemsBlock: Pe,
-  typeTexts: Te,
-  block: Me,
-  active: Ae,
-  products: Oe,
-  product: Ee,
-  button: Re,
-  disabled: De,
-  image: Le,
-  info: ze,
-  name: Fe,
-  buttons: Ve,
-  modal: Ue,
-  link: He,
-  modalOptions: Ye,
-  addButton: We,
-  deleteButton: Ge,
-  closeIcon: Qe
+  top: $e,
+  itemsBlock: we,
+  typeTexts: Be,
+  block: Pe,
+  active: Te,
+  products: Me,
+  product: Ae,
+  button: Oe,
+  disabled: Ee,
+  image: Re,
+  info: De,
+  name: ze,
+  buttons: Le,
+  modal: Fe,
+  link: Ve,
+  modalOptions: Ue,
+  addButton: He,
+  deleteButton: Ye,
+  closeIcon: We
 };
-function Xe({ product: o, children: s }) {
+function Ge({ product: c, children: i }) {
   const {
-    attributes: e,
-    listeners: n,
-    setNodeRef: a,
-    transform: c,
-    transition: u,
-    isDragging: r
-  } = xt({
-    id: o.id
-  }), m = {
-    transform: vt.Transform.toString(c),
-    transition: u
+    attributes: a,
+    listeners: s,
+    setNodeRef: e,
+    transform: l,
+    transition: d,
+    isDragging: p
+  } = gt({
+    id: c.id
+  }), _ = {
+    transform: ft.Transform.toString(l),
+    transition: d
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      ref: a,
-      style: m,
-      className: `${W.product} ${r ? W.dragging : ""}`,
-      ...e,
-      ...n,
-      children: s
+      ref: e,
+      style: _,
+      className: `${Y.product} ${p ? Y.dragging : ""}`,
+      ...a,
+      ...s,
+      children: i
     }
   );
 }
-const Di = (o) => {
+const Ri = (c) => {
   const {
-    isActiveItems: s,
-    setIsActiveItems: e,
-    items: n,
-    setItems: a,
-    title: c,
-    subtitle: u,
-    editable: r = !0,
-    draggable: m = !1,
-    deletable: _ = !0,
-    addable: B = !0,
-    itemsType: h,
-    itemsOptions: i,
-    addableOptions: y = {},
-    limit: d
-  } = o, [C, v] = f.useState(null), [N, I] = f.useState(null), A = f.useRef(null), x = mt(
-    ht(pt, {
+    isActiveItems: i,
+    setIsActiveItems: a,
+    items: s,
+    setItems: e,
+    title: l,
+    subtitle: d,
+    editable: p = !0,
+    draggable: _ = !1,
+    deletable: u = !0,
+    addable: $ = !0,
+    itemsType: y,
+    itemsOptions: n,
+    addableOptions: m = {},
+    limit: o
+  } = c, [T, g] = f.useState(null), [I, k] = f.useState(null), O = f.useRef(null), z = dt(
+    ut(ht, {
       activationConstraint: {
         distance: 5
       }
     })
   );
   f.useEffect(() => {
-    if (C) {
-      const p = [...n].map((g) => g.id === C.id ? C : g);
-      a(p);
+    if (T) {
+      const h = [...s].map((C) => C.id === T.id ? T : C);
+      e(h);
     }
-  }, [C]), f.useEffect(() => {
-    A.current && N && (A.current.getBoundingClientRect().height, N.top);
-  }, [A.current, N]);
-  const D = (p, g) => {
-    p.stopPropagation();
-    const w = p.target.getBoundingClientRect();
-    I({
-      top: w.top + window.scrollY,
-      left: w.left - 30
-    }), v(g);
-  }, z = (p) => {
-    const { active: g, over: w } = p;
-    if (w && g.id !== w.id) {
-      const S = n.findIndex((q) => q.id === g.id), P = n.findIndex((q) => q.id === w.id);
-      if (S !== -1 && P !== -1) {
-        const q = [...n], [j] = q.splice(S, 1);
-        q.splice(P, 0, j), a(q);
+  }, [T]), f.useEffect(() => {
+    O.current && I && (O.current.getBoundingClientRect().height, I.top);
+  }, [O.current, I]);
+  const R = (h, C) => {
+    h.stopPropagation();
+    const S = h.target.getBoundingClientRect();
+    k({
+      top: S.top + window.scrollY,
+      left: S.left - 30
+    }), g(C);
+  }, j = (h) => {
+    const { active: C, over: S } = h;
+    if (S && C.id !== S.id) {
+      const v = s.findIndex((M) => M.id === C.id), w = s.findIndex((M) => M.id === S.id);
+      if (v !== -1 && w !== -1) {
+        const M = [...s], [x] = M.splice(v, 1);
+        M.splice(w, 0, x), e(M);
       }
     }
-  }, H = (p, g) => {
-    const w = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      m && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+  }, L = (h, C) => {
+    const S = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         b,
         {
           name: "DotsSixVertical",
@@ -535,41 +545,41 @@ const Di = (o) => {
           height: 20
         }
       ) }),
-      h === "select" && i && /* @__PURE__ */ t.jsx(
-        it,
+      y === "select" && n && /* @__PURE__ */ t.jsx(
+        st,
         {
-          onChange: (S) => {
-            const P = [...n], q = i.find((M) => M.name === S);
-            if (!q) return;
-            const j = P.map((M) => M.id === p.id ? {
-              ...q,
+          onChange: (v) => {
+            const w = [...s], M = n.find((A) => A.name === v);
+            if (!M) return;
+            const x = w.map((A) => A.id === h.id ? {
+              ...M,
               name: {
-                "en-US": S
+                "en-US": v
               }
-            } : M);
-            v({
-              ...p,
+            } : A);
+            g({
+              ...h,
               name: {
-                "en-US": S
+                "en-US": v
               }
-            }), a([...j]);
+            }), e([...x]);
           },
-          value: p.name,
-          options: i.filter((S) => !n.find((P) => P.name === S.name)).map((S) => S.name)
+          value: h.name,
+          options: n.filter((v) => !s.find((w) => w.name === v.name)).map((v) => v.name)
         }
       ),
-      /* @__PURE__ */ t.jsxs("div", { className: W.buttons, children: [
-        r && /* @__PURE__ */ t.jsx("div", { className: W.deleteButton, children: /* @__PURE__ */ t.jsx(
+      /* @__PURE__ */ t.jsxs("div", { className: Y.buttons, children: [
+        p && /* @__PURE__ */ t.jsx("div", { className: Y.deleteButton, children: /* @__PURE__ */ t.jsx(
           b,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (S) => D(S, p)
+            onClick: (v) => R(v, h)
           }
         ) }),
-        _ && /* @__PURE__ */ t.jsx("div", { className: W.deleteButton, children: /* @__PURE__ */ t.jsx(
+        u && /* @__PURE__ */ t.jsx("div", { className: Y.deleteButton, children: /* @__PURE__ */ t.jsx(
           b,
           {
             name: "Trash",
@@ -577,57 +587,57 @@ const Di = (o) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => a(n.filter((S) => S.id !== p.id))
+            onClick: () => e(s.filter((v) => v.id !== h.id))
           }
         ) })
       ] })
     ] });
-    return m ? /* @__PURE__ */ t.jsx(
-      Xe,
+    return _ ? /* @__PURE__ */ t.jsx(
+      Ge,
       {
-        product: p,
-        index: g,
-        children: w
+        product: h,
+        index: C,
+        children: S
       },
-      p.id
+      h.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: W.product,
-        children: w
+        className: Y.product,
+        children: S
       },
-      p.id
+      h.id
     );
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: W.productsBlock, children: [
-    (c || s !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: W.top, children: [
-      c && /* @__PURE__ */ t.jsx("h3", { className: W.title, children: c }),
-      s !== void 0 && /* @__PURE__ */ t.jsx(
-        ct,
+  return /* @__PURE__ */ t.jsxs("div", { className: Y.productsBlock, children: [
+    (l || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: Y.top, children: [
+      l && /* @__PURE__ */ t.jsx("h3", { className: Y.title, children: l }),
+      i !== void 0 && /* @__PURE__ */ t.jsx(
+        ot,
         {
-          current: s,
-          onChange: (p) => e == null ? void 0 : e(p)
+          current: i,
+          onChange: (h) => a == null ? void 0 : a(h)
         }
       )
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: W.products, children: [
-      u && /* @__PURE__ */ t.jsx("h5", { className: W.subtitle, children: u }),
-      m ? /* @__PURE__ */ t.jsx(
-        _t,
+    /* @__PURE__ */ t.jsxs("div", { className: Y.products, children: [
+      d && /* @__PURE__ */ t.jsx("h5", { className: Y.subtitle, children: d }),
+      _ ? /* @__PURE__ */ t.jsx(
+        pt,
         {
-          sensors: x,
-          onDragEnd: z,
+          sensors: z,
+          onDragEnd: j,
           children: /* @__PURE__ */ t.jsx(
-            gt,
+            mt,
             {
-              items: n.map((p) => p.id),
-              strategy: ft,
-              children: n.map((p, g) => H(p, g))
+              items: s.map((h) => h.id),
+              strategy: _t,
+              children: s.map((h, C) => L(h, C))
             }
           )
         }
-      ) : n.map((p, g) => H(p, g)),
-      B && /* @__PURE__ */ t.jsx(
+      ) : s.map((h, C) => L(h, C)),
+      $ && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -636,34 +646,34 @@ const Di = (o) => {
             justifyContent: "center"
           },
           children: /* @__PURE__ */ t.jsx(
-            rt,
+            ct,
             {
               withoutHover: !0,
-              className: F(W.button, {
-                [W.disabled]: !!(d && d <= n.length || n.length === (i == null ? void 0 : i.length))
+              className: U(Y.button, {
+                [Y.disabled]: !!(o && o <= s.length || s.length === (n == null ? void 0 : n.length))
               }),
               size: "s",
-              disabled: !!(d && d <= n.length || n.length === (i == null ? void 0 : i.length)),
+              disabled: !!(o && o <= s.length || s.length === (n == null ? void 0 : n.length)),
               onClick: () => {
-                const p = [...n];
-                let g = null;
-                if (i) {
-                  for (let w = 0; w < i.length; w++)
-                    if (!n.find((S) => S.id === i[w].id)) {
-                      g = i[w];
+                const h = [...s];
+                let C = null;
+                if (n) {
+                  for (let S = 0; S < n.length; S++)
+                    if (!s.find((v) => v.id === n[S].id)) {
+                      C = n[S];
                       break;
                     }
                 }
-                h === "select" && i && p.push({
-                  name: g ? g.name : i[0].name,
-                  id: (g == null ? void 0 : g.id) || i[0].id,
-                  ...y
-                }), a(p);
+                y === "select" && n && h.push({
+                  name: C ? C.name : n[0].name,
+                  id: (C == null ? void 0 : C.id) || n[0].id,
+                  ...m
+                }), e(h);
               },
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ t.jsxs("div", { className: W.addButton, children: [
+              children: /* @__PURE__ */ t.jsxs("div", { className: Y.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
                   b,
@@ -681,120 +691,98 @@ const Di = (o) => {
     ] })
   ] });
 };
-function Je(o) {
-  const { product: s, children: e } = o, { attributes: n, listeners: a, setNodeRef: c, transform: u, transition: r, isDragging: m } = xt({
-    id: s.id
-  }), _ = {
-    transform: vt.Transform.toString(u),
-    transition: r
+function Qe(c) {
+  const { product: i, children: a } = c, { attributes: s, listeners: e, setNodeRef: l, transform: d, transition: p, isDragging: _ } = gt({
+    id: i.id
+  }), u = {
+    transform: ft.Transform.toString(d),
+    transition: p
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      ref: c,
-      style: _,
-      className: `${Y.product} ${m ? Y.dragging : ""}`,
-      ...n,
-      ...a,
-      children: e
+      ref: l,
+      style: u,
+      className: `${H.product} ${_ ? H.dragging : ""}`,
+      ...s,
+      ...e,
+      children: a
     }
   );
 }
-const Li = (o) => {
+const Di = (c) => {
   const {
-    isActiveItems: s,
-    setIsActiveItems: e,
-    items: n,
-    setItems: a,
-    other: c,
-    title: u,
-    subtitle: r,
-    editable: m = !0,
-    draggable: _ = !1,
-    withImage: B = !1,
-    deletable: h = !0,
-    addable: i = !0,
-    itemsType: y,
-    itemsPlaceholder: d = "",
-    itemsOptions: C,
-    hasRangeSelector: v = !1,
-    rangeSelectorOptions: N,
+    isActiveItems: i,
+    setIsActiveItems: a,
+    items: s,
+    setItems: e,
+    other: l,
+    title: d,
+    subtitle: p,
+    editable: _ = !0,
+    draggable: u = !1,
+    deletable: $ = !0,
+    addable: y = !0,
+    itemsType: n,
+    itemsPlaceholder: m = "",
+    itemsOptions: o,
+    hasRangeSelector: T = !1,
+    rangeSelectorOptions: g,
     modalOptions: I,
-    addableOptions: A = {},
-    limit: x
-  } = o, [D, z] = f.useState(null), [H, p] = f.useState({
+    addableOptions: k = {},
+    limit: O
+  } = c, [z, R] = f.useState(null), [j, L] = f.useState({
     top: 0,
     left: 0
-  }), [g, w] = f.useState(null), S = f.useRef(null), [P, q] = f.useState(!1), j = mt(
-    ht(pt, {
+  }), [h, C] = f.useState(null), S = f.useRef(null), [v, w] = f.useState(!1), M = dt(
+    ut(ht, {
       activationConstraint: {
         distance: 5
       }
     })
   );
   f.useEffect(() => {
-    const l = () => {
-      z(null), q(!1);
+    const r = () => {
+      R(null), w(!1);
     };
-    return document.body.addEventListener("click", l), z(null), q(!1), () => {
-      z(null), q(!1), document.body.removeEventListener("click", l);
+    return document.body.addEventListener("click", r), R(null), w(!1), () => {
+      R(null), w(!1), document.body.removeEventListener("click", r);
     };
   }, []), f.useEffect(() => {
-    if (D) {
-      const l = [...n].map((E) => E.id === D.id ? D : E);
-      a(l);
+    if (z) {
+      const r = [...s].map((P) => P.id === z.id ? z : P);
+      e(r);
     }
-  }, [D]), f.useEffect(() => {
-    if (S.current && g) {
-      const l = S.current.getBoundingClientRect().height, E = window.innerHeight;
-      let R = g.top;
-      R + l > E + window.scrollY - 200 && (R = E + window.scrollY - l - 200), R < 0 && (R = 10), p({
-        top: R,
-        left: g.left
+  }, [z]), f.useEffect(() => {
+    if (S.current && h) {
+      const r = S.current.getBoundingClientRect().height, P = window.innerHeight;
+      let N = h.top;
+      N + r > P + window.scrollY - 200 && (N = P + window.scrollY - r - 200), N < 0 && (N = 10), L({
+        top: N,
+        left: h.left
       });
     }
-  }, [S.current, g]);
-  const M = (l, E) => {
-    l.stopPropagation();
-    const R = l.target.getBoundingClientRect();
-    w({
-      top: R.top + window.scrollY,
-      left: R.left - 30
-    }), z(E), q(!0);
-  };
-  function V(l) {
-    if (B)
-      return l ? /* @__PURE__ */ t.jsx(
-        "img",
-        {
-          src: `https://imagedelivery.net/${l[0]}/w=1000`,
-          alt: "image",
-          width: 16,
-          height: 16
-        }
-      ) : /* @__PURE__ */ t.jsx(
-        b,
-        {
-          name: "Image",
-          width: 16,
-          height: 16,
-          fill: "#757575"
-        }
-      );
-  }
-  const T = (l) => {
-    const { active: E, over: R } = l;
-    if (R && E.id !== R.id) {
-      const O = n.findIndex((G) => G.id === E.id), nt = n.findIndex((G) => G.id === R.id);
-      if (O !== -1 && nt !== -1) {
-        const G = [...n], [Z] = G.splice(O, 1);
-        G.splice(nt, 0, Z), a(G);
+  }, [S.current, h]);
+  const x = (r, P) => {
+    r.stopPropagation();
+    const N = r.target.getBoundingClientRect();
+    C({
+      top: N.top + window.scrollY,
+      left: N.left - 30
+    }), R(P), w(!0);
+  }, A = (r) => {
+    const { active: P, over: N } = r;
+    if (N && P.id !== N.id) {
+      const E = s.findIndex((D) => D.id === P.id), K = s.findIndex((D) => D.id === N.id);
+      if (E !== -1 && K !== -1) {
+        const D = [...s], [J] = D.splice(E, 1);
+        D.splice(K, 0, J), e(D);
       }
     }
-  }, U = (l) => {
-    var R;
-    const E = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+  }, V = (r) => {
+    var N;
+    const P = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      u && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         b,
         {
           name: "DotsSixVertical",
@@ -803,76 +791,70 @@ const Li = (o) => {
           height: 20
         }
       ) }),
-      y === "select" && C && /* @__PURE__ */ t.jsx(
-        it,
+      n === "select" && o && /* @__PURE__ */ t.jsx(
+        st,
         {
-          onChange: (O) => {
-            const G = [...n].map((Z) => Z.id === l.id ? {
-              ...l,
+          onChange: (E) => {
+            const D = [...s].map((J) => J.id === r.id ? {
+              ...r,
               name: {
-                "en-US": O
+                "en-US": E
               }
-            } : Z);
-            z({
-              ...l,
+            } : J);
+            R({
+              ...r,
               name: {
-                "en-US": O
+                "en-US": E
               }
-            }), a([...G]);
+            }), e([...D]);
           },
-          value: l.name["en-US"],
-          options: C.filter(
-            (O) => !n.find((nt) => nt.name["en-US"] === O)
-          ),
-          leftAddonOptions: [
-            {
-              value: l.name["en-US"],
-              addon: V(l.images)
-            }
-          ]
+          value: r.name["en-US"],
+          options: o.filter(
+            (E) => !s.find((K) => K.name["en-US"] === E)
+          )
         }
       ),
-      y === "input" && /* @__PURE__ */ t.jsx(
-        It,
+      n === "input" && /* @__PURE__ */ t.jsx(
+        vt,
         {
-          onChange: (O) => {
-            const G = [...n].map((Z) => Z.id === l.id ? {
-              ...l,
+          onChange: (E) => {
+            const D = [...s].map((J) => J.id === r.id ? {
+              ...r,
               name: {
-                "en-US": O
+                "en-US": E
               }
-            } : Z);
-            a([...G]);
+            } : J);
+            e([...D]);
           },
-          value: l.name["en-US"],
-          placeholder: d
+          value: r.name["en-US"],
+          placeholder: m
         }
       ),
-      y === "image" && /* @__PURE__ */ t.jsx(
-        At,
+      n === "image" && /* @__PURE__ */ t.jsx(
+        Tt,
         {
-          onChange: (O) => {
-            const G = [...n].map((Z) => Z.id === l.id ? {
-              ...l,
-              images: O
-            } : Z);
-            a([...G]);
+          onChange: (E) => {
+            const D = [...s].map((J) => J.id === r.id ? {
+              ...r,
+              images: E
+            } : J);
+            e([...D]);
           },
-          activeImage: (R = n.find((O) => O.id === l.id)) == null ? void 0 : R.images[0]
+          activeImage: (N = s.find((E) => E.id === r.id)) == null ? void 0 : N.images[0]
         }
       ),
-      /* @__PURE__ */ t.jsxs("div", { className: Y.buttons, children: [
-        m && /* @__PURE__ */ t.jsx("div", { className: Y.deleteButton, children: /* @__PURE__ */ t.jsx(
+      /* @__PURE__ */ t.jsxs("div", { className: H.buttons, children: [
+        _ && /* @__PURE__ */ t.jsx("div", { className: H.deleteButton, children: /* @__PURE__ */ t.jsx(
           b,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (O) => M(O, l)
+            onClick: (E) => x(E, r)
           }
         ) }),
-        h && /* @__PURE__ */ t.jsx("div", { className: Y.deleteButton, children: /* @__PURE__ */ t.jsx(
+        $ && /* @__PURE__ */ t.jsx("div", { className: H.deleteButton, children: /* @__PURE__ */ t.jsx(
           b,
           {
             name: "Trash",
@@ -880,68 +862,68 @@ const Li = (o) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => a(n.filter((O) => O.id !== l.id))
+            onClick: () => e(s.filter((E) => E.id !== r.id))
           }
         ) })
       ] })
     ] });
-    return _ ? /* @__PURE__ */ t.jsx(
-      Je,
+    return u ? /* @__PURE__ */ t.jsx(
+      Qe,
       {
-        product: l,
-        children: E
+        product: r,
+        children: P
       },
-      l.id
+      r.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: Y.product,
-        children: E
+        className: H.product,
+        children: P
       },
-      l.id
+      r.id
     );
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: Y.productsBlock, children: [
-    (u || s !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: Y.top, children: [
-      u && /* @__PURE__ */ t.jsx("h3", { className: Y.title, children: u }),
-      s !== void 0 && /* @__PURE__ */ t.jsx(
-        ct,
+  return /* @__PURE__ */ t.jsxs("div", { className: H.productsBlock, children: [
+    (d || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: H.top, children: [
+      d && /* @__PURE__ */ t.jsx("h3", { className: H.title, children: d }),
+      i !== void 0 && /* @__PURE__ */ t.jsx(
+        ot,
         {
-          current: s,
-          onChange: (l) => e == null ? void 0 : e(l)
+          current: i,
+          onChange: (r) => a == null ? void 0 : a(r)
         }
       )
     ] }),
-    D && m && I && P && /* @__PURE__ */ t.jsx(
-      Mt,
+    z && _ && I && v && /* @__PURE__ */ t.jsx(
+      Pt,
       {
         ref: S,
-        activeItem: D,
-        setActiveItem: z,
-        popupPosition: H,
+        activeItem: z,
+        setActiveItem: R,
+        popupPosition: j,
         modalOptions: I,
-        setIsOpenModal: q
+        setIsOpenModal: w
       }
     ),
-    v && N && /* @__PURE__ */ t.jsx(St, { ...N }),
-    /* @__PURE__ */ t.jsxs("div", { className: Y.products, children: [
-      r && /* @__PURE__ */ t.jsx("h5", { className: Y.subtitle, children: r }),
-      _ ? /* @__PURE__ */ t.jsx(
-        _t,
+    T && g && /* @__PURE__ */ t.jsx(kt, { ...g }),
+    /* @__PURE__ */ t.jsxs("div", { className: H.products, children: [
+      p && /* @__PURE__ */ t.jsx("h5", { className: H.subtitle, children: p }),
+      u ? /* @__PURE__ */ t.jsx(
+        pt,
         {
-          sensors: j,
-          onDragEnd: T,
+          sensors: M,
+          onDragEnd: A,
           children: /* @__PURE__ */ t.jsx(
-            gt,
+            mt,
             {
-              items: n.map((l) => l.id),
-              strategy: ft,
-              children: n.map((l) => U(l))
+              items: s.map((r) => r.id),
+              strategy: _t,
+              children: s.map((r) => V(r))
             }
           )
         }
-      ) : n.map((l) => U(l)),
-      i && /* @__PURE__ */ t.jsx(
+      ) : s.map((r) => V(r)),
+      y && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -950,52 +932,52 @@ const Li = (o) => {
             justifyContent: "center"
           },
           children: /* @__PURE__ */ t.jsx(
-            rt,
+            ct,
             {
               withoutHover: !0,
-              className: F(Y.button, {
-                [Y.disabled]: !!(x && x <= n.length)
+              className: U(H.button, {
+                [H.disabled]: !!(O && O <= s.length)
               }),
               size: "s",
-              disabled: !!(x && x <= n.length),
+              disabled: !!(O && O <= s.length),
               onClick: () => {
-                const l = [...n];
-                let E = null;
-                if (C) {
-                  for (let R = 0; R < C.length; R++)
-                    if (!n.find((O) => O.name["en-US"] === C[R])) {
-                      E = C[R];
+                const r = [...s];
+                let P = null;
+                if (o) {
+                  for (let N = 0; N < o.length; N++)
+                    if (!s.find((E) => E.name["en-US"] === o[N])) {
+                      P = o[N];
                       break;
                     }
                 }
-                y === "select" && C ? l.push({
+                n === "select" && o ? r.push({
                   name: {
-                    "en-US": E || C[0]
+                    "en-US": P || o[0]
                   },
-                  id: st(),
-                  ...A,
+                  id: et(),
+                  ...k,
                   maxSymbols: 100
                   // пример значения
-                }) : y === "input" ? l.push({
+                }) : n === "input" ? r.push({
                   name: {
                     "en-US": ""
                   },
-                  id: st(),
-                  ...A,
+                  id: et(),
+                  ...k,
                   maxSymbols: 100
-                }) : l.push({
+                }) : r.push({
                   name: {
-                    "en-US": `Image ${n.length + 1}`
+                    "en-US": `Image ${s.length + 1}`
                   },
-                  id: st(),
-                  ...A,
+                  id: et(),
+                  ...k,
                   maxSymbols: 100
-                }), a(l);
+                }), e(r);
               },
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ t.jsxs("div", { className: Y.addButton, children: [
+              children: /* @__PURE__ */ t.jsxs("div", { className: H.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
                   b,
@@ -1011,95 +993,95 @@ const Li = (o) => {
         }
       )
     ] }),
-    c !== void 0 && /* @__PURE__ */ t.jsx(
-      ut,
+    l !== void 0 && /* @__PURE__ */ t.jsx(
+      rt,
       {
         otherTitle: "Other",
-        items: c
+        items: l
       }
     )
   ] });
-}, Ke = "_subtitle_jql1y_1", Ze = "_header_jql1y_8", tn = "_text_jql1y_9", en = "_productsBlock_jql1y_10", nn = "_buttonsBlock_jql1y_11", sn = "_top_jql1y_23", an = "_itemsBlock_jql1y_32", on = "_typeTexts_jql1y_38", cn = "_block_jql1y_45", rn = "_active_jql1y_58", ln = "_products_jql1y_10", dn = "_product_jql1y_10", un = "_button_jql1y_11", mn = "_image_jql1y_88", hn = "_info_jql1y_95", pn = "_name_jql1y_107", _n = "_buttons_jql1y_11", gn = "_modal_jql1y_118", fn = "_other_jql1y_138", xn = "_options_jql1y_144", vn = "_addButton_jql1y_150", jn = "_deleteButton_jql1y_165", tt = {
-  subtitle: Ke,
-  header: Ze,
-  text: tn,
-  productsBlock: en,
-  buttonsBlock: nn,
-  top: sn,
-  itemsBlock: an,
-  typeTexts: on,
-  block: cn,
-  active: rn,
-  products: ln,
-  product: dn,
-  button: un,
-  image: mn,
-  info: hn,
-  name: pn,
-  buttons: _n,
-  modal: gn,
-  other: fn,
-  options: xn,
-  addButton: vn,
-  deleteButton: jn
-}, bn = (o) => {
-  const { buttons: s, setButtons: e, deletable: n = !0, addable: a = !0, editableLink: c = !0 } = o, { pages: u } = lt(), [r, m] = f.useState(null), [_, B] = f.useState({
+}, Xe = "_subtitle_jql1y_1", Je = "_header_jql1y_8", Ke = "_text_jql1y_9", Ze = "_productsBlock_jql1y_10", ts = "_buttonsBlock_jql1y_11", es = "_top_jql1y_23", ss = "_itemsBlock_jql1y_32", ns = "_typeTexts_jql1y_38", is = "_block_jql1y_45", as = "_active_jql1y_58", os = "_products_jql1y_10", cs = "_product_jql1y_10", ls = "_button_jql1y_11", rs = "_image_jql1y_88", ds = "_info_jql1y_95", us = "_name_jql1y_107", hs = "_buttons_jql1y_11", ps = "_modal_jql1y_118", ms = "_other_jql1y_138", _s = "_options_jql1y_144", gs = "_addButton_jql1y_150", fs = "_deleteButton_jql1y_165", Z = {
+  subtitle: Xe,
+  header: Je,
+  text: Ke,
+  productsBlock: Ze,
+  buttonsBlock: ts,
+  top: es,
+  itemsBlock: ss,
+  typeTexts: ns,
+  block: is,
+  active: as,
+  products: os,
+  product: cs,
+  button: ls,
+  image: rs,
+  info: ds,
+  name: us,
+  buttons: hs,
+  modal: ps,
+  other: ms,
+  options: _s,
+  addButton: gs,
+  deleteButton: fs
+}, xs = (c) => {
+  const { buttons: i, setButtons: a, deletable: s = !0, addable: e = !0, editableLink: l = !0 } = c, { pages: d } = it(), [p, _] = f.useState(null), [u, $] = f.useState({
     top: 0,
     left: 0
-  }), [h, i] = f.useState(null), y = f.useRef(null);
+  }), [y, n] = f.useState(null), m = f.useRef(null);
   f.useEffect(() => {
-    if (r) {
-      const v = [...s].map((N) => N.id === r.id ? r : N);
-      e(v);
+    if (p) {
+      const g = [...i].map((I) => I.id === p.id ? p : I);
+      a(g);
     }
-  }, [r]), f.useEffect(() => {
-    if (y.current && h) {
-      const v = y.current.getBoundingClientRect().height, N = window.innerHeight;
-      let I = h.top;
-      I + v > N + window.scrollY - 200 && (I = N + window.scrollY - v - 200), I < 0 && (I = 10), B({
-        top: I,
-        left: h.left
+  }, [p]), f.useEffect(() => {
+    if (m.current && y) {
+      const g = m.current.getBoundingClientRect().height, I = window.innerHeight;
+      let k = y.top;
+      k + g > I + window.scrollY - 200 && (k = I + window.scrollY - g - 200), k < 0 && (k = 10), $({
+        top: k,
+        left: y.left
       });
     }
-  }, [y.current, h]);
-  const d = (v, N) => {
-    v.stopPropagation();
-    const I = v.target.getBoundingClientRect();
-    i({
-      top: I.top + window.scrollY - 70,
-      left: I.left - (a ? 30 : 65)
-    }), m(N);
-  }, C = (v, N) => {
-    const I = [...s], A = {
-      ...v,
+  }, [m.current, y]);
+  const o = (g, I) => {
+    g.stopPropagation();
+    const k = g.target.getBoundingClientRect();
+    n({
+      top: k.top + window.scrollY - 70,
+      left: k.left - (e ? 30 : 65)
+    }), _(I);
+  }, T = (g, I) => {
+    const k = [...i], O = {
+      ...g,
       id: Math.random().toString(36).substr(2, 9)
       // Генерируем новый уникальный ID
     };
-    I.splice(N + 1, 0, A), e(I);
+    k.splice(I + 1, 0, O), a(k);
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: tt.products, children: [
-    /* @__PURE__ */ t.jsx("h5", { className: tt.subtitle, children: "Button Type" }),
-    s.map((v, N) => /* @__PURE__ */ t.jsxs(
+  return /* @__PURE__ */ t.jsxs("div", { className: Z.products, children: [
+    /* @__PURE__ */ t.jsx("h5", { className: Z.subtitle, children: "Button Type" }),
+    i.map((g, I) => /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: tt.product,
+        className: Z.product,
         children: [
           /* @__PURE__ */ t.jsx(
-            it,
+            st,
             {
-              onChange: (I) => {
-                const x = [...s].map((D) => D.id === v.id ? {
-                  ...v,
-                  type: I
-                } : D);
-                e(x);
+              onChange: (k) => {
+                const z = [...i].map((R) => R.id === g.id ? {
+                  ...g,
+                  type: k
+                } : R);
+                a(z);
               },
-              value: v.type,
+              value: g.type,
               options: ["Primary", "Secondary", "Tertiary"]
             }
           ),
-          /* @__PURE__ */ t.jsxs("div", { className: tt.buttons, children: [
-            /* @__PURE__ */ t.jsx("div", { className: tt.deleteButton, children: /* @__PURE__ */ t.jsx(
+          /* @__PURE__ */ t.jsxs("div", { className: Z.buttons, children: [
+            /* @__PURE__ */ t.jsx("div", { className: Z.deleteButton, children: /* @__PURE__ */ t.jsx(
               b,
               {
                 name: "Copy",
@@ -1107,30 +1089,30 @@ const Li = (o) => {
                 width: 20,
                 height: 20,
                 onClick: () => {
-                  C(v, N);
+                  T(g, I);
                 }
               }
             ) }),
-            /* @__PURE__ */ t.jsx("div", { className: tt.deleteButton, children: /* @__PURE__ */ t.jsx(
+            /* @__PURE__ */ t.jsx("div", { className: Z.deleteButton, children: /* @__PURE__ */ t.jsx(
               b,
               {
                 name: "Sliders",
                 hoverable: !0,
                 width: 20,
                 height: 20,
-                onClick: (I) => {
-                  d(I, v);
+                onClick: (k) => {
+                  o(k, g);
                 }
               }
             ) }),
-            n && /* @__PURE__ */ t.jsx("div", { className: tt.deleteButton, children: /* @__PURE__ */ t.jsx(
+            s && /* @__PURE__ */ t.jsx("div", { className: Z.deleteButton, children: /* @__PURE__ */ t.jsx(
               b,
               {
                 name: "Trash",
                 hoverable: !0,
                 onClick: () => {
-                  const I = s.filter((A) => A.id !== v.id);
-                  e(I);
+                  const k = i.filter((O) => O.id !== g.id);
+                  a(k);
                 },
                 width: 20,
                 height: 20,
@@ -1140,19 +1122,19 @@ const Li = (o) => {
           ] })
         ]
       },
-      v.id
+      g.id
     )),
-    r && /* @__PURE__ */ t.jsx(
-      Ot,
+    p && /* @__PURE__ */ t.jsx(
+      Mt,
       {
-        ref: y,
-        activeButton: r,
-        setActiveButton: m,
-        popupPosition: _,
-        editableLink: c
+        ref: m,
+        activeButton: p,
+        setActiveButton: _,
+        popupPosition: u,
+        editableLink: l
       }
     ),
-    a && /* @__PURE__ */ t.jsx(
+    e && /* @__PURE__ */ t.jsx(
       "div",
       {
         style: {
@@ -1161,39 +1143,39 @@ const Li = (o) => {
           justifyContent: "center"
         },
         children: /* @__PURE__ */ t.jsx(
-          rt,
+          ct,
           {
             withoutHover: !0,
-            className: tt.button,
+            className: Z.button,
             size: "s",
             onClick: () => {
-              const v = [...s];
-              c ? v.push({
+              const g = [...i];
+              l ? g.push({
                 type: "Primary",
-                id: st(),
+                id: et(),
                 typesText: [],
                 text: {
                   "en-US": "Button Name"
                 },
                 destination: "Go to Page",
-                page: u ? Object.values(u)[0].path : "/",
+                page: d ? Object.values(d)[0].path : "/",
                 openInNewTab: !1
-              }) : v.push({
+              }) : g.push({
                 type: "Primary",
-                id: st(),
+                id: et(),
                 typesText: [],
                 text: {
                   "en-US": "Create Ticket"
                 },
                 destination: "Go to Page",
-                page: u ? Object.values(u)[0].path : "/",
+                page: d ? Object.values(d)[0].path : "/",
                 openInNewTab: !1
-              }), e(v);
+              }), a(g);
             },
             style: {
               width: "fit-content"
             },
-            children: /* @__PURE__ */ t.jsxs("div", { className: tt.addButton, children: [
+            children: /* @__PURE__ */ t.jsxs("div", { className: Z.addButton, children: [
               /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
               /* @__PURE__ */ t.jsx(
                 b,
@@ -1209,117 +1191,117 @@ const Li = (o) => {
       }
     )
   ] });
-}, zi = (o) => {
+}, zi = (c) => {
   const {
-    isActiveButtons: s,
-    setIsActiveButtons: e,
-    buttons: n,
-    setButtons: a,
-    editableLink: c = !0,
-    addable: u = !0,
-    deletable: r = !0
-  } = o;
+    isActiveButtons: i,
+    setIsActiveButtons: a,
+    buttons: s,
+    setButtons: e,
+    editableLink: l = !0,
+    addable: d = !0,
+    deletable: p = !0
+  } = c;
   return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsxs("div", { className: bt.buttonsBlock, children: [
     /* @__PURE__ */ t.jsxs("div", { className: bt.top, children: [
       /* @__PURE__ */ t.jsx("h3", { className: bt.title, children: "Buttons" }),
       /* @__PURE__ */ t.jsx(
-        ct,
+        ot,
         {
-          current: s,
-          onChange: (m) => e(m)
+          current: i,
+          onChange: (_) => a(_)
         }
       )
     ] }),
-    s && /* @__PURE__ */ t.jsx(
-      bn,
+    i && /* @__PURE__ */ t.jsx(
+      xs,
       {
-        buttons: n,
-        setButtons: a,
-        editableLink: c,
-        addable: u,
-        deletable: r
+        buttons: s,
+        setButtons: e,
+        editableLink: l,
+        addable: d,
+        deletable: p
       }
     )
   ] }) });
 };
-function yn(o) {
-  const { product: s, children: e } = o, { attributes: n, listeners: a, setNodeRef: c, transform: u, transition: r, isDragging: m } = xt({
-    id: String(s.listingId)
-  }), _ = {
-    transform: vt.Transform.toString(u),
-    transition: r
+function bs(c) {
+  const { product: i, children: a } = c, { attributes: s, listeners: e, setNodeRef: l, transform: d, transition: p, isDragging: _ } = gt({
+    id: String(i.listingId)
+  }), u = {
+    transform: ft.Transform.toString(d),
+    transition: p
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      ref: c,
-      style: _,
-      className: `${Q.product} ${m ? Q.dragging : ""}`,
-      ...n,
-      ...a,
-      children: e
+      ref: l,
+      style: u,
+      className: `${Q.product} ${_ ? Q.dragging : ""}`,
+      ...s,
+      ...e,
+      children: a
     }
   );
 }
-const Fi = (o) => {
+const Li = (c) => {
   const {
-    isActiveItems: s,
-    setIsActiveItems: e,
-    items: n,
-    setItems: a,
-    other: c,
-    title: u,
-    subtitle: r,
-    editable: m = !0,
-    draggable: _ = !1,
-    withImage: B = !1,
-    deletable: h = !0,
-    addable: i = !0,
-    itemsType: y,
-    itemsOptions: d,
-    limit: C,
-    aspectRatio: v,
-    setAspectRatio: N
-  } = o, [I, A] = f.useState(
+    isActiveItems: i,
+    setIsActiveItems: a,
+    items: s,
+    setItems: e,
+    other: l,
+    title: d,
+    subtitle: p,
+    editable: _ = !0,
+    draggable: u = !1,
+    withImage: $ = !1,
+    deletable: y = !0,
+    addable: n = !0,
+    itemsType: m,
+    itemsOptions: o,
+    limit: T,
+    aspectRatio: g,
+    setAspectRatio: I
+  } = c, [k, O] = f.useState(
     null
-  ), [x, D] = f.useState({
+  ), [z, R] = f.useState({
     top: 0,
     left: 0
-  }), [z, H] = f.useState(!1), p = mt(
-    ht(pt, {
+  }), [j, L] = f.useState(!1), h = dt(
+    ut(ht, {
       activationConstraint: {
         distance: 5
       }
     })
   );
   f.useEffect(() => {
-    const j = () => {
-      A(null), H(!1);
+    const x = () => {
+      O(null), L(!1);
     };
-    return document.body.addEventListener("click", j), A(null), H(!1), () => {
-      A(null), H(!1), document.body.removeEventListener("click", j);
+    return document.body.addEventListener("click", x), O(null), L(!1), () => {
+      O(null), L(!1), document.body.removeEventListener("click", x);
     };
   }, []), f.useEffect(() => {
-    if (I) {
-      const j = [...n].map((M) => M.listingId === I.listingId ? I : M);
-      a(j);
+    if (k) {
+      const x = [...s].map((A) => A.listingId === k.listingId ? k : A);
+      e(x);
     }
-  }, [I]);
-  const g = (j, M) => {
-    j.stopPropagation();
-    const V = j.target.getBoundingClientRect(), T = 100, U = window.innerHeight;
-    let l = V.top + window.scrollY;
-    l + T > U && (l = U - T - 20), H(!0), D({
-      top: l - 80,
+  }, [k]);
+  const C = (x, A) => {
+    x.stopPropagation();
+    const V = x.target.getBoundingClientRect(), r = 100, P = window.innerHeight;
+    let N = V.top + window.scrollY;
+    N + r > P && (N = P - r - 20), L(!0), R({
+      top: N - 80,
       left: V.left - 30
-    }), A(M);
+    }), O(A);
   };
-  function w(j) {
-    if (B)
-      return j ? /* @__PURE__ */ t.jsx(
+  function S(x) {
+    if ($)
+      return x ? /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: `https://imagedelivery.net/${j}/w=1000`,
+          src: `https://imagedelivery.net/${x}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
@@ -1334,20 +1316,20 @@ const Fi = (o) => {
         }
       );
   }
-  const S = (j) => {
-    const { active: M, over: V } = j;
-    if (V && M.id !== V.id) {
-      const T = n.findIndex((l) => String(l.listingId) === M.id), U = n.findIndex((l) => String(l.listingId) === V.id);
-      if (T !== -1 && U !== -1) {
-        const l = [...n], [E] = l.splice(T, 1);
-        l.splice(U, 0, E), a(l);
+  const v = (x) => {
+    const { active: A, over: V } = x;
+    if (V && A.id !== V.id) {
+      const r = s.findIndex((N) => String(N.listingId) === A.id), P = s.findIndex((N) => String(N.listingId) === V.id);
+      if (r !== -1 && P !== -1) {
+        const N = [...s], [E] = N.splice(r, 1);
+        N.splice(P, 0, E), e(N);
       }
     }
-  }, P = (j) => {
-    const M = d.find((T) => j.listingId === T.id);
-    if (!M) return null;
+  }, w = (x) => {
+    const A = o.find((r) => x.listingId === r.id);
+    if (!A) return null;
     const V = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      _ && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+      u && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         b,
         {
           name: "DotsSixVertical",
@@ -1356,43 +1338,43 @@ const Fi = (o) => {
           height: 20
         }
       ) }),
-      y === "select" && /* @__PURE__ */ t.jsx(
-        it,
+      m === "select" && /* @__PURE__ */ t.jsx(
+        st,
         {
-          onChange: (T) => {
-            const U = [...n], l = d.find((O) => O.productData.name === T);
-            if (!l) return;
+          onChange: (r) => {
+            const P = [...s], N = o.find((D) => D.productData.name === r);
+            if (!N) return;
             const E = {
-              listingId: l.id,
-              image: l.productData.images.length > 0 ? l.productData.images[0].cfId : ""
-            }, R = U.map((O) => O.listingId === j.listingId ? E : O);
-            A(E), a([...R]);
+              listingId: N.id,
+              image: N.productData.images.length > 0 ? N.productData.images[0].cfId : ""
+            }, K = P.map((D) => D.listingId === x.listingId ? E : D);
+            O(E), e([...K]);
           },
-          value: M.productData.name,
+          value: A.productData.name,
           options: [
-            ...d.filter((T) => !n.find((U) => U.listingId === T.id)).map((T) => T.productData.name)
+            ...o.filter((r) => !s.find((P) => P.listingId === r.id)).map((r) => r.productData.name)
           ],
-          leftAddonOptions: d.map((T) => {
-            var U;
+          leftAddonOptions: o.map((r) => {
+            var P;
             return {
-              value: T.productData.name,
-              addon: w(((U = T.productData.images[0]) == null ? void 0 : U.cfId) || "")
+              value: r.productData.name,
+              addon: S(((P = r.productData.images[0]) == null ? void 0 : P.cfId) || "")
             };
           })
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: Q.buttons, children: [
-        m && /* @__PURE__ */ t.jsx("div", { className: Q.deleteButton, children: /* @__PURE__ */ t.jsx(
+        _ && /* @__PURE__ */ t.jsx("div", { className: Q.deleteButton, children: /* @__PURE__ */ t.jsx(
           b,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (T) => g(T, j)
+            onClick: (r) => C(r, x)
           }
         ) }),
-        h && /* @__PURE__ */ t.jsx("div", { className: Q.deleteButton, children: /* @__PURE__ */ t.jsx(
+        y && /* @__PURE__ */ t.jsx("div", { className: Q.deleteButton, children: /* @__PURE__ */ t.jsx(
           b,
           {
             name: "Trash",
@@ -1400,67 +1382,67 @@ const Fi = (o) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => a(n.filter((T) => T !== j))
+            onClick: () => e(s.filter((r) => r !== x))
           }
         ) })
       ] })
     ] });
-    return _ ? /* @__PURE__ */ t.jsx(
-      yn,
+    return u ? /* @__PURE__ */ t.jsx(
+      bs,
       {
-        product: j,
+        product: x,
         children: V
       },
-      j.listingId
+      x.listingId
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: Q.product,
         children: V
       },
-      j.listingId
+      x.listingId
     );
-  }, q = f.useRef(null);
+  }, M = f.useRef(null);
   return /* @__PURE__ */ t.jsxs("div", { className: Q.productsBlock, children: [
-    (u || s !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: Q.top, children: [
-      u && /* @__PURE__ */ t.jsx("h3", { className: Q.title, children: u }),
-      s !== void 0 && /* @__PURE__ */ t.jsx(
-        ct,
+    (d || i !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: Q.top, children: [
+      d && /* @__PURE__ */ t.jsx("h3", { className: Q.title, children: d }),
+      i !== void 0 && /* @__PURE__ */ t.jsx(
+        ot,
         {
-          current: s,
-          onChange: (j) => e == null ? void 0 : e(j)
+          current: i,
+          onChange: (x) => a == null ? void 0 : a(x)
         }
       )
     ] }),
-    z && I && /* @__PURE__ */ t.jsx(
-      Et,
+    j && k && /* @__PURE__ */ t.jsx(
+      At,
       {
-        ref: q,
-        activeItem: I,
-        setActiveItem: A,
-        setIsOpenModal: H,
-        popupPosition: x,
-        itemsOptions: d
+        ref: M,
+        activeItem: k,
+        setActiveItem: O,
+        setIsOpenModal: L,
+        popupPosition: z,
+        itemsOptions: o
       }
     ),
-    s && /* @__PURE__ */ t.jsxs("div", { className: Q.products, children: [
-      r && /* @__PURE__ */ t.jsx("h5", { className: Q.subtitle, children: r }),
-      _ ? /* @__PURE__ */ t.jsx(
-        _t,
+    i && /* @__PURE__ */ t.jsxs("div", { className: Q.products, children: [
+      p && /* @__PURE__ */ t.jsx("h5", { className: Q.subtitle, children: p }),
+      u ? /* @__PURE__ */ t.jsx(
+        pt,
         {
-          sensors: p,
-          onDragEnd: S,
+          sensors: h,
+          onDragEnd: v,
           children: /* @__PURE__ */ t.jsx(
-            gt,
+            mt,
             {
-              items: n.map((j) => String(j.listingId)),
-              strategy: ft,
-              children: n.map((j) => P(j))
+              items: s.map((x) => String(x.listingId)),
+              strategy: _t,
+              children: s.map((x) => w(x))
             }
           )
         }
-      ) : n.map((j) => P(j)),
-      i && /* @__PURE__ */ t.jsx(
+      ) : s.map((x) => w(x)),
+      n && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -1469,24 +1451,24 @@ const Fi = (o) => {
             justifyContent: "center"
           },
           children: /* @__PURE__ */ t.jsx(
-            rt,
+            ct,
             {
               withoutHover: !0,
               className: Q.button,
               size: "s",
               onClick: () => {
-                const j = [...n];
-                for (let M = 0; M < d.length; M++)
-                  if (!n.find((V) => V.listingId === d[M].id)) {
-                    j.push({
-                      listingId: d[M].id,
-                      image: d[M].productData.images.length > 0 ? d[M].productData.images[0].cfId : ""
+                const x = [...s];
+                for (let A = 0; A < o.length; A++)
+                  if (!s.find((V) => V.listingId === o[A].id)) {
+                    x.push({
+                      listingId: o[A].id,
+                      image: o[A].productData.images.length > 0 ? o[A].productData.images[0].cfId : ""
                     });
                     break;
                   }
-                a(j);
+                e(x);
               },
-              disabled: n.length === (C || d.length),
+              disabled: s.length === (T || o.length),
               style: {
                 width: "fit-content"
               },
@@ -1506,167 +1488,167 @@ const Fi = (o) => {
         }
       )
     ] }),
-    v && N && /* @__PURE__ */ t.jsx(
-      it,
+    g && I && /* @__PURE__ */ t.jsx(
+      st,
       {
-        value: v,
-        options: Object.keys($t),
-        onChange: (j) => N(j),
-        leftAddonOptions: wt
+        value: g,
+        options: Object.keys(Ct),
+        onChange: (x) => I(x),
+        leftAddonOptions: St
       }
     ),
-    s && c !== void 0 && /* @__PURE__ */ t.jsx(
-      ut,
+    i && l !== void 0 && /* @__PURE__ */ t.jsx(
+      rt,
       {
         otherTitle: "Other",
-        items: c
+        items: l
       }
     )
   ] });
-}, In = "_options_1vlf9_1", Nn = "_price_1vlf9_13", kn = "_oldPrice_1vlf9_20", Cn = "_newPrice_1vlf9_28", Sn = "_animate_1vlf9_35", $n = "_appearAndBounce_1vlf9_1", wn = "_meta_1vlf9_53", qn = "_info_1vlf9_59", Bn = "_infoRight_1vlf9_67", Pn = "_buttons_1vlf9_74", Tn = "_variants_1vlf9_81", Mn = "_variant_1vlf9_81", An = "_stock_1vlf9_99", On = "_variantInfo_1vlf9_106", En = "_quantity_1vlf9_112", Rn = "_count_1vlf9_119", Dn = "_focused_1vlf9_136", Ln = "_button_1vlf9_74", zn = "_activeVariant_1vlf9_162", Fn = "_chargeTypes_1vlf9_166", Vn = "_charge_1vlf9_166", Un = "_chargeActive_1vlf9_191", Hn = "_title_1vlf9_199", $ = {
-  options: In,
-  price: Nn,
-  oldPrice: kn,
-  newPrice: Cn,
-  animate: Sn,
-  appearAndBounce: $n,
-  meta: wn,
-  info: qn,
-  infoRight: Bn,
-  buttons: Pn,
-  variants: Tn,
-  variant: Mn,
-  stock: An,
-  variantInfo: On,
-  quantity: En,
-  count: Rn,
-  focused: Dn,
-  button: Ln,
-  activeVariant: zn,
-  chargeTypes: Fn,
-  charge: Vn,
-  chargeActive: Un,
-  title: Hn
+}, js = "_options_1aiq8_1", vs = "_price_1aiq8_18", ys = "_oldPrice_1aiq8_25", Ns = "_newPrice_1aiq8_33", Is = "_animate_1aiq8_40", ks = "_appearAndBounce_1aiq8_1", Cs = "_meta_1aiq8_58", Ss = "_info_1aiq8_64", qs = "_infoRight_1aiq8_72", $s = "_buttons_1aiq8_79", ws = "_variants_1aiq8_86", Bs = "_variant_1aiq8_86", Ps = "_stock_1aiq8_104", Ts = "_variantInfo_1aiq8_111", Ms = "_quantity_1aiq8_117", As = "_count_1aiq8_124", Os = "_focused_1aiq8_141", Es = "_button_1aiq8_79", Rs = "_activeVariant_1aiq8_167", Ds = "_chargeTypes_1aiq8_171", zs = "_charge_1aiq8_171", Ls = "_chargeActive_1aiq8_196", Fs = "_title_1aiq8_204", B = {
+  options: js,
+  price: vs,
+  oldPrice: ys,
+  newPrice: Ns,
+  animate: Is,
+  appearAndBounce: ks,
+  meta: Cs,
+  info: Ss,
+  infoRight: qs,
+  buttons: $s,
+  variants: ws,
+  variant: Bs,
+  stock: Ps,
+  variantInfo: Ts,
+  quantity: Ms,
+  count: As,
+  focused: Os,
+  button: Es,
+  activeVariant: Rs,
+  chargeTypes: Ds,
+  charge: zs,
+  chargeActive: Ls,
+  title: Fs
 };
-var Ct = /* @__PURE__ */ ((o) => (o.ONE_TIME = "One-Time", o.RECURRING = "Subscribe & Save", o))(Ct || {});
-const Yn = (o) => {
-  var I, A;
-  const { variants: s } = o, [e, n] = f.useState(s[0]), [a, c] = f.useState(
+var It = /* @__PURE__ */ ((c) => (c.ONE_TIME = "One-Time", c.RECURRING = "Subscribe & Save", c))(It || {});
+const Vs = (c) => {
+  var z, R;
+  const { product: i, setIsOpen: a } = c, { variants: s } = i, [e, l] = f.useState(s[0]), [d, p] = f.useState(
     e.chargeTypes ? e.chargeTypes[0] : "ONE_TIME"
-  ), u = jt(), [r, m] = f.useState(1), { products: _, cart: B, reset: h, addProductToCart: i } = dt(), [y, d] = f.useState(!1);
-  console.log(B), f.useEffect(() => {
-    d(!0);
-    const x = setTimeout(() => d(!1), 600);
-    return () => clearTimeout(x);
-  }, [r]);
-  async function C() {
-    console.log("Products P", _), await i({
-      productId: o.id,
+  ), _ = xt(), [u, $] = f.useState(1), { reset: y, addProductToCart: n, addProducts: m } = lt(), [o, T] = f.useState(!1), { pageContext: g } = it();
+  f.useEffect(() => {
+    T(!0);
+    const j = setTimeout(() => T(!1), 600);
+    return () => clearTimeout(j);
+  }, [u]);
+  async function I() {
+    await m((g == null ? void 0 : g.products) || []), await n({
+      productId: i.id,
       productVariantId: e.id,
-      quantity: r
-    });
+      quantity: u
+    }), a == null || a(!1);
   }
-  function v() {
-    h(), C(), u("/checkout");
+  function k() {
+    y(), I(), _("/checkout");
   }
-  function N(x) {
-    if (x >= 864e5) {
-      const g = Math.floor(x / 864e5);
-      return `${g} ${g === 1 ? "day" : "days"}`;
-    } else if (x >= 36e5) {
-      const g = Math.floor(x / 36e5);
-      return `${g} ${g === 1 ? "hour" : "hours"}`;
-    } else if (x >= 6e4) {
-      const g = Math.floor(x / 6e4);
-      return `${g} ${g === 1 ? "minute" : "minutes"}`;
+  function O(j) {
+    if (j >= 864e5) {
+      const v = Math.floor(j / 864e5);
+      return `${v} ${v === 1 ? "day" : "days"}`;
+    } else if (j >= 36e5) {
+      const v = Math.floor(j / 36e5);
+      return `${v} ${v === 1 ? "hour" : "hours"}`;
+    } else if (j >= 6e4) {
+      const v = Math.floor(j / 6e4);
+      return `${v} ${v === 1 ? "minute" : "minutes"}`;
     } else {
-      const g = Math.floor(x / 1e3);
-      return `${g} ${g === 1 ? "second" : "seconds"}`;
+      const v = Math.floor(j / 1e3);
+      return `${v} ${v === 1 ? "second" : "seconds"}`;
     }
   }
   return f.useEffect(() => {
-    e.quantity && e.quantity.available === 0 && m(0);
-  }, [e.quantity.available]), /* @__PURE__ */ t.jsxs("div", { className: $.options, children: [
-    e.chargeTypes && e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: $.chargeTypes, children: e.chargeTypes.map((x) => /* @__PURE__ */ t.jsx(
+    e.quantity && e.quantity.available === 0 && $(0);
+  }, [e.quantity.available]), /* @__PURE__ */ t.jsxs("div", { className: B.options, children: [
+    e.chargeTypes && e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: B.chargeTypes, children: e.chargeTypes.map((j) => /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: F($.charge, {
-          [$.chargeActive]: a === x
+        className: U(B.charge, {
+          [B.chargeActive]: d === j
         }),
-        onClick: () => c(x),
-        children: Ct[x]
+        onClick: () => p(j),
+        children: It[j]
       },
-      x
+      j
     )) }),
-    /* @__PURE__ */ t.jsx("div", { className: $.variants, children: s.map((x) => {
-      var D, z;
+    /* @__PURE__ */ t.jsx("div", { className: B.variants, children: s.map((j) => {
+      var L, h;
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: F($.variant, {
-            [$.activeVariant]: e.id === x.id
+          className: U(B.variant, {
+            [B.activeVariant]: e.id === j.id
           }),
-          onClick: () => n(x),
+          onClick: () => l(j),
           children: [
-            /* @__PURE__ */ t.jsxs("div", { className: $.variantInfo, children: [
-              /* @__PURE__ */ t.jsx("span", { className: $.title, children: Nt(x.name) }),
+            /* @__PURE__ */ t.jsxs("div", { className: B.variantInfo, children: [
+              /* @__PURE__ */ t.jsx("span", { className: B.title, children: yt(j.name) }),
               /* @__PURE__ */ t.jsxs("span", { children: [
                 "$",
-                a === "ONE_TIME" ? x.price.amount : x.subscriptionSettings ? x.subscriptionSettings.price.amount : "Price Not Found"
+                d === "ONE_TIME" ? j.price.amount : j.subscriptionSettings ? j.subscriptionSettings.price.amount : "Price Not Found"
               ] })
             ] }),
-            /* @__PURE__ */ t.jsx("div", { children: a === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: $.stock, children: [
-              (D = x.quantity.restrictions) != null && D.max || x.quantity.available !== void 0 ? ((z = x.quantity.restrictions) == null ? void 0 : z.max) || x.quantity.available : "∞",
+            /* @__PURE__ */ t.jsx("div", { children: d === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: B.stock, children: [
+              (L = j.quantity.restrictions) != null && L.max || j.quantity.available !== void 0 ? ((h = j.quantity.restrictions) == null ? void 0 : h.max) || j.quantity.available : "∞",
               " ",
               "in stock"
             ] }) })
           ]
         },
-        x.id
+        j.id
       );
     }) }),
-    a === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: $.quantity, children: [
+    d === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: B.quantity, children: [
       /* @__PURE__ */ t.jsx(
-        L,
+        F,
         {
           type: "Secondary",
           onClick: () => {
-            r > 1 ? m((x) => x - 1) : m(1);
+            u > 1 ? $((j) => j - 1) : $(1);
           },
-          className: $.button,
-          disabled: e.quantity.available && e.quantity.restrictions && r <= e.quantity.restrictions.min || e.quantity.available === 0,
+          className: B.button,
+          disabled: e.quantity.available && e.quantity.restrictions && u <= e.quantity.restrictions.min || e.quantity.available === 0,
           children: /* @__PURE__ */ t.jsx(b, { name: "Minus" })
         }
       ),
       /* @__PURE__ */ t.jsx(
-        Rt,
+        Ot,
         {
           type: "number",
-          value: String(r),
-          onChange: (x) => m(Number(x)),
-          max: ((I = e.quantity.restrictions) == null ? void 0 : I.max) || e.quantity.available || Number.POSITIVE_INFINITY,
-          min: ((A = e.quantity.restrictions) == null ? void 0 : A.min) || 0,
+          value: String(u),
+          onChange: (j) => $(Number(j)),
+          max: ((z = e.quantity.restrictions) == null ? void 0 : z.max) || e.quantity.available || Number.POSITIVE_INFINITY,
+          min: ((R = e.quantity.restrictions) == null ? void 0 : R.min) || 0,
           centered: !0,
-          disabled: e.quantity && e.quantity.available === 0 || Object.keys(e.quantity.restrictions || {}).length !== 0 && r >= e.quantity.restrictions.max
+          disabled: e.quantity && e.quantity.available === 0 || Object.keys(e.quantity.restrictions || {}).length !== 0 && u >= e.quantity.restrictions.max
         }
       ),
       /* @__PURE__ */ t.jsx(
-        L,
+        F,
         {
           type: "Secondary",
           onClick: () => {
-            m((x) => x + 1);
+            $((j) => j + 1);
           },
-          className: $.button,
-          disabled: !!(e.quantity.available && e.quantity.restrictions && r >= e.quantity.restrictions.max || e.quantity.available === 0),
+          className: B.button,
+          disabled: !!(e.quantity.available && e.quantity.restrictions && u >= e.quantity.restrictions.max || e.quantity.available === 0),
           children: /* @__PURE__ */ t.jsx(b, { name: "Plus" })
         }
       )
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: $.meta, children: [
-      /* @__PURE__ */ t.jsxs("div", { className: $.info, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: B.meta, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: B.info, children: [
         /* @__PURE__ */ t.jsx("span", { children: "Delivery" }),
-        /* @__PURE__ */ t.jsxs("div", { className: $.infoRight, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: B.infoRight, children: [
           /* @__PURE__ */ t.jsx(
             b,
             {
@@ -1676,149 +1658,149 @@ const Yn = (o) => {
               height: 20
             }
           ),
-          /* @__PURE__ */ t.jsx("span", { children: !e.deliveryTime || e.deliveryTime === 0 ? "Instant" : N(e.deliveryTime) })
+          /* @__PURE__ */ t.jsx("span", { children: !e.deliveryTime || e.deliveryTime === 0 ? "Instant" : O(e.deliveryTime) })
         ] })
       ] }),
-      /* @__PURE__ */ t.jsxs("div", { className: $.info, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: B.info, children: [
         /* @__PURE__ */ t.jsx("span", { children: "Price" }),
-        /* @__PURE__ */ t.jsx("div", { className: $.infoRight, children: a === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: $.price, children: [
-          /* @__PURE__ */ t.jsxs("span", { className: F($.newPrice, { [$.animate]: y }), children: [
+        /* @__PURE__ */ t.jsx("div", { className: B.infoRight, children: d === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: B.price, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: U(B.newPrice, { [B.animate]: o }), children: [
             "$ ",
-            (e.price.amount || 0) * r
+            (e.price.amount || 0) * u
           ] }),
-          /* @__PURE__ */ t.jsxs("span", { className: $.oldPrice, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: B.oldPrice, children: [
             "$ ",
-            (e.compareAtPrice.amount || 0) * r
+            (e.compareAtPrice.amount || 0) * u
           ] })
-        ] }) : /* @__PURE__ */ t.jsxs("span", { className: F($.newPrice, { [$.animate]: y }), children: [
+        ] }) : /* @__PURE__ */ t.jsxs("span", { className: U(B.newPrice, { [B.animate]: o }), children: [
           "$ ",
-          (e.price.amount || 0) * r
-        ] }) : e.subscriptionSettings && e.subscriptionSettings.compareAtPrice && (e.subscriptionSettings.compareAtPrice.amount || 0) - (e.subscriptionSettings.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: $.price, children: [
-          /* @__PURE__ */ t.jsxs("span", { className: F($.newPrice, { [$.animate]: y }), children: [
+          (e.price.amount || 0) * u
+        ] }) : e.subscriptionSettings && e.subscriptionSettings.compareAtPrice && (e.subscriptionSettings.compareAtPrice.amount || 0) - (e.subscriptionSettings.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: B.price, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: U(B.newPrice, { [B.animate]: o }), children: [
             "$ ",
             e.subscriptionSettings.price.amount || 0
           ] }),
-          /* @__PURE__ */ t.jsxs("span", { className: $.oldPrice, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: B.oldPrice, children: [
             "$ ",
             e.subscriptionSettings.compareAtPrice.amount || 0
           ] })
-        ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsxs("span", { className: F($.newPrice, { [$.animate]: y }), children: [
+        ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsxs("span", { className: U(B.newPrice, { [B.animate]: o }), children: [
           "$ ",
           e.subscriptionSettings.price.amount || 0
         ] }) })
       ] })
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: $.buttons, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: B.buttons, children: [
       /* @__PURE__ */ t.jsx(
-        L,
+        F,
         {
           type: "Primary",
-          onClick: () => v(),
+          onClick: () => k(),
           disabled: e.quantity && e.quantity.available === 0,
-          children: a === "ONE_TIME" ? "Buy Now" : "Subscribe Now"
+          children: d === "ONE_TIME" ? "Buy Now" : "Subscribe Now"
         }
       ),
-      a === "ONE_TIME" && /* @__PURE__ */ t.jsx(
-        L,
+      d === "ONE_TIME" && /* @__PURE__ */ t.jsx(
+        F,
         {
           type: "Secondary",
-          onClick: () => C(),
+          onClick: () => I(),
           disabled: e.quantity && e.quantity.available === 0,
           children: "Add to Cart"
         }
       )
     ] })
   ] });
-}, Wn = "_button_14q75_1", Gn = "_login_14q75_14", Qn = "_signUp_14q75_18", Xn = "_buttons_14q75_23", Jn = "_modal_14q75_32", Kn = "_closing_14q75_64", Zn = "_info_14q75_113", ts = "_top_14q75_120", es = "_title_14q75_131", ns = "_clear_14q75_138", ss = "_activeClear_14q75_145", is = "_count_14q75_149", as = "_cart_14q75_164", os = "_empty_14q75_172", cs = "_product_14q75_198", rs = "_products_14q75_207", ls = "_image_14q75_215", ds = "_productInfo_14q75_230", us = "_content_14q75_237", ms = "_name_14q75_243", hs = "_price_14q75_249", ps = "_productButtons_14q75_255", _s = "_productButton_14q75_255", gs = "_productCount_14q75_272", fs = "_bottom_14q75_289", xs = "_subtotal_14q75_297", vs = "_block_14q75_305", js = "_shoppingCount_14q75_312", bs = "_total_14q75_332", ys = "_link_14q75_338", Is = "_userInfo_14q75_345", Ns = "_pagesMobileModal_14q75_356", ks = "_pagesMobileModalContent_14q75_370", Cs = "_pagesMobileModalHeader_14q75_376", Ss = "_pagesMobileModalFooter_14q75_386", k = {
-  button: Wn,
-  login: Gn,
-  signUp: Qn,
-  buttons: Xn,
-  modal: Jn,
+}, Us = "_button_14q75_1", Hs = "_login_14q75_14", Ys = "_signUp_14q75_18", Ws = "_buttons_14q75_23", Gs = "_modal_14q75_32", Qs = "_closing_14q75_64", Xs = "_info_14q75_113", Js = "_top_14q75_120", Ks = "_title_14q75_131", Zs = "_clear_14q75_138", tn = "_activeClear_14q75_145", en = "_count_14q75_149", sn = "_cart_14q75_164", nn = "_empty_14q75_172", an = "_product_14q75_198", on = "_products_14q75_207", cn = "_image_14q75_215", ln = "_productInfo_14q75_230", rn = "_content_14q75_237", dn = "_name_14q75_243", un = "_price_14q75_249", hn = "_productButtons_14q75_255", pn = "_productButton_14q75_255", mn = "_productCount_14q75_272", _n = "_bottom_14q75_289", gn = "_subtotal_14q75_297", fn = "_block_14q75_305", xn = "_shoppingCount_14q75_312", bn = "_total_14q75_332", jn = "_link_14q75_338", vn = "_userInfo_14q75_345", yn = "_pagesMobileModal_14q75_356", Nn = "_pagesMobileModalContent_14q75_370", In = "_pagesMobileModalHeader_14q75_376", kn = "_pagesMobileModalFooter_14q75_386", q = {
+  button: Us,
+  login: Hs,
+  signUp: Ys,
+  buttons: Ws,
+  modal: Gs,
   "slide-in-fade": "_slide-in-fade_14q75_1",
   "mobile-slide-in-fade": "_mobile-slide-in-fade_14q75_1",
-  closing: Kn,
+  closing: Qs,
   "mobile-slide-out-fade": "_mobile-slide-out-fade_14q75_1",
   "slide-out-fade": "_slide-out-fade_14q75_1",
-  info: Zn,
-  top: ts,
-  title: es,
-  clear: ns,
-  activeClear: ss,
-  count: is,
-  cart: as,
-  empty: os,
-  product: cs,
-  products: rs,
-  image: ls,
-  productInfo: ds,
-  content: us,
-  name: ms,
-  price: hs,
-  productButtons: ps,
-  productButton: _s,
-  productCount: gs,
-  bottom: fs,
-  subtotal: xs,
-  block: vs,
-  shoppingCount: js,
-  total: bs,
-  link: ys,
-  userInfo: Is,
-  pagesMobileModal: Ns,
-  pagesMobileModalContent: ks,
-  pagesMobileModalHeader: Cs,
-  pagesMobileModalFooter: Ss
-}, Vi = (o) => {
-  const { shopping: s, signUp: e, isShowUserInfo: n = !0 } = o;
-  return /* @__PURE__ */ t.jsxs("div", { className: k.buttons, children: [
-    s && /* @__PURE__ */ t.jsx($s, {}),
-    n && /* @__PURE__ */ t.jsx(Tt, { signUp: e })
+  info: Xs,
+  top: Js,
+  title: Ks,
+  clear: Zs,
+  activeClear: tn,
+  count: en,
+  cart: sn,
+  empty: nn,
+  product: an,
+  products: on,
+  image: cn,
+  productInfo: ln,
+  content: rn,
+  name: dn,
+  price: un,
+  productButtons: hn,
+  productButton: pn,
+  productCount: mn,
+  bottom: _n,
+  subtotal: gn,
+  block: fn,
+  shoppingCount: xn,
+  total: bn,
+  link: jn,
+  userInfo: vn,
+  pagesMobileModal: yn,
+  pagesMobileModalContent: Nn,
+  pagesMobileModalHeader: In,
+  pagesMobileModalFooter: kn
+}, Fi = (c) => {
+  const { shopping: i, signUp: a, isShowUserInfo: s = !0 } = c;
+  return /* @__PURE__ */ t.jsxs("div", { className: q.buttons, children: [
+    i && /* @__PURE__ */ t.jsx(Cn, {}),
+    s && /* @__PURE__ */ t.jsx(Bt, { signUp: a })
   ] });
-}, $s = () => {
-  const [o, s] = f.useState(!1), [e, n] = f.useState([]), { cart: a } = dt(), { pageContext: c } = lt();
-  function u(i) {
-    if (i.variants.length > 0) {
-      for (let y = 0; y < a.parts.length; y++)
-        for (let d = 0; d < i.variants.length; d++)
-          if (i.variants[d] && a.parts[y].productVariantId === i.variants[d].id)
-            return a.parts[y].productVariantId;
+}, Cn = () => {
+  const [c, i] = f.useState(!1), [a, s] = f.useState([]), { cart: e } = lt(), { pageContext: l } = it();
+  function d(n) {
+    if (n.variants.length > 0) {
+      for (let m = 0; m < e.parts.length; m++)
+        for (let o = 0; o < n.variants.length; o++)
+          if (n.variants[o] && e.parts[m].productVariantId === n.variants[o].id)
+            return e.parts[m].productVariantId;
     }
-    return i.variants[0].id;
+    return n.variants[0].id;
   }
-  function r(i) {
-    for (let y = 0; y < a.parts.length; y++)
-      for (let d = 0; d < i.variants.length; d++)
-        if (i.variants[d] && a.parts[y].productVariantId === i.variants[d].id)
-          return a.parts[y].quantity;
+  function p(n) {
+    for (let m = 0; m < e.parts.length; m++)
+      for (let o = 0; o < n.variants.length; o++)
+        if (n.variants[o] && e.parts[m].productVariantId === n.variants[o].id)
+          return e.parts[m].quantity;
   }
   f.useEffect(() => {
     (async () => {
-      var v;
-      const y = a.parts.map((N) => String(N.productId)), C = (((v = c == null ? void 0 : c.products) == null ? void 0 : v.filter((N) => y.includes(String(N.id)))) || []).map((N) => ({
-        ...N,
-        activeVariantId: u(N),
-        quantity: r(N)
+      var g;
+      const m = e.parts.map((I) => String(I.productId)), T = (((g = l == null ? void 0 : l.products) == null ? void 0 : g.filter((I) => m.includes(String(I.id)))) || []).map((I) => ({
+        ...I,
+        activeVariantId: d(I),
+        quantity: p(I)
       }));
-      n(C);
+      s(T);
     })();
-  }, [a.parts]);
-  function m(i) {
-    var y;
-    return !i || !(i != null && i.variants) ? !1 : (y = i.variants.find((d) => d.id === i.activeVariantId)) == null ? void 0 : y.subscriptionSettings;
+  }, [e.parts]);
+  function _(n) {
+    var m;
+    return !n || !(n != null && n.variants) ? !1 : (m = n.variants.find((o) => o.id === n.activeVariantId)) == null ? void 0 : m.subscriptionSettings;
   }
-  const _ = a.parts.length > 0 && e.length > 0 && !m(e[0]), [B, h] = f.useState(!1);
+  const u = e.parts.length > 0 && a.length > 0 && !_(a[0]), [$, y] = f.useState(!1);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsxs(
-      L,
+      F,
       {
         type: "Secondary",
         style: {
           padding: 10,
           position: "relative"
         },
-        onClick: (i) => {
-          i.stopPropagation(), window.location.pathname.includes("/admin/builder") || (s(!0), h(!0));
+        onClick: (n) => {
+          n.stopPropagation(), window.location.pathname.includes("/admin/builder") || (i(!0), y(!0));
         },
         children: [
           /* @__PURE__ */ t.jsx(
@@ -1828,115 +1810,115 @@ const Yn = (o) => {
               fill: "var(--text-primary)"
             }
           ),
-          _ && /* @__PURE__ */ t.jsx("div", { className: k.shoppingCount, children: a.parts.length })
+          u && /* @__PURE__ */ t.jsx("div", { className: q.shoppingCount, children: e.parts.length })
         ]
       }
     ),
-    o && /* @__PURE__ */ t.jsx(
-      kt,
+    c && /* @__PURE__ */ t.jsx(
+      Nt,
       {
         close: () => {
-          h(!1), setTimeout(() => {
-            s(!1);
+          y(!1), setTimeout(() => {
+            i(!1);
           }, 300);
         },
         withAnimation: !1,
         children: /* @__PURE__ */ t.jsx(
-          ws,
+          Sn,
           {
-            activeProducts: e,
-            isCartNotEmpty: _,
-            isOpen: B
+            activeProducts: a,
+            isCartNotEmpty: u,
+            isOpen: $
           }
         )
       }
     )
   ] });
-}, ws = (o) => {
-  const { activeProducts: s, isCartNotEmpty: e, isOpen: n } = o, { cart: a, reset: c, getTotalAndDiscount: u, updateQuantityOfProduct: r } = dt(), m = jt();
-  function _(i) {
-    m(i);
+}, Sn = (c) => {
+  const { activeProducts: i, isCartNotEmpty: a, isOpen: s } = c, { cart: e, reset: l, getTotalAndDiscount: d, updateQuantityOfProduct: p } = lt(), _ = xt();
+  function u(n) {
+    _(n);
   }
-  function B(i) {
-    i.quantity && r({
-      productId: i.id,
-      productVariantId: i.activeVariantId,
-      quantity: i.quantity + 1
+  function $(n) {
+    n.quantity && p({
+      productId: n.id,
+      productVariantId: n.activeVariantId,
+      quantity: n.quantity + 1
     });
   }
-  function h(i) {
-    i.quantity && r({
-      productId: i.id,
-      productVariantId: i.activeVariantId,
-      quantity: i.quantity - 1
+  function y(n) {
+    n.quantity && p({
+      productId: n.id,
+      productVariantId: n.activeVariantId,
+      quantity: n.quantity - 1
     });
   }
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: F(k.modal, {
-        [k.closing]: !n
+      className: U(q.modal, {
+        [q.closing]: !s
       }),
-      onClick: (i) => i.stopPropagation(),
+      onClick: (n) => n.stopPropagation(),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: k.top, children: [
-          /* @__PURE__ */ t.jsxs("div", { className: k.info, children: [
-            /* @__PURE__ */ t.jsx("span", { className: k.title, children: "Cart" }),
-            e && /* @__PURE__ */ t.jsx("div", { className: k.count, children: a.parts.length })
+        /* @__PURE__ */ t.jsxs("div", { className: q.top, children: [
+          /* @__PURE__ */ t.jsxs("div", { className: q.info, children: [
+            /* @__PURE__ */ t.jsx("span", { className: q.title, children: "Cart" }),
+            a && /* @__PURE__ */ t.jsx("div", { className: q.count, children: e.parts.length })
           ] }),
           /* @__PURE__ */ t.jsx(
             "button",
             {
-              className: F(k.clear, {
-                [k.activeClear]: e
+              className: U(q.clear, {
+                [q.activeClear]: a
               }),
-              disabled: !e,
-              onClick: c,
+              disabled: !a,
+              onClick: l,
               children: "Clear all"
             }
           )
         ] }),
-        e ? /* @__PURE__ */ t.jsxs("div", { className: k.cart, children: [
-          /* @__PURE__ */ t.jsx("div", { className: k.products, children: s.map((i) => /* @__PURE__ */ t.jsxs(
+        a ? /* @__PURE__ */ t.jsxs("div", { className: q.cart, children: [
+          /* @__PURE__ */ t.jsx("div", { className: q.products, children: i.map((n) => /* @__PURE__ */ t.jsxs(
             "div",
             {
-              className: k.product,
+              className: q.product,
               children: [
-                /* @__PURE__ */ t.jsxs("div", { className: k.productInfo, children: [
-                  i.images.length > 0 ? /* @__PURE__ */ t.jsx(
+                /* @__PURE__ */ t.jsxs("div", { className: q.productInfo, children: [
+                  n.images.length > 0 ? /* @__PURE__ */ t.jsx(
                     "img",
                     {
-                      src: `https://imagedelivery.net/${i.images[0].cfId}/w=500`,
+                      src: `https://imagedelivery.net/${n.images[0].cfId}/w=500`,
                       alt: "image",
                       width: "100%",
                       height: "100%",
-                      className: k.image
+                      className: q.image
                     }
-                  ) : /* @__PURE__ */ t.jsx("div", { className: k.image, children: /* @__PURE__ */ t.jsx(
+                  ) : /* @__PURE__ */ t.jsx("div", { className: q.image, children: /* @__PURE__ */ t.jsx(
                     b,
                     {
                       name: "Image",
                       fill: "var(--text-secondary)"
                     }
                   ) }),
-                  /* @__PURE__ */ t.jsxs("div", { className: k.content, children: [
-                    /* @__PURE__ */ t.jsx("div", { className: k.name, children: Nt(i.name) }),
-                    /* @__PURE__ */ t.jsxs("div", { className: k.price, children: [
+                  /* @__PURE__ */ t.jsxs("div", { className: q.content, children: [
+                    /* @__PURE__ */ t.jsx("div", { className: q.name, children: yt(n.name) }),
+                    /* @__PURE__ */ t.jsxs("div", { className: q.price, children: [
                       "$",
-                      i.variants.find((y) => y.id === i.activeVariantId).price.amount * ((i == null ? void 0 : i.quantity) || 1)
+                      n.variants.find((m) => m.id === n.activeVariantId).price.amount * ((n == null ? void 0 : n.quantity) || 1)
                     ] })
                   ] })
                 ] }),
-                /* @__PURE__ */ t.jsxs("div", { className: k.productButtons, children: [
+                /* @__PURE__ */ t.jsxs("div", { className: q.productButtons, children: [
                   /* @__PURE__ */ t.jsx(
-                    L,
+                    F,
                     {
                       type: "Secondary",
                       onClick: () => {
-                        i.quantity !== 1 && h(i);
+                        n.quantity !== 1 && y(n);
                       },
-                      className: k.productButton,
-                      disabled: i.quantity === 1,
+                      className: q.productButton,
+                      disabled: n.quantity === 1,
                       children: /* @__PURE__ */ t.jsx(
                         b,
                         {
@@ -1948,14 +1930,14 @@ const Yn = (o) => {
                       )
                     }
                   ),
-                  /* @__PURE__ */ t.jsx("div", { className: k.productCount, children: i.quantity }),
+                  /* @__PURE__ */ t.jsx("div", { className: q.productCount, children: n.quantity }),
                   /* @__PURE__ */ t.jsx(
-                    L,
+                    F,
                     {
                       type: "Secondary",
-                      onClick: () => B(i),
-                      className: k.productButton,
-                      disabled: i.quantity === i.variants.find((y) => y.id === i.activeVariantId).quantity.available,
+                      onClick: () => $(n),
+                      className: q.productButton,
+                      disabled: n.quantity === n.variants.find((m) => m.id === n.activeVariantId).quantity.available,
                       children: /* @__PURE__ */ t.jsx(
                         b,
                         {
@@ -1970,11 +1952,11 @@ const Yn = (o) => {
                 ] })
               ]
             },
-            i.id
+            n.id
           )) }),
-          /* @__PURE__ */ t.jsxs("div", { className: k.bottom, children: [
-            /* @__PURE__ */ t.jsxs("div", { className: k.subtotal, children: [
-              /* @__PURE__ */ t.jsxs("div", { className: k.block, children: [
+          /* @__PURE__ */ t.jsxs("div", { className: q.bottom, children: [
+            /* @__PURE__ */ t.jsxs("div", { className: q.subtotal, children: [
+              /* @__PURE__ */ t.jsxs("div", { className: q.block, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Subtotal" }),
                 /* @__PURE__ */ t.jsx(
                   b,
@@ -1986,18 +1968,18 @@ const Yn = (o) => {
                   }
                 )
               ] }),
-              /* @__PURE__ */ t.jsxs("div", { className: k.total, children: [
+              /* @__PURE__ */ t.jsxs("div", { className: q.total, children: [
                 "$",
-                u().total
+                d().total
               ] })
             ] }),
-            /* @__PURE__ */ t.jsx(L, { onClick: () => _("/checkout"), children: "Checkout" })
+            /* @__PURE__ */ t.jsx(F, { onClick: () => u("/checkout"), children: "Checkout" })
           ] })
-        ] }) : /* @__PURE__ */ t.jsx(qs, {})
+        ] }) : /* @__PURE__ */ t.jsx(qn, {})
       ]
     }
   );
-}, qs = () => /* @__PURE__ */ t.jsxs("div", { className: k.empty, children: [
+}, qn = () => /* @__PURE__ */ t.jsxs("div", { className: q.empty, children: [
   /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
     b,
     {
@@ -2013,23 +1995,23 @@ const Yn = (o) => {
       "a",
       {
         href: "/products",
-        className: k.link,
+        className: q.link,
         children: "view products"
       }
     )
   ] })
-] }), Tt = ({ signUp: o, close: s }) => {
-  const e = JSON.parse(localStorage.getItem("token") || "{}"), { data: n } = e, a = jt();
-  function c(m) {
-    window.location.pathname.includes("/admin/builder") || a(m);
+] }), Bt = ({ signUp: c, close: i }) => {
+  const a = JSON.parse(localStorage.getItem("token") || "{}"), { data: s } = a, e = xt();
+  function l(_) {
+    window.location.pathname.includes("/admin/builder") || e(_);
   }
-  if (!n)
+  if (!s)
     return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       /* @__PURE__ */ t.jsx(
-        L,
+        F,
         {
           onClick: () => {
-            c("/customer-dash"), s == null || s();
+            l("/customer-dash"), i == null || i();
           },
           type: "Secondary",
           style: {
@@ -2038,11 +2020,11 @@ const Yn = (o) => {
           children: "Login"
         }
       ),
-      o && /* @__PURE__ */ t.jsx(
-        L,
+      c && /* @__PURE__ */ t.jsx(
+        F,
         {
           onClick: () => {
-            c("/customer-dash"), s == null || s();
+            l("/customer-dash"), i == null || i();
           },
           type: "Primary",
           style: {
@@ -2053,46 +2035,46 @@ const Yn = (o) => {
         }
       )
     ] });
-  const [u, r] = f.useState("test-email@gmail.com");
+  const [d, p] = f.useState("test-email@gmail.com");
   return f.useEffect(() => {
     (async () => {
-      const _ = Dt(n);
-      r(_.email);
+      const u = Et(s);
+      p(u.email);
     })();
-  }, [n]), /* @__PURE__ */ t.jsx(
+  }, [s]), /* @__PURE__ */ t.jsx(
     "div",
     {
-      className: k.userInfo,
+      className: q.userInfo,
       onClick: () => {
-        c("/customer-dash"), s == null || s();
+        l("/customer-dash"), i == null || i();
       },
-      children: /* @__PURE__ */ t.jsx("div", { children: u || "test-email@gmail.com" })
+      children: /* @__PURE__ */ t.jsx("div", { children: d || "test-email@gmail.com" })
     }
   );
-}, Bs = ({
-  children: o,
-  logo: s,
-  setIsOpen: e,
-  signUp: n
+}, $n = ({
+  children: c,
+  logo: i,
+  setIsOpen: a,
+  signUp: s
 }) => {
-  const { setIsOpen: a } = qt(), c = () => {
-    a(!1), setTimeout(() => {
-      e(!1), a(!0);
+  const { setIsOpen: e } = qt(), l = () => {
+    e(!1), setTimeout(() => {
+      a(!1), e(!0);
     }, 300);
   };
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: k.pagesMobileModal,
-      onClick: (u) => u.stopPropagation(),
+      className: q.pagesMobileModal,
+      onClick: (d) => d.stopPropagation(),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: k.pagesMobileModalHeader, children: [
-          /* @__PURE__ */ t.jsx("div", { children: s }),
+        /* @__PURE__ */ t.jsxs("div", { className: q.pagesMobileModalHeader, children: [
+          /* @__PURE__ */ t.jsx("div", { children: i }),
           /* @__PURE__ */ t.jsx(
-            L,
+            F,
             {
               type: "Secondary",
-              onClick: c,
+              onClick: l,
               children: /* @__PURE__ */ t.jsx(
                 b,
                 {
@@ -2103,46 +2085,46 @@ const Yn = (o) => {
             }
           )
         ] }),
-        /* @__PURE__ */ t.jsx("div", { className: k.pagesMobileModalContent, children: o }),
-        /* @__PURE__ */ t.jsx("div", { className: k.pagesMobileModalFooter, children: /* @__PURE__ */ t.jsx(
-          Tt,
+        /* @__PURE__ */ t.jsx("div", { className: q.pagesMobileModalContent, children: c }),
+        /* @__PURE__ */ t.jsx("div", { className: q.pagesMobileModalFooter, children: /* @__PURE__ */ t.jsx(
+          Bt,
           {
-            signUp: n,
-            close: c
+            signUp: s,
+            close: l
           }
         ) })
       ]
     }
   );
-}, Ui = ({
-  children: o,
-  logo: s,
-  signUp: e
+}, Vi = ({
+  children: c,
+  logo: i,
+  signUp: a
 }) => {
-  const [n, a] = f.useState(!1);
+  const [s, e] = f.useState(!1);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx(Ps, { setIsOpenModal: a }),
-    n && /* @__PURE__ */ t.jsx(kt, { close: () => a(!1), children: /* @__PURE__ */ t.jsx(
-      Bs,
+    /* @__PURE__ */ t.jsx(wn, { setIsOpenModal: e }),
+    s && /* @__PURE__ */ t.jsx(Nt, { close: () => e(!1), children: /* @__PURE__ */ t.jsx(
+      $n,
       {
-        logo: s,
-        setIsOpen: a,
-        signUp: e,
-        children: o
+        logo: i,
+        setIsOpen: e,
+        signUp: a,
+        children: c
       }
     ) })
   ] });
-}, Ps = (o) => {
-  const { setIsOpenModal: s } = o;
+}, wn = (c) => {
+  const { setIsOpenModal: i } = c;
   return /* @__PURE__ */ t.jsx(
-    L,
+    F,
     {
       type: "Secondary",
       style: {
         padding: 10
       },
-      onClick: (e) => {
-        e.stopPropagation(), window.location.pathname.includes("/admin/builder") || s(!0);
+      onClick: (a) => {
+        a.stopPropagation(), window.location.pathname.includes("/admin/builder") || i(!0);
       },
       children: /* @__PURE__ */ t.jsx(
         b,
@@ -2153,30 +2135,30 @@ const Yn = (o) => {
       )
     }
   );
-}, Ts = "_share_10urc_1", Ms = "_modal_10urc_9", As = "_header_10urc_21", Os = "_socials_10urc_31", Es = "_social_10urc_31", Rs = "_copy_10urc_41", Ds = "_title_10urc_48", Ls = "_copyWrapper_10urc_54", zs = "_copyText_10urc_63", Fs = "_copyTextMobile_10urc_76", Vs = "_copyTextMiniMobile_10urc_95", et = {
-  share: Ts,
-  modal: Ms,
-  header: As,
-  socials: Os,
-  social: Es,
-  copy: Rs,
-  title: Ds,
-  copyWrapper: Ls,
-  copyText: zs,
-  copyTextMobile: Fs,
-  copyTextMiniMobile: Vs
-}, Hi = ({ title: o = "Copy Product Link" }) => {
-  const { isOpenModal: s, setIsOpenModal: e } = Bt();
-  function n() {
-    e(!0);
+}, Bn = "_share_10urc_1", Pn = "_modal_10urc_9", Tn = "_header_10urc_21", Mn = "_socials_10urc_31", An = "_social_10urc_31", On = "_copy_10urc_41", En = "_title_10urc_48", Rn = "_copyWrapper_10urc_54", Dn = "_copyText_10urc_63", zn = "_copyTextMobile_10urc_76", Ln = "_copyTextMiniMobile_10urc_95", tt = {
+  share: Bn,
+  modal: Pn,
+  header: Tn,
+  socials: Mn,
+  social: An,
+  copy: On,
+  title: En,
+  copyWrapper: Rn,
+  copyText: Dn,
+  copyTextMobile: zn,
+  copyTextMiniMobile: Ln
+}, Ui = ({ title: c = "Copy Product Link" }) => {
+  const { isOpenModal: i, setIsOpenModal: a } = $t();
+  function s() {
+    a(!0);
   }
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
-      L,
+      F,
       {
-        className: et.share,
-        onClick: (a) => {
-          a.stopPropagation(), n();
+        className: tt.share,
+        onClick: (e) => {
+          e.stopPropagation(), s();
         },
         type: "Secondary",
         children: /* @__PURE__ */ t.jsx(
@@ -2189,169 +2171,169 @@ const Yn = (o) => {
         )
       }
     ),
-    s && /* @__PURE__ */ t.jsx(kt, { close: e, children: /* @__PURE__ */ t.jsx(Us, { title: o }) })
+    i && /* @__PURE__ */ t.jsx(Nt, { close: a, children: /* @__PURE__ */ t.jsx(Fn, { title: c }) })
   ] });
-}, Us = ({ title: o = "Copy Product Link" }) => {
-  const { setIsOpenModal: s } = Bt(), { notification: e, setNotification: n } = Pt(), { setIsOpen: a } = qt(), c = window.location.href;
-  function u() {
-    navigator.clipboard.writeText(c), n({
+}, Fn = ({ title: c = "Copy Product Link" }) => {
+  const { setIsOpenModal: i } = $t(), { notification: a, setNotification: s } = wt(), { setIsOpen: e } = qt(), l = window.location.href;
+  function d() {
+    navigator.clipboard.writeText(l), s({
       message: "Link copied to clipboard",
       status: "success"
     });
   }
-  function r() {
-    a(!1), setTimeout(() => {
-      s(!1), a(!0);
+  function p() {
+    e(!1), setTimeout(() => {
+      i(!1), e(!0);
     }, 300);
   }
-  function m(_, B) {
-    return _.length > B ? _.slice(0, B) + "..." : _;
+  function _(u, $) {
+    return u.length > $ ? u.slice(0, $) + "..." : u;
   }
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: et.modal,
-      onClick: (_) => _.stopPropagation(),
+      className: tt.modal,
+      onClick: (u) => u.stopPropagation(),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: et.header, children: [
-          /* @__PURE__ */ t.jsx("div", { className: et.title, children: o }),
+        /* @__PURE__ */ t.jsxs("div", { className: tt.header, children: [
+          /* @__PURE__ */ t.jsx("div", { className: tt.title, children: c }),
           /* @__PURE__ */ t.jsx(
             b,
             {
               name: "X",
               fill: "#757575",
-              onClick: r,
+              onClick: p,
               hoverable: !0
             }
           )
         ] }),
-        /* @__PURE__ */ t.jsxs("div", { className: et.copyWrapper, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: tt.copyWrapper, children: [
           /* @__PURE__ */ t.jsxs(
-            L,
+            F,
             {
               type: "Secondary",
-              onClick: u,
+              onClick: d,
               style: {
                 flex: 1
               },
               children: [
-                /* @__PURE__ */ t.jsx("div", { className: et.copyText, children: m(c, 100) }),
-                /* @__PURE__ */ t.jsx("div", { className: et.copyTextMobile, children: m(c, 40) }),
-                /* @__PURE__ */ t.jsx("div", { className: et.copyTextMiniMobile, children: m(c, 20) })
+                /* @__PURE__ */ t.jsx("div", { className: tt.copyText, children: _(l, 100) }),
+                /* @__PURE__ */ t.jsx("div", { className: tt.copyTextMobile, children: _(l, 40) }),
+                /* @__PURE__ */ t.jsx("div", { className: tt.copyTextMiniMobile, children: _(l, 20) })
               ]
             }
           ),
           /* @__PURE__ */ t.jsx(
-            L,
+            F,
             {
               type: "Secondary",
-              onClick: u,
-              children: e ? /* @__PURE__ */ t.jsx(b, { name: "Check" }) : /* @__PURE__ */ t.jsx(b, { name: "Copy" })
+              onClick: d,
+              children: a ? /* @__PURE__ */ t.jsx(b, { name: "Check" }) : /* @__PURE__ */ t.jsx(b, { name: "Copy" })
             }
           )
         ] })
       ]
     }
   );
-}, Hs = "_accordion_1s1lq_1", Ys = "_header_1s1lq_9", Ws = "_icon_1s1lq_18", Gs = "_open_1s1lq_21", Qs = "_content_1s1lq_25", ot = {
-  accordion: Hs,
-  header: Ys,
-  icon: Ws,
-  open: Gs,
-  content: Qs
-}, Yi = ({ title: o, content: s, defaultOpen: e = !1 }) => {
-  const [n, a] = f.useState(e), [c, u] = f.useState(0), r = f.useRef(null), m = () => {
-    a(!n);
+}, Vn = "_accordion_1s1lq_1", Un = "_header_1s1lq_9", Hn = "_icon_1s1lq_18", Yn = "_open_1s1lq_21", Wn = "_content_1s1lq_25", at = {
+  accordion: Vn,
+  header: Un,
+  icon: Hn,
+  open: Yn,
+  content: Wn
+}, Hi = ({ title: c, content: i, defaultOpen: a = !1 }) => {
+  const [s, e] = f.useState(a), [l, d] = f.useState(0), p = f.useRef(null), _ = () => {
+    e(!s);
   };
   return f.useEffect(() => {
-    r.current && u(n ? r.current.scrollHeight : 0);
-  }, [n]), /* @__PURE__ */ t.jsxs("div", { className: ot.accordion, children: [
+    p.current && d(s ? p.current.scrollHeight : 0);
+  }, [s]), /* @__PURE__ */ t.jsxs("div", { className: at.accordion, children: [
     /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: ot.header,
-        onClick: m,
+        className: at.header,
+        onClick: _,
         children: [
-          /* @__PURE__ */ t.jsx("h5", { id: "h5", children: o }),
-          /* @__PURE__ */ t.jsx("div", { className: F(ot.icon, { [ot.open]: n }), children: /* @__PURE__ */ t.jsx(b, { name: "CaretDown" }) })
+          /* @__PURE__ */ t.jsx("h5", { id: "h5", children: c }),
+          /* @__PURE__ */ t.jsx("div", { className: U(at.icon, { [at.open]: s }), children: /* @__PURE__ */ t.jsx(b, { name: "CaretDown" }) })
         ]
       }
     ),
     /* @__PURE__ */ t.jsx(
       "div",
       {
-        ref: r,
-        className: ot.content,
-        style: { height: `${c}px` },
-        children: /* @__PURE__ */ t.jsx("p", { id: "p", children: s })
+        ref: p,
+        className: at.content,
+        style: { height: `${l}px` },
+        children: /* @__PURE__ */ t.jsx("p", { id: "p", children: i })
       }
     )
   ] });
-}, Wi = ({ children: o, path: s, className: e, target: n = "_self", id: a }) => {
+}, Yi = ({ children: c, path: i, className: a, target: s = "_self", id: e }) => {
   if (window.location.pathname.includes("/admin/builder"))
     return /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: e,
+        className: a,
         role: "link",
         style: { cursor: "pointer" },
-        id: a,
-        children: o
+        id: e,
+        children: c
       }
     );
-  const c = jt(), u = /^https?:\/\//.test(s), r = (m) => {
-    u || n === "_blank" ? n === "_blank" ? window.open(s, "_blank") : window.open(s, "_self") : (m.preventDefault(), c(s));
+  const l = xt(), d = /^https?:\/\//.test(i), p = (_) => {
+    d || s === "_blank" ? s === "_blank" ? window.open(i, "_blank") : window.open(i, "_self") : (_.preventDefault(), l(i));
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      onClick: r,
-      className: e,
+      onClick: p,
+      className: a,
       role: "link",
       style: { cursor: "pointer" },
-      id: a,
-      children: o
+      id: e,
+      children: c
     }
   );
-}, Xs = "_buttonsBlock_1b2rb_1", Js = "_slideUp_1b2rb_1", Ks = {
-  buttonsBlock: Xs,
-  slideUp: Js
-}, Gi = (o) => {
-  var _, B;
-  const { setIsOpen: s, setModalType: e, productId: n } = o, { cart: a } = dt(), { pageContext: c } = lt(), u = (_ = c == null ? void 0 : c.listings) == null ? void 0 : _.find((h) => h.id === n);
-  if (!u)
+}, Gn = "_buttonsBlock_1b2rb_1", Qn = "_slideUp_1b2rb_1", Xn = {
+  buttonsBlock: Gn,
+  slideUp: Qn
+}, Wi = (c) => {
+  var u, $;
+  const { setIsOpen: i, setModalType: a, productId: s } = c, { cart: e } = lt(), { pageContext: l } = it(), d = (u = l == null ? void 0 : l.listings) == null ? void 0 : u.find((y) => y.id === s);
+  if (!d)
     return null;
-  const r = (B = c == null ? void 0 : c.products) == null ? void 0 : B.find(
-    (h) => h.uniquePath === u.productData.uniquePath
+  const p = ($ = l == null ? void 0 : l.products) == null ? void 0 : $.find(
+    (y) => y.uniquePath === d.productData.uniquePath
   );
-  if (!r)
+  if (!p)
     return null;
-  const m = a.parts.find((h) => h.productId === r.id);
+  const _ = e.parts.find((y) => y.productId === p.id);
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: Ks.buttonsBlock,
-      onClick: (h) => h.stopPropagation(),
+      className: Xn.buttonsBlock,
+      onClick: (y) => y.stopPropagation(),
       children: [
         /* @__PURE__ */ t.jsx(
-          L,
+          F,
           {
             type: "Secondary",
             style: {
               width: "100%"
             },
             onClick: () => {
-              e("Add To Cart"), s(!0);
+              a("Add To Cart"), i(!0);
             },
-            children: m ? "Add More" : "Add To Cart"
+            children: _ ? "Add More" : "Add To Cart"
           }
         ),
         /* @__PURE__ */ t.jsx(
-          L,
+          F,
           {
             type: "Primary",
             onClick: () => {
-              e("Buy Now"), s(!0);
+              a("Buy Now"), i(!0);
             },
             children: "Buy"
           }
@@ -2359,15 +2341,15 @@ const Yn = (o) => {
       ]
     }
   );
-}, Zs = "_wrapper_27wzz_1", ti = "_logo_27wzz_8", ei = "_info_27wzz_12", yt = {
-  wrapper: Zs,
-  logo: ti,
-  info: ei
-}, Qi = ({ date: o }) => {
-  const { general: s } = Lt();
-  if (!s) return /* @__PURE__ */ t.jsx(t.Fragment, {});
-  function e(n) {
-    const a = new Date(n), c = {
+}, Jn = "_wrapper_27wzz_1", Kn = "_logo_27wzz_8", Zn = "_info_27wzz_12", jt = {
+  wrapper: Jn,
+  logo: Kn,
+  info: Zn
+}, Gi = ({ date: c }) => {
+  const { general: i } = Rt();
+  if (!i) return /* @__PURE__ */ t.jsx(t.Fragment, {});
+  function a(s) {
+    const e = new Date(s), l = {
       month: "short",
       day: "2-digit",
       year: "numeric",
@@ -2375,13 +2357,13 @@ const Yn = (o) => {
       minute: "2-digit",
       hour12: !1
     };
-    return a.toLocaleDateString("en-US", c);
+    return e.toLocaleDateString("en-US", l);
   }
-  return /* @__PURE__ */ t.jsxs("div", { className: yt.wrapper, children: [
-    /* @__PURE__ */ t.jsx("div", { className: yt.logo, children: s.info.logo ? /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ t.jsxs("div", { className: jt.wrapper, children: [
+    /* @__PURE__ */ t.jsx("div", { className: jt.logo, children: i.info.logo ? /* @__PURE__ */ t.jsx(
       "img",
       {
-        src: `https://imagedelivery.net/${s.info.logo.cfId}/w=500,h=500`,
+        src: `https://imagedelivery.net/${i.info.logo.cfId}/w=500,h=500`,
         alt: "image",
         style: { objectFit: "contain", width: "48px", height: "48px" }
       }
@@ -2393,98 +2375,99 @@ const Yn = (o) => {
         height: 48
       }
     ) }),
-    /* @__PURE__ */ t.jsxs("div", { className: yt.info, children: [
-      /* @__PURE__ */ t.jsx("h3", { id: "h4", children: s.info.name }),
-      /* @__PURE__ */ t.jsx("p", { id: "p", children: e(o) })
+    /* @__PURE__ */ t.jsxs("div", { className: jt.info, children: [
+      /* @__PURE__ */ t.jsx("h3", { id: "h4", children: i.info.name }),
+      /* @__PURE__ */ t.jsx("p", { id: "p", children: a(c) })
     ] })
   ] });
-}, ni = "_options_mju90_1", si = "_price_mju90_12", ii = "_oldPrice_mju90_19", ai = "_newPrice_mju90_27", oi = "_animate_mju90_34", ci = "_appearAndBounce_mju90_1", ri = "_meta_mju90_52", li = "_info_mju90_58", di = "_infoRight_mju90_66", ui = "_buttons_mju90_73", mi = "_variants_mju90_80", hi = "_variant_mju90_80", pi = "_stock_mju90_98", _i = "_variantInfo_mju90_105", gi = "_quantity_mju90_111", fi = "_count_mju90_118", xi = "_focused_mju90_135", vi = "_button_mju90_73", ji = "_activeVariant_mju90_161", bi = "_chargeTypes_mju90_165", yi = "_charge_mju90_165", Ii = "_chargeActive_mju90_190", Ni = "_title_mju90_198", ki = "_modal_mju90_204", Ci = "_header_mju90_218", J = {
-  options: ni,
-  price: si,
-  oldPrice: ii,
-  newPrice: ai,
-  animate: oi,
-  appearAndBounce: ci,
-  meta: ri,
-  info: li,
-  infoRight: di,
-  buttons: ui,
-  variants: mi,
-  variant: hi,
-  stock: pi,
-  variantInfo: _i,
-  quantity: gi,
-  count: fi,
-  focused: xi,
-  button: vi,
-  activeVariant: ji,
+}, ti = "_options_6lbld_1", ei = "_price_6lbld_12", si = "_oldPrice_6lbld_19", ni = "_newPrice_6lbld_27", ii = "_animate_6lbld_34", ai = "_appearAndBounce_6lbld_1", oi = "_meta_6lbld_52", ci = "_info_6lbld_58", li = "_infoRight_6lbld_66", ri = "_buttons_6lbld_73", di = "_variants_6lbld_80", ui = "_variant_6lbld_80", hi = "_stock_6lbld_98", pi = "_variantInfo_6lbld_105", mi = "_quantity_6lbld_111", _i = "_count_6lbld_118", gi = "_focused_6lbld_135", fi = "_button_6lbld_73", xi = "_activeVariant_6lbld_161", bi = "_chargeTypes_6lbld_165", ji = "_charge_6lbld_165", vi = "_chargeActive_6lbld_190", yi = "_title_6lbld_198", Ni = "_modal_6lbld_204", Ii = "_header_6lbld_224", ki = "_productOptions_6lbld_232", W = {
+  options: ti,
+  price: ei,
+  oldPrice: si,
+  newPrice: ni,
+  animate: ii,
+  appearAndBounce: ai,
+  meta: oi,
+  info: ci,
+  infoRight: li,
+  buttons: ri,
+  variants: di,
+  variant: ui,
+  stock: hi,
+  variantInfo: pi,
+  quantity: mi,
+  count: _i,
+  focused: gi,
+  button: fi,
+  activeVariant: xi,
   chargeTypes: bi,
-  charge: yi,
-  chargeActive: Ii,
-  title: Ni,
-  modal: ki,
-  header: Ci
-}, Xi = (o) => {
-  var r, m;
-  const { pageContext: s } = lt(), e = (r = s == null ? void 0 : s.listings) == null ? void 0 : r.find((_) => _.id === o.productId);
-  if (!e)
+  charge: ji,
+  chargeActive: vi,
+  title: yi,
+  modal: Ni,
+  header: Ii,
+  productOptions: ki
+}, Qi = (c) => {
+  var p, _;
+  const { pageContext: i } = it(), a = (p = i == null ? void 0 : i.listings) == null ? void 0 : p.find((u) => u.id === c.productId);
+  if (!a)
     return;
-  const n = (m = s == null ? void 0 : s.products) == null ? void 0 : m.find(
-    (_) => _.uniquePath === e.productData.uniquePath
+  const s = (_ = i == null ? void 0 : i.products) == null ? void 0 : _.find(
+    (u) => u.uniquePath === a.productData.uniquePath
   );
-  if (!n)
+  if (!s)
     return;
-  const a = n.variants[0], [c, u] = f.useState(
-    a.chargeTypes && a.chargeTypes.length > 1 ? a.chargeTypes[0] : "ONE_TIME"
+  const e = s.variants[0], [l, d] = f.useState(
+    e.chargeTypes && e.chargeTypes.length > 1 ? e.chargeTypes[0] : "ONE_TIME"
   );
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: J.modal,
-      onClick: (_) => _.stopPropagation(),
+      className: W.modal,
+      onClick: (u) => u.stopPropagation(),
       children: [
-        o.type === "Add To Cart" && /* @__PURE__ */ t.jsx(
-          Si,
+        c.type === "Add To Cart" && /* @__PURE__ */ t.jsx(
+          Ci,
           {
-            variants: n.variants,
-            activeVariant: a,
-            activeChargeType: c,
-            setActiveChargeType: u,
-            productId: n.id,
-            setIsOpen: o.setIsOpen
+            variants: s.variants,
+            activeVariant: e,
+            activeChargeType: l,
+            setActiveChargeType: d,
+            productId: s.id,
+            setIsOpen: c.setIsOpen
           }
         ),
-        o.type === "Buy Now" && /* @__PURE__ */ t.jsx(
-          $i,
+        c.type === "Buy Now" && /* @__PURE__ */ t.jsx(
+          Si,
           {
-            product: n,
-            setIsOpen: o.setIsOpen
+            product: s,
+            setIsOpen: c.setIsOpen
           }
         )
       ]
     }
   );
-}, Si = (o) => {
-  const { variants: s, activeChargeType: e, setActiveChargeType: n, activeVariant: a, productId: c, setIsOpen: u } = o, { cart: r, addProductToCart: m, addProducts: _, updateQuantityOfProduct: B } = dt(), { setNotification: h } = Pt(), { pageContext: i } = lt();
-  async function y(d) {
-    const C = r.parts.find(
-      (v) => v.productId === o.productId && v.productVariantId === d
+}, Ci = (c) => {
+  const { variants: i, activeChargeType: a, setActiveChargeType: s, activeVariant: e, productId: l, setIsOpen: d } = c, { cart: p, addProductToCart: _, addProducts: u, updateQuantityOfProduct: $ } = lt(), { setNotification: y } = wt(), { pageContext: n } = it();
+  async function m(o) {
+    const T = p.parts.find(
+      (g) => g.productId === c.productId && g.productVariantId === o
     );
-    C ? B({
-      productId: c,
-      productVariantId: d,
-      quantity: C.quantity + 1
-    }) : (i != null && i.products && await _(i.products), await m({
-      productId: c,
-      productVariantId: d,
+    T ? $({
+      productId: l,
+      productVariantId: o,
+      quantity: T.quantity + 1
+    }) : (n != null && n.products && await u(n.products), await _({
+      productId: l,
+      productVariantId: o,
       quantity: 1
-    })), h({
+    })), y({
       message: "Product added to cart",
       status: "success"
     });
   }
-  return /* @__PURE__ */ t.jsxs("div", { className: J.modal, children: [
-    /* @__PURE__ */ t.jsxs("div", { className: J.header, children: [
+  return /* @__PURE__ */ t.jsxs("div", { className: W.modal, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: W.header, children: [
       /* @__PURE__ */ t.jsx("div", { id: "h3", children: "Choose a variant" }),
       /* @__PURE__ */ t.jsx(
         b,
@@ -2494,56 +2477,56 @@ const Yn = (o) => {
           height: 24,
           fill: "var(--text-secondary)",
           hoverable: !0,
-          onClick: () => u(!1)
+          onClick: () => d(!1)
         }
       )
     ] }),
-    a.chargeTypes && a.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: J.chargeTypes, children: a.chargeTypes.map((d) => /* @__PURE__ */ t.jsx(
+    e.chargeTypes && e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: W.chargeTypes, children: e.chargeTypes.map((o) => /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: F(J.charge, {
-          [J.chargeActive]: e === d
+        className: U(W.charge, {
+          [W.chargeActive]: a === o
         }),
-        onClick: () => n(d),
-        children: Ct[d]
+        onClick: () => s(o),
+        children: It[o]
       },
-      d
+      o
     )) }),
-    /* @__PURE__ */ t.jsx("div", { className: J.variants, children: s.map((d) => {
-      var C, v;
+    /* @__PURE__ */ t.jsx("div", { className: W.variants, children: i.map((o) => {
+      var T, g;
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: F(J.variant),
+          className: U(W.variant),
           onClick: () => {
-            y(d.id), u(!1);
+            m(o.id), d(!1);
           },
           children: [
-            /* @__PURE__ */ t.jsxs("div", { className: J.variantInfo, children: [
-              /* @__PURE__ */ t.jsx("span", { className: J.title, children: d.name }),
+            /* @__PURE__ */ t.jsxs("div", { className: W.variantInfo, children: [
+              /* @__PURE__ */ t.jsx("span", { className: W.title, children: o.name }),
               /* @__PURE__ */ t.jsxs("span", { children: [
                 "$",
-                e === "ONE_TIME" ? d.price.amount : d.subscriptionSettings ? d.subscriptionSettings.price.amount : "Price Not Found"
+                a === "ONE_TIME" ? o.price.amount : o.subscriptionSettings ? o.subscriptionSettings.price.amount : "Price Not Found"
               ] })
             ] }),
-            /* @__PURE__ */ t.jsx("div", { children: e === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: J.stock, children: [
-              (C = d.quantity.restrictions) != null && C.max || d.quantity.available !== void 0 ? ((v = d.quantity.restrictions) == null ? void 0 : v.max) || d.quantity.available : "∞",
+            /* @__PURE__ */ t.jsx("div", { children: a === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: W.stock, children: [
+              (T = o.quantity.restrictions) != null && T.max || o.quantity.available !== void 0 ? ((g = o.quantity.restrictions) == null ? void 0 : g.max) || o.quantity.available : "∞",
               " ",
               "in stock"
             ] }) })
           ]
         },
-        d.id
+        o.id
       );
     }) })
   ] });
-}, $i = (o) => {
-  const { product: s, setIsOpen: e } = o;
-  return /* @__PURE__ */ t.jsxs("div", { className: J.modal, children: [
-    /* @__PURE__ */ t.jsxs("div", { className: J.header, children: [
+}, Si = (c) => {
+  const { product: i, setIsOpen: a } = c;
+  return /* @__PURE__ */ t.jsxs("div", { className: W.modal, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: W.header, children: [
       /* @__PURE__ */ t.jsxs("div", { id: "h3", children: [
         "Buy ",
-        Nt(s.name)
+        yt(i.name)
       ] }),
       /* @__PURE__ */ t.jsx(
         b,
@@ -2553,7 +2536,7 @@ const Yn = (o) => {
           height: 24,
           fill: "var(--text-secondary)",
           hoverable: !0,
-          onClick: () => e(!1),
+          onClick: () => a(!1),
           style: {
             minWidth: 24,
             minHeight: 24
@@ -2561,99 +2544,105 @@ const Yn = (o) => {
         }
       )
     ] }),
-    /* @__PURE__ */ t.jsx(Yn, { ...s })
+    /* @__PURE__ */ t.jsx("div", { className: W.productOptions, children: /* @__PURE__ */ t.jsx(
+      Vs,
+      {
+        product: i,
+        setIsOpen: a
+      }
+    ) })
   ] });
-}, wi = "_wrapper_1efqk_1", qi = "_label_1efqk_10", Bi = "_contentBorder_1efqk_19", Pi = "_contentField_1efqk_23", Ti = "_textarea_1efqk_27", Mi = "_length_1efqk_42", at = {
-  wrapper: wi,
-  label: qi,
-  contentBorder: Bi,
-  contentField: Pi,
-  textarea: Ti,
-  length: Mi
-}, Ji = (o) => {
+}, qi = "_wrapper_1efqk_1", $i = "_label_1efqk_10", wi = "_contentBorder_1efqk_19", Bi = "_contentField_1efqk_23", Pi = "_textarea_1efqk_27", Ti = "_length_1efqk_42", nt = {
+  wrapper: qi,
+  label: $i,
+  contentBorder: wi,
+  contentField: Bi,
+  textarea: Pi,
+  length: Ti
+}, Xi = (c) => {
   const {
-    onChange: s,
-    label: e,
-    value: n,
-    maxLength: a,
-    placeholder: c = "Type something...",
-    type: u = "text"
-  } = o, [r, m] = f.useState(n.length), { themeSettings: _ } = zt();
-  function B(h) {
-    return u === "number" ? h.replace(/[^\d\n]+/g, "") : h;
+    onChange: i,
+    label: a,
+    value: s,
+    maxLength: e,
+    placeholder: l = "Type something...",
+    type: d = "text"
+  } = c, [p, _] = f.useState(s.length), { themeSettings: u } = Dt();
+  function $(y) {
+    return d === "number" ? y.replace(/[^\d\n]+/g, "") : y;
   }
-  return /* @__PURE__ */ t.jsxs("div", { className: at.wrapper, children: [
-    e && /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ t.jsxs("div", { className: nt.wrapper, children: [
+    a && /* @__PURE__ */ t.jsx(
       "label",
       {
-        className: at.label,
-        htmlFor: e,
-        children: e
+        className: nt.label,
+        htmlFor: a,
+        children: a
       }
     ),
     /* @__PURE__ */ t.jsx(
       "textarea",
       {
-        id: e,
-        value: n,
-        onChange: (h) => {
-          const i = B(h.target.value);
-          m(i.length), s(i);
+        id: a,
+        value: s,
+        onChange: (y) => {
+          const n = $(y.target.value);
+          _(n.length), i(n);
         },
-        placeholder: c,
-        className: F(at.textarea, {
-          [at.contentBorder]: _.inputs.border.active,
-          [at.contentField]: _.inputs.field.active
+        placeholder: l,
+        className: U(nt.textarea, {
+          [nt.contentBorder]: u.inputs.border.active,
+          [nt.contentField]: u.inputs.field.active
         }),
-        maxLength: a
+        maxLength: e
       }
     ),
-    a && /* @__PURE__ */ t.jsxs("div", { className: at.length, children: [
-      r,
+    e && /* @__PURE__ */ t.jsxs("div", { className: nt.length, children: [
+      p,
       "/",
-      a
+      e
     ] })
   ] });
 };
 export {
-  Yi as Accordion,
-  Ps as BurgerMenuButton,
-  L as Button,
-  bn as ButtonTypeSettings,
+  Hi as Accordion,
+  wn as BurgerMenuButton,
+  F as Button,
+  xs as ButtonTypeSettings,
   zi as ButtonsSettings,
-  Ri as CategorySettings,
-  Ct as ChargeTypes,
-  At as ChooseImage,
-  ta as ChooseImageModal,
-  qs as EmptyCart,
-  Li as FormSettings,
-  Vi as HeaderButtons,
+  Ei as CategorySettings,
+  It as ChargeTypes,
+  Tt as ChooseImage,
+  Zi as ChooseImageModal,
+  qn as EmptyCart,
+  Di as FormSettings,
+  Fi as HeaderButtons,
   b as Icon,
-  It as InputSettings,
-  Rt as InputUI,
-  ea as ItemsSettings,
-  Ei as LayoutSettings,
-  Wi as Link,
-  Fi as ListingSelector,
-  na as Loader,
-  Qi as MetaInfoPost,
-  kt as Modal,
-  Ui as PagesMobileMenu,
-  Bs as PagesMobileModal,
-  Di as PagesSettings,
-  Gi as ProductCardButtons,
-  Xi as ProductCardModal,
-  Yn as ProductOptions,
-  St as RangeSelector,
-  it as Select,
+  vt as InputSettings,
+  Ot as InputUI,
+  ta as ItemsSettings,
+  Oi as LayoutSettings,
+  Yi as Link,
+  Li as ListingSelector,
+  ea as Loader,
+  Gi as MetaInfoPost,
+  Nt as Modal,
+  Vi as PagesMobileMenu,
+  $n as PagesMobileModal,
+  Ri as PagesSettings,
+  Wi as ProductCardButtons,
+  Qi as ProductCardModal,
+  Vs as ProductOptions,
+  kt as RangeSelector,
+  st as Select,
   sa as SelectInfiniteList,
-  Hi as ShareLink,
-  $s as ShoppingButton,
-  ws as ShoppingModalCart,
-  ct as Switch,
-  ia as TextSettings,
-  aa as TextareaSettings,
-  Ji as TextareaUI,
-  oa as TypesText,
-  Tt as UserInfo
+  Ui as ShareLink,
+  Cn as ShoppingButton,
+  Sn as ShoppingModalCart,
+  ot as Switch,
+  na as TextSettings,
+  ia as TextareaSettings,
+  Xi as TextareaUI,
+  aa as TypesText,
+  Bt as UserInfo
 };