@billgangcom/theme-lib 1.35.1 → 1.36.1

package/dist/ui.es.js

@@ -1,5 +1,5 @@
-import { j as t, I as v, c as V, a as X, S as tt, T as Ot, C as gt, b as et, u as $t, d as It, D as Nt, e as wt, v as Ct, B as at, f as mt, P as Bt, g as St, h as Tt, i as Ht, k as bt, l as Pt, m as qt, M as Et, n as Dt, o as zt } from "./index-fMRXTmQw.js";
-import { p as fa, L as xa } from "./index-fMRXTmQw.js";
+import { j as t, I as b, c as z, a as W, S as Z, T as Ot, C as gt, b as st, u as $t, d as Nt, D as It, e as wt, v as Ct, B as at, f as mt, P as Bt, g as St, h as Tt, i as Ht, k as jt, l as Pt, m as qt, M as Et, n as Dt, o as zt } from "./index-CAh3qv6L.js";
+import { p as fa, L as xa } from "./index-CAh3qv6L.js";
 import g from "react";
 import "@phosphor-icons/react";
 const Ft = "_wrapper_3ibiw_2", Vt = "_alignmentBlock_3ibiw_8", Ut = "_title_3ibiw_15", Yt = "_subtitle_3ibiw_22", Gt = "_alignmentContent_3ibiw_29", Wt = "_alignments_3ibiw_37", Xt = "_alignment_3ibiw_8", Jt = "_circle_3ibiw_63", Qt = "_paddings_3ibiw_70", Kt = "_padding_3ibiw_70", Zt = "_active_3ibiw_94", te = "_input_3ibiw_101", J = {
@@ -57,7 +57,7 @@ const Ft = "_wrapper_3ibiw_2", Vt = "_alignmentBlock_3ibiw_8", Ut = "_title_3ibi
         return "AlignBottom";
     }
   }
-  const [h, n] = g.useState(null);
+  const [m, n] = g.useState(null);
   return /* @__PURE__ */ t.jsxs("div", { className: J.layout, children: [
     /* @__PURE__ */ t.jsx("h3", { className: J.title, children: "Layout" }),
     /* @__PURE__ */ t.jsxs("div", { className: J.alignmentBlock, children: [
@@ -73,7 +73,7 @@ const Ft = "_wrapper_3ibiw_2", Vt = "_alignmentBlock_3ibiw_8", Ut = "_title_3ibi
             children: [
               o !== c && /* @__PURE__ */ t.jsx("div", { className: J.circle }),
               o === c && /* @__PURE__ */ t.jsx(
-                v,
+                b,
                 {
                   name: a(),
                   fill: "#FF3F19",
@@ -88,8 +88,8 @@ const Ft = "_wrapper_3ibiw_2", Vt = "_alignmentBlock_3ibiw_8", Ut = "_title_3ibi
         /* @__PURE__ */ t.jsx("div", { className: J.paddings, children: se.map((o) => /* @__PURE__ */ t.jsxs(
           "label",
           {
-            className: V(J.padding, {
-              [J.active]: h === o
+            className: z(J.padding, {
+              [J.active]: m === o
             }),
             onFocus: () => {
               n(o);
@@ -99,7 +99,7 @@ const Ft = "_wrapper_3ibiw_2", Vt = "_alignmentBlock_3ibiw_8", Ut = "_title_3ibi
             },
             children: [
               /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-                v,
+                b,
                 {
                   name: l(o),
                   width: 20,
@@ -107,13 +107,13 @@ const Ft = "_wrapper_3ibiw_2", Vt = "_alignmentBlock_3ibiw_8", Ut = "_title_3ibi
                 }
               ) }),
               /* @__PURE__ */ t.jsx(
-                X,
+                W,
                 {
                   type: "number",
                   value: String(e[o]),
-                  onChange: (f) => s({
+                  onChange: (x) => s({
                     ...e,
-                    [o]: Number(f)
+                    [o]: Number(x)
                   }),
                   paddingless: !0,
                   borderless: !0
@@ -156,19 +156,19 @@ const Ft = "_wrapper_3ibiw_2", Vt = "_alignmentBlock_3ibiw_8", Ut = "_title_3ibi
   return /* @__PURE__ */ t.jsx("div", { className: vt.typeTexts, children: me.map((i) => /* @__PURE__ */ t.jsx(
     "div",
     {
-      className: V(vt.block, {
+      className: z(vt.block, {
         [vt.active]: c.includes(i)
       }),
       onClick: () => {
         const a = [...c];
         if (a.includes(i)) {
-          const l = a.filter((h) => h !== i);
+          const l = a.filter((m) => m !== i);
           e(l);
         } else
           a.push(i), e(a);
       },
       children: /* @__PURE__ */ t.jsx(
-        v,
+        b,
         {
           name: s(i),
           fill: c.includes(i) ? "#252525" : "#757575",
@@ -187,14 +187,14 @@ const Ft = "_wrapper_3ibiw_2", Vt = "_alignmentBlock_3ibiw_8", Ut = "_title_3ibi
     text: i,
     setText: a,
     setTypesText: l,
-    title: h,
+    title: m,
     subtitle: n = "Items"
   } = r;
   return /* @__PURE__ */ t.jsxs("div", { className: ht.text, children: [
-    (h || e !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: ht.top, children: [
-      h && /* @__PURE__ */ t.jsx("h3", { className: ht.title, children: h }),
+    (m || e !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: ht.top, children: [
+      m && /* @__PURE__ */ t.jsx("h3", { className: ht.title, children: m }),
       e !== void 0 && s && /* @__PURE__ */ t.jsx(
-        tt,
+        Z,
         {
           current: e,
           onChange: (o) => s(o)
@@ -220,21 +220,21 @@ const Ft = "_wrapper_3ibiw_2", Vt = "_alignmentBlock_3ibiw_8", Ut = "_title_3ibi
       )
     ] })
   ] });
-}, he = "_title_157lh_1", _e = "_subtitle_157lh_5", pe = "_header_157lh_12", ge = "_text_157lh_13", fe = "_productsBlock_157lh_14", xe = "_top_157lh_26", be = "_itemsBlock_157lh_35", je = "_typeTexts_157lh_41", ve = "_block_157lh_48", ye = "_active_157lh_61", ke = "_products_157lh_14", $e = "_product_157lh_14", Ie = "_button_157lh_80", Ne = "_disabled_157lh_91", we = "_image_157lh_95", Ce = "_info_157lh_102", Be = "_name_157lh_114", Se = "_buttons_157lh_118", Te = "_modal_157lh_125", Pe = "_link_157lh_145", Ae = "_modalOptions_157lh_151", Oe = "_addButton_157lh_163", qe = "_deleteButton_157lh_178", z = {
+}, he = "_title_157lh_1", _e = "_subtitle_157lh_5", pe = "_header_157lh_12", ge = "_text_157lh_13", fe = "_productsBlock_157lh_14", xe = "_top_157lh_26", je = "_itemsBlock_157lh_35", be = "_typeTexts_157lh_41", ve = "_block_157lh_48", ye = "_active_157lh_61", ke = "_products_157lh_14", $e = "_product_157lh_14", Ne = "_button_157lh_80", Ie = "_disabled_157lh_91", we = "_image_157lh_95", Ce = "_info_157lh_102", Be = "_name_157lh_114", Se = "_buttons_157lh_118", Te = "_modal_157lh_125", Pe = "_link_157lh_145", Ae = "_modalOptions_157lh_151", Oe = "_addButton_157lh_163", qe = "_deleteButton_157lh_178", H = {
   title: he,
   subtitle: _e,
   header: pe,
   text: ge,
   productsBlock: fe,
   top: xe,
-  itemsBlock: be,
-  typeTexts: je,
+  itemsBlock: je,
+  typeTexts: be,
   block: ve,
   active: ye,
   products: ke,
   product: $e,
-  button: Ie,
-  disabled: Ne,
+  button: Ne,
+  disabled: Ie,
   image: we,
   info: Ce,
   name: Be,
@@ -247,14 +247,14 @@ const Ft = "_wrapper_3ibiw_2", Vt = "_alignmentBlock_3ibiw_8", Ut = "_title_3ibi
 }, Ee = g.forwardRef(
   (r, c) => {
     const { activeItem: e, setActiveItem: s, popupPosition: i, modalOptions: a, setIsOpenModal: l } = r;
-    function h(n, o) {
+    function m(n, o) {
       return n.length > o ? `${n.slice(0, o)}...` : n;
     }
     return /* @__PURE__ */ t.jsxs(
       "div",
       {
         ref: c,
-        className: z.modal,
+        className: H.modal,
         onClick: (n) => {
           n.stopPropagation();
         },
@@ -263,10 +263,10 @@ const Ft = "_wrapper_3ibiw_2", Vt = "_alignmentBlock_3ibiw_8", Ut = "_title_3ibi
           left: `${i.left}px`
         },
         children: [
-          /* @__PURE__ */ t.jsxs("div", { className: z.top, children: [
-            /* @__PURE__ */ t.jsx("h3", { className: z.title, children: h(e.name, 20) }),
+          /* @__PURE__ */ t.jsxs("div", { className: H.top, children: [
+            /* @__PURE__ */ t.jsx("h3", { className: H.title, children: m(e.name, 20) }),
             /* @__PURE__ */ t.jsx(
-              v,
+              b,
               {
                 name: "X",
                 height: 20,
@@ -278,7 +278,7 @@ const Ft = "_wrapper_3ibiw_2", Vt = "_alignmentBlock_3ibiw_8", Ut = "_title_3ibi
               }
             )
           ] }),
-          /* @__PURE__ */ t.jsx("div", { className: z.modalOptions, children: a.map((n) => {
+          /* @__PURE__ */ t.jsx("div", { className: H.modalOptions, children: a.map((n) => {
             if (n.type === "image")
               return /* @__PURE__ */ t.jsx(
                 gt,
@@ -286,11 +286,11 @@ const Ft = "_wrapper_3ibiw_2", Vt = "_alignmentBlock_3ibiw_8", Ut = "_title_3ibi
                   label: "Put up an attractive image",
                   activeImage: e[n.field],
                   onChange: (o) => {
-                    const f = {
+                    const x = {
                       ...e,
                       [n.field]: o
                     };
-                    s(f);
+                    s(x);
                   }
                 },
                 String(n.field)
@@ -301,33 +301,33 @@ const Ft = "_wrapper_3ibiw_2", Vt = "_alignmentBlock_3ibiw_8", Ut = "_title_3ibi
                 {
                   typesText: e[n.field.type],
                   setTypesText: (o) => {
-                    const f = {
+                    const x = {
                       ...e,
                       [n.field.type]: o
                     };
-                    s(f);
+                    s(x);
                   },
                   text: e[n.field.text] || "",
                   setText: (o) => {
-                    const f = {
+                    const x = {
                       ...e,
                       [n.field.text]: o
                     };
-                    s(f);
+                    s(x);
                   },
                   subtitle: n.label
                 }
               );
             if (n.type === "input")
               return /* @__PURE__ */ t.jsx(
-                X,
+                W,
                 {
                   onChange: (o) => {
-                    const f = {
+                    const x = {
                       ...e,
                       [n.field]: o
                     };
-                    s(f);
+                    s(x);
                   },
                   value: e[n.field] || "",
                   label: n.label,
@@ -335,16 +335,16 @@ const Ft = "_wrapper_3ibiw_2", Vt = "_alignmentBlock_3ibiw_8", Ut = "_title_3ibi
                 }
               );
             if (n.type === "inputSwitch")
-              return /* @__PURE__ */ t.jsxs("div", { className: z.link, children: [
+              return /* @__PURE__ */ t.jsxs("div", { className: H.link, children: [
                 /* @__PURE__ */ t.jsx(
-                  X,
+                  W,
                   {
                     onChange: (o) => {
-                      const f = {
+                      const x = {
                         ...e,
                         [n.field.text]: o
                       };
-                      s(f);
+                      s(x);
                     },
                     value: e[n.field.text] || "",
                     label: n.inputLabel,
@@ -352,16 +352,16 @@ const Ft = "_wrapper_3ibiw_2", Vt = "_alignmentBlock_3ibiw_8", Ut = "_title_3ibi
                   }
                 ),
                 /* @__PURE__ */ t.jsx(
-                  tt,
+                  Z,
                   {
                     current: !!e[n.field.switch] || !1,
                     label: n.switchLabel,
                     onChange: (o) => {
-                      const f = {
+                      const x = {
                         ...e,
                         [n.field.switch]: o
                       };
-                      s(f);
+                      s(x);
                     }
                   }
                 )
@@ -372,11 +372,11 @@ const Ft = "_wrapper_3ibiw_2", Vt = "_alignmentBlock_3ibiw_8", Ut = "_title_3ibi
                 {
                   items: e[n.field] || [],
                   setItems: (o) => {
-                    const f = {
+                    const x = {
                       ...e,
                       [n.field]: o
                     };
-                    s(f);
+                    s(x);
                   },
                   itemsType: "select",
                   draggable: n.draggable || !1,
@@ -389,19 +389,19 @@ const Ft = "_wrapper_3ibiw_2", Vt = "_alignmentBlock_3ibiw_8", Ut = "_title_3ibi
               );
             if (n.type === "select")
               return /* @__PURE__ */ t.jsx(
-                et,
+                st,
                 {
                   options: n.itemsOptions,
                   onChange: (o) => {
-                    const f = {
+                    const x = {
                       ...e,
                       [n.field]: o
                     };
-                    s(f);
+                    s(x);
                   },
                   label: n.label,
                   value: e[n.field] || "String",
-                  leftAddon: n.leftAddon && n.leftAddon === "icon" && /* @__PURE__ */ t.jsx(v, { name: e[n.field] })
+                  leftAddon: n.leftAddon && n.leftAddon === "icon" && /* @__PURE__ */ t.jsx(b, { name: e[n.field] })
                 }
               );
           }) })
@@ -413,12 +413,12 @@ const Ft = "_wrapper_3ibiw_2", Vt = "_alignmentBlock_3ibiw_8", Ut = "_title_3ibi
   other: De,
   subtitle: Le,
   items: Re
-}, jt = (r) => {
+}, bt = (r) => {
   const { items: c, title: e = "Other" } = r;
   return /* @__PURE__ */ t.jsxs("div", { className: yt.other, children: [
     /* @__PURE__ */ t.jsx("h5", { className: yt.subtitle, children: e }),
     /* @__PURE__ */ t.jsx("div", { className: yt.items, children: c.map((s, i) => /* @__PURE__ */ t.jsx(
-      tt,
+      Z,
       {
         current: s.isItem,
         onChange: (a) => s.setIsItem(a),
@@ -437,7 +437,7 @@ function Me({ product: r, children: c }) {
     setNodeRef: i,
     transform: a,
     transition: l,
-    isDragging: h
+    isDragging: m
   } = St({
     id: r.id
   }), n = {
@@ -449,7 +449,7 @@ function Me({ product: r, children: c }) {
     {
       ref: i,
       style: n,
-      className: `${z.product} ${h ? z.dragging : ""}`,
+      className: `${H.product} ${m ? H.dragging : ""}`,
       ...e,
       ...s,
       children: c
@@ -464,73 +464,73 @@ const He = (r) => {
     setItems: i,
     other: a,
     title: l,
-    subtitle: h,
+    subtitle: m,
     editable: n = !0,
     draggable: o = !1,
-    withImage: f = !1,
-    deletable: I = !0,
-    addable: p = !0,
-    itemsType: _,
-    itemsPlaceholder: x = "",
+    withImage: x = !1,
+    deletable: $ = !0,
+    addable: _ = !0,
+    itemsType: h,
+    itemsPlaceholder: p = "",
     itemsOptions: d,
     hasRangeSelector: w = !1,
-    rangeSelectorOptions: E,
+    rangeSelectorOptions: q,
     modalOptions: y,
     addableOptions: L = {},
     limit: B,
     autoScrollInterval: S
-  } = r, [M, u] = g.useState(null), [D, K] = g.useState({
+  } = r, [f, D] = g.useState(null), [X, tt] = g.useState({
     top: 0,
     left: 0
-  }), [b, T] = g.useState(null), $ = g.useRef(null), [U, O] = g.useState(!1), H = $t(
-    It(Bt, {
+  }), [v, N] = g.useState(null), E = g.useRef(null), [G, A] = g.useState(!1), M = $t(
+    Nt(Bt, {
       activationConstraint: {
         distance: 5
       }
     })
   );
   g.useEffect(() => {
-    const m = () => {
-      u(null), O(!1);
+    const u = () => {
+      D(null), A(!1);
     };
-    return document.body.addEventListener("click", m), u(null), O(!1), () => {
-      u(null), O(!1), document.body.removeEventListener("click", m);
+    return document.body.addEventListener("click", u), D(null), A(!1), () => {
+      D(null), A(!1), document.body.removeEventListener("click", u);
     };
   }, []), g.useEffect(() => {
-    if (M) {
-      const m = [...s].map((k) => k.id === M.id ? M : k);
-      i(m);
+    if (f) {
+      const u = [...s].map((k) => k.id === f.id ? f : k);
+      i(u);
     }
-  }, [M]), g.useEffect(() => {
-    if ($.current && b) {
-      const m = $.current.getBoundingClientRect().height, k = window.innerHeight;
-      let P = b.top;
-      P + m > k + window.scrollY - 200 && (P = k + window.scrollY - m - 200), P < 0 && (P = 10), K({
-        top: P,
-        left: b.left
+  }, [f]), g.useEffect(() => {
+    if (E.current && v) {
+      const u = E.current.getBoundingClientRect().height, k = window.innerHeight;
+      let T = v.top;
+      T + u > k + window.scrollY - 200 && (T = k + window.scrollY - u - 200), T < 0 && (T = 10), tt({
+        top: T,
+        left: v.left
       });
     }
-  }, [$.current, b]);
-  const Z = (m, k) => {
-    m.stopPropagation();
-    const P = m.target.getBoundingClientRect();
-    T({
-      top: P.top + window.scrollY,
-      left: P.left - 30
-    }), u(k), O(!0);
+  }, [E.current, v]);
+  const K = (u, k) => {
+    u.stopPropagation();
+    const T = u.target.getBoundingClientRect();
+    N({
+      top: T.top + window.scrollY,
+      left: T.left - 30
+    }), D(k), A(!0);
   };
-  function ct(m) {
-    if (f)
-      return m ? /* @__PURE__ */ t.jsx(
+  function ct(u) {
+    if (x)
+      return u ? /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: `https://imagedelivery.net/${m[0]}/w=1000`,
+          src: `https://imagedelivery.net/${u[0]}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
         }
       ) : /* @__PURE__ */ t.jsx(
-        v,
+        b,
         {
           name: "Image",
           width: 16,
@@ -539,20 +539,20 @@ const He = (r) => {
         }
       );
   }
-  const j = (m) => {
-    const { active: k, over: P } = m;
-    if (P && k.id !== P.id) {
-      const R = s.findIndex((A) => A.id === k.id), Y = s.findIndex((A) => A.id === P.id);
-      if (R !== -1 && Y !== -1) {
-        const A = [...s], [lt] = A.splice(R, 1);
-        A.splice(Y, 0, lt), i(A);
+  const j = (u) => {
+    const { active: k, over: T } = u;
+    if (T && k.id !== T.id) {
+      const R = s.findIndex((P) => P.id === k.id), V = s.findIndex((P) => P.id === T.id);
+      if (R !== -1 && V !== -1) {
+        const P = [...s], [lt] = P.splice(R, 1);
+        P.splice(V, 0, lt), i(P);
       }
     }
-  }, q = (m, k) => {
-    var R, Y;
-    const P = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+  }, O = (u, k) => {
+    var R, V;
+    const T = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       o && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        v,
+        b,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -560,73 +560,73 @@ const He = (r) => {
           height: 20
         }
       ) }),
-      _ === "select" && d && /* @__PURE__ */ t.jsx(
-        et,
+      h === "select" && d && /* @__PURE__ */ t.jsx(
+        st,
         {
-          onChange: (A) => {
-            const lt = [...s], ut = d.find((ft) => ft.name === A);
+          onChange: (P) => {
+            const lt = [...s], ut = d.find((ft) => ft.name === P);
             if (!ut) return;
-            const rt = lt.map((ft) => ft.id === m.id ? {
+            const rt = lt.map((ft) => ft.id === u.id ? {
               ...ut,
-              name: A
+              name: P
             } : ft);
-            u({
-              ...m,
-              name: A
+            D({
+              ...u,
+              name: P
             }), i([...rt]);
           },
-          value: m.name,
-          options: d.filter((A) => !s.find((lt) => lt.name === A.name)).map((A) => A.name),
-          leftAddon: ct(m.images)
+          value: u.name,
+          options: d.filter((P) => !s.find((lt) => lt.name === P.name)).map((P) => P.name),
+          leftAddon: ct(u.images)
         }
       ),
-      _ === "input" && /* @__PURE__ */ t.jsx(
-        X,
+      h === "input" && /* @__PURE__ */ t.jsx(
+        W,
         {
-          onChange: (A) => {
-            const ut = [...s].map((rt) => rt.id === m.id ? {
-              ...m,
-              name: A
+          onChange: (P) => {
+            const ut = [...s].map((rt) => rt.id === u.id ? {
+              ...u,
+              name: P
             } : rt);
             i([...ut]);
           },
-          value: m.name,
-          placeholder: x
+          value: u.name,
+          placeholder: p
         }
       ),
-      _ === "image" && /* @__PURE__ */ t.jsx(
+      h === "image" && /* @__PURE__ */ t.jsx(
         gt,
         {
-          onChange: (A) => {
-            const ut = [...s].map((rt) => rt.id === m.id ? {
-              ...m,
-              images: A
+          onChange: (P) => {
+            const ut = [...s].map((rt) => rt.id === u.id ? {
+              ...u,
+              images: P
             } : rt);
             i([...ut]);
           },
-          activeImage: (R = s.find((A) => A.id === m.id)) != null && R.images ? (Y = s.find((A) => A.id === m.id)) == null ? void 0 : Y.images[0] : void 0
+          activeImage: (R = s.find((P) => P.id === u.id)) != null && R.images ? (V = s.find((P) => P.id === u.id)) == null ? void 0 : V.images[0] : void 0
         }
       ),
-      /* @__PURE__ */ t.jsxs("div", { className: z.buttons, children: [
-        n && /* @__PURE__ */ t.jsx("div", { className: z.deleteButton, children: /* @__PURE__ */ t.jsx(
-          v,
+      /* @__PURE__ */ t.jsxs("div", { className: H.buttons, children: [
+        n && /* @__PURE__ */ t.jsx("div", { className: H.deleteButton, children: /* @__PURE__ */ t.jsx(
+          b,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (A) => Z(A, m)
+            onClick: (P) => K(P, u)
           }
         ) }),
-        I && /* @__PURE__ */ t.jsx("div", { className: z.deleteButton, children: /* @__PURE__ */ t.jsx(
-          v,
+        $ && /* @__PURE__ */ t.jsx("div", { className: H.deleteButton, children: /* @__PURE__ */ t.jsx(
+          b,
           {
             name: "Trash",
             hoverable: !0,
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => i(s.filter((A) => A.id !== m.id))
+            onClick: () => i(s.filter((P) => P.id !== u.id))
           }
         ) })
       ] })
@@ -634,61 +634,61 @@ const He = (r) => {
     return o ? /* @__PURE__ */ t.jsx(
       Me,
       {
-        product: m,
+        product: u,
         index: k,
-        children: P
+        children: T
       },
-      m.id
+      u.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: z.product,
-        children: P
+        className: H.product,
+        children: T
       },
-      m.id
+      u.id
     );
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: z.productsBlock, children: [
-    (l || c !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: z.top, children: [
-      l && /* @__PURE__ */ t.jsx("h3", { className: z.title, children: l }),
+  return /* @__PURE__ */ t.jsxs("div", { className: H.productsBlock, children: [
+    (l || c !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: H.top, children: [
+      l && /* @__PURE__ */ t.jsx("h3", { className: H.title, children: l }),
       c !== void 0 && /* @__PURE__ */ t.jsx(
-        tt,
+        Z,
         {
           current: c,
-          onChange: (m) => e == null ? void 0 : e(m)
+          onChange: (u) => e == null ? void 0 : e(u)
         }
       )
     ] }),
-    M && n && y && U && /* @__PURE__ */ t.jsx(
+    f && n && y && G && /* @__PURE__ */ t.jsx(
       Ee,
       {
-        ref: $,
-        activeItem: M,
-        setActiveItem: u,
-        popupPosition: D,
+        ref: E,
+        activeItem: f,
+        setActiveItem: D,
+        popupPosition: X,
         modalOptions: y,
-        setIsOpenModal: O
+        setIsOpenModal: A
       }
     ),
-    w && E && /* @__PURE__ */ t.jsx(At, { ...E }),
-    /* @__PURE__ */ t.jsxs("div", { className: z.products, children: [
-      h && /* @__PURE__ */ t.jsx("h5", { className: z.subtitle, children: h }),
+    w && q && /* @__PURE__ */ t.jsx(At, { ...q }),
+    /* @__PURE__ */ t.jsxs("div", { className: H.products, children: [
+      m && /* @__PURE__ */ t.jsx("h5", { className: H.subtitle, children: m }),
       o ? /* @__PURE__ */ t.jsx(
-        Nt,
+        It,
         {
-          sensors: H,
+          sensors: M,
           onDragEnd: j,
           children: /* @__PURE__ */ t.jsx(
             wt,
             {
-              items: s.map((m) => m.id),
+              items: s.map((u) => u.id),
               strategy: Ct,
-              children: s.map((m, k) => q(m, k))
+              children: s.map((u, k) => O(u, k))
             }
           )
         }
-      ) : s.map((m, k) => q(m, k)),
-      p && /* @__PURE__ */ t.jsx(
+      ) : s.map((u, k) => O(u, k)),
+      _ && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -700,42 +700,42 @@ const He = (r) => {
             at,
             {
               withoutHover: !0,
-              className: V(z.button, {
-                [z.disabled]: !!(B && B <= s.length || s.length === (d == null ? void 0 : d.length))
+              className: z(H.button, {
+                [H.disabled]: !!(B && B <= s.length || s.length === (d == null ? void 0 : d.length))
               }),
               size: "s",
               disabled: !!(B && B <= s.length || s.length === (d == null ? void 0 : d.length)),
               onClick: () => {
-                const m = [...s];
+                const u = [...s];
                 let k = null;
                 if (d) {
-                  for (let P = 0; P < d.length; P++)
-                    if (!s.find((R) => R.id === d[P].id)) {
-                      k = d[P];
+                  for (let T = 0; T < d.length; T++)
+                    if (!s.find((R) => R.id === d[T].id)) {
+                      k = d[T];
                       break;
                     }
                 }
-                _ === "select" && d ? m.push({
+                h === "select" && d ? u.push({
                   name: k ? k.name : d[0].name,
                   id: (k == null ? void 0 : k.id) || d[0].id,
                   ...L
-                }) : _ === "input" ? m.push({
+                }) : h === "input" ? u.push({
                   name: "",
                   id: mt(),
                   ...L
-                }) : m.push({
+                }) : u.push({
                   name: `Image ${s.length + 1}`,
                   id: mt(),
                   ...L
-                }), i(m);
+                }), i(u);
               },
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ t.jsxs("div", { className: z.addButton, children: [
+              children: /* @__PURE__ */ t.jsxs("div", { className: H.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
-                  v,
+                  b,
                   {
                     name: "Plus",
                     width: 16,
@@ -748,14 +748,14 @@ const He = (r) => {
         }
       )
     ] }),
-    a !== void 0 && /* @__PURE__ */ t.jsx(jt, { items: a }),
+    a !== void 0 && /* @__PURE__ */ t.jsx(bt, { items: a }),
     S !== void 0 && /* @__PURE__ */ t.jsx(
-      X,
+      W,
       {
         label: "Auto scroll interval",
         type: "number",
         value: String(S.scrollInterval),
-        onChange: (m) => S.setScrollInterval(Number(m)),
+        onChange: (u) => S.setScrollInterval(Number(u)),
         min: 0.1,
         max: 100,
         style: {
@@ -797,14 +797,14 @@ const He = (r) => {
     setItems: i,
     other: a,
     title: l,
-    subtitle: h,
+    subtitle: m,
     draggable: n = !1,
     withImage: o = !1,
-    addable: f = !0,
-    itemsOptions: I,
-    hasRangeSelector: p = !1,
-    rangeSelectorOptions: _,
-    limit: x,
+    addable: x = !0,
+    itemsOptions: $,
+    hasRangeSelector: _ = !1,
+    rangeSelectorOptions: h,
+    limit: p,
     autoScrollInterval: d
   } = r;
   function w(y) {
@@ -818,7 +818,7 @@ const He = (r) => {
           height: 16
         }
       ) : /* @__PURE__ */ t.jsx(
-        v,
+        b,
         {
           name: "Image",
           width: 16,
@@ -827,12 +827,12 @@ const He = (r) => {
         }
       );
   }
-  const E = (y) => {
-    const L = I.find((S) => S.id === y);
+  const q = (y) => {
+    const L = $.find((S) => S.id === y);
     if (!L) return;
     const B = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       n && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        v,
+        b,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -841,21 +841,21 @@ const He = (r) => {
         }
       ) }),
       /* @__PURE__ */ t.jsx(
-        et,
+        st,
         {
           onChange: (S) => {
-            const M = [...s], u = I.find((b) => b.name === S);
-            if (!u) return;
-            const D = u.id, K = M.map((b) => b === y ? D : b);
-            i([...K]);
+            const f = [...s], D = $.find((v) => v.name === S);
+            if (!D) return;
+            const X = D.id, tt = f.map((v) => v === y ? X : v);
+            i([...tt]);
           },
           value: L.name,
-          options: I.filter((S) => !s.find((M) => M === S.id)).map((S) => S.name),
+          options: $.filter((S) => !s.find((f) => f === S.id)).map((S) => S.name),
           leftAddon: w(L.images)
         }
       ),
       /* @__PURE__ */ t.jsx("div", { className: Q.buttons, children: /* @__PURE__ */ t.jsx("div", { className: Q.deleteButton, children: /* @__PURE__ */ t.jsx(
-        v,
+        b,
         {
           name: "Trash",
           hoverable: !0,
@@ -879,18 +879,18 @@ const He = (r) => {
     (l || c !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: Q.top, children: [
       l && /* @__PURE__ */ t.jsx("h3", { className: Q.title, children: l }),
       c !== void 0 && /* @__PURE__ */ t.jsx(
-        tt,
+        Z,
         {
           current: c,
           onChange: (y) => e == null ? void 0 : e(y)
         }
       )
     ] }),
-    p && _ && /* @__PURE__ */ t.jsx(At, { ..._ }),
+    _ && h && /* @__PURE__ */ t.jsx(At, { ...h }),
     /* @__PURE__ */ t.jsxs("div", { className: Q.products, children: [
-      h && /* @__PURE__ */ t.jsx("h5", { className: Q.subtitle, children: h }),
-      s.map((y) => E(y)),
-      f && /* @__PURE__ */ t.jsx(
+      m && /* @__PURE__ */ t.jsx("h5", { className: Q.subtitle, children: m }),
+      s.map((y) => q(y)),
+      x && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -903,22 +903,22 @@ const He = (r) => {
             at,
             {
               withoutHover: !0,
-              className: V(Q.button, {
-                [Q.disabled]: !!(x && x <= s.length || s.length === I.length)
+              className: z(Q.button, {
+                [Q.disabled]: !!(p && p <= s.length || s.length === $.length)
               }),
               size: "s",
-              disabled: !!(x && x <= s.length || s.length === I.length),
+              disabled: !!(p && p <= s.length || s.length === $.length),
               onClick: () => {
                 const y = [...s];
                 let L = null;
-                if (I) {
-                  for (let B = 0; B < I.length; B++)
-                    if (!s.find((S) => S === I[B].id)) {
-                      L = I[B];
+                if ($) {
+                  for (let B = 0; B < $.length; B++)
+                    if (!s.find((S) => S === $[B].id)) {
+                      L = $[B];
                       break;
                     }
                 }
-                y.push((L == null ? void 0 : L.id) || I[0].id), i(y);
+                y.push((L == null ? void 0 : L.id) || $[0].id), i(y);
               },
               style: {
                 width: "fit-content"
@@ -926,7 +926,7 @@ const He = (r) => {
               children: /* @__PURE__ */ t.jsxs("div", { className: Q.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
-                  v,
+                  b,
                   {
                     name: "Plus",
                     width: 16,
@@ -939,9 +939,9 @@ const He = (r) => {
         }
       )
     ] }),
-    a !== void 0 && /* @__PURE__ */ t.jsx(jt, { items: a }),
+    a !== void 0 && /* @__PURE__ */ t.jsx(bt, { items: a }),
     d !== void 0 && /* @__PURE__ */ t.jsx(
-      X,
+      W,
       {
         label: "Auto scroll interval",
         type: "number",
@@ -956,7 +956,7 @@ const He = (r) => {
       }
     )
   ] });
-}, us = "_title_1wm9m_1", ms = "_subtitle_1wm9m_5", hs = "_header_1wm9m_12", _s = "_text_1wm9m_13", ps = "_productsBlock_1wm9m_14", gs = "_top_1wm9m_26", fs = "_itemsBlock_1wm9m_35", xs = "_typeTexts_1wm9m_41", bs = "_block_1wm9m_48", js = "_active_1wm9m_61", vs = "_products_1wm9m_14", ys = "_product_1wm9m_14", ks = "_button_1wm9m_80", $s = "_disabled_1wm9m_91", Is = "_image_1wm9m_95", Ns = "_info_1wm9m_102", ws = "_name_1wm9m_114", Cs = "_buttons_1wm9m_118", Bs = "_modal_1wm9m_125", Ss = "_link_1wm9m_146", Ts = "_modalOptions_1wm9m_152", Ps = "_addButton_1wm9m_164", As = "_deleteButton_1wm9m_179", F = {
+}, us = "_title_fymju_1", ms = "_subtitle_fymju_5", hs = "_header_fymju_12", _s = "_text_fymju_13", ps = "_productsBlock_fymju_14", gs = "_top_fymju_26", fs = "_itemsBlock_fymju_35", xs = "_typeTexts_fymju_41", js = "_block_fymju_48", bs = "_active_fymju_61", vs = "_products_fymju_14", ys = "_product_fymju_14", ks = "_button_fymju_80", $s = "_disabled_fymju_91", Ns = "_image_fymju_95", Is = "_info_fymju_102", ws = "_name_fymju_114", Cs = "_buttons_fymju_118", Bs = "_modal_fymju_125", Ss = "_link_fymju_146", Ts = "_modalOptions_fymju_152", Ps = "_addButton_fymju_164", As = "_deleteButton_fymju_179", F = {
   title: us,
   subtitle: ms,
   header: hs,
@@ -965,14 +965,14 @@ const He = (r) => {
   top: gs,
   itemsBlock: fs,
   typeTexts: xs,
-  block: bs,
-  active: js,
+  block: js,
+  active: bs,
   products: vs,
   product: ys,
   button: ks,
   disabled: $s,
-  image: Is,
-  info: Ns,
+  image: Ns,
+  info: Is,
   name: ws,
   buttons: Cs,
   modal: Bs,
@@ -983,7 +983,7 @@ const He = (r) => {
 }, Os = g.forwardRef(
   (r, c) => {
     const { activeItem: e, setActiveItem: s, popupPosition: i, modalOptions: a, setIsOpenModal: l } = r;
-    function h(n, o) {
+    function m(n, o) {
       return n.length > o ? `${n.slice(0, o)}...` : n;
     }
     return /* @__PURE__ */ t.jsxs(
@@ -1000,9 +1000,9 @@ const He = (r) => {
         },
         children: [
           /* @__PURE__ */ t.jsxs("div", { className: F.top, children: [
-            /* @__PURE__ */ t.jsx("h3", { className: F.title, children: h(e.name, 20) }),
+            /* @__PURE__ */ t.jsx("h3", { className: F.title, children: m(e.name, 20) }),
             /* @__PURE__ */ t.jsx(
-              v,
+              b,
               {
                 name: "X",
                 height: 20,
@@ -1022,11 +1022,11 @@ const He = (r) => {
                   label: "Put up an attractive image",
                   activeImage: e[n.field],
                   onChange: (o) => {
-                    const f = {
+                    const x = {
                       ...e,
                       [n.field]: o
                     };
-                    s(f);
+                    s(x);
                   }
                 },
                 String(n.field)
@@ -1037,33 +1037,33 @@ const He = (r) => {
                 {
                   typesText: e[n.field.type],
                   setTypesText: (o) => {
-                    const f = {
+                    const x = {
                       ...e,
                       [n.field.type]: o
                     };
-                    s(f);
+                    s(x);
                   },
                   text: e[n.field.text] || "",
                   setText: (o) => {
-                    const f = {
+                    const x = {
                       ...e,
                       [n.field.text]: o
                     };
-                    s(f);
+                    s(x);
                   },
                   subtitle: n.label
                 }
               );
             if (n.type === "input")
               return /* @__PURE__ */ t.jsx(
-                X,
+                W,
                 {
                   onChange: (o) => {
-                    const f = {
+                    const x = {
                       ...e,
                       [n.field]: o
                     };
-                    s(f);
+                    s(x);
                   },
                   value: e[n.field] || "",
                   label: n.label,
@@ -1073,14 +1073,14 @@ const He = (r) => {
             if (n.type === "inputSwitch")
               return /* @__PURE__ */ t.jsxs("div", { className: F.link, children: [
                 /* @__PURE__ */ t.jsx(
-                  X,
+                  W,
                   {
                     onChange: (o) => {
-                      const f = {
+                      const x = {
                         ...e,
                         [n.field.text]: o
                       };
-                      s(f);
+                      s(x);
                     },
                     value: e[n.field.text] || "",
                     label: n.inputLabel,
@@ -1088,35 +1088,35 @@ const He = (r) => {
                   }
                 ),
                 /* @__PURE__ */ t.jsx(
-                  tt,
+                  Z,
                   {
                     current: !!e[n.field.switch] || !1,
                     label: n.switchLabel,
                     onChange: (o) => {
-                      const f = {
+                      const x = {
                         ...e,
                         [n.field.switch]: o
                       };
-                      s(f);
+                      s(x);
                     }
                   }
                 )
               ] });
             if (n.type === "select")
               return /* @__PURE__ */ t.jsx(
-                et,
+                st,
                 {
                   options: n.itemsOptions,
                   onChange: (o) => {
-                    const f = {
+                    const x = {
                       ...e,
                       [n.field]: o
                     };
-                    s(f);
+                    s(x);
                   },
                   label: n.label,
                   value: e[n.field] || "String",
-                  leftAddon: n.leftAddon && n.leftAddon === "icon" && /* @__PURE__ */ t.jsx(v, { name: e[n.field] })
+                  leftAddon: n.leftAddon && n.leftAddon === "icon" && /* @__PURE__ */ t.jsx(b, { name: e[n.field] })
                 }
               );
           }) })
@@ -1126,11 +1126,11 @@ const He = (r) => {
   }
 );
 function qs(r) {
-  const { product: c, children: e } = r, { attributes: s, listeners: i, setNodeRef: a, transform: l, transition: h, isDragging: n } = St({
+  const { product: c, children: e } = r, { attributes: s, listeners: i, setNodeRef: a, transform: l, transition: m, isDragging: n } = St({
     id: c.id
   }), o = {
     transform: Tt.Transform.toString(l),
-    transition: h
+    transition: m
   };
   return /* @__PURE__ */ t.jsx(
     "div",
@@ -1152,24 +1152,24 @@ const aa = (r) => {
     setItems: i,
     other: a,
     title: l,
-    subtitle: h,
+    subtitle: m,
     editable: n = !0,
     draggable: o = !1,
-    withImage: f = !1,
-    deletable: I = !0,
-    addable: p = !0,
-    itemsType: _,
-    itemsPlaceholder: x = "",
+    withImage: x = !1,
+    deletable: $ = !0,
+    addable: _ = !0,
+    itemsType: h,
+    itemsPlaceholder: p = "",
     itemsOptions: d,
     hasRangeSelector: w = !1,
-    rangeSelectorOptions: E,
+    rangeSelectorOptions: q,
     modalOptions: y,
     addableOptions: L = {}
-  } = r, [B, S] = g.useState(null), [M, u] = g.useState({
+  } = r, [B, S] = g.useState(null), [f, D] = g.useState({
     top: 0,
     left: 0
-  }), [D, K] = g.useState(null), b = g.useRef(null), [T, $] = g.useState(!1), U = $t(
-    It(Bt, {
+  }), [X, tt] = g.useState(null), v = g.useRef(null), [N, E] = g.useState(!1), G = $t(
+    Nt(Bt, {
       activationConstraint: {
         distance: 5
       }
@@ -1177,36 +1177,36 @@ const aa = (r) => {
   );
   g.useEffect(() => {
     const j = () => {
-      S(null), $(!1);
+      S(null), E(!1);
     };
-    return document.body.addEventListener("click", j), S(null), $(!1), () => {
-      S(null), $(!1), document.body.removeEventListener("click", j);
+    return document.body.addEventListener("click", j), S(null), E(!1), () => {
+      S(null), E(!1), document.body.removeEventListener("click", j);
     };
   }, []), g.useEffect(() => {
     if (B) {
-      const j = [...s].map((q) => q.id === B.id ? B : q);
+      const j = [...s].map((O) => O.id === B.id ? B : O);
       i(j);
     }
   }, [B]), g.useEffect(() => {
-    if (b.current && D) {
-      const j = b.current.getBoundingClientRect().height, q = window.innerHeight;
-      let m = D.top;
-      m + j > q + window.scrollY - 200 && (m = q + window.scrollY - j - 200), m < 0 && (m = 10), u({
-        top: m,
-        left: D.left
+    if (v.current && X) {
+      const j = v.current.getBoundingClientRect().height, O = window.innerHeight;
+      let u = X.top;
+      u + j > O + window.scrollY - 200 && (u = O + window.scrollY - j - 200), u < 0 && (u = 10), D({
+        top: u,
+        left: X.left
       });
     }
-  }, [b.current, D]);
-  const O = (j, q) => {
+  }, [v.current, X]);
+  const A = (j, O) => {
     j.stopPropagation();
-    const m = j.target.getBoundingClientRect();
-    K({
-      top: m.top + window.scrollY,
-      left: m.left - 30
-    }), S(q), $(!0);
+    const u = j.target.getBoundingClientRect();
+    tt({
+      top: u.top + window.scrollY,
+      left: u.left - 30
+    }), S(O), E(!0);
   };
-  function H(j) {
-    if (f)
+  function M(j) {
+    if (x)
       return j ? /* @__PURE__ */ t.jsx(
         "img",
         {
@@ -1216,7 +1216,7 @@ const aa = (r) => {
           height: 16
         }
       ) : /* @__PURE__ */ t.jsx(
-        v,
+        b,
         {
           name: "Image",
           width: 16,
@@ -1225,20 +1225,20 @@ const aa = (r) => {
         }
       );
   }
-  const Z = (j) => {
-    const { active: q, over: m } = j;
-    if (m && q.id !== m.id) {
-      const k = s.findIndex((R) => R.id === q.id), P = s.findIndex((R) => R.id === m.id);
-      if (k !== -1 && P !== -1) {
-        const R = [...s], [Y] = R.splice(k, 1);
-        R.splice(P, 0, Y), i(R);
+  const K = (j) => {
+    const { active: O, over: u } = j;
+    if (u && O.id !== u.id) {
+      const k = s.findIndex((R) => R.id === O.id), T = s.findIndex((R) => R.id === u.id);
+      if (k !== -1 && T !== -1) {
+        const R = [...s], [V] = R.splice(k, 1);
+        R.splice(T, 0, V), i(R);
       }
     }
   }, ct = (j) => {
-    var m;
-    const q = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    var u;
+    const O = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       o && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        v,
+        b,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -1246,64 +1246,64 @@ const aa = (r) => {
           height: 20
         }
       ) }),
-      _ === "select" && d && /* @__PURE__ */ t.jsx(
-        et,
+      h === "select" && d && /* @__PURE__ */ t.jsx(
+        st,
         {
           onChange: (k) => {
-            const R = [...s].map((Y) => Y.id === j.id ? {
+            const R = [...s].map((V) => V.id === j.id ? {
               ...j,
               name: k
-            } : Y);
+            } : V);
             S({
               ...j,
               name: k
             }), i([...R]);
           },
           value: j.name,
-          options: d.filter((k) => !s.find((P) => P.name === k)),
-          leftAddon: H(j.images)
+          options: d.filter((k) => !s.find((T) => T.name === k)),
+          leftAddon: M(j.images)
         }
       ),
-      _ === "input" && /* @__PURE__ */ t.jsx(
-        X,
+      h === "input" && /* @__PURE__ */ t.jsx(
+        W,
         {
           onChange: (k) => {
-            const R = [...s].map((Y) => Y.id === j.id ? {
+            const R = [...s].map((V) => V.id === j.id ? {
               ...j,
               name: k
-            } : Y);
+            } : V);
             i([...R]);
           },
           value: j.name,
-          placeholder: x
+          placeholder: p
         }
       ),
-      _ === "image" && /* @__PURE__ */ t.jsx(
+      h === "image" && /* @__PURE__ */ t.jsx(
         gt,
         {
           onChange: (k) => {
-            const R = [...s].map((Y) => Y.id === j.id ? {
+            const R = [...s].map((V) => V.id === j.id ? {
               ...j,
               images: k
-            } : Y);
+            } : V);
             i([...R]);
           },
-          activeImage: (m = s.find((k) => k.id === j.id)) == null ? void 0 : m.images[0]
+          activeImage: (u = s.find((k) => k.id === j.id)) == null ? void 0 : u.images[0]
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: F.buttons, children: [
         n && /* @__PURE__ */ t.jsx("div", { className: F.deleteButton, children: /* @__PURE__ */ t.jsx(
-          v,
+          b,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (k) => O(k, j)
+            onClick: (k) => A(k, j)
           }
         ) }),
-        I && /* @__PURE__ */ t.jsx("div", { className: F.deleteButton, children: /* @__PURE__ */ t.jsx(
-          v,
+        $ && /* @__PURE__ */ t.jsx("div", { className: F.deleteButton, children: /* @__PURE__ */ t.jsx(
+          b,
           {
             name: "Trash",
             hoverable: !0,
@@ -1319,14 +1319,14 @@ const aa = (r) => {
       qs,
       {
         product: j,
-        children: q
+        children: O
       },
       j.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: F.product,
-        children: q
+        children: O
       },
       j.id
     );
@@ -1335,32 +1335,32 @@ const aa = (r) => {
     (l || c !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: F.top, children: [
       l && /* @__PURE__ */ t.jsx("h3", { className: F.title, children: l }),
       c !== void 0 && /* @__PURE__ */ t.jsx(
-        tt,
+        Z,
         {
           current: c,
           onChange: (j) => e == null ? void 0 : e(j)
         }
       )
     ] }),
-    B && n && y && T && /* @__PURE__ */ t.jsx(
+    B && n && y && N && /* @__PURE__ */ t.jsx(
       Os,
       {
-        ref: b,
+        ref: v,
         activeItem: B,
         setActiveItem: S,
-        popupPosition: M,
+        popupPosition: f,
         modalOptions: y,
-        setIsOpenModal: $
+        setIsOpenModal: E
       }
     ),
-    w && E && /* @__PURE__ */ t.jsx(At, { ...E }),
+    w && q && /* @__PURE__ */ t.jsx(At, { ...q }),
     /* @__PURE__ */ t.jsxs("div", { className: F.products, children: [
-      h && /* @__PURE__ */ t.jsx("h5", { className: F.subtitle, children: h }),
+      m && /* @__PURE__ */ t.jsx("h5", { className: F.subtitle, children: m }),
       o ? /* @__PURE__ */ t.jsx(
-        Nt,
+        It,
         {
-          sensors: U,
-          onDragEnd: Z,
+          sensors: G,
+          onDragEnd: K,
           children: /* @__PURE__ */ t.jsx(
             wt,
             {
@@ -1371,7 +1371,7 @@ const aa = (r) => {
           )
         }
       ) : s.map((j) => ct(j)),
-      p && /* @__PURE__ */ t.jsx(
+      _ && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -1387,21 +1387,21 @@ const aa = (r) => {
               size: "s",
               onClick: () => {
                 const j = [...s];
-                let q = null;
+                let O = null;
                 if (d) {
-                  for (let m = 0; m < d.length; m++)
-                    if (!s.find((k) => k.name === d[m])) {
-                      q = d[m];
+                  for (let u = 0; u < d.length; u++)
+                    if (!s.find((k) => k.name === d[u])) {
+                      O = d[u];
                       break;
                     }
                 }
-                _ === "select" && d ? j.push({
-                  name: q || d[0],
+                h === "select" && d ? j.push({
+                  name: O || d[0],
                   id: mt(),
                   ...L,
                   maxSymbols: 100
                   // пример значения
-                }) : _ === "input" ? j.push({
+                }) : h === "input" ? j.push({
                   name: "",
                   id: mt(),
                   ...L,
@@ -1419,7 +1419,7 @@ const aa = (r) => {
               children: /* @__PURE__ */ t.jsxs("div", { className: F.addButton, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
                 /* @__PURE__ */ t.jsx(
-                  v,
+                  b,
                   {
                     name: "Plus",
                     width: 16,
@@ -1432,7 +1432,7 @@ const aa = (r) => {
         }
       )
     ] }),
-    a !== void 0 && /* @__PURE__ */ t.jsx(jt, { items: a })
+    a !== void 0 && /* @__PURE__ */ t.jsx(bt, { items: a })
   ] });
 }, Es = "_title_174ru_1", Ds = "_subtitle_174ru_5", Ls = "_header_174ru_12", Rs = "_text_174ru_13", Ms = "_productsBlock_174ru_14", Hs = "_buttonsBlock_174ru_15", zs = "_top_174ru_26", Fs = "_itemsBlock_174ru_35", Vs = "_typeTexts_174ru_41", Us = "_block_174ru_48", Ys = "_active_174ru_60", Gs = "_products_174ru_14", Ws = "_product_174ru_14", Xs = "_button_174ru_15", Js = "_image_174ru_90", Qs = "_info_174ru_97", Ks = "_name_174ru_109", Zs = "_buttons_174ru_15", tn = "_modal_174ru_120", en = "_other_174ru_139", sn = "_options_174ru_145", dt = {
   title: Es,
@@ -1457,20 +1457,20 @@ const aa = (r) => {
   other: en,
   options: sn
 }, nn = g.forwardRef((r, c) => {
-  const { activeButton: e, setActiveButton: s, popupPosition: i } = r, [a, l] = g.useState(e.typesText), [h, n] = g.useState(e.destination), [o, f] = g.useState(e.page), [I, p] = g.useState(e.link || ""), [_, x] = g.useState(e.text || ""), [d, w] = g.useState(e.openInNewTab), { pages: E } = Ht();
+  const { activeButton: e, setActiveButton: s, popupPosition: i } = r, [a, l] = g.useState(e.typesText), [m, n] = g.useState(e.destination), [o, x] = g.useState(e.page), [$, _] = g.useState(e.link || ""), [h, p] = g.useState(e.text || ""), [d, w] = g.useState(e.openInNewTab), { pages: q } = Ht();
   return g.useEffect(() => {
     s({
       ...e,
       ...{
-        text: _,
-        link: I,
-        destination: h,
+        text: h,
+        link: $,
+        destination: m,
         typesText: a,
         page: o,
         openInNewTab: d
       }
     });
-  }, [a, h, I, _, o, d]), /* @__PURE__ */ t.jsxs(
+  }, [a, m, $, h, o, d]), /* @__PURE__ */ t.jsxs(
     "div",
     {
       className: dt.modal,
@@ -1486,7 +1486,7 @@ const aa = (r) => {
         /* @__PURE__ */ t.jsxs("div", { className: dt.top, children: [
           /* @__PURE__ */ t.jsx("h3", { className: dt.title, children: e.type }),
           /* @__PURE__ */ t.jsx(
-            v,
+            b,
             {
               name: "X",
               height: 20,
@@ -1498,33 +1498,33 @@ const aa = (r) => {
         ] }),
         /* @__PURE__ */ t.jsxs("div", { className: dt.options, children: [
           /* @__PURE__ */ t.jsx(
-            et,
+            st,
             {
               label: "Destination",
               onChange: (y) => n(y),
-              options: ["Go to Page", "Open Link"].filter((y) => y !== h),
-              value: h
+              options: ["Go to Page", "Open Link"].filter((y) => y !== m),
+              value: m
             }
           ),
-          h === "Go to Page" ? /* @__PURE__ */ t.jsx(
-            et,
+          m === "Go to Page" ? /* @__PURE__ */ t.jsx(
+            st,
             {
               label: "Go to",
-              onChange: (y) => f(y),
-              options: E ? Object.values(E).filter((y) => y.name !== o).map((y) => y.name) : [],
+              onChange: (y) => x(y),
+              options: q ? Object.values(q).filter((y) => y.name !== o).map((y) => y.name) : [],
               value: o
             }
           ) : /* @__PURE__ */ t.jsx(
-            X,
+            W,
             {
-              onChange: (y) => p(y),
-              value: I,
+              onChange: (y) => _(y),
+              value: $,
               placeholder: "https://",
               label: "Link"
             }
           ),
           /* @__PURE__ */ t.jsx(
-            tt,
+            Z,
             {
               current: e.openInNewTab,
               label: "Open in new tab",
@@ -1534,8 +1534,8 @@ const aa = (r) => {
           /* @__PURE__ */ t.jsx(
             Ot,
             {
-              onChange: (y) => x(y),
-              value: _,
+              onChange: (y) => p(y),
+              value: h,
               label: "Text",
               maxLength: 150
             }
@@ -1551,7 +1551,7 @@ const aa = (r) => {
       ]
     }
   );
-}), on = "_subtitle_jql1y_1", an = "_header_jql1y_8", cn = "_text_jql1y_9", ln = "_productsBlock_jql1y_10", rn = "_buttonsBlock_jql1y_11", dn = "_top_jql1y_23", un = "_itemsBlock_jql1y_32", mn = "_typeTexts_jql1y_38", hn = "_block_jql1y_45", _n = "_active_jql1y_58", pn = "_products_jql1y_10", gn = "_product_jql1y_10", fn = "_button_jql1y_11", xn = "_image_jql1y_88", bn = "_info_jql1y_95", jn = "_name_jql1y_107", vn = "_buttons_jql1y_11", yn = "_modal_jql1y_118", kn = "_other_jql1y_138", $n = "_options_jql1y_144", In = "_addButton_jql1y_150", Nn = "_deleteButton_jql1y_165", st = {
+}), on = "_subtitle_jql1y_1", an = "_header_jql1y_8", cn = "_text_jql1y_9", ln = "_productsBlock_jql1y_10", rn = "_buttonsBlock_jql1y_11", dn = "_top_jql1y_23", un = "_itemsBlock_jql1y_32", mn = "_typeTexts_jql1y_38", hn = "_block_jql1y_45", _n = "_active_jql1y_58", pn = "_products_jql1y_10", gn = "_product_jql1y_10", fn = "_button_jql1y_11", xn = "_image_jql1y_88", jn = "_info_jql1y_95", bn = "_name_jql1y_107", vn = "_buttons_jql1y_11", yn = "_modal_jql1y_118", kn = "_other_jql1y_138", $n = "_options_jql1y_144", Nn = "_addButton_jql1y_150", In = "_deleteButton_jql1y_165", nt = {
   subtitle: on,
   header: an,
   text: cn,
@@ -1566,91 +1566,91 @@ const aa = (r) => {
   product: gn,
   button: fn,
   image: xn,
-  info: bn,
-  name: jn,
+  info: jn,
+  name: bn,
   buttons: vn,
   modal: yn,
   other: kn,
   options: $n,
-  addButton: In,
-  deleteButton: Nn
+  addButton: Nn,
+  deleteButton: In
 }, wn = (r) => {
-  const { buttons: c, setButtons: e, deletable: s = !0, addable: i = !0 } = r, [a, l] = g.useState(null), [h, n] = g.useState({
+  const { buttons: c, setButtons: e, deletable: s = !0, addable: i = !0 } = r, [a, l] = g.useState(null), [m, n] = g.useState({
     top: 0,
     left: 0
-  }), [o, f] = g.useState(null), I = g.useRef(null);
+  }), [o, x] = g.useState(null), $ = g.useRef(null);
   g.useEffect(() => {
-    const _ = () => {
+    const h = () => {
       l(null);
     };
-    return document.body.addEventListener("click", _), l(null), () => {
-      l(null), document.body.removeEventListener("click", _);
+    return document.body.addEventListener("click", h), l(null), () => {
+      l(null), document.body.removeEventListener("click", h);
     };
   }, []), g.useEffect(() => {
     if (a) {
-      const _ = [...c].map((x) => x.id === a.id ? a : x);
-      e(_);
+      const h = [...c].map((p) => p.id === a.id ? a : p);
+      e(h);
     }
   }, [a]), g.useEffect(() => {
-    if (I.current && o) {
-      const _ = I.current.getBoundingClientRect().height, x = window.innerHeight;
+    if ($.current && o) {
+      const h = $.current.getBoundingClientRect().height, p = window.innerHeight;
       let d = o.top;
-      d + _ > x + window.scrollY - 200 && (d = x + window.scrollY - _ - 200), d < 0 && (d = 10), n({
+      d + h > p + window.scrollY - 200 && (d = p + window.scrollY - h - 200), d < 0 && (d = 10), n({
         top: d,
         left: o.left
       });
     }
-  }, [I.current, o]);
-  const p = (_, x) => {
-    _.stopPropagation();
-    const d = _.target.getBoundingClientRect();
-    f({
+  }, [$.current, o]);
+  const _ = (h, p) => {
+    h.stopPropagation();
+    const d = h.target.getBoundingClientRect();
+    x({
       top: d.top + window.scrollY,
       left: d.left - 30
-    }), l(x);
+    }), l(p);
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: st.products, children: [
-    /* @__PURE__ */ t.jsx("h5", { className: st.subtitle, children: "Button Type" }),
-    c.map((_) => /* @__PURE__ */ t.jsxs(
+  return /* @__PURE__ */ t.jsxs("div", { className: nt.products, children: [
+    /* @__PURE__ */ t.jsx("h5", { className: nt.subtitle, children: "Button Type" }),
+    c.map((h) => /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: st.product,
+        className: nt.product,
         children: [
           /* @__PURE__ */ t.jsx(
-            et,
+            st,
             {
-              onChange: (x) => {
-                const w = [...c].map((E) => E.id === _.id ? {
-                  ..._,
-                  type: x
-                } : E);
+              onChange: (p) => {
+                const w = [...c].map((q) => q.id === h.id ? {
+                  ...h,
+                  type: p
+                } : q);
                 e(w);
               },
-              value: _.type,
+              value: h.type,
               options: ["Primary", "Secondary", "Tertiary"]
             }
           ),
-          /* @__PURE__ */ t.jsxs("div", { className: st.buttons, children: [
-            /* @__PURE__ */ t.jsx("div", { className: st.deleteButton, children: /* @__PURE__ */ t.jsx(
-              v,
+          /* @__PURE__ */ t.jsxs("div", { className: nt.buttons, children: [
+            /* @__PURE__ */ t.jsx("div", { className: nt.deleteButton, children: /* @__PURE__ */ t.jsx(
+              b,
               {
                 name: "Sliders",
                 hoverable: !0,
                 width: 20,
                 height: 20,
-                onClick: (x) => {
-                  p(x, _);
+                onClick: (p) => {
+                  _(p, h);
                 }
               }
             ) }),
-            s && /* @__PURE__ */ t.jsx("div", { className: st.deleteButton, children: /* @__PURE__ */ t.jsx(
-              v,
+            s && /* @__PURE__ */ t.jsx("div", { className: nt.deleteButton, children: /* @__PURE__ */ t.jsx(
+              b,
               {
                 name: "Trash",
                 hoverable: !0,
                 onClick: () => {
-                  const x = c.filter((d) => d.id !== _.id);
-                  e(x);
+                  const p = c.filter((d) => d.id !== h.id);
+                  e(p);
                 },
                 width: 20,
                 height: 20,
@@ -1660,15 +1660,15 @@ const aa = (r) => {
           ] })
         ]
       },
-      _.id
+      h.id
     )),
     a && /* @__PURE__ */ t.jsx(
       nn,
       {
-        ref: I,
+        ref: $,
         activeButton: a,
         setActiveButton: l,
-        popupPosition: h
+        popupPosition: m
       }
     ),
     i && /* @__PURE__ */ t.jsx(
@@ -1683,11 +1683,11 @@ const aa = (r) => {
           at,
           {
             withoutHover: !0,
-            className: st.button,
+            className: nt.button,
             size: "s",
             onClick: () => {
-              const _ = [...c];
-              _.push({
+              const h = [...c];
+              h.push({
                 type: "Primary",
                 id: mt(),
                 typesText: [],
@@ -1695,15 +1695,15 @@ const aa = (r) => {
                 text: "Button Name",
                 page: "home",
                 openInNewTab: !0
-              }), e(_);
+              }), e(h);
             },
             style: {
               width: "fit-content"
             },
-            children: /* @__PURE__ */ t.jsxs("div", { className: st.addButton, children: [
+            children: /* @__PURE__ */ t.jsxs("div", { className: nt.addButton, children: [
               /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
               /* @__PURE__ */ t.jsx(
-                v,
+                b,
                 {
                   name: "Plus",
                   width: 16,
@@ -1722,7 +1722,7 @@ const aa = (r) => {
     /* @__PURE__ */ t.jsxs("div", { className: dt.top, children: [
       /* @__PURE__ */ t.jsx("h3", { className: dt.title, children: "Buttons" }),
       /* @__PURE__ */ t.jsx(
-        tt,
+        Z,
         {
           current: c,
           onChange: (a) => e(a)
@@ -1737,7 +1737,7 @@ const aa = (r) => {
       }
     )
   ] }) });
-}, Cn = "_wrapper_m18qi_1", Bn = "_subtitle_m18qi_7", Sn = "_content_m18qi_14", Tn = "_range_m18qi_22", Pn = "_track_m18qi_27", An = "_progress_m18qi_36", On = "_dots_m18qi_46", qn = "_dot_m18qi_46", En = "_active_m18qi_65", Dn = "_input_m18qi_77", Ln = "_countBlock_m18qi_91", Rn = "_count_m18qi_91", Mn = "_controls_m18qi_107", Hn = "_button_m18qi_113", G = {
+}, Cn = "_wrapper_m18qi_1", Bn = "_subtitle_m18qi_7", Sn = "_content_m18qi_14", Tn = "_range_m18qi_22", Pn = "_track_m18qi_27", An = "_progress_m18qi_36", On = "_dots_m18qi_46", qn = "_dot_m18qi_46", En = "_active_m18qi_65", Dn = "_input_m18qi_77", Ln = "_countBlock_m18qi_91", Rn = "_count_m18qi_91", Mn = "_controls_m18qi_107", Hn = "_button_m18qi_113", U = {
   wrapper: Cn,
   subtitle: Bn,
   content: Sn,
@@ -1753,36 +1753,36 @@ const aa = (r) => {
   controls: Mn,
   button: Hn
 }, At = (r) => {
-  const { label: c, min: e = 1, max: s = 4, step: i = 1, count: a, setCount: l } = r, [h, n] = g.useState(!1), o = Array.from({ length: (s - e) / i + 1 }), f = (a - e) / (s - e) * 100, I = () => {
+  const { label: c, min: e = 1, max: s = 4, step: i = 1, count: a, setCount: l } = r, [m, n] = g.useState(!1), o = Array.from({ length: (s - e) / i + 1 }), x = (a - e) / (s - e) * 100, $ = () => {
     a < s && l(a + i);
-  }, p = () => {
+  }, _ = () => {
     a > e && l(a - i);
-  }, _ = (x) => {
-    const d = e + x * i;
+  }, h = (p) => {
+    const d = e + p * i;
     l(d);
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: G.wrapper, children: [
-    c && /* @__PURE__ */ t.jsx("h5", { className: G.subtitle, children: c }),
-    /* @__PURE__ */ t.jsxs("div", { className: G.content, children: [
-      /* @__PURE__ */ t.jsxs("div", { className: G.range, children: [
-        /* @__PURE__ */ t.jsx("div", { className: G.track }),
+  return /* @__PURE__ */ t.jsxs("div", { className: U.wrapper, children: [
+    c && /* @__PURE__ */ t.jsx("h5", { className: U.subtitle, children: c }),
+    /* @__PURE__ */ t.jsxs("div", { className: U.content, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: U.range, children: [
+        /* @__PURE__ */ t.jsx("div", { className: U.track }),
         /* @__PURE__ */ t.jsx(
           "div",
           {
-            className: G.progress,
-            style: { width: `${f}%` }
+            className: U.progress,
+            style: { width: `${x}%` }
           }
         ),
-        /* @__PURE__ */ t.jsx("div", { className: G.dots, children: o.map((x, d) => {
+        /* @__PURE__ */ t.jsx("div", { className: U.dots, children: o.map((p, d) => {
           const w = d <= (a - e) / i;
           return /* @__PURE__ */ t.jsx(
             "button",
             {
-              onClick: () => _(d),
-              className: V(G.dot, {
-                [G.active]: w,
-                [G.inactive]: !w,
-                [G.dragging]: h
+              onClick: () => h(d),
+              className: z(U.dot, {
+                [U.active]: w,
+                [U.inactive]: !w,
+                [U.dragging]: m
               }),
               "aria-label": `Set value to ${e + d * i}`
             },
@@ -1797,40 +1797,40 @@ const aa = (r) => {
             max: s,
             step: i,
             value: a,
-            onChange: (x) => l(Number(x.target.value)),
+            onChange: (p) => l(Number(p.target.value)),
             onMouseDown: () => n(!0),
             onMouseUp: () => n(!1),
             onTouchStart: () => n(!0),
             onTouchEnd: () => n(!1),
-            className: G.input
+            className: U.input
           }
         )
       ] }),
-      /* @__PURE__ */ t.jsxs("div", { className: G.countBlock, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: U.countBlock, children: [
         /* @__PURE__ */ t.jsx(
-          X,
+          W,
           {
             type: "number",
             min: e,
             max: s,
             paddingless: !0,
-            onChange: (x) => {
-              const d = Number(x);
+            onChange: (p) => {
+              const d = Number(p);
               d > s ? l(s) : d < e ? l(e) : l(d);
             },
             value: String(a)
           }
         ),
-        /* @__PURE__ */ t.jsxs("div", { className: G.controls, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: U.controls, children: [
           /* @__PURE__ */ t.jsx(
             "button",
             {
-              onClick: I,
+              onClick: $,
               disabled: a >= s,
-              className: G.button,
+              className: U.button,
               "aria-label": "Increment count",
               children: /* @__PURE__ */ t.jsx(
-                v,
+                b,
                 {
                   name: "CaretUp",
                   width: 15,
@@ -1842,12 +1842,12 @@ const aa = (r) => {
           /* @__PURE__ */ t.jsx(
             "button",
             {
-              onClick: p,
+              onClick: _,
               disabled: a <= e,
-              className: G.button,
+              className: U.button,
               "aria-label": "Decrement count",
               children: /* @__PURE__ */ t.jsx(
-                v,
+                b,
                 {
                   name: "CaretDown",
                   width: 15,
@@ -1860,7 +1860,7 @@ const aa = (r) => {
       ] })
     ] })
   ] });
-}, zn = "_title_1lejm_1", Fn = "_subtitle_1lejm_5", Vn = "_header_1lejm_12", Un = "_text_1lejm_13", Yn = "_productsBlock_1lejm_14", Gn = "_top_1lejm_26", Wn = "_itemsBlock_1lejm_35", Xn = "_typeTexts_1lejm_41", Jn = "_block_1lejm_48", Qn = "_active_1lejm_61", Kn = "_products_1lejm_14", Zn = "_product_1lejm_14", ti = "_button_1lejm_80", ei = "_image_1lejm_91", si = "_info_1lejm_98", ni = "_name_1lejm_110", ii = "_buttons_1lejm_114", oi = "_modal_1lejm_121", ai = "_link_1lejm_141", ci = "_modalOptions_1lejm_147", li = "_addButton_1lejm_159", ri = "_deleteButton_1lejm_174", W = {
+}, zn = "_title_1lejm_1", Fn = "_subtitle_1lejm_5", Vn = "_header_1lejm_12", Un = "_text_1lejm_13", Yn = "_productsBlock_1lejm_14", Gn = "_top_1lejm_26", Wn = "_itemsBlock_1lejm_35", Xn = "_typeTexts_1lejm_41", Jn = "_block_1lejm_48", Qn = "_active_1lejm_61", Kn = "_products_1lejm_14", Zn = "_product_1lejm_14", ti = "_button_1lejm_80", ei = "_image_1lejm_91", si = "_info_1lejm_98", ni = "_name_1lejm_110", ii = "_buttons_1lejm_114", oi = "_modal_1lejm_121", ai = "_link_1lejm_141", ci = "_modalOptions_1lejm_147", li = "_addButton_1lejm_159", ri = "_deleteButton_1lejm_174", Y = {
   title: zn,
   subtitle: Fn,
   header: Vn,
@@ -1886,13 +1886,13 @@ const aa = (r) => {
 }, di = (r) => {
   const { activeItem: c, setActiveItem: e, popupPosition: s, setIsOpenModal: i, itemsOptions: a } = r, l = a.find((n) => n.id === c.listingId);
   if (!l) return null;
-  function h(n, o) {
+  function m(n, o) {
     return n.length > o ? `${n.slice(0, o)}...` : n;
   }
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: W.modal,
+      className: Y.modal,
       onClick: (n) => {
         n.stopPropagation();
       },
@@ -1901,10 +1901,10 @@ const aa = (r) => {
         left: `${s.left}px`
       },
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: W.top, children: [
-          /* @__PURE__ */ t.jsx("h3", { children: h(l.productData.name, 20) }),
+        /* @__PURE__ */ t.jsxs("div", { className: Y.top, children: [
+          /* @__PURE__ */ t.jsx("h3", { children: m(l.productData.name, 20) }),
           /* @__PURE__ */ t.jsx(
-            v,
+            b,
             {
               name: "X",
               height: 20,
@@ -1916,7 +1916,7 @@ const aa = (r) => {
             }
           )
         ] }),
-        /* @__PURE__ */ t.jsx("div", { className: W.modalOptions, children: /* @__PURE__ */ t.jsx(
+        /* @__PURE__ */ t.jsx("div", { className: Y.modalOptions, children: /* @__PURE__ */ t.jsx(
           gt,
           {
             label: "Put up an attractive image",
@@ -1935,18 +1935,18 @@ const aa = (r) => {
   );
 };
 function ui(r) {
-  const { product: c, children: e } = r, { attributes: s, listeners: i, setNodeRef: a, transform: l, transition: h, isDragging: n } = St({
+  const { product: c, children: e } = r, { attributes: s, listeners: i, setNodeRef: a, transform: l, transition: m, isDragging: n } = St({
     id: String(c.listingId)
   }), o = {
     transform: Tt.Transform.toString(l),
-    transition: h
+    transition: m
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
       ref: a,
       style: o,
-      className: `${W.product} ${n ? W.dragging : ""}`,
+      className: `${Y.product} ${n ? Y.dragging : ""}`,
       ...s,
       ...i,
       children: e
@@ -1961,60 +1961,60 @@ const la = (r) => {
     setItems: i,
     other: a,
     title: l,
-    subtitle: h,
+    subtitle: m,
     editable: n = !0,
     draggable: o = !1,
-    withImage: f = !1,
-    deletable: I = !0,
-    addable: p = !0,
-    itemsType: _,
-    itemsOptions: x
+    withImage: x = !1,
+    deletable: $ = !0,
+    addable: _ = !0,
+    itemsType: h,
+    itemsOptions: p
   } = r, [d, w] = g.useState(
     null
-  ), [E, y] = g.useState({
+  ), [q, y] = g.useState({
     top: 0,
     left: 0
   }), [L, B] = g.useState(!1), S = $t(
-    It(Bt, {
+    Nt(Bt, {
       activationConstraint: {
         distance: 5
       }
     })
   );
   g.useEffect(() => {
-    const b = () => {
+    const v = () => {
       w(null), B(!1);
     };
-    return document.body.addEventListener("click", b), w(null), B(!1), () => {
-      w(null), B(!1), document.body.removeEventListener("click", b);
+    return document.body.addEventListener("click", v), w(null), B(!1), () => {
+      w(null), B(!1), document.body.removeEventListener("click", v);
     };
   }, []), g.useEffect(() => {
     if (d) {
-      const b = [...s].map((T) => T.listingId === d.listingId ? d : T);
-      i(b);
+      const v = [...s].map((N) => N.listingId === d.listingId ? d : N);
+      i(v);
     }
   }, [d]);
-  const M = (b, T) => {
-    b.stopPropagation();
-    const $ = b.target.getBoundingClientRect(), U = 100, O = window.innerHeight;
-    let H = $.top + window.scrollY;
-    H + U > O && (H = O - U - 20), B(!0), y({
-      top: H - 80,
-      left: $.left - 30
-    }), w(T);
+  const f = (v, N) => {
+    v.stopPropagation();
+    const E = v.target.getBoundingClientRect(), G = 100, A = window.innerHeight;
+    let M = E.top + window.scrollY;
+    M + G > A && (M = A - G - 20), B(!0), y({
+      top: M - 80,
+      left: E.left - 30
+    }), w(N);
   };
-  function u(b) {
-    if (f)
-      return b ? /* @__PURE__ */ t.jsx(
+  function D(v) {
+    if (x)
+      return v ? /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: `https://imagedelivery.net/${b}/w=1000`,
+          src: `https://imagedelivery.net/${v}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
         }
       ) : /* @__PURE__ */ t.jsx(
-        v,
+        b,
         {
           name: "Image",
           width: 16,
@@ -2023,21 +2023,21 @@ const la = (r) => {
         }
       );
   }
-  const D = (b) => {
-    const { active: T, over: $ } = b;
-    if ($ && T.id !== $.id) {
-      const U = s.findIndex((H) => String(H.listingId) === T.id), O = s.findIndex((H) => String(H.listingId) === $.id);
-      if (U !== -1 && O !== -1) {
-        const H = [...s], [Z] = H.splice(U, 1);
-        H.splice(O, 0, Z), i(H);
+  const X = (v) => {
+    const { active: N, over: E } = v;
+    if (E && N.id !== E.id) {
+      const G = s.findIndex((M) => String(M.listingId) === N.id), A = s.findIndex((M) => String(M.listingId) === E.id);
+      if (G !== -1 && A !== -1) {
+        const M = [...s], [K] = M.splice(G, 1);
+        M.splice(A, 0, K), i(M);
       }
     }
-  }, K = (b, T) => {
-    const $ = x.find((O) => b.listingId === O.id);
-    if (!$) return null;
-    const U = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+  }, tt = (v, N) => {
+    const E = p.find((A) => v.listingId === A.id);
+    if (!E) return null;
+    const G = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       o && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        v,
+        b,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -2045,48 +2045,48 @@ const la = (r) => {
           height: 20
         }
       ) }),
-      _ === "select" && /* @__PURE__ */ t.jsx(
-        et,
+      h === "select" && /* @__PURE__ */ t.jsx(
+        st,
         {
-          onChange: (O) => {
-            const H = [...s], Z = x.find((q) => q.productData.name === O);
-            if (!Z) return;
+          onChange: (A) => {
+            const M = [...s], K = p.find((O) => O.productData.name === A);
+            if (!K) return;
             const ct = {
-              listingId: Z.id,
-              image: Z.productData.images.length > 0 ? Z.productData.images[0].cfId : ""
-            }, j = H.map((q) => q.listingId === b.listingId ? ct : q);
+              listingId: K.id,
+              image: K.productData.images.length > 0 ? K.productData.images[0].cfId : ""
+            }, j = M.map((O) => O.listingId === v.listingId ? ct : O);
             w(ct), i([...j]);
           },
-          value: $.productData.name,
+          value: E.productData.name,
           options: [
-            ...x.filter((O) => !s.find((H) => H.listingId === O.id)).map((O) => O.productData.name)
+            ...p.filter((A) => !s.find((M) => M.listingId === A.id)).map((A) => A.productData.name)
           ],
-          leftAddon: u(
-            b.image || $.productData.images.length > 0 && $.productData.images[0].cfId || ""
+          leftAddon: D(
+            v.image || E.productData.images.length > 0 && E.productData.images[0].cfId || ""
           )
         },
-        T
+        N
       ),
-      /* @__PURE__ */ t.jsxs("div", { className: W.buttons, children: [
-        n && /* @__PURE__ */ t.jsx("div", { className: W.deleteButton, children: /* @__PURE__ */ t.jsx(
-          v,
+      /* @__PURE__ */ t.jsxs("div", { className: Y.buttons, children: [
+        n && /* @__PURE__ */ t.jsx("div", { className: Y.deleteButton, children: /* @__PURE__ */ t.jsx(
+          b,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (O) => M(O, b)
+            onClick: (A) => f(A, v)
           }
         ) }),
-        I && /* @__PURE__ */ t.jsx("div", { className: W.deleteButton, children: /* @__PURE__ */ t.jsx(
-          v,
+        $ && /* @__PURE__ */ t.jsx("div", { className: Y.deleteButton, children: /* @__PURE__ */ t.jsx(
+          b,
           {
             name: "Trash",
             hoverable: !0,
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => i(s.filter((O) => O !== b))
+            onClick: () => i(s.filter((A) => A !== v))
           }
         ) })
       ] })
@@ -2094,27 +2094,27 @@ const la = (r) => {
     return o ? /* @__PURE__ */ t.jsx(
       ui,
       {
-        product: b,
-        children: U
+        product: v,
+        children: G
       },
-      b.listingId
+      v.listingId
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: W.product,
-        children: U
+        className: Y.product,
+        children: G
       },
-      b.listingId
+      v.listingId
     );
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: W.productsBlock, children: [
-    (l || c !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: W.top, children: [
-      l && /* @__PURE__ */ t.jsx("h3", { className: W.title, children: l }),
+  return /* @__PURE__ */ t.jsxs("div", { className: Y.productsBlock, children: [
+    (l || c !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: Y.top, children: [
+      l && /* @__PURE__ */ t.jsx("h3", { className: Y.title, children: l }),
       c !== void 0 && /* @__PURE__ */ t.jsx(
-        tt,
+        Z,
         {
           current: c,
-          onChange: (b) => e == null ? void 0 : e(b)
+          onChange: (v) => e == null ? void 0 : e(v)
         }
       )
     ] }),
@@ -2124,28 +2124,28 @@ const la = (r) => {
         activeItem: d,
         setActiveItem: w,
         setIsOpenModal: B,
-        popupPosition: E,
-        itemsOptions: x
+        popupPosition: q,
+        itemsOptions: p
       }
     ),
-    /* @__PURE__ */ t.jsxs("div", { className: W.products, children: [
-      h && /* @__PURE__ */ t.jsx("h5", { className: W.subtitle, children: h }),
+    /* @__PURE__ */ t.jsxs("div", { className: Y.products, children: [
+      m && /* @__PURE__ */ t.jsx("h5", { className: Y.subtitle, children: m }),
       o ? /* @__PURE__ */ t.jsx(
-        Nt,
+        It,
         {
           sensors: S,
-          onDragEnd: D,
+          onDragEnd: X,
           children: /* @__PURE__ */ t.jsx(
             wt,
             {
-              items: s.map((b) => String(b.listingId)),
+              items: s.map((v) => String(v.listingId)),
               strategy: Ct,
-              children: s.map((b, T) => K(b, T))
+              children: s.map((v, N) => tt(v, N))
             }
           )
         }
-      ) : s.map((b, T) => K(b, T)),
-      p && /* @__PURE__ */ t.jsx(
+      ) : s.map((v, N) => tt(v, N)),
+      _ && /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -2157,28 +2157,28 @@ const la = (r) => {
             at,
             {
               withoutHover: !0,
-              className: W.button,
+              className: Y.button,
               size: "s",
               onClick: () => {
-                const b = [...s];
-                for (let T = 0; T < x.length; T++)
-                  if (!s.find(($) => $.listingId === x[T].id)) {
-                    b.push({
-                      listingId: x[T].id,
-                      image: x[T].productData.images.length > 0 ? x[T].productData.images[0].cfId : ""
+                const v = [...s];
+                for (let N = 0; N < p.length; N++)
+                  if (!s.find((E) => E.listingId === p[N].id)) {
+                    v.push({
+                      listingId: p[N].id,
+                      image: p[N].productData.images.length > 0 ? p[N].productData.images[0].cfId : ""
                     });
                     break;
                   }
-                i(b);
+                i(v);
               },
-              disabled: s.length === x.length,
+              disabled: s.length === p.length,
               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(
-                  v,
+                  b,
                   {
                     name: "Plus",
                     width: 16,
@@ -2191,9 +2191,9 @@ const la = (r) => {
         }
       )
     ] }),
-    a !== void 0 && /* @__PURE__ */ t.jsx(jt, { items: a })
+    a !== void 0 && /* @__PURE__ */ t.jsx(bt, { items: a })
   ] });
-}, mi = "_options_d1lk6_1", hi = "_price_d1lk6_12", _i = "_oldPrice_d1lk6_19", pi = "_newPrice_d1lk6_27", gi = "_animate_d1lk6_34", fi = "_appearAndBounce_d1lk6_1", xi = "_meta_d1lk6_52", bi = "_info_d1lk6_58", ji = "_infoRight_d1lk6_66", vi = "_buttons_d1lk6_73", yi = "_variants_d1lk6_80", ki = "_variant_d1lk6_80", $i = "_stock_d1lk6_98", Ii = "_variantInfo_d1lk6_105", Ni = "_quantity_d1lk6_111", wi = "_count_d1lk6_118", Ci = "_focused_d1lk6_135", Bi = "_button_d1lk6_73", Si = "_activeVariant_d1lk6_161", Ti = "_chargeTypes_d1lk6_165", Pi = "_charge_d1lk6_165", Ai = "_chargeActive_d1lk6_190", Oi = "_title_d1lk6_198", N = {
+}, mi = "_options_d1lk6_1", hi = "_price_d1lk6_12", _i = "_oldPrice_d1lk6_19", pi = "_newPrice_d1lk6_27", gi = "_animate_d1lk6_34", fi = "_appearAndBounce_d1lk6_1", xi = "_meta_d1lk6_52", ji = "_info_d1lk6_58", bi = "_infoRight_d1lk6_66", vi = "_buttons_d1lk6_73", yi = "_variants_d1lk6_80", ki = "_variant_d1lk6_80", $i = "_stock_d1lk6_98", Ni = "_variantInfo_d1lk6_105", Ii = "_quantity_d1lk6_111", wi = "_count_d1lk6_118", Ci = "_focused_d1lk6_135", Bi = "_button_d1lk6_73", Si = "_activeVariant_d1lk6_161", Ti = "_chargeTypes_d1lk6_165", Pi = "_charge_d1lk6_165", Ai = "_chargeActive_d1lk6_190", Oi = "_title_d1lk6_198", I = {
   options: mi,
   price: hi,
   oldPrice: _i,
@@ -2201,14 +2201,14 @@ const la = (r) => {
   animate: gi,
   appearAndBounce: fi,
   meta: xi,
-  info: bi,
-  infoRight: ji,
+  info: ji,
+  infoRight: bi,
   buttons: vi,
   variants: yi,
   variant: ki,
   stock: $i,
-  variantInfo: Ii,
-  quantity: Ni,
+  variantInfo: Ni,
+  quantity: Ii,
   count: wi,
   focused: Ci,
   button: Bi,
@@ -2220,108 +2220,107 @@ const la = (r) => {
 };
 var Mt = /* @__PURE__ */ ((r) => (r.ONE_TIME = "One-Time", r.RECURRING = "Subscribe & Save", r))(Mt || {});
 const ra = (r) => {
-  var S, M;
-  const { variants: c } = r, [e, s] = g.useState(c[0]), [i, a] = g.useState(e.chargeTypes[0]), l = bt(), [h, n] = g.useState(1), [o, f] = g.useState(!1), { reset: I, addProductToCart: p, getProducts: _, cart: x } = Pt(), [d, w] = g.useState(!1);
+  var B, S;
+  const { variants: c } = r, [e, s] = g.useState(c[0]), [i, a] = g.useState(e.chargeTypes[0]), l = jt(), [m, n] = g.useState(1), [o, x] = g.useState(!1), { reset: $, addProductToCart: _, getProducts: h } = Pt(), [p, d] = g.useState(!1);
   g.useEffect(() => {
-    w(!0);
-    const u = setTimeout(() => w(!1), 600);
-    return () => clearTimeout(u);
-  }, [h]);
-  async function E() {
-    await _(), await p({
+    d(!0);
+    const f = setTimeout(() => d(!1), 600);
+    return () => clearTimeout(f);
+  }, [m]);
+  async function w() {
+    await h(), await _({
       productId: r.id,
       productVariantId: e.id,
-      quantity: h
+      quantity: m
     });
   }
-  function y() {
-    I(), E(), l("/checkout");
+  function q() {
+    $(), w(), l("/checkout");
   }
-  console.log(x);
-  function L(u) {
-    if (u >= 864e5) {
-      const $ = Math.floor(u / 864e5);
-      return `${$} ${$ === 1 ? "day" : "days"}`;
-    } else if (u >= 36e5) {
-      const $ = Math.floor(u / 36e5);
-      return `${$} ${$ === 1 ? "hour" : "hours"}`;
-    } else if (u >= 6e4) {
-      const $ = Math.floor(u / 6e4);
-      return `${$} ${$ === 1 ? "minute" : "minutes"}`;
+  function y(f) {
+    if (f >= 864e5) {
+      const N = Math.floor(f / 864e5);
+      return `${N} ${N === 1 ? "day" : "days"}`;
+    } else if (f >= 36e5) {
+      const N = Math.floor(f / 36e5);
+      return `${N} ${N === 1 ? "hour" : "hours"}`;
+    } else if (f >= 6e4) {
+      const N = Math.floor(f / 6e4);
+      return `${N} ${N === 1 ? "minute" : "minutes"}`;
     } else {
-      const $ = Math.floor(u / 1e3);
-      return `${$} ${$ === 1 ? "second" : "seconds"}`;
+      const N = Math.floor(f / 1e3);
+      return `${N} ${N === 1 ? "second" : "seconds"}`;
     }
   }
-  function B(u, D) {
-    return u.length > D ? u.slice(0, D) + "..." : u;
+  function L(f, D) {
+    return f.length > D ? f.slice(0, D) + "..." : f;
   }
-  return /* @__PURE__ */ t.jsxs("div", { className: N.options, children: [
-    e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: N.chargeTypes, children: e.chargeTypes.map((u) => /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ t.jsxs("div", { className: I.options, children: [
+    e.chargeTypes.length > 1 && /* @__PURE__ */ t.jsx("div", { className: I.chargeTypes, children: e.chargeTypes.map((f) => /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: V(N.charge, {
-          [N.chargeActive]: i === u
+        className: z(I.charge, {
+          [I.chargeActive]: i === f
         }),
-        onClick: () => a(u),
-        children: Mt[u]
+        onClick: () => a(f),
+        children: Mt[f]
       },
-      u
+      f
     )) }),
-    /* @__PURE__ */ t.jsx("div", { className: N.variants, children: c.map((u) => {
+    /* @__PURE__ */ t.jsx("div", { className: I.variants, children: c.map((f) => {
       var D;
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: V(N.variant, {
-            [N.activeVariant]: e.id === u.id
+          className: z(I.variant, {
+            [I.activeVariant]: e.id === f.id
           }),
-          onClick: () => s(u),
+          onClick: () => s(f),
           children: [
-            /* @__PURE__ */ t.jsxs("div", { className: N.variantInfo, children: [
-              /* @__PURE__ */ t.jsx("span", { className: N.title, children: B(u.name, 15) }),
+            /* @__PURE__ */ t.jsxs("div", { className: I.variantInfo, children: [
+              /* @__PURE__ */ t.jsx("span", { className: I.title, children: L(f.name, 15) }),
               /* @__PURE__ */ t.jsxs("span", { children: [
                 "$",
-                i === "ONE_TIME" ? u.price.amount : u.subscriptionSettings ? u.subscriptionSettings.price.amount : "Price Not Found"
+                i === "ONE_TIME" ? f.price.amount : f.subscriptionSettings ? f.subscriptionSettings.price.amount : "Price Not Found"
               ] })
             ] }),
-            /* @__PURE__ */ t.jsx("div", { children: i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: N.stock, children: [
-              ((D = u.quantity.restrictions) == null ? void 0 : D.max) || u.quantity.available || 0,
+            /* @__PURE__ */ t.jsx("div", { children: i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("span", { className: I.stock, children: [
+              ((D = f.quantity.restrictions) == null ? void 0 : D.max) || f.quantity.available || 0,
               " in stock"
             ] }) })
           ]
         },
-        u.id
+        f.id
       );
     }) }),
-    i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: N.quantity, children: [
+    i === "ONE_TIME" && /* @__PURE__ */ t.jsxs("div", { className: I.quantity, children: [
       /* @__PURE__ */ t.jsx(
         "button",
         {
           onClick: () => {
-            h > 1 ? n((u) => u - 1) : n(1);
+            m > 1 ? n((f) => f - 1) : n(1);
           },
-          className: N.button,
-          disabled: e.quantity.restrictions && h <= e.quantity.restrictions.min,
-          children: /* @__PURE__ */ t.jsx(v, { name: "Minus" })
+          className: I.button,
+          disabled: e.quantity.restrictions && m <= e.quantity.restrictions.min,
+          children: /* @__PURE__ */ t.jsx(b, { name: "Minus" })
         }
       ),
       /* @__PURE__ */ t.jsx(
         "label",
         {
-          className: V(N.count, {
-            [N.focused]: o
+          className: z(I.count, {
+            [I.focused]: o
           }),
-          onFocus: () => f(!0),
-          onBlur: () => f(!1),
+          onFocus: () => x(!0),
+          onBlur: () => x(!1),
           children: /* @__PURE__ */ t.jsx(
-            X,
+            W,
             {
               type: "number",
-              value: String(h),
-              onChange: (u) => n(Number(u)),
-              max: ((S = e.quantity.restrictions) == null ? void 0 : S.max) || e.quantity.available || 1 / 0,
-              min: ((M = e.quantity.restrictions) == null ? void 0 : M.min) || 0,
+              value: String(m),
+              onChange: (f) => n(Number(f)),
+              max: ((B = e.quantity.restrictions) == null ? void 0 : B.max) || e.quantity.available || 1 / 0,
+              min: ((S = e.quantity.restrictions) == null ? void 0 : S.min) || 0,
               style: {
                 backgroundColor: "transparent",
                 border: "none",
@@ -2335,20 +2334,20 @@ const ra = (r) => {
         "button",
         {
           onClick: () => {
-            n((u) => u + 1);
+            n((f) => f + 1);
           },
-          className: N.button,
-          disabled: !!(e.quantity.restrictions && h >= e.quantity.restrictions.max || e.quantity.available && h >= e.quantity.available),
-          children: /* @__PURE__ */ t.jsx(v, { name: "Plus" })
+          className: I.button,
+          disabled: !!(e.quantity.restrictions && m >= e.quantity.restrictions.max || e.quantity.available && m >= e.quantity.available),
+          children: /* @__PURE__ */ t.jsx(b, { name: "Plus" })
         }
       )
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: N.meta, children: [
-      /* @__PURE__ */ t.jsxs("div", { className: N.info, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: I.meta, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: I.info, children: [
         /* @__PURE__ */ t.jsx("span", { children: "Delivery" }),
-        /* @__PURE__ */ t.jsxs("div", { className: N.infoRight, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: I.infoRight, children: [
           /* @__PURE__ */ t.jsx(
-            v,
+            b,
             {
               name: "Lightning",
               fill: "#FF3F19",
@@ -2356,44 +2355,44 @@ const ra = (r) => {
               height: 20
             }
           ),
-          /* @__PURE__ */ t.jsx("span", { children: !e.deliveryTime || e.deliveryTime === 0 ? "Instant" : L(e.deliveryTime) })
+          /* @__PURE__ */ t.jsx("span", { children: !e.deliveryTime || e.deliveryTime === 0 ? "Instant" : y(e.deliveryTime) })
         ] })
       ] }),
-      /* @__PURE__ */ t.jsxs("div", { className: N.info, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: I.info, children: [
         /* @__PURE__ */ t.jsx("span", { children: "Price" }),
-        /* @__PURE__ */ t.jsx("div", { className: N.infoRight, children: i === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: N.price, children: [
-          /* @__PURE__ */ t.jsxs("span", { className: V(N.newPrice, { [N.animate]: d }), children: [
+        /* @__PURE__ */ t.jsx("div", { className: I.infoRight, children: i === "ONE_TIME" ? e.compareAtPrice && (e.compareAtPrice.amount || 0) - (e.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: I.price, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: z(I.newPrice, { [I.animate]: p }), children: [
             "$ ",
-            (e.price.amount || 0) * h
+            (e.price.amount || 0) * m
           ] }),
-          /* @__PURE__ */ t.jsxs("span", { className: N.oldPrice, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: I.oldPrice, children: [
             "$ ",
-            (e.compareAtPrice.amount || 0) * h
+            (e.compareAtPrice.amount || 0) * m
           ] })
-        ] }) : /* @__PURE__ */ t.jsxs("span", { className: V(N.newPrice, { [N.animate]: d }), children: [
+        ] }) : /* @__PURE__ */ t.jsxs("span", { className: z(I.newPrice, { [I.animate]: p }), children: [
           "$ ",
-          (e.price.amount || 0) * h
-        ] }) : e.subscriptionSettings && e.subscriptionSettings.compareAtPrice && (e.subscriptionSettings.compareAtPrice.amount || 0) - (e.subscriptionSettings.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: N.price, children: [
-          /* @__PURE__ */ t.jsxs("span", { className: V(N.newPrice, { [N.animate]: d }), children: [
+          (e.price.amount || 0) * m
+        ] }) : e.subscriptionSettings && e.subscriptionSettings.compareAtPrice && (e.subscriptionSettings.compareAtPrice.amount || 0) - (e.subscriptionSettings.price.amount || 0) > 0 ? /* @__PURE__ */ t.jsxs("div", { className: I.price, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: z(I.newPrice, { [I.animate]: p }), children: [
             "$ ",
             e.subscriptionSettings.price.amount || 0
           ] }),
-          /* @__PURE__ */ t.jsxs("span", { className: N.oldPrice, children: [
+          /* @__PURE__ */ t.jsxs("span", { className: I.oldPrice, children: [
             "$ ",
             e.subscriptionSettings.compareAtPrice.amount || 0
           ] })
-        ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsxs("span", { className: V(N.newPrice, { [N.animate]: d }), children: [
+        ] }) : e.subscriptionSettings && /* @__PURE__ */ t.jsxs("span", { className: z(I.newPrice, { [I.animate]: p }), children: [
           "$ ",
           e.subscriptionSettings.price.amount || 0
         ] }) })
       ] })
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: N.buttons, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: I.buttons, children: [
       /* @__PURE__ */ t.jsx(
         at,
         {
           type: "Primary",
-          onClick: () => y(),
+          onClick: () => q(),
           children: /* @__PURE__ */ t.jsx("span", { children: i === "ONE_TIME" ? "Buy Now" : "Subscribe Now" })
         }
       ),
@@ -2401,7 +2400,7 @@ const ra = (r) => {
         at,
         {
           type: "Secondary",
-          onClick: () => E(),
+          onClick: () => w(),
           children: "Add to Cart"
         }
       )
@@ -2441,36 +2440,36 @@ const ra = (r) => {
   total: ro,
   link: uo,
   userInfo: mo
-}, ho = "_button_85085_1", _o = "_primary_85085_20", po = "_primaryHovered_85085_30", go = "_secondary_85085_34", fo = "_secondaryHovered_85085_44", xo = "_tertiary_85085_48", bo = "_tertiaryHovered_85085_58", jo = "_content_85085_62", nt = {
+}, ho = "_button_85085_1", _o = "_primary_85085_20", po = "_primaryHovered_85085_30", go = "_secondary_85085_34", fo = "_secondaryHovered_85085_44", xo = "_tertiary_85085_48", jo = "_tertiaryHovered_85085_58", bo = "_content_85085_62", it = {
   button: ho,
   primary: _o,
   primaryHovered: po,
   secondary: go,
   secondaryHovered: fo,
   tertiary: xo,
-  tertiaryHovered: bo,
-  content: jo
+  tertiaryHovered: jo,
+  content: bo
 }, kt = (r) => {
-  const { children: c, onClick: e, style: s, className: i, disabled: a = !1, type: l = "Primary" } = r, { themeSettings: h } = qt();
+  const { children: c, onClick: e, style: s, className: i, disabled: a = !1, type: l = "Primary" } = r, { themeSettings: m } = qt();
   return /* @__PURE__ */ t.jsx(
     "button",
     {
-      className: V(nt.button, i, {
-        [nt.primary]: l === "Primary",
-        [nt.secondary]: l === "Secondary",
-        [nt.tertiary]: l === "Tertiary",
-        [nt.primaryHovered]: l === "Primary" && !a && h.buttons.primary.hover,
-        [nt.secondaryHovered]: l === "Secondary" && !a && h.buttons.secondary.hover,
-        [nt.tertiaryHovered]: l === "Tertiary" && !a && h.buttons.tertiary.hover
+      className: z(it.button, i, {
+        [it.primary]: l === "Primary",
+        [it.secondary]: l === "Secondary",
+        [it.tertiary]: l === "Tertiary",
+        [it.primaryHovered]: l === "Primary" && !a && m.buttons.primary.hover,
+        [it.secondaryHovered]: l === "Secondary" && !a && m.buttons.secondary.hover,
+        [it.tertiaryHovered]: l === "Tertiary" && !a && m.buttons.tertiary.hover
       }),
       onClick: e,
       style: {
         ...s
       },
       disabled: a,
-      children: l === "Tertiary" ? /* @__PURE__ */ t.jsxs("div", { className: nt.content, children: [
+      children: l === "Tertiary" ? /* @__PURE__ */ t.jsxs("div", { className: it.content, children: [
         /* @__PURE__ */ t.jsx(
-          v,
+          b,
           {
             name: "ArrowRight",
             fill: "#757575",
@@ -2532,7 +2531,7 @@ function ko(r, c) {
   }
 }
 const da = (r) => {
-  const { shopping: c, signUp: e } = r, s = bt();
+  const { shopping: c, signUp: e } = r, s = jt();
   function i(l) {
     s(l);
   }
@@ -2565,46 +2564,44 @@ const da = (r) => {
   ] });
 }, $o = () => {
   const [r, c] = g.useState(!1), [e, s] = g.useState([]), { cart: i, getProducts: a } = Pt();
-  function l(p) {
-    for (let _ = 0; _ < i.parts.length; _++)
-      for (let x = 0; x < p.variants.length; x++)
-        if (i.parts[_].productVariantId === p.variants[_].id)
-          return i.parts[_].productVariantId;
+  function l(_) {
+    for (let h = 0; h < i.parts.length; h++)
+      for (let p = 0; p < _.variants.length; p++)
+        if (i.parts[h].productVariantId === _.variants[h].id)
+          return i.parts[h].productVariantId;
   }
-  function h(p) {
-    for (let _ = 0; _ < i.parts.length; _++)
-      for (let x = 0; x < p.variants.length; x++)
-        if (i.parts[_].productVariantId === p.variants[_].id)
-          return i.parts[_].quantity;
+  function m(_) {
+    for (let h = 0; h < i.parts.length; h++)
+      for (let p = 0; p < _.variants.length; p++)
+        if (i.parts[h].productVariantId === _.variants[h].id)
+          return i.parts[h].quantity;
   }
   g.useEffect(() => {
     (async () => {
-      const _ = i.parts.map((w) => String(w.productId)), d = (await a([..._])).map((w) => ({
+      const h = i.parts.map((w) => String(w.productId)), d = (await a([...h])).map((w) => ({
         ...w,
         activeVariantId: l(w),
-        quantity: h(w)
+        quantity: m(w)
       }));
       s(d);
     })();
   }, [i.parts.length]);
-  function n(p) {
-    var _;
-    return !p || !(p != null && p.variants) ? !1 : (_ = p.variants.find((x) => x.id === p.activeVariantId)) == null ? void 0 : _.subscriptionSettings;
+  function n(_) {
+    var h;
+    return !_ || !(_ != null && _.variants) ? !1 : (h = _.variants.find((p) => p.id === _.activeVariantId)) == null ? void 0 : h.subscriptionSettings;
   }
-  const o = i.parts.length > 0 && e.length > 0 && !n(e[0]);
-  console.log(i.parts.length > 0, e.length > 0, !n(e[0]));
-  const [f, I] = g.useState(!1);
+  const o = i.parts.length > 0 && e.length > 0 && !n(e[0]), [x, $] = g.useState(!1);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsxs(
       "div",
       {
         className: C.button,
-        onClick: (p) => {
-          p.stopPropagation(), c(!0), I(!0);
+        onClick: (_) => {
+          _.stopPropagation(), c(!0), $(!0);
         },
         children: [
           /* @__PURE__ */ t.jsx(
-            v,
+            b,
             {
               name: "Handbag",
               fill: "var(--icon-primary)"
@@ -2618,47 +2615,47 @@ const da = (r) => {
       Et,
       {
         close: () => {
-          I(!1), setTimeout(() => {
+          $(!1), setTimeout(() => {
             c(!1);
           }, 300);
         },
         children: /* @__PURE__ */ t.jsx(
-          Io,
+          No,
           {
             activeProducts: e,
             isCartNotEmpty: o,
-            isOpen: f
+            isOpen: x
           }
         )
       }
     )
   ] });
-}, Io = (r) => {
-  const { activeProducts: c, isCartNotEmpty: e, isOpen: s } = r, { cart: i, reset: a, getTotalAndDiscount: l, updateQuantityOfProduct: h } = Pt(), n = bt();
-  function o(p) {
-    n(p);
+}, No = (r) => {
+  const { activeProducts: c, isCartNotEmpty: e, isOpen: s } = r, { cart: i, reset: a, getTotalAndDiscount: l, updateQuantityOfProduct: m } = Pt(), n = jt();
+  function o(_) {
+    n(_);
   }
-  function f(p) {
-    h({
-      productId: p.id,
-      productVariantId: p.activeVariantId,
-      quantity: p.quantity + 1
+  function x(_) {
+    m({
+      productId: _.id,
+      productVariantId: _.activeVariantId,
+      quantity: _.quantity + 1
     });
   }
-  function I(p) {
-    h({
-      productId: p.id,
-      productVariantId: p.activeVariantId,
-      quantity: p.quantity - 1
+  function $(_) {
+    m({
+      productId: _.id,
+      productVariantId: _.activeVariantId,
+      quantity: _.quantity - 1
     });
   }
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: V(C.modal, {
+      className: z(C.modal, {
         [C.closing]: !s
       }),
-      onClick: (p) => p.stopPropagation(),
+      onClick: (_) => _.stopPropagation(),
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: C.top, children: [
           /* @__PURE__ */ t.jsxs("div", { className: C.info, children: [
@@ -2668,7 +2665,7 @@ const da = (r) => {
           /* @__PURE__ */ t.jsx(
             "button",
             {
-              className: V(C.clear, {
+              className: z(C.clear, {
                 [C.activeClear]: e
               }),
               disabled: !e,
@@ -2678,7 +2675,7 @@ const da = (r) => {
           )
         ] }),
         e ? /* @__PURE__ */ t.jsxs("div", { className: C.cart, children: [
-          /* @__PURE__ */ t.jsx("div", { className: C.products, children: c.map((p) => /* @__PURE__ */ t.jsxs(
+          /* @__PURE__ */ t.jsx("div", { className: C.products, children: c.map((_) => /* @__PURE__ */ t.jsxs(
             "div",
             {
               className: C.product,
@@ -2687,7 +2684,7 @@ const da = (r) => {
                   /* @__PURE__ */ t.jsx(
                     "img",
                     {
-                      src: `https://imagedelivery.net/${p.images[0].cfId}/w=500`,
+                      src: `https://imagedelivery.net/${_.images[0].cfId}/w=500`,
                       alt: "image",
                       width: "100%",
                       height: "100%",
@@ -2695,10 +2692,10 @@ const da = (r) => {
                     }
                   ),
                   /* @__PURE__ */ t.jsxs("div", { className: C.content, children: [
-                    /* @__PURE__ */ t.jsx("div", { className: C.name, children: p.name }),
+                    /* @__PURE__ */ t.jsx("div", { className: C.name, children: _.name }),
                     /* @__PURE__ */ t.jsxs("div", { className: C.price, children: [
                       "$",
-                      p.variants.find((_) => _.id === p.activeVariantId).price.amount * ((p == null ? void 0 : p.quantity) || 1)
+                      _.variants.find((h) => h.id === _.activeVariantId).price.amount * ((_ == null ? void 0 : _.quantity) || 1)
                     ] })
                   ] })
                 ] }),
@@ -2707,11 +2704,11 @@ const da = (r) => {
                     "div",
                     {
                       onClick: () => {
-                        p.quantity !== 1 && I(p);
+                        _.quantity !== 1 && $(_);
                       },
                       className: C.productButton,
                       children: /* @__PURE__ */ t.jsx(
-                        v,
+                        b,
                         {
                           name: "Minus",
                           fill: "#757575",
@@ -2721,14 +2718,14 @@ const da = (r) => {
                       )
                     }
                   ),
-                  /* @__PURE__ */ t.jsx("div", { className: C.productCount, children: p.quantity }),
+                  /* @__PURE__ */ t.jsx("div", { className: C.productCount, children: _.quantity }),
                   /* @__PURE__ */ t.jsx(
                     "div",
                     {
-                      onClick: () => f(p),
+                      onClick: () => x(_),
                       className: C.productButton,
                       children: /* @__PURE__ */ t.jsx(
-                        v,
+                        b,
                         {
                           name: "Plus",
                           fill: "#757575",
@@ -2741,14 +2738,14 @@ const da = (r) => {
                 ] })
               ]
             },
-            p.id
+            _.id
           )) }),
           /* @__PURE__ */ t.jsxs("div", { className: C.bottom, children: [
             /* @__PURE__ */ t.jsxs("div", { className: C.subtotal, children: [
               /* @__PURE__ */ t.jsxs("div", { className: C.block, children: [
                 /* @__PURE__ */ t.jsx("span", { children: "Subtotal" }),
                 /* @__PURE__ */ t.jsx(
-                  v,
+                  b,
                   {
                     name: "Info",
                     width: 20,
@@ -2764,13 +2761,13 @@ const da = (r) => {
             ] }),
             /* @__PURE__ */ t.jsx(kt, { onClick: () => o("/checkout"), children: "Checkout" })
           ] })
-        ] }) : /* @__PURE__ */ t.jsx(No, {})
+        ] }) : /* @__PURE__ */ t.jsx(Io, {})
       ]
     }
   );
-}, No = () => /* @__PURE__ */ t.jsxs("div", { className: C.empty, children: [
+}, Io = () => /* @__PURE__ */ t.jsxs("div", { className: C.empty, children: [
   /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-    v,
+    b,
     {
       name: "Handbag",
       fill: "var(--icon-secondary)"
@@ -2790,7 +2787,7 @@ const da = (r) => {
     )
   ] })
 ] }), wo = ({ token: r }) => {
-  const [c, e] = g.useState("test-email@gmail.com"), s = bt();
+  const [c, e] = g.useState("test-email@gmail.com"), s = jt();
   g.useEffect(() => {
     (async () => {
       const l = ko(r);
@@ -2833,7 +2830,7 @@ const da = (r) => {
         },
         type: "Secondary",
         children: /* @__PURE__ */ t.jsx(
-          v,
+          b,
           {
             name: "Share",
             fill: "#757575",
@@ -2861,7 +2858,7 @@ const da = (r) => {
         /* @__PURE__ */ t.jsxs("div", { className: ot.header, children: [
           /* @__PURE__ */ t.jsx("div", { className: ot.title, children: "Copy Product Link" }),
           /* @__PURE__ */ t.jsx(
-            v,
+            b,
             {
               name: "X",
               fill: "#757575",
@@ -2874,7 +2871,7 @@ const da = (r) => {
           /* @__PURE__ */ t.jsx(
             "div",
             {
-              className: V(ot.copy, ot.copyText),
+              className: z(ot.copy, ot.copyText),
               onClick: i,
               children: s
             }
@@ -2884,7 +2881,7 @@ const da = (r) => {
             {
               onClick: i,
               className: ot.copy,
-              children: c ? /* @__PURE__ */ t.jsx(v, { name: "Check" }) : /* @__PURE__ */ t.jsx(v, { name: "Copy" })
+              children: c ? /* @__PURE__ */ t.jsx(b, { name: "Check" }) : /* @__PURE__ */ t.jsx(b, { name: "Copy" })
             }
           )
         ] })
@@ -2898,7 +2895,7 @@ const da = (r) => {
   open: Ho,
   content: zo
 }, ma = ({ title: r, content: c }) => {
-  const [e, s] = g.useState(!1), [i, a] = g.useState(0), l = g.useRef(null), h = () => {
+  const [e, s] = g.useState(!1), [i, a] = g.useState(0), l = g.useRef(null), m = () => {
     s(!e);
   };
   return g.useEffect(() => {
@@ -2908,10 +2905,10 @@ const da = (r) => {
       "div",
       {
         className: _t.header,
-        onClick: h,
+        onClick: m,
         children: [
           /* @__PURE__ */ t.jsx("h5", { id: "h5", children: r }),
-          /* @__PURE__ */ t.jsx("div", { className: V(_t.icon, { [_t.open]: e }), children: /* @__PURE__ */ t.jsx(v, { name: "CaretDown" }) })
+          /* @__PURE__ */ t.jsx("div", { className: z(_t.icon, { [_t.open]: e }), children: /* @__PURE__ */ t.jsx(b, { name: "CaretDown" }) })
         ]
       }
     ),
@@ -2925,13 +2922,13 @@ const da = (r) => {
       }
     )
   ] });
-}, Fo = "_wrapper_1r14x_1", Vo = "_label_1r14x_9", Uo = "_input_1r14x_18", Yo = "_required_1r14x_35", Go = "_paddingless_1r14x_39", Wo = "_content_1r14x_43", Xo = "_borderless_1r14x_58", Jo = "_rightIcon_1r14x_63", it = {
+}, Fo = "_wrapper_p74l6_1", Vo = "_label_p74l6_9", Uo = "_input_p74l6_18", Yo = "_paddingless_p74l6_31", Go = "_content_p74l6_35", Wo = "_contentBorder_p74l6_48", Xo = "_borderless_p74l6_53", Jo = "_rightIcon_p74l6_58", et = {
   wrapper: Fo,
   label: Vo,
   input: Uo,
-  required: Yo,
-  paddingless: Go,
-  content: Wo,
+  paddingless: Yo,
+  content: Go,
+  contentBorder: Wo,
   borderless: Xo,
   rightIcon: Jo
 }, ha = (r) => {
@@ -2942,42 +2939,27 @@ const da = (r) => {
     value: i,
     type: a,
     min: l,
-    max: h,
+    max: m,
     placeholder: n,
     disabled: o = !1,
-    required: f = !1,
-    regex: I,
-    paddingless: p = !1,
-    borderless: _ = !1,
-    editable: x = !1,
+    required: x = !1,
+    regex: $,
+    paddingless: _ = !1,
+    borderless: h = !1,
+    editable: p = !1,
     isSearch: d = !1
-  } = r, { themeSettings: w } = qt(), { inputs: E } = w, [y, L] = g.useState(!1);
-  function B(u, D) {
-    if (u.startsWith("#")) {
-      let T, $, U;
-      return u.length === 7 ? (T = parseInt(u.slice(1, 3), 16), $ = parseInt(u.slice(3, 5), 16), U = parseInt(u.slice(5, 7), 16)) : u.length === 4 && (T = parseInt(u[1] + u[1], 16), $ = parseInt(u[2] + u[2], 16), U = parseInt(u[3] + u[3], 16)), `rgba(${T}, ${$}, ${U}, ${D})`;
-    }
-    const b = {
-      black: "#000000",
-      white: "#ffffff",
-      red: "#ff0000",
-      green: "#00ff00",
-      blue: "#0000ff"
-      // Можно добавить больше цветов
-    }[u.toLowerCase()];
-    return b ? B(b, D) : u;
-  }
-  function S(u) {
-    return Number(u) < 0 ? String(l) : u;
+  } = r, { themeSettings: w } = qt(), { inputs: q } = w, [y, L] = g.useState(!1);
+  function B(f) {
+    return Number(f) < 0 ? String(l) : f;
   }
-  function M(u) {
-    return !f || !I ? !0 : new RegExp(I).test(u);
+  function S(f) {
+    return !x || !$ ? !0 : new RegExp($).test(f);
   }
-  return /* @__PURE__ */ t.jsxs("div", { className: it.wrapper, children: [
+  return /* @__PURE__ */ t.jsxs("div", { className: et.wrapper, children: [
     s && /* @__PURE__ */ t.jsx(
       "label",
       {
-        className: it.label,
+        className: et.label,
         htmlFor: s,
         children: s
       }
@@ -2985,11 +2967,13 @@ const da = (r) => {
     /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: it.content,
+        className: z(et.content, {
+          [et.contentBorder]: q.border.active
+        }),
         style: {
-          paddingRight: E.general.height + 15,
+          paddingRight: q.general.height + 15,
           ...e,
-          backgroundColor: B(E.field.color, E.field.opacity / 100)
+          background: q.field.active ? q.field.color : "transparent"
         },
         children: [
           /* @__PURE__ */ t.jsx(
@@ -2997,38 +2981,38 @@ const da = (r) => {
             {
               id: s,
               type: a || "text",
-              onChange: (u) => {
-                if (a === "text") c(u.target.value);
+              onChange: (f) => {
+                if (a === "text") c(f.target.value);
                 else {
-                  const D = S(u.target.value);
+                  const D = B(f.target.value);
                   c(D);
                 }
               },
               value: i,
               autoComplete: "off",
               placeholder: n || "Type something...",
-              className: V(it.input, {
-                [it.required]: y && f && !M(i),
-                [it.paddingless]: p,
-                [it.borderless]: _
+              className: z(et.input, {
+                [et.required]: y && x && !S(i),
+                [et.paddingless]: _,
+                [et.borderless]: h
               }),
               min: a === "number" ? l : void 0,
-              max: a === "number" ? h : void 0,
+              max: a === "number" ? m : void 0,
               disabled: o,
               onFocus: () => L(!0)
             }
           ),
-          d && /* @__PURE__ */ t.jsx("div", { className: it.rightIcon, children: /* @__PURE__ */ t.jsx(
-            v,
+          d && /* @__PURE__ */ t.jsx("div", { className: et.rightIcon, children: /* @__PURE__ */ t.jsx(
+            b,
             {
               name: "MagnifyingGlass",
               fill: "var(--icon-secondary)",
-              width: E.general.height,
-              height: E.general.height
+              width: q.general.height,
+              height: q.general.height
             }
           ) }),
-          x && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-            v,
+          p && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+            b,
             {
               name: "Sliders",
               width: 20,
@@ -3046,7 +3030,7 @@ const da = (r) => {
   textarea: Zo,
   length: ta
 }, _a = (r) => {
-  const { onChange: c, label: e, value: s, maxLength: i, placeholder: a = "Type something..." } = r, [l, h] = g.useState(s.length);
+  const { onChange: c, label: e, value: s, maxLength: i, placeholder: a = "Type something..." } = r, [l, m] = g.useState(s.length);
   return /* @__PURE__ */ t.jsxs("div", { className: xt.wrapper, children: [
     e && /* @__PURE__ */ t.jsx(
       "label",
@@ -3062,7 +3046,7 @@ const da = (r) => {
         id: e,
         defaultValue: s,
         onChange: (n) => {
-          h(n.target.value.length), c(n.target.value);
+          m(n.target.value.length), c(n.target.value);
         },
         placeholder: a,
         className: xt.textarea,
@@ -3084,11 +3068,11 @@ export {
   oa as CategorySettings,
   gt as ChooseImage,
   fa as ChooseImageModal,
-  No as EmptyCart,
+  Io as EmptyCart,
   aa as FormSettings,
   da as HeaderButtons,
-  v as Icon,
-  X as InputSettings,
+  b as Icon,
+  W as InputSettings,
   ha as InputUI,
   He as ItemsSettings,
   ia as LayoutSettings,
@@ -3097,11 +3081,11 @@ export {
   Et as Modal,
   ra as ProductOptions,
   At as RangeSelector,
-  et as Select,
+  st as Select,
   ua as ShareLink,
   $o as ShoppingButton,
-  Io as ShoppingModalCart,
-  tt as Switch,
+  No as ShoppingModalCart,
+  Z as Switch,
   Rt as TextSettings,
   Ot as TextareaSettings,
   _a as TextareaUI,