@billgangcom/theme-lib 1.42.0 → 1.43.0

package/dist/ui.es.js

@@ -1,5 +1,5 @@
-import { j as t, I as j, c as U, a as K, S as st, T as qt, b as et, C as ft, u as kt, d as $t, D as Nt, e as wt, v as Ct, B as lt, f as _t, P as Bt, g as St, h as Tt, i as Vt, k as Et, l as Pt, m as At, M as Mt, n as Dt, o as Ht, p as Ut } from "./index-COcbc3Xp.js";
-import { q as Pa, L as Aa } from "./index-COcbc3Xp.js";
+import { j as t, I as j, c as U, a as K, S as st, T as qt, b as et, C as ft, u as $t, d as Nt, D as wt, e as Ct, v as Bt, B as lt, f as _t, P as St, g as Tt, h as Pt, i as Vt, k as Et, l as jt, m as At, M as Mt, n as Dt, o as Lt, p as Ut } from "./index-COcbc3Xp.js";
+import { q as Aa, L as Ma } from "./index-COcbc3Xp.js";
 import f from "react";
 import "@phosphor-icons/react";
 const Yt = "_wrapper_1ibay_2", Gt = "_alignmentBlock_1ibay_8", Xt = "_title_1ibay_15", Wt = "_subtitle_1ibay_22", Jt = "_alignmentContent_1ibay_29", Qt = "_alignments_1ibay_37", Kt = "_alignment_1ibay_8", Zt = "_circle_1ibay_60", te = "_paddings_1ibay_67", ee = "_padding_1ibay_67", se = "_active_1ibay_91", ne = "_input_1ibay_98", J = {
@@ -27,8 +27,8 @@ const Yt = "_wrapper_1ibay_2", Gt = "_alignmentBlock_1ibay_8", Xt = "_title_1iba
   "bottomRight"
 ], oe = ["left", "top", "right", "bottom"], ba = (d) => {
   const { alignment: o, padding: e, setPadding: s, setAlignment: i } = d;
-  function a(h) {
-    switch (h) {
+  function a(p) {
+    switch (p) {
       case "left":
       case "topLeft":
       case "bottomLeft":
@@ -45,8 +45,8 @@ const Yt = "_wrapper_1ibay_2", Gt = "_alignmentBlock_1ibay_8", Xt = "_title_1iba
         return "TextAlignCenter";
     }
   }
-  function l(h) {
-    switch (h) {
+  function l(p) {
+    switch (p) {
       case "left":
         return "AlignLeft";
       case "right":
@@ -63,22 +63,22 @@ const Yt = "_wrapper_1ibay_2", Gt = "_alignmentBlock_1ibay_8", Xt = "_title_1iba
     /* @__PURE__ */ t.jsxs("div", { className: J.alignmentBlock, children: [
       /* @__PURE__ */ t.jsx("h5", { className: J.subtitle, children: "Alignment" }),
       /* @__PURE__ */ t.jsxs("div", { className: J.alignmentContent, children: [
-        /* @__PURE__ */ t.jsx("div", { className: J.alignments, children: ie.map((h) => /* @__PURE__ */ t.jsxs(
+        /* @__PURE__ */ t.jsx("div", { className: J.alignments, children: ie.map((p) => /* @__PURE__ */ t.jsxs(
           "div",
           {
             onClick: () => {
-              i(h);
+              i(p);
             },
             className: J.alignment,
             onMouseEnter: () => {
-              n(h);
+              n(p);
             },
             onMouseLeave: () => {
               n(null);
             },
             children: [
-              h !== o && r !== h && /* @__PURE__ */ t.jsx("div", { className: J.circle }),
-              h !== o && r === h && /* @__PURE__ */ t.jsx(
+              p !== o && r !== p && /* @__PURE__ */ t.jsx("div", { className: J.circle }),
+              p !== o && r === p && /* @__PURE__ */ t.jsx(
                 j,
                 {
                   name: a(r),
@@ -87,7 +87,7 @@ const Yt = "_wrapper_1ibay_2", Gt = "_alignmentBlock_1ibay_8", Xt = "_title_1iba
                   height: 22
                 }
               ),
-              h === o && /* @__PURE__ */ t.jsx(
+              p === o && /* @__PURE__ */ t.jsx(
                 j,
                 {
                   name: a(o),
@@ -98,16 +98,16 @@ const Yt = "_wrapper_1ibay_2", Gt = "_alignmentBlock_1ibay_8", Xt = "_title_1iba
               )
             ]
           },
-          h
+          p
         )) }),
-        /* @__PURE__ */ t.jsx("div", { className: J.paddings, children: oe.map((h) => /* @__PURE__ */ t.jsxs(
+        /* @__PURE__ */ t.jsx("div", { className: J.paddings, children: oe.map((p) => /* @__PURE__ */ t.jsxs(
           "label",
           {
             className: U(J.padding, {
-              [J.active]: c === h
+              [J.active]: c === p
             }),
             onFocus: () => {
-              x(h);
+              x(p);
             },
             onBlur: () => {
               x(null);
@@ -116,7 +116,7 @@ const Yt = "_wrapper_1ibay_2", Gt = "_alignmentBlock_1ibay_8", Xt = "_title_1iba
               /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
                 j,
                 {
-                  name: l(h),
+                  name: l(p),
                   width: 20,
                   height: 20
                 }
@@ -125,10 +125,10 @@ const Yt = "_wrapper_1ibay_2", Gt = "_alignmentBlock_1ibay_8", Xt = "_title_1iba
                 K,
                 {
                   type: "number",
-                  value: String(e[h]),
-                  onChange: (p) => s({
+                  value: String(e[p]),
+                  onChange: (h) => s({
                     ...e,
-                    [h]: Number(p)
+                    [p]: Number(h)
                   }),
                   paddingless: !0,
                   borderless: !0
@@ -136,23 +136,23 @@ const Yt = "_wrapper_1ibay_2", Gt = "_alignmentBlock_1ibay_8", Xt = "_title_1iba
               )
             ]
           },
-          h
+          p
         )) })
       ] })
     ] })
   ] });
-}, ae = "_title_1jkiw_1", ce = "_subtitle_1jkiw_5", le = "_header_1jkiw_12", re = "_text_1jkiw_13", de = "_top_1jkiw_20", ue = "_itemsBlock_1jkiw_29", ht = {
+}, ae = "_title_1jkiw_1", ce = "_subtitle_1jkiw_5", le = "_header_1jkiw_12", re = "_text_1jkiw_13", de = "_top_1jkiw_20", ue = "_itemsBlock_1jkiw_29", pt = {
   title: ae,
   subtitle: ce,
   header: le,
   text: re,
   top: de,
   itemsBlock: ue
-}, me = "_typeTexts_167ez_1", _e = "_block_167ez_8", he = "_active_167ez_25", yt = {
+}, me = "_typeTexts_167ez_1", _e = "_block_167ez_8", pe = "_active_167ez_25", kt = {
   typeTexts: me,
   block: _e,
-  active: he
-}, pe = ["bold", "italic", "underline", "strike-through", "code"], Lt = (d) => {
+  active: pe
+}, he = ["bold", "italic", "underline", "strike-through", "code"], Ht = (d) => {
   const { typesText: o, setTypesText: e } = d;
   function s(i) {
     switch (i) {
@@ -168,11 +168,11 @@ const Yt = "_wrapper_1ibay_2", Gt = "_alignmentBlock_1ibay_8", Xt = "_title_1iba
         return "TextUnderline";
     }
   }
-  return /* @__PURE__ */ t.jsx("div", { className: yt.typeTexts, children: pe.map((i) => /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ t.jsx("div", { className: kt.typeTexts, children: he.map((i) => /* @__PURE__ */ t.jsx(
     "div",
     {
-      className: U(yt.block, {
-        [yt.active]: o.includes(i)
+      className: U(kt.block, {
+        [kt.active]: o.includes(i)
       }),
       onClick: () => {
         const a = [...o];
@@ -194,7 +194,7 @@ const Yt = "_wrapper_1ibay_2", Gt = "_alignmentBlock_1ibay_8", Xt = "_title_1iba
     },
     String(i)
   )) });
-}, pt = {
+}, ht = {
   h1: "Heading 1",
   h2: "Heading 2",
   h3: "Heading 3",
@@ -215,29 +215,29 @@ const Yt = "_wrapper_1ibay_2", Gt = "_alignmentBlock_1ibay_8", Xt = "_title_1iba
     typeFont: c,
     setTypeFont: x
   } = d;
-  return /* @__PURE__ */ t.jsxs("div", { className: ht.text, children: [
-    (r || e !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: ht.top, children: [
-      r && /* @__PURE__ */ t.jsx("h3", { className: ht.title, children: r }),
+  return /* @__PURE__ */ t.jsxs("div", { className: pt.text, children: [
+    (r || e !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: pt.top, children: [
+      r && /* @__PURE__ */ t.jsx("h3", { className: pt.title, children: r }),
       e !== void 0 && s && /* @__PURE__ */ t.jsx(
         st,
         {
           current: e,
-          onChange: (h) => s(h)
+          onChange: (p) => s(p)
         }
       )
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: ht.itemsBlock, children: [
-      /* @__PURE__ */ t.jsx("h5", { className: ht.subtitle, children: n }),
+    /* @__PURE__ */ t.jsxs("div", { className: pt.itemsBlock, children: [
+      /* @__PURE__ */ t.jsx("h5", { className: pt.subtitle, children: n }),
       /* @__PURE__ */ t.jsx(
         qt,
         {
-          onChange: (h) => a(h),
+          onChange: (p) => a(p),
           value: i,
           maxLength: 150
         }
       ),
       /* @__PURE__ */ t.jsx(
-        Lt,
+        Ht,
         {
           typesText: o,
           setTypesText: l
@@ -247,20 +247,20 @@ const Yt = "_wrapper_1ibay_2", Gt = "_alignmentBlock_1ibay_8", Xt = "_title_1iba
         et,
         {
           label: "Type Text",
-          options: Object.values(pt).filter(
-            (h) => h !== pt[c]
+          options: Object.values(ht).filter(
+            (p) => p !== ht[c]
           ),
-          onChange: (h) => x(
-            Object.keys(pt).find(
-              (p) => pt[p] === h
+          onChange: (p) => x(
+            Object.keys(ht).find(
+              (h) => ht[h] === p
             )
           ),
-          value: pt[c]
+          value: ht[c]
         }
       )
     ] })
   ] });
-}, xe = "_title_xma5o_1", ge = "_subtitle_xma5o_5", fe = "_header_xma5o_12", be = "_text_xma5o_13", ve = "_productsBlock_xma5o_14", je = "_top_xma5o_26", ye = "_itemsBlock_xma5o_35", Ie = "_typeTexts_xma5o_41", ke = "_block_xma5o_48", $e = "_active_xma5o_61", Ne = "_products_xma5o_14", we = "_product_xma5o_14", Ce = "_button_xma5o_80", Be = "_disabled_xma5o_91", Se = "_image_xma5o_95", Te = "_info_xma5o_102", Pe = "_name_xma5o_114", Ae = "_buttons_xma5o_118", Me = "_modal_xma5o_125", Oe = "_link_xma5o_145", qe = "_modalOptions_xma5o_151", Ee = "_addButton_xma5o_165", De = "_deleteButton_xma5o_180", He = "_closeIcon_xma5o_192", H = {
+}, xe = "_title_xma5o_1", ge = "_subtitle_xma5o_5", fe = "_header_xma5o_12", be = "_text_xma5o_13", ve = "_productsBlock_xma5o_14", je = "_top_xma5o_26", ye = "_itemsBlock_xma5o_35", ke = "_typeTexts_xma5o_41", Ie = "_block_xma5o_48", $e = "_active_xma5o_61", Ne = "_products_xma5o_14", we = "_product_xma5o_14", Ce = "_button_xma5o_80", Be = "_disabled_xma5o_91", Se = "_image_xma5o_95", Te = "_info_xma5o_102", Pe = "_name_xma5o_114", Ae = "_buttons_xma5o_118", Me = "_modal_xma5o_125", Oe = "_link_xma5o_145", qe = "_modalOptions_xma5o_151", Ee = "_addButton_xma5o_165", De = "_deleteButton_xma5o_180", Le = "_closeIcon_xma5o_192", L = {
   title: xe,
   subtitle: ge,
   header: fe,
@@ -268,8 +268,8 @@ const Yt = "_wrapper_1ibay_2", Gt = "_alignmentBlock_1ibay_8", Xt = "_title_1iba
   productsBlock: ve,
   top: je,
   itemsBlock: ye,
-  typeTexts: Ie,
-  block: ke,
+  typeTexts: ke,
+  block: Ie,
   active: $e,
   products: Ne,
   product: we,
@@ -284,8 +284,8 @@ const Yt = "_wrapper_1ibay_2", Gt = "_alignmentBlock_1ibay_8", Xt = "_title_1iba
   modalOptions: qe,
   addButton: Ee,
   deleteButton: De,
-  closeIcon: He
-}, Le = f.forwardRef(
+  closeIcon: Le
+}, He = f.forwardRef(
   (d, o) => {
     const { activeItem: e, setActiveItem: s, popupPosition: i, modalOptions: a, setIsOpenModal: l } = d;
     function r(n, c) {
@@ -295,7 +295,7 @@ const Yt = "_wrapper_1ibay_2", Gt = "_alignmentBlock_1ibay_8", Xt = "_title_1iba
       "div",
       {
         ref: o,
-        className: H.modal,
+        className: L.modal,
         onClick: (n) => {
           n.stopPropagation();
         },
@@ -304,9 +304,9 @@ const Yt = "_wrapper_1ibay_2", Gt = "_alignmentBlock_1ibay_8", Xt = "_title_1iba
           left: `${i.left}px`
         },
         children: [
-          /* @__PURE__ */ t.jsxs("div", { className: H.top, children: [
-            /* @__PURE__ */ t.jsx("h3", { className: H.title, children: r(e.name, 20) }),
-            /* @__PURE__ */ t.jsx("div", { className: H.closeIcon, children: /* @__PURE__ */ t.jsx(
+          /* @__PURE__ */ t.jsxs("div", { className: L.top, children: [
+            /* @__PURE__ */ t.jsx("h3", { className: L.title, children: r(e.name, 20) }),
+            /* @__PURE__ */ t.jsx("div", { className: L.closeIcon, children: /* @__PURE__ */ t.jsx(
               j,
               {
                 name: "X",
@@ -318,7 +318,7 @@ const Yt = "_wrapper_1ibay_2", Gt = "_alignmentBlock_1ibay_8", Xt = "_title_1iba
               }
             ) })
           ] }),
-          /* @__PURE__ */ t.jsx("div", { className: H.modalOptions, children: a.map((n) => {
+          /* @__PURE__ */ t.jsx("div", { className: L.modalOptions, children: a.map((n) => {
             if (n.type === "image")
               return /* @__PURE__ */ t.jsx(
                 ft,
@@ -383,7 +383,7 @@ const Yt = "_wrapper_1ibay_2", Gt = "_alignmentBlock_1ibay_8", Xt = "_title_1iba
                 }
               );
             if (n.type === "inputSwitch")
-              return /* @__PURE__ */ t.jsxs("div", { className: H.link, children: [
+              return /* @__PURE__ */ t.jsxs("div", { className: L.link, children: [
                 /* @__PURE__ */ t.jsx(
                   K,
                   {
@@ -461,7 +461,7 @@ const Yt = "_wrapper_1ibay_2", Gt = "_alignmentBlock_1ibay_8", Xt = "_title_1iba
   other: Re,
   subtitle: ze,
   items: Fe
-}, jt = (d) => {
+}, yt = (d) => {
   const { items: o, title: e = "Other" } = d;
   return /* @__PURE__ */ t.jsxs("div", { className: It.other, children: [
     /* @__PURE__ */ t.jsx("h5", { className: It.subtitle, children: e }),
@@ -486,10 +486,10 @@ function Ve({ product: d, children: o }) {
     transform: a,
     transition: l,
     isDragging: r
-  } = St({
+  } = Tt({
     id: d.id
   }), n = {
-    transform: Tt.Transform.toString(a),
+    transform: Pt.Transform.toString(a),
     transition: l
   };
   return /* @__PURE__ */ t.jsx(
@@ -497,7 +497,7 @@ function Ve({ product: d, children: o }) {
     {
       ref: i,
       style: n,
-      className: `${H.product} ${r ? H.dragging : ""}`,
+      className: `${L.product} ${r ? L.dragging : ""}`,
       ...e,
       ...s,
       children: o
@@ -516,13 +516,13 @@ const Ue = (d) => {
     editable: n = !0,
     draggable: c = !1,
     withImage: x = !1,
-    deletable: h = !0,
-    addable: p = !0,
+    deletable: p = !0,
+    addable: h = !0,
     itemsType: _,
     itemsPlaceholder: b = "",
     itemsOptions: u,
     hasRangeSelector: C = !1,
-    rangeSelectorOptions: L,
+    rangeSelectorOptions: H,
     modalOptions: v,
     addableOptions: O = {},
     limit: g,
@@ -530,8 +530,8 @@ const Ue = (d) => {
   } = d, [F, q] = f.useState(null), [X, D] = f.useState({
     top: 0,
     left: 0
-  }), [I, A] = f.useState(null), M = f.useRef(null), [W, T] = f.useState(!1), R = kt(
-    $t(Bt, {
+  }), [k, A] = f.useState(null), M = f.useRef(null), [W, T] = f.useState(!1), R = $t(
+    Nt(St, {
       activationConstraint: {
         distance: 5
       }
@@ -546,26 +546,26 @@ const Ue = (d) => {
     };
   }, []), f.useEffect(() => {
     if (F) {
-      const m = [...s].map((k) => k.id === F.id ? F : k);
+      const m = [...s].map((I) => I.id === F.id ? F : I);
       i(m);
     }
   }, [F]), f.useEffect(() => {
-    if (M.current && I) {
-      const m = M.current.getBoundingClientRect().height, k = window.innerHeight;
-      let B = I.top;
-      B + m > k + window.scrollY - 200 && (B = k + window.scrollY - m - 200), B < 0 && (B = 10), D({
+    if (M.current && k) {
+      const m = M.current.getBoundingClientRect().height, I = window.innerHeight;
+      let B = k.top;
+      B + m > I + window.scrollY - 200 && (B = I + window.scrollY - m - 200), B < 0 && (B = 10), D({
         top: B,
-        left: I.left
+        left: k.left
       });
     }
-  }, [M.current, I]);
-  const Z = (m, k) => {
+  }, [M.current, k]);
+  const Z = (m, I) => {
     m.stopPropagation();
     const B = m.target.getBoundingClientRect();
     A({
       top: B.top + window.scrollY,
       left: B.left - 30
-    }), q(k), T(!0);
+    }), q(I), T(!0);
   };
   function rt(m) {
     if (x)
@@ -588,15 +588,15 @@ const Ue = (d) => {
       );
   }
   const y = (m) => {
-    const { active: k, over: B } = m;
-    if (B && k.id !== B.id) {
-      const E = s.findIndex((S) => S.id === k.id), Y = s.findIndex((S) => S.id === B.id);
+    const { active: I, over: B } = m;
+    if (B && I.id !== B.id) {
+      const E = s.findIndex((S) => S.id === I.id), Y = s.findIndex((S) => S.id === B.id);
       if (E !== -1 && Y !== -1) {
         const S = [...s], [dt] = S.splice(E, 1);
         S.splice(Y, 0, dt), i(S);
       }
     }
-  }, P = (m, k) => {
+  }, P = (m, I) => {
     var E, Y;
     const B = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       c && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
@@ -655,8 +655,8 @@ const Ue = (d) => {
           activeImage: (E = s.find((S) => S.id === m.id)) != null && E.images ? (Y = s.find((S) => S.id === m.id)) == null ? void 0 : Y.images[0] : void 0
         }
       ),
-      /* @__PURE__ */ t.jsxs("div", { className: H.buttons, children: [
-        n && /* @__PURE__ */ t.jsx("div", { className: H.deleteButton, children: /* @__PURE__ */ t.jsx(
+      /* @__PURE__ */ t.jsxs("div", { className: L.buttons, children: [
+        n && /* @__PURE__ */ t.jsx("div", { className: L.deleteButton, children: /* @__PURE__ */ t.jsx(
           j,
           {
             name: "Sliders",
@@ -666,7 +666,7 @@ const Ue = (d) => {
             onClick: (S) => Z(S, m)
           }
         ) }),
-        h && /* @__PURE__ */ t.jsx("div", { className: H.deleteButton, children: /* @__PURE__ */ t.jsx(
+        p && /* @__PURE__ */ t.jsx("div", { className: L.deleteButton, children: /* @__PURE__ */ t.jsx(
           j,
           {
             name: "Trash",
@@ -683,22 +683,22 @@ const Ue = (d) => {
       Ve,
       {
         product: m,
-        index: k,
+        index: I,
         children: B
       },
       m.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: H.product,
+        className: L.product,
         children: B
       },
       m.id
     );
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: H.productsBlock, children: [
-    (l || o !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: H.top, children: [
-      l && /* @__PURE__ */ t.jsx("h3", { className: H.title, children: l }),
+  return /* @__PURE__ */ t.jsxs("div", { className: L.productsBlock, children: [
+    (l || o !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: L.top, children: [
+      l && /* @__PURE__ */ t.jsx("h3", { className: L.title, children: l }),
       o !== void 0 && /* @__PURE__ */ t.jsx(
         st,
         {
@@ -708,7 +708,7 @@ const Ue = (d) => {
       )
     ] }),
     F && n && v && W && /* @__PURE__ */ t.jsx(
-      Le,
+      He,
       {
         ref: M,
         activeItem: F,
@@ -718,25 +718,25 @@ const Ue = (d) => {
         setIsOpenModal: T
       }
     ),
-    C && L && /* @__PURE__ */ t.jsx(Ot, { ...L }),
-    /* @__PURE__ */ t.jsxs("div", { className: H.products, children: [
-      r && /* @__PURE__ */ t.jsx("h5", { className: H.subtitle, children: r }),
+    C && H && /* @__PURE__ */ t.jsx(Ot, { ...H }),
+    /* @__PURE__ */ t.jsxs("div", { className: L.products, children: [
+      r && /* @__PURE__ */ t.jsx("h5", { className: L.subtitle, children: r }),
       c ? /* @__PURE__ */ t.jsx(
-        Nt,
+        wt,
         {
           sensors: R,
           onDragEnd: y,
           children: /* @__PURE__ */ t.jsx(
-            wt,
+            Ct,
             {
               items: s.map((m) => m.id),
-              strategy: Ct,
-              children: s.map((m, k) => P(m, k))
+              strategy: Bt,
+              children: s.map((m, I) => P(m, I))
             }
           )
         }
-      ) : s.map((m, k) => P(m, k)),
-      p && /* @__PURE__ */ t.jsx(
+      ) : s.map((m, I) => P(m, I)),
+      h && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -748,24 +748,24 @@ const Ue = (d) => {
             lt,
             {
               withoutHover: !0,
-              className: U(H.button, {
-                [H.disabled]: !!(g && g <= s.length || s.length === (u == null ? void 0 : u.length))
+              className: U(L.button, {
+                [L.disabled]: !!(g && g <= s.length || s.length === (u == null ? void 0 : u.length))
               }),
               size: "s",
               disabled: !!(g && g <= s.length || s.length === (u == null ? void 0 : u.length)),
               onClick: () => {
                 const m = [...s];
-                let k = null;
+                let I = null;
                 if (u) {
                   for (let B = 0; B < u.length; B++)
                     if (!s.find((E) => E.id === u[B].id)) {
-                      k = u[B];
+                      I = u[B];
                       break;
                     }
                 }
                 _ === "select" && u ? m.push({
-                  name: k ? k.name : u[0].name,
-                  id: (k == null ? void 0 : k.id) || u[0].id,
+                  name: I ? I.name : u[0].name,
+                  id: (I == null ? void 0 : I.id) || u[0].id,
                   ...O
                 }) : _ === "input" ? m.push({
                   name: "",
@@ -780,7 +780,7 @@ const Ue = (d) => {
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ t.jsxs("div", { className: H.addButton, children: [
+              children: /* @__PURE__ */ t.jsxs("div", { className: L.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
                   j,
@@ -796,7 +796,7 @@ const Ue = (d) => {
         }
       )
     ] }),
-    a !== void 0 && /* @__PURE__ */ t.jsx(jt, { items: a }),
+    a !== void 0 && /* @__PURE__ */ t.jsx(yt, { items: a }),
     $ !== void 0 && /* @__PURE__ */ t.jsx(
       K,
       {
@@ -813,7 +813,7 @@ const Ue = (d) => {
       }
     )
   ] });
-}, Ye = "_title_82zux_1", Ge = "_subtitle_82zux_5", Xe = "_header_82zux_12", We = "_text_82zux_13", Je = "_productsBlock_82zux_14", Qe = "_top_82zux_26", Ke = "_itemsBlock_82zux_35", Ze = "_typeTexts_82zux_41", ts = "_block_82zux_48", es = "_active_82zux_61", ss = "_products_82zux_14", ns = "_product_82zux_14", is = "_button_82zux_80", os = "_disabled_82zux_91", as = "_image_82zux_95", cs = "_info_82zux_102", ls = "_name_82zux_114", rs = "_buttons_82zux_118", ds = "_modal_82zux_125", us = "_link_82zux_145", ms = "_modalOptions_82zux_151", _s = "_addButton_82zux_157", hs = "_deleteButton_82zux_179", Q = {
+}, Ye = "_title_82zux_1", Ge = "_subtitle_82zux_5", Xe = "_header_82zux_12", We = "_text_82zux_13", Je = "_productsBlock_82zux_14", Qe = "_top_82zux_26", Ke = "_itemsBlock_82zux_35", Ze = "_typeTexts_82zux_41", ts = "_block_82zux_48", es = "_active_82zux_61", ss = "_products_82zux_14", ns = "_product_82zux_14", is = "_button_82zux_80", os = "_disabled_82zux_91", as = "_image_82zux_95", cs = "_info_82zux_102", ls = "_name_82zux_114", rs = "_buttons_82zux_118", ds = "_modal_82zux_125", us = "_link_82zux_145", ms = "_modalOptions_82zux_151", _s = "_addButton_82zux_157", ps = "_deleteButton_82zux_179", Q = {
   title: Ye,
   subtitle: Ge,
   header: Xe,
@@ -836,7 +836,7 @@ const Ue = (d) => {
   link: us,
   modalOptions: ms,
   addButton: _s,
-  deleteButton: hs
+  deleteButton: ps
 }, va = (d) => {
   const {
     isActiveItems: o,
@@ -849,8 +849,8 @@ const Ue = (d) => {
     draggable: n = !1,
     withImage: c = !1,
     addable: x = !0,
-    itemsOptions: h,
-    hasRangeSelector: p = !1,
+    itemsOptions: p,
+    hasRangeSelector: h = !1,
     rangeSelectorOptions: _,
     limit: b,
     autoScrollInterval: u
@@ -875,8 +875,8 @@ const Ue = (d) => {
         }
       );
   }
-  const L = (v) => {
-    const O = h.find(($) => $.id === v);
+  const H = (v) => {
+    const O = p.find(($) => $.id === v);
     if (!O) return;
     const g = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       n && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
@@ -892,13 +892,13 @@ const Ue = (d) => {
         et,
         {
           onChange: ($) => {
-            const F = [...s], q = h.find((I) => I.name === $);
+            const F = [...s], q = p.find((k) => k.name === $);
             if (!q) return;
-            const X = q.id, D = F.map((I) => I === v ? X : I);
+            const X = q.id, D = F.map((k) => k === v ? X : k);
             i([...D]);
           },
           value: O.name,
-          options: h.filter(($) => !s.find((F) => F === $.id)).map(($) => $.name),
+          options: p.filter(($) => !s.find((F) => F === $.id)).map(($) => $.name),
           leftAddon: C(O.images)
         }
       ),
@@ -934,10 +934,10 @@ const Ue = (d) => {
         }
       )
     ] }),
-    p && _ && /* @__PURE__ */ t.jsx(Ot, { ..._ }),
+    h && _ && /* @__PURE__ */ t.jsx(Ot, { ..._ }),
     /* @__PURE__ */ t.jsxs("div", { className: Q.products, children: [
       r && /* @__PURE__ */ t.jsx("h5", { className: Q.subtitle, children: r }),
-      s.map((v) => L(v)),
+      s.map((v) => H(v)),
       x && /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -952,21 +952,21 @@ const Ue = (d) => {
             {
               withoutHover: !0,
               className: U(Q.button, {
-                [Q.disabled]: !!(b && b <= s.length || s.length === h.length)
+                [Q.disabled]: !!(b && b <= s.length || s.length === p.length)
               }),
               size: "s",
-              disabled: !!(b && b <= s.length || s.length === h.length),
+              disabled: !!(b && b <= s.length || s.length === p.length),
               onClick: () => {
                 const v = [...s];
                 let O = null;
-                if (h) {
-                  for (let g = 0; g < h.length; g++)
-                    if (!s.find(($) => $ === h[g].id)) {
-                      O = h[g];
+                if (p) {
+                  for (let g = 0; g < p.length; g++)
+                    if (!s.find(($) => $ === p[g].id)) {
+                      O = p[g];
                       break;
                     }
                 }
-                v.push((O == null ? void 0 : O.id) || h[0].id), i(v);
+                v.push((O == null ? void 0 : O.id) || p[0].id), i(v);
               },
               style: {
                 width: "fit-content"
@@ -987,7 +987,7 @@ const Ue = (d) => {
         }
       )
     ] }),
-    a !== void 0 && /* @__PURE__ */ t.jsx(jt, { items: a }),
+    a !== void 0 && /* @__PURE__ */ t.jsx(yt, { items: a }),
     u !== void 0 && /* @__PURE__ */ t.jsx(
       K,
       {
@@ -1004,8 +1004,8 @@ const Ue = (d) => {
       }
     )
   ] });
-}, ps = "_title_1vfw9_1", xs = "_subtitle_1vfw9_5", gs = "_header_1vfw9_12", fs = "_text_1vfw9_13", bs = "_productsBlock_1vfw9_14", vs = "_top_1vfw9_26", js = "_itemsBlock_1vfw9_35", ys = "_typeTexts_1vfw9_41", Is = "_block_1vfw9_48", ks = "_active_1vfw9_61", $s = "_products_1vfw9_14", Ns = "_product_1vfw9_14", ws = "_button_1vfw9_80", Cs = "_disabled_1vfw9_91", Bs = "_image_1vfw9_95", Ss = "_info_1vfw9_102", Ts = "_name_1vfw9_114", Ps = "_buttons_1vfw9_118", As = "_modal_1vfw9_125", Ms = "_link_1vfw9_145", Os = "_modalOptions_1vfw9_151", qs = "_addButton_1vfw9_164", Es = "_deleteButton_1vfw9_179", Ds = "_closeIcon_1vfw9_191", z = {
-  title: ps,
+}, hs = "_title_1vfw9_1", xs = "_subtitle_1vfw9_5", gs = "_header_1vfw9_12", fs = "_text_1vfw9_13", bs = "_productsBlock_1vfw9_14", vs = "_top_1vfw9_26", js = "_itemsBlock_1vfw9_35", ys = "_typeTexts_1vfw9_41", ks = "_block_1vfw9_48", Is = "_active_1vfw9_61", $s = "_products_1vfw9_14", Ns = "_product_1vfw9_14", ws = "_button_1vfw9_80", Cs = "_disabled_1vfw9_91", Bs = "_image_1vfw9_95", Ss = "_info_1vfw9_102", Ts = "_name_1vfw9_114", Ps = "_buttons_1vfw9_118", As = "_modal_1vfw9_125", Ms = "_link_1vfw9_145", Os = "_modalOptions_1vfw9_151", qs = "_addButton_1vfw9_164", Es = "_deleteButton_1vfw9_179", Ds = "_closeIcon_1vfw9_191", z = {
+  title: hs,
   subtitle: xs,
   header: gs,
   text: fs,
@@ -1013,8 +1013,8 @@ const Ue = (d) => {
   top: vs,
   itemsBlock: js,
   typeTexts: ys,
-  block: Is,
-  active: ks,
+  block: ks,
+  active: Is,
   products: $s,
   product: Ns,
   button: ws,
@@ -1029,7 +1029,7 @@ const Ue = (d) => {
   addButton: qs,
   deleteButton: Es,
   closeIcon: Ds
-}, Hs = f.forwardRef(
+}, Ls = f.forwardRef(
   (d, o) => {
     const { activeItem: e, setActiveItem: s, popupPosition: i, modalOptions: a, setIsOpenModal: l } = d;
     function r(n, c) {
@@ -1182,11 +1182,11 @@ const Ue = (d) => {
     );
   }
 );
-function Ls(d) {
-  const { product: o, children: e } = d, { attributes: s, listeners: i, setNodeRef: a, transform: l, transition: r, isDragging: n } = St({
+function Hs(d) {
+  const { product: o, children: e } = d, { attributes: s, listeners: i, setNodeRef: a, transform: l, transition: r, isDragging: n } = Tt({
     id: o.id
   }), c = {
-    transform: Tt.Transform.toString(l),
+    transform: Pt.Transform.toString(l),
     transition: r
   };
   return /* @__PURE__ */ t.jsx(
@@ -1213,20 +1213,20 @@ const ja = (d) => {
     editable: n = !0,
     draggable: c = !1,
     withImage: x = !1,
-    deletable: h = !0,
-    addable: p = !0,
+    deletable: p = !0,
+    addable: h = !0,
     itemsType: _,
     itemsPlaceholder: b = "",
     itemsOptions: u,
     hasRangeSelector: C = !1,
-    rangeSelectorOptions: L,
+    rangeSelectorOptions: H,
     modalOptions: v,
     addableOptions: O = {}
   } = d, [g, $] = f.useState(null), [F, q] = f.useState({
     top: 0,
     left: 0
-  }), [X, D] = f.useState(null), I = f.useRef(null), [A, M] = f.useState(!1), W = kt(
-    $t(Bt, {
+  }), [X, D] = f.useState(null), k = f.useRef(null), [A, M] = f.useState(!1), W = $t(
+    Nt(St, {
       activationConstraint: {
         distance: 5
       }
@@ -1245,15 +1245,15 @@ const ja = (d) => {
       i(y);
     }
   }, [g]), f.useEffect(() => {
-    if (I.current && X) {
-      const y = I.current.getBoundingClientRect().height, P = window.innerHeight;
+    if (k.current && X) {
+      const y = k.current.getBoundingClientRect().height, P = window.innerHeight;
       let m = X.top;
       m + y > P + window.scrollY - 200 && (m = P + window.scrollY - y - 200), m < 0 && (m = 10), q({
         top: m,
         left: X.left
       });
     }
-  }, [I.current, X]);
+  }, [k.current, X]);
   const T = (y, P) => {
     y.stopPropagation();
     const m = y.target.getBoundingClientRect();
@@ -1285,9 +1285,9 @@ const ja = (d) => {
   const Z = (y) => {
     const { active: P, over: m } = y;
     if (m && P.id !== m.id) {
-      const k = s.findIndex((E) => E.id === P.id), B = s.findIndex((E) => E.id === m.id);
-      if (k !== -1 && B !== -1) {
-        const E = [...s], [Y] = E.splice(k, 1);
+      const I = s.findIndex((E) => E.id === P.id), B = s.findIndex((E) => E.id === m.id);
+      if (I !== -1 && B !== -1) {
+        const E = [...s], [Y] = E.splice(I, 1);
         E.splice(B, 0, Y), i(E);
       }
     }
@@ -1306,28 +1306,28 @@ const ja = (d) => {
       _ === "select" && u && /* @__PURE__ */ t.jsx(
         et,
         {
-          onChange: (k) => {
+          onChange: (I) => {
             const E = [...s].map((Y) => Y.id === y.id ? {
               ...y,
-              name: k
+              name: I
             } : Y);
             $({
               ...y,
-              name: k
+              name: I
             }), i([...E]);
           },
           value: y.name,
-          options: u.filter((k) => !s.find((B) => B.name === k)),
+          options: u.filter((I) => !s.find((B) => B.name === I)),
           leftAddon: R(y.images)
         }
       ),
       _ === "input" && /* @__PURE__ */ t.jsx(
         K,
         {
-          onChange: (k) => {
+          onChange: (I) => {
             const E = [...s].map((Y) => Y.id === y.id ? {
               ...y,
-              name: k
+              name: I
             } : Y);
             i([...E]);
           },
@@ -1338,14 +1338,14 @@ const ja = (d) => {
       _ === "image" && /* @__PURE__ */ t.jsx(
         ft,
         {
-          onChange: (k) => {
+          onChange: (I) => {
             const E = [...s].map((Y) => Y.id === y.id ? {
               ...y,
-              images: k
+              images: I
             } : Y);
             i([...E]);
           },
-          activeImage: (m = s.find((k) => k.id === y.id)) == null ? void 0 : m.images[0]
+          activeImage: (m = s.find((I) => I.id === y.id)) == null ? void 0 : m.images[0]
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: z.buttons, children: [
@@ -1356,10 +1356,10 @@ const ja = (d) => {
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (k) => T(k, y)
+            onClick: (I) => T(I, y)
           }
         ) }),
-        h && /* @__PURE__ */ t.jsx("div", { className: z.deleteButton, children: /* @__PURE__ */ t.jsx(
+        p && /* @__PURE__ */ t.jsx("div", { className: z.deleteButton, children: /* @__PURE__ */ t.jsx(
           j,
           {
             name: "Trash",
@@ -1367,13 +1367,13 @@ const ja = (d) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => i(s.filter((k) => k.id !== y.id))
+            onClick: () => i(s.filter((I) => I.id !== y.id))
           }
         ) })
       ] })
     ] });
     return c ? /* @__PURE__ */ t.jsx(
-      Ls,
+      Hs,
       {
         product: y,
         children: P
@@ -1400,9 +1400,9 @@ const ja = (d) => {
       )
     ] }),
     g && n && v && A && /* @__PURE__ */ t.jsx(
-      Hs,
+      Ls,
       {
-        ref: I,
+        ref: k,
         activeItem: g,
         setActiveItem: $,
         popupPosition: F,
@@ -1410,25 +1410,25 @@ const ja = (d) => {
         setIsOpenModal: M
       }
     ),
-    C && L && /* @__PURE__ */ t.jsx(Ot, { ...L }),
+    C && H && /* @__PURE__ */ t.jsx(Ot, { ...H }),
     /* @__PURE__ */ t.jsxs("div", { className: z.products, children: [
       r && /* @__PURE__ */ t.jsx("h5", { className: z.subtitle, children: r }),
       c ? /* @__PURE__ */ t.jsx(
-        Nt,
+        wt,
         {
           sensors: W,
           onDragEnd: Z,
           children: /* @__PURE__ */ t.jsx(
-            wt,
+            Ct,
             {
               items: s.map((y) => y.id),
-              strategy: Ct,
+              strategy: Bt,
               children: s.map((y) => rt(y))
             }
           )
         }
       ) : s.map((y) => rt(y)),
-      p && /* @__PURE__ */ t.jsx(
+      h && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -1447,7 +1447,7 @@ const ja = (d) => {
                 let P = null;
                 if (u) {
                   for (let m = 0; m < u.length; m++)
-                    if (!s.find((k) => k.name === u[m])) {
+                    if (!s.find((I) => I.name === u[m])) {
                       P = u[m];
                       break;
                     }
@@ -1489,7 +1489,7 @@ const ja = (d) => {
         }
       )
     ] }),
-    a !== void 0 && /* @__PURE__ */ t.jsx(jt, { items: a })
+    a !== void 0 && /* @__PURE__ */ t.jsx(yt, { items: a })
   ] });
 }, Rs = "_title_bn7sv_1", zs = "_subtitle_bn7sv_5", Fs = "_header_bn7sv_12", Vs = "_text_bn7sv_13", Us = "_productsBlock_bn7sv_14", Ys = "_buttonsBlock_bn7sv_15", Gs = "_top_bn7sv_26", Xs = "_itemsBlock_bn7sv_35", Ws = "_typeTexts_bn7sv_41", Js = "_block_bn7sv_48", Qs = "_active_bn7sv_60", Ks = "_products_bn7sv_14", Zs = "_product_bn7sv_14", tn = "_button_bn7sv_15", en = "_image_bn7sv_90", sn = "_info_bn7sv_97", nn = "_name_bn7sv_109", on = "_buttons_bn7sv_15", an = "_modal_bn7sv_120", cn = "_other_bn7sv_139", ln = "_options_bn7sv_145", rn = "_closeIcon_bn7sv_153", ct = {
   title: Rs,
@@ -1515,20 +1515,20 @@ const ja = (d) => {
   options: ln,
   closeIcon: rn
 }, dn = f.forwardRef((d, o) => {
-  const { activeButton: e, setActiveButton: s, popupPosition: i } = d, [a, l] = f.useState(e.typesText), [r, n] = f.useState(e.destination), [c, x] = f.useState(e.page), [h, p] = f.useState(e.link || ""), [_, b] = f.useState(e.text || ""), [u, C] = f.useState(e.openInNewTab), { pages: L } = Vt();
+  const { activeButton: e, setActiveButton: s, popupPosition: i } = d, [a, l] = f.useState(e.typesText), [r, n] = f.useState(e.destination), [c, x] = f.useState(e.page), [p, h] = f.useState(e.link || ""), [_, b] = f.useState(e.text || ""), [u, C] = f.useState(e.openInNewTab), { pages: H } = Vt();
   return f.useEffect(() => {
     s({
       ...e,
       ...{
         text: _,
-        link: h,
+        link: p,
         destination: r,
         typesText: a,
         page: c,
         openInNewTab: u
       }
     });
-  }, [a, r, h, _, c, u]), /* @__PURE__ */ t.jsxs(
+  }, [a, r, p, _, c, u]), /* @__PURE__ */ t.jsxs(
     "div",
     {
       className: ct.modal,
@@ -1569,14 +1569,14 @@ const ja = (d) => {
             {
               label: "Go to",
               onChange: (v) => x(v),
-              options: L ? Object.values(L).filter((v) => v.name !== c).map((v) => v.name) : [],
+              options: H ? Object.values(H).filter((v) => v.name !== c).map((v) => v.name) : [],
               value: c
             }
           ) : /* @__PURE__ */ t.jsx(
             K,
             {
-              onChange: (v) => p(v),
-              value: h,
+              onChange: (v) => h(v),
+              value: p,
               placeholder: "https://",
               label: "Link"
             }
@@ -1599,7 +1599,7 @@ const ja = (d) => {
             }
           ),
           /* @__PURE__ */ t.jsx(
-            Lt,
+            Ht,
             {
               typesText: a,
               setTypesText: l
@@ -1609,12 +1609,12 @@ const ja = (d) => {
       ]
     }
   );
-}), un = "_subtitle_jql1y_1", mn = "_header_jql1y_8", _n = "_text_jql1y_9", hn = "_productsBlock_jql1y_10", pn = "_buttonsBlock_jql1y_11", xn = "_top_jql1y_23", gn = "_itemsBlock_jql1y_32", fn = "_typeTexts_jql1y_38", bn = "_block_jql1y_45", vn = "_active_jql1y_58", jn = "_products_jql1y_10", yn = "_product_jql1y_10", In = "_button_jql1y_11", kn = "_image_jql1y_88", $n = "_info_jql1y_95", Nn = "_name_jql1y_107", wn = "_buttons_jql1y_11", Cn = "_modal_jql1y_118", Bn = "_other_jql1y_138", Sn = "_options_jql1y_144", Tn = "_addButton_jql1y_150", Pn = "_deleteButton_jql1y_165", it = {
+}), un = "_subtitle_jql1y_1", mn = "_header_jql1y_8", _n = "_text_jql1y_9", pn = "_productsBlock_jql1y_10", hn = "_buttonsBlock_jql1y_11", xn = "_top_jql1y_23", gn = "_itemsBlock_jql1y_32", fn = "_typeTexts_jql1y_38", bn = "_block_jql1y_45", vn = "_active_jql1y_58", jn = "_products_jql1y_10", yn = "_product_jql1y_10", kn = "_button_jql1y_11", In = "_image_jql1y_88", $n = "_info_jql1y_95", Nn = "_name_jql1y_107", wn = "_buttons_jql1y_11", Cn = "_modal_jql1y_118", Bn = "_other_jql1y_138", Sn = "_options_jql1y_144", Tn = "_addButton_jql1y_150", Pn = "_deleteButton_jql1y_165", it = {
   subtitle: un,
   header: mn,
   text: _n,
-  productsBlock: hn,
-  buttonsBlock: pn,
+  productsBlock: pn,
+  buttonsBlock: hn,
   top: xn,
   itemsBlock: gn,
   typeTexts: fn,
@@ -1622,8 +1622,8 @@ const ja = (d) => {
   active: vn,
   products: jn,
   product: yn,
-  button: In,
-  image: kn,
+  button: kn,
+  image: In,
   info: $n,
   name: Nn,
   buttons: wn,
@@ -1636,7 +1636,7 @@ const ja = (d) => {
   const { buttons: o, setButtons: e, deletable: s = !0, addable: i = !0 } = d, [a, l] = f.useState(null), [r, n] = f.useState({
     top: 0,
     left: 0
-  }), [c, x] = f.useState(null), h = f.useRef(null);
+  }), [c, x] = f.useState(null), p = f.useRef(null);
   f.useEffect(() => {
     const _ = () => {
       l(null);
@@ -1650,16 +1650,16 @@ const ja = (d) => {
       e(_);
     }
   }, [a]), f.useEffect(() => {
-    if (h.current && c) {
-      const _ = h.current.getBoundingClientRect().height, b = window.innerHeight;
+    if (p.current && c) {
+      const _ = p.current.getBoundingClientRect().height, b = window.innerHeight;
       let u = c.top;
       u + _ > b + window.scrollY - 200 && (u = b + window.scrollY - _ - 200), u < 0 && (u = 10), n({
         top: u,
         left: c.left
       });
     }
-  }, [h.current, c]);
-  const p = (_, b) => {
+  }, [p.current, c]);
+  const h = (_, b) => {
     _.stopPropagation();
     const u = _.target.getBoundingClientRect();
     x({
@@ -1678,10 +1678,10 @@ const ja = (d) => {
             et,
             {
               onChange: (b) => {
-                const C = [...o].map((L) => L.id === _.id ? {
+                const C = [...o].map((H) => H.id === _.id ? {
                   ..._,
                   type: b
-                } : L);
+                } : H);
                 e(C);
               },
               value: _.type,
@@ -1697,7 +1697,7 @@ const ja = (d) => {
                 width: 20,
                 height: 20,
                 onClick: (b) => {
-                  p(b, _);
+                  h(b, _);
                 }
               }
             ) }),
@@ -1723,7 +1723,7 @@ const ja = (d) => {
     a && /* @__PURE__ */ t.jsx(
       dn,
       {
-        ref: h,
+        ref: p,
         activeButton: a,
         setActiveButton: l,
         popupPosition: r
@@ -1795,14 +1795,14 @@ const ja = (d) => {
       }
     )
   ] }) });
-}, Mn = "_wrapper_m18qi_1", On = "_subtitle_m18qi_7", qn = "_content_m18qi_14", En = "_range_m18qi_22", Dn = "_track_m18qi_27", Hn = "_progress_m18qi_36", Ln = "_dots_m18qi_46", Rn = "_dot_m18qi_46", zn = "_active_m18qi_65", Fn = "_input_m18qi_77", Vn = "_countBlock_m18qi_91", Un = "_count_m18qi_91", Yn = "_controls_m18qi_107", Gn = "_button_m18qi_113", G = {
+}, Mn = "_wrapper_m18qi_1", On = "_subtitle_m18qi_7", qn = "_content_m18qi_14", En = "_range_m18qi_22", Dn = "_track_m18qi_27", Ln = "_progress_m18qi_36", Hn = "_dots_m18qi_46", Rn = "_dot_m18qi_46", zn = "_active_m18qi_65", Fn = "_input_m18qi_77", Vn = "_countBlock_m18qi_91", Un = "_count_m18qi_91", Yn = "_controls_m18qi_107", Gn = "_button_m18qi_113", G = {
   wrapper: Mn,
   subtitle: On,
   content: qn,
   range: En,
   track: Dn,
-  progress: Hn,
-  dots: Ln,
+  progress: Ln,
+  dots: Hn,
   dot: Rn,
   active: zn,
   input: Fn,
@@ -1811,9 +1811,9 @@ const ja = (d) => {
   controls: Yn,
   button: Gn
 }, Ot = (d) => {
-  const { label: o, min: e = 1, max: s = 4, step: i = 1, count: a, setCount: l } = d, [r, n] = f.useState(!1), c = Array.from({ length: (s - e) / i + 1 }), x = (a - e) / (s - e) * 100, h = () => {
+  const { label: o, min: e = 1, max: s = 4, step: i = 1, count: a, setCount: l } = d, [r, n] = f.useState(!1), c = Array.from({ length: (s - e) / i + 1 }), x = (a - e) / (s - e) * 100, p = () => {
     a < s && l(a + i);
-  }, p = () => {
+  }, h = () => {
     a > e && l(a - i);
   }, _ = (b) => {
     const u = e + b * i;
@@ -1883,7 +1883,7 @@ const ja = (d) => {
           /* @__PURE__ */ t.jsx(
             "button",
             {
-              onClick: h,
+              onClick: p,
               disabled: a >= s,
               className: G.button,
               "aria-label": "Increment count",
@@ -1900,7 +1900,7 @@ const ja = (d) => {
           /* @__PURE__ */ t.jsx(
             "button",
             {
-              onClick: p,
+              onClick: h,
               disabled: a <= e,
               className: G.button,
               "aria-label": "Decrement count",
@@ -1918,7 +1918,7 @@ const ja = (d) => {
       ] })
     ] })
   ] });
-}, Xn = "_title_ix5ax_1", Wn = "_subtitle_ix5ax_5", Jn = "_header_ix5ax_12", Qn = "_text_ix5ax_13", Kn = "_productsBlock_ix5ax_14", Zn = "_top_ix5ax_26", ti = "_itemsBlock_ix5ax_35", ei = "_typeTexts_ix5ax_41", si = "_block_ix5ax_48", ni = "_active_ix5ax_61", ii = "_products_ix5ax_14", oi = "_product_ix5ax_14", ai = "_button_ix5ax_80", ci = "_image_ix5ax_91", li = "_info_ix5ax_98", ri = "_name_ix5ax_110", di = "_buttons_ix5ax_114", ui = "_modal_ix5ax_121", mi = "_link_ix5ax_141", _i = "_modalOptions_ix5ax_147", hi = "_addButton_ix5ax_160", pi = "_deleteButton_ix5ax_175", xi = "_closeIcon_ix5ax_187", V = {
+}, Xn = "_title_ix5ax_1", Wn = "_subtitle_ix5ax_5", Jn = "_header_ix5ax_12", Qn = "_text_ix5ax_13", Kn = "_productsBlock_ix5ax_14", Zn = "_top_ix5ax_26", ti = "_itemsBlock_ix5ax_35", ei = "_typeTexts_ix5ax_41", si = "_block_ix5ax_48", ni = "_active_ix5ax_61", ii = "_products_ix5ax_14", oi = "_product_ix5ax_14", ai = "_button_ix5ax_80", ci = "_image_ix5ax_91", li = "_info_ix5ax_98", ri = "_name_ix5ax_110", di = "_buttons_ix5ax_114", ui = "_modal_ix5ax_121", mi = "_link_ix5ax_141", _i = "_modalOptions_ix5ax_147", pi = "_addButton_ix5ax_160", hi = "_deleteButton_ix5ax_175", xi = "_closeIcon_ix5ax_187", V = {
   title: Xn,
   subtitle: Wn,
   header: Jn,
@@ -1939,8 +1939,8 @@ const ja = (d) => {
   modal: ui,
   link: mi,
   modalOptions: _i,
-  addButton: hi,
-  deleteButton: pi,
+  addButton: pi,
+  deleteButton: hi,
   closeIcon: xi
 }, gi = (d) => {
   const { activeItem: o, setActiveItem: e, popupPosition: s, setIsOpenModal: i, itemsOptions: a } = d, l = a.find((n) => n.id === o.listingId);
@@ -1993,10 +1993,10 @@ const ja = (d) => {
   );
 };
 function fi(d) {
-  const { product: o, children: e } = d, { attributes: s, listeners: i, setNodeRef: a, transform: l, transition: r, isDragging: n } = St({
+  const { product: o, children: e } = d, { attributes: s, listeners: i, setNodeRef: a, transform: l, transition: r, isDragging: n } = Tt({
     id: String(o.listingId)
   }), c = {
-    transform: Tt.Transform.toString(l),
+    transform: Pt.Transform.toString(l),
     transition: r
   };
   return /* @__PURE__ */ t.jsx(
@@ -2011,7 +2011,7 @@ function fi(d) {
     }
   );
 }
-const Ia = (d) => {
+const ka = (d) => {
   const {
     isActiveItems: o,
     setIsActiveItems: e,
@@ -2023,50 +2023,50 @@ const Ia = (d) => {
     editable: n = !0,
     draggable: c = !1,
     withImage: x = !1,
-    deletable: h = !0,
-    addable: p = !0,
+    deletable: p = !0,
+    addable: h = !0,
     itemsType: _,
     itemsOptions: b
   } = d, [u, C] = f.useState(
     null
-  ), [L, v] = f.useState({
+  ), [H, v] = f.useState({
     top: 0,
     left: 0
-  }), [O, g] = f.useState(!1), $ = kt(
-    $t(Bt, {
+  }), [O, g] = f.useState(!1), $ = $t(
+    Nt(St, {
       activationConstraint: {
         distance: 5
       }
     })
   );
   f.useEffect(() => {
-    const I = () => {
+    const k = () => {
       C(null), g(!1);
     };
-    return document.body.addEventListener("click", I), C(null), g(!1), () => {
-      C(null), g(!1), document.body.removeEventListener("click", I);
+    return document.body.addEventListener("click", k), C(null), g(!1), () => {
+      C(null), g(!1), document.body.removeEventListener("click", k);
     };
   }, []), f.useEffect(() => {
     if (u) {
-      const I = [...s].map((A) => A.listingId === u.listingId ? u : A);
-      i(I);
+      const k = [...s].map((A) => A.listingId === u.listingId ? u : A);
+      i(k);
     }
   }, [u]);
-  const F = (I, A) => {
-    I.stopPropagation();
-    const M = I.target.getBoundingClientRect(), W = 100, T = window.innerHeight;
+  const F = (k, A) => {
+    k.stopPropagation();
+    const M = k.target.getBoundingClientRect(), W = 100, T = window.innerHeight;
     let R = M.top + window.scrollY;
     R + W > T && (R = T - W - 20), g(!0), v({
       top: R - 80,
       left: M.left - 30
     }), C(A);
   };
-  function q(I) {
+  function q(k) {
     if (x)
-      return I ? /* @__PURE__ */ t.jsx(
+      return k ? /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: `https://imagedelivery.net/${I}/w=1000`,
+          src: `https://imagedelivery.net/${k}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
@@ -2081,8 +2081,8 @@ const Ia = (d) => {
         }
       );
   }
-  const X = (I) => {
-    const { active: A, over: M } = I;
+  const X = (k) => {
+    const { active: A, over: M } = k;
     if (M && A.id !== M.id) {
       const W = s.findIndex((R) => String(R.listingId) === A.id), T = s.findIndex((R) => String(R.listingId) === M.id);
       if (W !== -1 && T !== -1) {
@@ -2090,8 +2090,8 @@ const Ia = (d) => {
         R.splice(T, 0, Z), i(R);
       }
     }
-  }, D = (I, A) => {
-    const M = b.find((T) => I.listingId === T.id);
+  }, D = (k, A) => {
+    const M = b.find((T) => k.listingId === T.id);
     if (!M) return null;
     const W = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       c && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
@@ -2112,7 +2112,7 @@ const Ia = (d) => {
             const rt = {
               listingId: Z.id,
               image: Z.productData.images.length > 0 ? Z.productData.images[0].cfId : ""
-            }, y = R.map((P) => P.listingId === I.listingId ? rt : P);
+            }, y = R.map((P) => P.listingId === k.listingId ? rt : P);
             C(rt), i([...y]);
           },
           value: M.productData.name,
@@ -2120,7 +2120,7 @@ const Ia = (d) => {
             ...b.filter((T) => !s.find((R) => R.listingId === T.id)).map((T) => T.productData.name)
           ],
           leftAddon: q(
-            I.image || M.productData.images.length > 0 && M.productData.images[0].cfId || ""
+            k.image || M.productData.images.length > 0 && M.productData.images[0].cfId || ""
           )
         },
         A
@@ -2133,10 +2133,10 @@ const Ia = (d) => {
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (T) => F(T, I)
+            onClick: (T) => F(T, k)
           }
         ) }),
-        h && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
+        p && /* @__PURE__ */ t.jsx("div", { className: V.deleteButton, children: /* @__PURE__ */ t.jsx(
           j,
           {
             name: "Trash",
@@ -2144,7 +2144,7 @@ const Ia = (d) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => i(s.filter((T) => T !== I))
+            onClick: () => i(s.filter((T) => T !== k))
           }
         ) })
       ] })
@@ -2152,17 +2152,17 @@ const Ia = (d) => {
     return c ? /* @__PURE__ */ t.jsx(
       fi,
       {
-        product: I,
+        product: k,
         children: W
       },
-      I.listingId
+      k.listingId
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: V.product,
         children: W
       },
-      I.listingId
+      k.listingId
     );
   };
   return /* @__PURE__ */ t.jsxs("div", { className: V.productsBlock, children: [
@@ -2172,7 +2172,7 @@ const Ia = (d) => {
         st,
         {
           current: o,
-          onChange: (I) => e == null ? void 0 : e(I)
+          onChange: (k) => e == null ? void 0 : e(k)
         }
       )
     ] }),
@@ -2182,28 +2182,28 @@ const Ia = (d) => {
         activeItem: u,
         setActiveItem: C,
         setIsOpenModal: g,
-        popupPosition: L,
+        popupPosition: H,
         itemsOptions: b
       }
     ),
     /* @__PURE__ */ t.jsxs("div", { className: V.products, children: [
       r && /* @__PURE__ */ t.jsx("h5", { className: V.subtitle, children: r }),
       c ? /* @__PURE__ */ t.jsx(
-        Nt,
+        wt,
         {
           sensors: $,
           onDragEnd: X,
           children: /* @__PURE__ */ t.jsx(
-            wt,
+            Ct,
             {
-              items: s.map((I) => String(I.listingId)),
-              strategy: Ct,
-              children: s.map((I, A) => D(I, A))
+              items: s.map((k) => String(k.listingId)),
+              strategy: Bt,
+              children: s.map((k, A) => D(k, A))
             }
           )
         }
-      ) : s.map((I, A) => D(I, A)),
-      p && /* @__PURE__ */ t.jsx(
+      ) : s.map((k, A) => D(k, A)),
+      h && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -2218,16 +2218,16 @@ const Ia = (d) => {
               className: V.button,
               size: "s",
               onClick: () => {
-                const I = [...s];
+                const k = [...s];
                 for (let A = 0; A < b.length; A++)
                   if (!s.find((M) => M.listingId === b[A].id)) {
-                    I.push({
+                    k.push({
                       listingId: b[A].id,
                       image: b[A].productData.images.length > 0 ? b[A].productData.images[0].cfId : ""
                     });
                     break;
                   }
-                i(I);
+                i(k);
               },
               disabled: s.length === b.length,
               style: {
@@ -2249,15 +2249,15 @@ const Ia = (d) => {
         }
       )
     ] }),
-    a !== void 0 && /* @__PURE__ */ t.jsx(jt, { items: a })
+    a !== void 0 && /* @__PURE__ */ t.jsx(yt, { items: a })
   ] });
-}, bi = "_options_6cemk_1", vi = "_price_6cemk_12", ji = "_oldPrice_6cemk_19", yi = "_newPrice_6cemk_27", Ii = "_animate_6cemk_34", ki = "_appearAndBounce_6cemk_1", $i = "_meta_6cemk_52", Ni = "_info_6cemk_58", wi = "_infoRight_6cemk_66", Ci = "_buttons_6cemk_73", Bi = "_variants_6cemk_80", Si = "_variant_6cemk_80", Ti = "_stock_6cemk_98", Pi = "_variantInfo_6cemk_105", Ai = "_quantity_6cemk_111", Mi = "_count_6cemk_118", Oi = "_focused_6cemk_135", qi = "_button_6cemk_73", Ei = "_activeVariant_6cemk_161", Di = "_chargeTypes_6cemk_165", Hi = "_charge_6cemk_165", Li = "_chargeActive_6cemk_190", Ri = "_title_6cemk_198", w = {
+}, bi = "_options_6cemk_1", vi = "_price_6cemk_12", ji = "_oldPrice_6cemk_19", yi = "_newPrice_6cemk_27", ki = "_animate_6cemk_34", Ii = "_appearAndBounce_6cemk_1", $i = "_meta_6cemk_52", Ni = "_info_6cemk_58", wi = "_infoRight_6cemk_66", Ci = "_buttons_6cemk_73", Bi = "_variants_6cemk_80", Si = "_variant_6cemk_80", Ti = "_stock_6cemk_98", Pi = "_variantInfo_6cemk_105", Ai = "_quantity_6cemk_111", Mi = "_count_6cemk_118", Oi = "_focused_6cemk_135", qi = "_button_6cemk_73", Ei = "_activeVariant_6cemk_161", Di = "_chargeTypes_6cemk_165", Li = "_charge_6cemk_165", Hi = "_chargeActive_6cemk_190", Ri = "_title_6cemk_198", w = {
   options: bi,
   price: vi,
   oldPrice: ji,
   newPrice: yi,
-  animate: Ii,
-  appearAndBounce: ki,
+  animate: ki,
+  appearAndBounce: Ii,
   meta: $i,
   info: Ni,
   infoRight: wi,
@@ -2272,8 +2272,8 @@ const Ia = (d) => {
   button: qi,
   activeVariant: Ei,
   chargeTypes: Di,
-  charge: Hi,
-  chargeActive: Li,
+  charge: Li,
+  chargeActive: Hi,
   title: Ri
 }, zi = "_wrapper_p74l6_1", Fi = "_label_p74l6_9", Vi = "_input_p74l6_18", Ui = "_paddingless_p74l6_31", Yi = "_content_p74l6_35", Gi = "_contentBorder_p74l6_48", Xi = "_borderless_p74l6_53", Wi = "_rightIcon_p74l6_58", nt = {
   wrapper: zi,
@@ -2296,18 +2296,18 @@ const Ia = (d) => {
     placeholder: n,
     disabled: c = !1,
     required: x = !1,
-    regex: h,
-    paddingless: p = !1,
+    regex: p,
+    paddingless: h = !1,
     borderless: _ = !1,
     editable: b = !1,
     isSearch: u = !1,
     centered: C = !1
-  } = d, { themeSettings: L } = Et(), { inputs: v } = L, [O, g] = f.useState(!1);
+  } = d, { themeSettings: H } = Et(), { inputs: v } = H, [O, g] = f.useState(!1);
   function $(q) {
     return Number(q) < 0 ? String(l) : q;
   }
   function F(q) {
-    return !x || !h ? !0 : new RegExp(h).test(q);
+    return !x || !p ? !0 : new RegExp(p).test(q);
   }
   return /* @__PURE__ */ t.jsxs("div", { className: nt.wrapper, children: [
     s && /* @__PURE__ */ t.jsx(
@@ -2347,7 +2347,7 @@ const Ia = (d) => {
               placeholder: n || "Type something...",
               className: U(nt.input, {
                 [nt.required]: O && x && !F(i),
-                [nt.paddingless]: p,
+                [nt.paddingless]: h,
                 [nt.borderless]: _
               }),
               min: a === "number" ? l : void 0,
@@ -2424,16 +2424,16 @@ const Ia = (d) => {
   );
 };
 var zt = /* @__PURE__ */ ((d) => (d.ONE_TIME = "One-Time", d.RECURRING = "Subscribe & Save", d))(zt || {});
-const ka = (d) => {
+const Ia = (d) => {
   var v, O;
-  const { variants: o } = d, [e, s] = f.useState(o[0]), [i, a] = f.useState(e.chargeTypes[0]), l = Pt(), [r, n] = f.useState(1), { reset: c, addProductToCart: x, getProducts: h } = At(), [p, _] = f.useState(!1);
+  const { variants: o } = d, [e, s] = f.useState(o[0]), [i, a] = f.useState(e.chargeTypes[0]), l = jt(), [r, n] = f.useState(1), { reset: c, addProductToCart: x, getProducts: p } = At(), [h, _] = f.useState(!1);
   f.useEffect(() => {
     _(!0);
     const g = setTimeout(() => _(!1), 600);
     return () => clearTimeout(g);
   }, [r]);
   async function b() {
-    await h(), await x({
+    await p(), await x({
       productId: d.id,
       productVariantId: e.id,
       quantity: r
@@ -2457,7 +2457,7 @@ const ka = (d) => {
       return `${D} ${D === 1 ? "second" : "seconds"}`;
     }
   }
-  function L(g, $) {
+  function H(g, $) {
     return g.length > $ ? g.slice(0, $) + "..." : g;
   }
   return /* @__PURE__ */ t.jsxs("div", { className: w.options, children: [
@@ -2483,7 +2483,7 @@ const ka = (d) => {
           onClick: () => s(g),
           children: [
             /* @__PURE__ */ t.jsxs("div", { className: w.variantInfo, children: [
-              /* @__PURE__ */ t.jsx("span", { className: w.title, children: L(g.name, 15) }),
+              /* @__PURE__ */ t.jsx("span", { className: w.title, children: H(g.name, 15) }),
               /* @__PURE__ */ t.jsxs("span", { children: [
                 "$",
                 i === "ONE_TIME" ? g.price.amount : g.subscriptionSettings ? g.subscriptionSettings.price.amount : "Price Not Found"
@@ -2554,7 +2554,7 @@ const ka = (d) => {
       /* @__PURE__ */ t.jsxs("div", { className: w.info, children: [
         /* @__PURE__ */ t.jsx("span", { children: "Price" }),
         /* @__PURE__ */ t.jsx("div", { className: w.infoRight, children: i === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: w.price, children: [
-          /* @__PURE__ */ t.jsxs("span", { className: U(w.newPrice, { [w.animate]: p }), children: [
+          /* @__PURE__ */ t.jsxs("span", { className: U(w.newPrice, { [w.animate]: h }), children: [
             "$ ",
             (e.price.amount || 0) * r
           ] }),
@@ -2562,11 +2562,11 @@ const ka = (d) => {
             "$ ",
             (e.compareAtPrice.amount || 0) * r
           ] })
-        ] }) : /* @__PURE__ */ t.jsxs("span", { className: U(w.newPrice, { [w.animate]: p }), children: [
+        ] }) : /* @__PURE__ */ t.jsxs("span", { className: U(w.newPrice, { [w.animate]: h }), 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: w.price, children: [
-          /* @__PURE__ */ t.jsxs("span", { className: U(w.newPrice, { [w.animate]: p }), children: [
+          /* @__PURE__ */ t.jsxs("span", { className: U(w.newPrice, { [w.animate]: h }), children: [
             "$ ",
             e.subscriptionSettings.price.amount || 0
           ] }),
@@ -2574,7 +2574,7 @@ const ka = (d) => {
             "$ ",
             e.subscriptionSettings.compareAtPrice.amount || 0
           ] })
-        ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsxs("span", { className: U(w.newPrice, { [w.animate]: p }), children: [
+        ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsxs("span", { className: U(w.newPrice, { [w.animate]: h }), children: [
           "$ ",
           e.subscriptionSettings.price.amount || 0
         ] }) })
@@ -2599,7 +2599,7 @@ const ka = (d) => {
       )
     ] })
   ] });
-}, oo = "_button_1tdo3_1", ao = "_login_1tdo3_14", co = "_signUp_1tdo3_18", lo = "_buttons_1tdo3_23", ro = "_modal_1tdo3_32", uo = "_closing_1tdo3_64", mo = "_info_1tdo3_113", _o = "_top_1tdo3_120", ho = "_title_1tdo3_131", po = "_clear_1tdo3_138", xo = "_activeClear_1tdo3_145", go = "_count_1tdo3_149", fo = "_cart_1tdo3_164", bo = "_empty_1tdo3_172", vo = "_product_1tdo3_198", jo = "_products_1tdo3_207", yo = "_image_1tdo3_215", Io = "_productInfo_1tdo3_221", ko = "_content_1tdo3_228", $o = "_name_1tdo3_234", No = "_price_1tdo3_240", wo = "_productButtons_1tdo3_246", Co = "_productButton_1tdo3_246", Bo = "_productCount_1tdo3_266", So = "_bottom_1tdo3_282", To = "_subtotal_1tdo3_290", Po = "_block_1tdo3_298", Ao = "_shoppingCount_1tdo3_305", Mo = "_total_1tdo3_325", Oo = "_link_1tdo3_331", qo = "_userInfo_1tdo3_338", Eo = "_pagesMobileModal_1tdo3_349", Do = "_pagesMobileModalContent_1tdo3_363", Ho = "_pagesMobileModalHeader_1tdo3_369", Lo = "_pagesMobileModalFooter_1tdo3_379", N = {
+}, oo = "_button_1tdo3_1", ao = "_login_1tdo3_14", co = "_signUp_1tdo3_18", lo = "_buttons_1tdo3_23", ro = "_modal_1tdo3_32", uo = "_closing_1tdo3_64", mo = "_info_1tdo3_113", _o = "_top_1tdo3_120", po = "_title_1tdo3_131", ho = "_clear_1tdo3_138", xo = "_activeClear_1tdo3_145", go = "_count_1tdo3_149", fo = "_cart_1tdo3_164", bo = "_empty_1tdo3_172", vo = "_product_1tdo3_198", jo = "_products_1tdo3_207", yo = "_image_1tdo3_215", ko = "_productInfo_1tdo3_221", Io = "_content_1tdo3_228", $o = "_name_1tdo3_234", No = "_price_1tdo3_240", wo = "_productButtons_1tdo3_246", Co = "_productButton_1tdo3_246", Bo = "_productCount_1tdo3_266", So = "_bottom_1tdo3_282", To = "_subtotal_1tdo3_290", Po = "_block_1tdo3_298", Ao = "_shoppingCount_1tdo3_305", Mo = "_total_1tdo3_325", Oo = "_link_1tdo3_331", qo = "_userInfo_1tdo3_338", Eo = "_pagesMobileModal_1tdo3_349", Do = "_pagesMobileModalContent_1tdo3_363", Lo = "_pagesMobileModalHeader_1tdo3_369", Ho = "_pagesMobileModalFooter_1tdo3_379", N = {
   button: oo,
   login: ao,
   signUp: co,
@@ -2612,8 +2612,8 @@ const ka = (d) => {
   "slide-out-fade": "_slide-out-fade_1tdo3_1",
   info: mo,
   top: _o,
-  title: ho,
-  clear: po,
+  title: po,
+  clear: ho,
   activeClear: xo,
   count: go,
   cart: fo,
@@ -2621,8 +2621,8 @@ const ka = (d) => {
   product: vo,
   products: jo,
   image: yo,
-  productInfo: Io,
-  content: ko,
+  productInfo: ko,
+  content: Io,
   name: $o,
   price: No,
   productButtons: wo,
@@ -2637,8 +2637,8 @@ const ka = (d) => {
   userInfo: qo,
   pagesMobileModal: Eo,
   pagesMobileModalContent: Do,
-  pagesMobileModalHeader: Ho,
-  pagesMobileModalFooter: Lo
+  pagesMobileModalHeader: Lo,
+  pagesMobileModalFooter: Ho
 };
 class gt extends Error {
 }
@@ -2696,16 +2696,16 @@ const $a = (d) => {
   ] });
 }, Vo = () => {
   const [d, o] = f.useState(!1), [e, s] = f.useState([]), { cart: i, getProducts: a } = At();
-  function l(p) {
+  function l(h) {
     for (let _ = 0; _ < i.parts.length; _++)
-      for (let b = 0; b < p.variants.length; b++)
-        if (i.parts[_].productVariantId === p.variants[_].id)
+      for (let b = 0; b < h.variants.length; b++)
+        if (i.parts[_].productVariantId === h.variants[_].id)
           return i.parts[_].productVariantId;
   }
-  function r(p) {
+  function r(h) {
     for (let _ = 0; _ < i.parts.length; _++)
-      for (let b = 0; b < p.variants.length; b++)
-        if (i.parts[_].productVariantId === p.variants[_].id)
+      for (let b = 0; b < h.variants.length; b++)
+        if (i.parts[_].productVariantId === h.variants[_].id)
           return i.parts[_].quantity;
   }
   f.useEffect(() => {
@@ -2718,11 +2718,11 @@ const $a = (d) => {
       s(u);
     })();
   }, [i.parts.length]);
-  function n(p) {
+  function n(h) {
     var _;
-    return !p || !(p != null && p.variants) ? !1 : (_ = p.variants.find((b) => b.id === p.activeVariantId)) == null ? void 0 : _.subscriptionSettings;
+    return !h || !(h != null && h.variants) ? !1 : (_ = h.variants.find((b) => b.id === h.activeVariantId)) == null ? void 0 : _.subscriptionSettings;
   }
-  const c = i.parts.length > 0 && e.length > 0 && !n(e[0]), [x, h] = f.useState(!1);
+  const c = i.parts.length > 0 && e.length > 0 && !n(e[0]), [x, p] = f.useState(!1);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsxs(
       tt,
@@ -2731,8 +2731,8 @@ const $a = (d) => {
         style: {
           padding: 10
         },
-        onClick: (p) => {
-          p.stopPropagation(), window.location.pathname !== "/admin/builder" && (o(!0), h(!0));
+        onClick: (h) => {
+          h.stopPropagation(), window.location.pathname !== "/admin/builder" && (o(!0), p(!0));
         },
         children: [
           /* @__PURE__ */ t.jsx(
@@ -2750,7 +2750,7 @@ const $a = (d) => {
       Mt,
       {
         close: () => {
-          h(!1), setTimeout(() => {
+          p(!1), setTimeout(() => {
             o(!1);
           }, 300);
         },
@@ -2767,22 +2767,22 @@ const $a = (d) => {
     )
   ] });
 }, Uo = (d) => {
-  const { activeProducts: o, isCartNotEmpty: e, isOpen: s } = d, { cart: i, reset: a, getTotalAndDiscount: l, updateQuantityOfProduct: r } = At(), n = Pt();
-  function c(p) {
-    n(p);
+  const { activeProducts: o, isCartNotEmpty: e, isOpen: s } = d, { cart: i, reset: a, getTotalAndDiscount: l, updateQuantityOfProduct: r } = At(), n = jt();
+  function c(h) {
+    n(h);
   }
-  function x(p) {
+  function x(h) {
     r({
-      productId: p.id,
-      productVariantId: p.activeVariantId,
-      quantity: p.quantity + 1
+      productId: h.id,
+      productVariantId: h.activeVariantId,
+      quantity: h.quantity + 1
     });
   }
-  function h(p) {
+  function p(h) {
     r({
-      productId: p.id,
-      productVariantId: p.activeVariantId,
-      quantity: p.quantity - 1
+      productId: h.id,
+      productVariantId: h.activeVariantId,
+      quantity: h.quantity - 1
     });
   }
   return /* @__PURE__ */ t.jsxs(
@@ -2791,7 +2791,7 @@ const $a = (d) => {
       className: U(N.modal, {
         [N.closing]: !s
       }),
-      onClick: (p) => p.stopPropagation(),
+      onClick: (h) => h.stopPropagation(),
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: N.top, children: [
           /* @__PURE__ */ t.jsxs("div", { className: N.info, children: [
@@ -2811,7 +2811,7 @@ const $a = (d) => {
           )
         ] }),
         e ? /* @__PURE__ */ t.jsxs("div", { className: N.cart, children: [
-          /* @__PURE__ */ t.jsx("div", { className: N.products, children: o.map((p) => /* @__PURE__ */ t.jsxs(
+          /* @__PURE__ */ t.jsx("div", { className: N.products, children: o.map((h) => /* @__PURE__ */ t.jsxs(
             "div",
             {
               className: N.product,
@@ -2820,7 +2820,7 @@ const $a = (d) => {
                   /* @__PURE__ */ t.jsx(
                     "img",
                     {
-                      src: `https://imagedelivery.net/${p.images[0].cfId}/w=500`,
+                      src: `https://imagedelivery.net/${h.images[0].cfId}/w=500`,
                       alt: "image",
                       width: "100%",
                       height: "100%",
@@ -2828,10 +2828,10 @@ const $a = (d) => {
                     }
                   ),
                   /* @__PURE__ */ t.jsxs("div", { className: N.content, children: [
-                    /* @__PURE__ */ t.jsx("div", { className: N.name, children: p.name }),
+                    /* @__PURE__ */ t.jsx("div", { className: N.name, children: h.name }),
                     /* @__PURE__ */ t.jsxs("div", { className: N.price, children: [
                       "$",
-                      p.variants.find((_) => _.id === p.activeVariantId).price.amount * ((p == null ? void 0 : p.quantity) || 1)
+                      h.variants.find((_) => _.id === h.activeVariantId).price.amount * ((h == null ? void 0 : h.quantity) || 1)
                     ] })
                   ] })
                 ] }),
@@ -2840,7 +2840,7 @@ const $a = (d) => {
                     "div",
                     {
                       onClick: () => {
-                        p.quantity !== 1 && h(p);
+                        h.quantity !== 1 && p(h);
                       },
                       className: N.productButton,
                       children: /* @__PURE__ */ t.jsx(
@@ -2854,11 +2854,11 @@ const $a = (d) => {
                       )
                     }
                   ),
-                  /* @__PURE__ */ t.jsx("div", { className: N.productCount, children: p.quantity }),
+                  /* @__PURE__ */ t.jsx("div", { className: N.productCount, children: h.quantity }),
                   /* @__PURE__ */ t.jsx(
                     "div",
                     {
-                      onClick: () => x(p),
+                      onClick: () => x(h),
                       className: N.productButton,
                       children: /* @__PURE__ */ t.jsx(
                         j,
@@ -2874,7 +2874,7 @@ const $a = (d) => {
                 ] })
               ]
             },
-            p.id
+            h.id
           )) }),
           /* @__PURE__ */ t.jsxs("div", { className: N.bottom, children: [
             /* @__PURE__ */ t.jsxs("div", { className: N.subtotal, children: [
@@ -2923,7 +2923,7 @@ const $a = (d) => {
     )
   ] })
 ] }), Ft = ({ signUp: d }) => {
-  const o = JSON.parse(localStorage.getItem("token") || "{}"), { data: e } = o, s = Pt();
+  const o = JSON.parse(localStorage.getItem("token") || "{}"), { data: e } = o, s = jt();
   function i(r) {
     s(r);
   }
@@ -3057,7 +3057,7 @@ const $a = (d) => {
   copyTextMobile: ia,
   copyTextMiniMobile: oa
 }, wa = () => {
-  const { isOpenModal: d, setIsOpenModal: o } = Ht();
+  const { isOpenModal: d, setIsOpenModal: o } = Lt();
   function e() {
     o(!0);
   }
@@ -3083,7 +3083,7 @@ const $a = (d) => {
     d && /* @__PURE__ */ t.jsx(Mt, { close: o, children: /* @__PURE__ */ t.jsx(aa, {}) })
   ] });
 }, aa = () => {
-  const { setIsOpenModal: d } = Ht(), { notification: o, setNotification: e } = Ut(), { setIsOpen: s } = Dt(), i = window.location.href;
+  const { setIsOpenModal: d } = Lt(), { notification: o, setNotification: e } = Ut(), { setIsOpen: s } = Dt(), i = window.location.href;
   function a() {
     navigator.clipboard.writeText(i), e({
       message: "Link copied to clipboard",
@@ -3178,12 +3178,27 @@ const $a = (d) => {
       }
     )
   ] });
-}, ma = "_wrapper_st58d_1", _a = "_label_st58d_10", ha = "_textarea_st58d_18", pa = "_length_st58d_33", vt = {
+}, Ba = ({ children: d, path: o, className: e, target: s = "_self", id: i }) => {
+  const a = jt(), l = /^https?:\/\//.test(o), r = (n) => {
+    l || s === "_blank" ? s === "_blank" ? window.open(o, "_blank") : window.location.href = o : (n.preventDefault(), a(o, { replace: !0 }));
+  };
+  return /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      onClick: r,
+      className: e,
+      role: "link",
+      style: { cursor: "pointer" },
+      id: i,
+      children: d
+    }
+  );
+}, ma = "_wrapper_st58d_1", _a = "_label_st58d_10", pa = "_textarea_st58d_18", ha = "_length_st58d_33", vt = {
   wrapper: ma,
   label: _a,
-  textarea: ha,
-  length: pa
-}, Ba = (d) => {
+  textarea: pa,
+  length: ha
+}, Sa = (d) => {
   const { onChange: o, label: e, value: s, maxLength: i, placeholder: a = "Type something..." } = d, [l, r] = f.useState(s.length);
   return /* @__PURE__ */ t.jsxs("div", { className: vt.wrapper, children: [
     e && /* @__PURE__ */ t.jsx(
@@ -3222,7 +3237,7 @@ export {
   ya as ButtonsSettings,
   va as CategorySettings,
   ft as ChooseImage,
-  Pa as ChooseImageModal,
+  Aa as ChooseImageModal,
   Yo as EmptyCart,
   ja as FormSettings,
   $a as HeaderButtons,
@@ -3231,12 +3246,13 @@ export {
   Ji as InputUI,
   Ue as ItemsSettings,
   ba as LayoutSettings,
-  Ia as ListingSelector,
-  Aa as Loader,
+  Ba as Link,
+  ka as ListingSelector,
+  Ma as Loader,
   Mt as Modal,
   Na as PagesMobileMenu,
   Go as PagesMobileModal,
-  ka as ProductOptions,
+  Ia as ProductOptions,
   Ot as RangeSelector,
   et as Select,
   wa as ShareLink,
@@ -3245,7 +3261,7 @@ export {
   st as Switch,
   Rt as TextSettings,
   qt as TextareaSettings,
-  Ba as TextareaUI,
-  Lt as TypesText,
+  Sa as TextareaUI,
+  Ht as TypesText,
   Ft as UserInfo
 };