@billgangcom/theme-lib 1.8.1 → 1.8.2

package/dist/ui.es.js

@@ -1,5 +1,5 @@
-import { j as t, I as g, a as I, c as U, S as P, T as q, C as J, b as D, D as et, H as st, B as K, v as E, u as nt, d as ot } from "./index-C6aV8YdJ.js";
-import { h as rs, i as ds, f as us, M as _s, P as ps, R as ms, e as hs, g as gs } from "./index-C6aV8YdJ.js";
+import { j as t, I as x, a as P, c as U, S, T as q, C as J, b as D, D as et, H as st, B as K, v as E, u as nt, d as ot } from "./index-BS_tTsUw.js";
+import { h as rs, i as ds, f as us, M as _s, P as ps, R as ms, e as hs, g as gs } from "./index-BS_tTsUw.js";
 import v from "react";
 const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82c_15", at = "_subtitle_1g82c_22", rt = "_alignmentContent_1g82c_29", dt = "_alignments_1g82c_35", ut = "_alignment_1g82c_8", _t = "_circle_1g82c_54", pt = "_paddings_1g82c_61", mt = "_padding_1g82c_61", ht = "_input_1g82c_79", $ = {
   wrapper: ct,
@@ -24,7 +24,7 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
   "bottom",
   "bottomRight"
 ], xt = ["left", "top", "right", "bottom"], cs = (d) => {
-  const { alignment: s, padding: o, setPadding: c, setAlignment: l } = d;
+  const { alignment: s, padding: o, setPadding: c, setAlignment: i } = d;
   function e() {
     switch (s) {
       case "left":
@@ -52,13 +52,13 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
           "div",
           {
             onClick: () => {
-              l(n);
+              i(n);
             },
             className: $.alignment,
             children: [
               n !== s && /* @__PURE__ */ t.jsx("div", { className: $.circle }),
               n === s && /* @__PURE__ */ t.jsx(
-                g,
+                x,
                 {
                   name: `text-align-${e()}`,
                   fill: "#FF3F19",
@@ -72,7 +72,7 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
         )) }),
         /* @__PURE__ */ t.jsx("div", { className: $.paddings, children: xt.map((n) => /* @__PURE__ */ t.jsxs("label", { className: $.padding, children: [
           /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-            g,
+            x,
             {
               name: `align-${n}`,
               width: 20,
@@ -80,13 +80,13 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
             }
           ) }),
           /* @__PURE__ */ t.jsx(
-            I,
+            P,
             {
               type: "text",
               value: String(o[n]),
-              onChange: (i) => c({
+              onChange: (a) => c({
                 ...o,
-                [n]: Number(i)
+                [n]: Number(a)
               }),
               paddingless: !0,
               borderless: !0
@@ -115,15 +115,15 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
         [H.active]: s.includes(c)
       }),
       onClick: () => {
-        const l = [...s];
-        if (l.includes(c)) {
-          const e = l.filter((n) => n !== c);
+        const i = [...s];
+        if (i.includes(c)) {
+          const e = i.filter((n) => n !== c);
           o(e);
         } else
-          l.push(c), o(l);
+          i.push(c), o(i);
       },
       children: /* @__PURE__ */ t.jsx(
-        g,
+        x,
         {
           name: `text-${c}`,
           fill: s.includes(c) ? "#252525" : "#757575",
@@ -139,17 +139,17 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
     typesText: s,
     isActiveText: o,
     setIsActiveText: c,
-    text: l,
+    text: i,
     setText: e,
     setTypesText: n,
-    title: i,
+    title: a,
     subtitle: h = "Items"
   } = d;
   return /* @__PURE__ */ t.jsxs("div", { className: O.text, children: [
-    (i || o) && /* @__PURE__ */ t.jsxs("div", { className: O.top, children: [
-      i && /* @__PURE__ */ t.jsx("h3", { className: O.title, children: i }),
+    (a || o) && /* @__PURE__ */ t.jsxs("div", { className: O.top, children: [
+      a && /* @__PURE__ */ t.jsx("h3", { className: O.title, children: a }),
       o && c && /* @__PURE__ */ t.jsx(
-        P,
+        S,
         {
           current: o,
           onChange: (j) => c(j)
@@ -162,7 +162,7 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
         q,
         {
           onChange: (j) => e(j),
-          value: l,
+          value: i,
           maxLength: 150
         }
       ),
@@ -196,7 +196,7 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
   link: Ut,
   modalOptions: qt
 }, Jt = (d) => {
-  const { activeItem: s, setActiveItem: o, popupPosition: c, modalOptions: l } = d;
+  const { activeItem: s, setActiveItem: o, popupPosition: c, modalOptions: i } = d;
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -212,7 +212,7 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
         /* @__PURE__ */ t.jsxs("div", { className: f.top, children: [
           /* @__PURE__ */ t.jsx("h3", { children: s.name }),
           /* @__PURE__ */ t.jsx(
-            g,
+            x,
             {
               name: "x",
               height: 20,
@@ -222,18 +222,18 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
             }
           )
         ] }),
-        /* @__PURE__ */ t.jsx("div", { className: f.modalOptions, children: l.map((e) => {
+        /* @__PURE__ */ t.jsx("div", { className: f.modalOptions, children: i.map((e) => {
           if (e.type === "image")
             return /* @__PURE__ */ t.jsx(
               J,
               {
                 label: "Put up an attractive image",
                 onChange: (n) => {
-                  const i = {
+                  const a = {
                     ...s,
                     [e.field]: n[0]
                   };
-                  o(i);
+                  o(a);
                 }
               }
             );
@@ -243,33 +243,33 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
               {
                 typesText: s[e.field.type],
                 setTypesText: (n) => {
-                  const i = {
+                  const a = {
                     ...s,
                     [e.field.type]: n
                   };
-                  o(i);
+                  o(a);
                 },
                 text: s[e.field.text] || "",
                 setText: (n) => {
-                  const i = {
+                  const a = {
                     ...s,
                     [e.field.text]: n
                   };
-                  o(i);
+                  o(a);
                 },
                 subtitle: e.label
               }
             );
           if (e.type === "input")
             return /* @__PURE__ */ t.jsx(
-              I,
+              P,
               {
                 onChange: (n) => {
-                  const i = {
+                  const a = {
                     ...s,
                     [e.field]: n
                   };
-                  o(i);
+                  o(a);
                 },
                 value: s[e.field] || "",
                 label: e.label,
@@ -279,14 +279,14 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
           if (e.type === "inputSwitch")
             return /* @__PURE__ */ t.jsxs("div", { className: f.link, children: [
               /* @__PURE__ */ t.jsx(
-                I,
+                P,
                 {
                   onChange: (n) => {
-                    const i = {
+                    const a = {
                       ...s,
                       [e.field.text]: n
                     };
-                    o(i);
+                    o(a);
                   },
                   value: s[e.field.text] || "",
                   label: e.inputLabel,
@@ -294,16 +294,16 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
                 }
               ),
               /* @__PURE__ */ t.jsx(
-                P,
+                S,
                 {
                   current: !!s[e.field.switch] || !1,
                   label: e.switchLabel,
                   onChange: (n) => {
-                    const i = {
+                    const a = {
                       ...s,
                       [e.field.switch]: n
                     };
-                    o(i);
+                    o(a);
                   }
                 }
               )
@@ -314,11 +314,11 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
               {
                 items: s[e.field] || [],
                 setItems: (n) => {
-                  const i = {
+                  const a = {
                     ...s,
                     [e.field]: n
                   };
-                  o(i);
+                  o(a);
                 },
                 itemsType: "select",
                 draggable: e.draggable || !1,
@@ -334,11 +334,11 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
               {
                 options: e.itemsOptions,
                 onChange: (n) => {
-                  const i = {
+                  const a = {
                     ...s,
                     [e.field]: n
                   };
-                  o(i);
+                  o(a);
                 },
                 label: e.label,
                 value: s[e.field] || "String"
@@ -357,10 +357,10 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
   return /* @__PURE__ */ t.jsxs("div", { className: M.other, children: [
     /* @__PURE__ */ t.jsx("h5", { className: M.subtitle, children: o }),
     /* @__PURE__ */ t.jsx("div", { className: M.items, children: s.map((c) => /* @__PURE__ */ t.jsx(
-      P,
+      S,
       {
         current: c.isItem,
-        onChange: (l) => c.setIsItem(l),
+        onChange: (i) => c.setIsItem(i),
         label: c.label,
         hasBackground: !0,
         paddingless: !1
@@ -368,22 +368,22 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
     )) })
   ] });
 }, Xt = (d) => {
-  const { index: s, moveProduct: o, children: c } = d, [, l] = nt({
+  const { index: s, moveProduct: o, children: c } = d, [, i] = nt({
     accept: "product",
-    hover(i) {
-      i.index !== s && (o(i.index, s), i.index = s);
+    hover(a) {
+      a.index !== s && (o(a.index, s), a.index = s);
     }
   }), [{ isDragging: e }, n] = ot({
     type: "product",
     item: { index: s },
-    collect: (i) => ({
-      isDragging: i.isDragging()
+    collect: (a) => ({
+      isDragging: a.isDragging()
     })
   });
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      ref: (i) => n(l(i)),
+      ref: (a) => n(i(a)),
       className: `${f.product} ${e ? f.dragging : ""}`,
       children: c
     }
@@ -393,63 +393,63 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
     isActiveItems: s,
     setIsActiveItems: o,
     items: c,
-    setItems: l,
+    setItems: i,
     other: e,
     title: n,
-    subtitle: i,
+    subtitle: a,
     editable: h = !0,
     draggable: j = !1,
     withImage: r = !1,
     deletable: p = !0,
     addable: u = !0,
     itemsType: k,
-    itemsPlaceholder: x = "",
+    itemsPlaceholder: b = "",
     itemsOptions: _,
     hasRangeSelector: R = !1,
     rangeSelectorOptions: F,
     modalOptions: G,
     addableOptions: z = {}
-  } = d, [C, S] = v.useState(null), [V, W] = v.useState({
+  } = d, [C, T] = v.useState(null), [V, W] = v.useState({
     top: 0,
     left: 0
-  }), X = (a, y) => {
-    const w = [...c], [b] = w.splice(a, 1);
-    w.splice(y, 0, b), l(w);
+  }), X = (l, y) => {
+    const w = [...c], [g] = w.splice(l, 1);
+    w.splice(y, 0, g), i(w);
   };
   v.useEffect(() => {
-    const a = () => {
-      S(null);
+    const l = () => {
+      T(null);
     };
-    return document.body.addEventListener("click", a), S(null), () => {
-      S(null), document.body.removeEventListener("click", a);
+    return document.body.addEventListener("click", l), T(null), () => {
+      T(null), document.body.removeEventListener("click", l);
     };
   }, []), v.useEffect(() => {
     if (C) {
-      const a = [...c].map((y) => y.id === C.id ? C : y);
-      l(a);
+      const l = [...c].map((y) => y.id === C.id ? C : y);
+      i(l);
     }
   }, [C]);
-  const Z = (a, y) => {
-    a.stopPropagation();
-    const w = a.target.getBoundingClientRect(), b = 100, A = window.innerHeight;
+  const Z = (l, y) => {
+    l.stopPropagation();
+    const w = l.target.getBoundingClientRect(), g = 100, A = window.innerHeight;
     let B = w.top + window.scrollY;
-    B + b > A && (B = A - b - 20), W({
+    B + g > A && (B = A - g - 20), W({
       top: B - 80,
       left: w.left - 30
-    }), S(y);
+    }), T(y);
   };
-  function tt(a) {
+  function tt(l) {
     if (r)
-      return a ? /* @__PURE__ */ t.jsx(
+      return l ? /* @__PURE__ */ t.jsx(
         "img",
         {
-          src: `https://imagedelivery.net/${a}/w=1000`,
+          src: `https://imagedelivery.net/${l}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
         }
       ) : /* @__PURE__ */ t.jsx(
-        g,
+        x,
         {
           name: "image",
           width: 16,
@@ -458,10 +458,10 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
         }
       );
   }
-  const Y = (a, y) => {
+  const Y = (l, y) => {
     const w = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       j && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-        g,
+        x,
         {
           name: "drag",
           hoverable: !0,
@@ -472,64 +472,67 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
       k === "select" && /* @__PURE__ */ t.jsx(
         D,
         {
-          onChange: (b) => {
-            const B = [...c].map((N) => N.id === a.id ? {
-              ...a,
-              name: b
+          onChange: (g) => {
+            const B = [...c].map((N) => N.id === l.id ? {
+              ...l,
+              name: g
             } : N);
-            l(B);
+            T({
+              ...l,
+              name: g
+            }), i([...B]);
           },
-          value: a.name,
+          value: l.name,
           options: _,
-          leftAddon: tt(a.image)
+          leftAddon: tt(l.image)
         }
       ),
       k === "input" && /* @__PURE__ */ t.jsx(
-        I,
+        P,
         {
-          onChange: (b) => {
-            const B = [...c].map((N) => N.id === a.id ? {
-              ...a,
-              name: b
+          onChange: (g) => {
+            const B = [...c].map((N) => N.id === l.id ? {
+              ...l,
+              name: g
             } : N);
-            l(B);
+            i([...B]);
           },
-          value: a.name,
-          placeholder: x
+          value: l.name,
+          placeholder: b
         }
       ),
       k === "image" && /* @__PURE__ */ t.jsx(
         J,
         {
-          onChange: (b) => {
-            const B = [...c].map((N) => N.id === a.id ? {
-              ...a,
-              image: b[0]
+          onChange: (g) => {
+            const B = [...c].map((N) => N.id === l.id ? {
+              ...l,
+              image: g[0]
             } : N);
-            l(B);
+            i([...B]);
           }
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: f.buttons, children: [
         h && /* @__PURE__ */ t.jsx(
-          g,
+          x,
           {
             name: "sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (b) => Z(b, a)
+            onClick: (g) => Z(g, l)
           }
         ),
         p && /* @__PURE__ */ t.jsx(
-          g,
+          x,
           {
             name: "trash",
             hoverable: !0,
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => l(c.filter((b) => b.id !== a.id))
+            onClick: () => i(c.filter((g) => g.id !== l.id))
           }
         )
       ] })
@@ -537,29 +540,29 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
     return j ? /* @__PURE__ */ t.jsx(
       Xt,
       {
-        product: a,
+        product: l,
         index: y,
         moveProduct: X,
         children: w
       },
-      a.id
+      l.id
     ) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: f.product,
         children: w
       },
-      a.id
+      l.id
     );
   };
   return /* @__PURE__ */ t.jsxs("div", { className: f.productsBlock, children: [
     (n || s !== void 0) && /* @__PURE__ */ t.jsxs("div", { className: f.top, children: [
       n && /* @__PURE__ */ t.jsx("h3", { className: f.title, children: n }),
       s !== void 0 && /* @__PURE__ */ t.jsx(
-        P,
+        S,
         {
           current: s,
-          onChange: (a) => o == null ? void 0 : o(a)
+          onChange: (l) => o == null ? void 0 : o(l)
         }
       )
     ] }),
@@ -567,40 +570,40 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
       Jt,
       {
         activeItem: C,
-        setActiveItem: S,
+        setActiveItem: T,
         popupPosition: V,
         modalOptions: G
       }
     ),
     R && F && /* @__PURE__ */ t.jsx(ss, { ...F }),
     /* @__PURE__ */ t.jsxs("div", { className: f.products, children: [
-      i && /* @__PURE__ */ t.jsx("h5", { className: f.subtitle, children: i }),
-      j ? /* @__PURE__ */ t.jsx(et, { backend: st, children: c.map((a, y) => Y(a, y)) }) : c.map((a, y) => Y(a, y)),
+      a && /* @__PURE__ */ t.jsx("h5", { className: f.subtitle, children: a }),
+      j ? /* @__PURE__ */ t.jsx(et, { backend: st, children: c.map((l, y) => Y(l, y)) }) : c.map((l, y) => Y(l, y)),
       u && /* @__PURE__ */ t.jsxs(
         K,
         {
           className: f.button,
           size: "s",
           onClick: () => {
-            const a = [...c];
-            k === "select" ? a.push({
+            const l = [...c];
+            k === "select" ? l.push({
               name: _[0] || `Product ${c.length + 1}`,
               id: E(),
               ...z
-            }) : k === "input" ? a.push({
+            }) : k === "input" ? l.push({
               name: "",
               id: E(),
               ...z
-            }) : a.push({
+            }) : l.push({
               name: `Image ${c.length + 1}`,
               id: E(),
               ...z
-            }), l(a);
+            }), i(l);
           },
           children: [
             /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
             /* @__PURE__ */ t.jsx(
-              g,
+              x,
               {
                 name: "plus",
                 width: 16,
@@ -613,7 +616,7 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
     ] }),
     e !== void 0 && /* @__PURE__ */ t.jsx(Wt, { items: e })
   ] });
-}, te = "_subtitle_41klp_1", ee = "_header_41klp_8", se = "_text_41klp_9", ne = "_productsBlock_41klp_10", oe = "_buttonsBlock_41klp_11", ce = "_top_41klp_21", le = "_itemsBlock_41klp_28", ie = "_typeTexts_41klp_34", ae = "_block_41klp_40", re = "_active_41klp_51", de = "_products_41klp_10", ue = "_product_41klp_10", _e = "_button_41klp_11", pe = "_image_41klp_79", me = "_info_41klp_86", he = "_name_41klp_97", ge = "_buttons_41klp_11", xe = "_modal_41klp_107", be = "_other_41klp_124", fe = "_options_41klp_130", T = {
+}, te = "_subtitle_41klp_1", ee = "_header_41klp_8", se = "_text_41klp_9", ne = "_productsBlock_41klp_10", oe = "_buttonsBlock_41klp_11", ce = "_top_41klp_21", le = "_itemsBlock_41klp_28", ie = "_typeTexts_41klp_34", ae = "_block_41klp_40", re = "_active_41klp_51", de = "_products_41klp_10", ue = "_product_41klp_10", _e = "_button_41klp_11", pe = "_image_41klp_79", me = "_info_41klp_86", he = "_name_41klp_97", ge = "_buttons_41klp_11", xe = "_modal_41klp_107", be = "_other_41klp_124", fe = "_options_41klp_130", I = {
   subtitle: te,
   header: ee,
   text: se,
@@ -635,7 +638,7 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
   other: be,
   options: fe
 }, ve = (d) => {
-  const { activeButton: s, setActiveButton: o, popupPosition: c } = d, [l, e] = v.useState(s.typesText), [n, i] = v.useState(s.destination), [h, j] = v.useState(s.link || ""), [r, p] = v.useState(s.text || "");
+  const { activeButton: s, setActiveButton: o, popupPosition: c } = d, [i, e] = v.useState(s.typesText), [n, a] = v.useState(s.destination), [h, j] = v.useState(s.link || ""), [r, p] = v.useState(s.text || "");
   return v.useEffect(() => {
     o({
       ...s,
@@ -643,13 +646,13 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
         text: r,
         link: h,
         destination: n,
-        typesText: l
+        typesText: i
       }
     });
-  }, [l, n, h, r]), /* @__PURE__ */ t.jsxs(
+  }, [i, n, h, r]), /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: T.modal,
+      className: I.modal,
       onClick: (u) => {
         u.stopPropagation();
       },
@@ -658,10 +661,10 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
         left: `${c.left}px`
       },
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: T.top, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: I.top, children: [
           /* @__PURE__ */ t.jsx("h3", { children: s.type }),
           /* @__PURE__ */ t.jsx(
-            g,
+            x,
             {
               name: "x",
               height: 20,
@@ -671,12 +674,12 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
             }
           )
         ] }),
-        /* @__PURE__ */ t.jsxs("div", { className: T.options, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: I.options, children: [
           /* @__PURE__ */ t.jsx(
             D,
             {
               label: "Destination",
-              onChange: (u) => i(u),
+              onChange: (u) => a(u),
               options: ["Go to Page", "Open Link"],
               value: n
             }
@@ -691,7 +694,7 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
               value: "Homepage"
             }
           ) : /* @__PURE__ */ t.jsx(
-            I,
+            P,
             {
               onChange: (u) => j(u),
               value: h,
@@ -700,7 +703,7 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
             }
           ),
           /* @__PURE__ */ t.jsx(
-            P,
+            S,
             {
               current: !1,
               label: "Open in new tab"
@@ -718,7 +721,7 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
           /* @__PURE__ */ t.jsx(
             Q,
             {
-              typesText: l,
+              typesText: i,
               setTypesText: e
             }
           )
@@ -748,7 +751,7 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
   other: ze,
   options: He
 }, Me = (d) => {
-  const { buttons: s, setButtons: o, deletable: c = !0, addable: l = !0 } = d, [e, n] = v.useState(null), [i, h] = v.useState({
+  const { buttons: s, setButtons: o, deletable: c = !0, addable: i = !0 } = d, [e, n] = v.useState(null), [a, h] = v.useState({
     top: 0,
     left: 0
   });
@@ -764,12 +767,12 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
       const r = [...s].map((p) => p.id === e.id ? e : p);
       o(r);
     }
-  }, [e]), console.log(s);
+  }, [e]);
   const j = (r, p) => {
     r.stopPropagation();
-    const u = r.target.getBoundingClientRect(), k = 490, x = window.innerHeight;
+    const u = r.target.getBoundingClientRect(), k = 490, b = window.innerHeight;
     let _ = u.top + window.scrollY;
-    _ + k > x && (_ = x - k - 20), h({
+    _ + k > b && (_ = b - k - 20), h({
       top: _,
       left: u.left - 30
     }), n(p);
@@ -785,10 +788,10 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
             D,
             {
               onChange: (p) => {
-                const k = [...s].map((x) => x.id === r.id ? {
+                const k = [...s].map((b) => b.id === r.id ? {
                   ...r,
                   type: p
-                } : x);
+                } : b);
                 o(k);
               },
               value: r.type,
@@ -797,7 +800,7 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
           ),
           /* @__PURE__ */ t.jsxs("div", { className: L.buttons, children: [
             /* @__PURE__ */ t.jsx(
-              g,
+              x,
               {
                 name: "sliders",
                 hoverable: !0,
@@ -809,7 +812,7 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
               }
             ),
             c && /* @__PURE__ */ t.jsx(
-              g,
+              x,
               {
                 name: "trash",
                 hoverable: !0,
@@ -832,10 +835,10 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
       {
         activeButton: e,
         setActiveButton: n,
-        popupPosition: i
+        popupPosition: a
       }
     ),
-    l && /* @__PURE__ */ t.jsxs(
+    i && /* @__PURE__ */ t.jsxs(
       K,
       {
         className: L.button,
@@ -853,7 +856,7 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
         children: [
           /* @__PURE__ */ t.jsx("span", { children: "Add Option" }),
           /* @__PURE__ */ t.jsx(
-            g,
+            x,
             {
               name: "plus",
               width: 16,
@@ -865,12 +868,12 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
     )
   ] });
 }, ls = (d) => {
-  const { isActiveButtons: s, setIsActiveButtons: o, buttons: c, setButtons: l } = d;
-  return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsxs("div", { className: T.buttonsBlock, children: [
-    /* @__PURE__ */ t.jsxs("div", { className: T.top, children: [
-      /* @__PURE__ */ t.jsx("h3", { className: T.title, children: "Buttons" }),
+  const { isActiveButtons: s, setIsActiveButtons: o, buttons: c, setButtons: i } = d;
+  return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsxs("div", { className: I.buttonsBlock, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: I.top, children: [
+      /* @__PURE__ */ t.jsx("h3", { className: I.title, children: "Buttons" }),
       /* @__PURE__ */ t.jsx(
-        P,
+        S,
         {
           current: s,
           onChange: (e) => o(e)
@@ -881,7 +884,7 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
       Me,
       {
         buttons: c,
-        setButtons: l
+        setButtons: i
       }
     )
   ] }) });
@@ -901,12 +904,12 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
   controls: ts,
   button: es
 }, ss = (d) => {
-  const { label: s, min: o = 1, max: c = 4, step: l = 1, count: e, setCount: n } = d, [i, h] = v.useState(!1), j = Array.from({ length: (c - o) / l + 1 }), r = (e - o) / (c - o) * 100, p = () => {
-    e < c && n(e + l);
+  const { label: s, min: o = 1, max: c = 4, step: i = 1, count: e, setCount: n } = d, [a, h] = v.useState(!1), j = Array.from({ length: (c - o) / i + 1 }), r = (e - o) / (c - o) * 100, p = () => {
+    e < c && n(e + i);
   }, u = () => {
-    e > o && n(e - l);
-  }, k = (x) => {
-    const _ = o + x * l;
+    e > o && n(e - i);
+  }, k = (b) => {
+    const _ = o + b * i;
     n(_);
   };
   return /* @__PURE__ */ t.jsxs("div", { className: m.wrapper, children: [
@@ -921,8 +924,8 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
             style: { width: `${r}%` }
           }
         ),
-        /* @__PURE__ */ t.jsx("div", { className: m.dots, children: j.map((x, _) => {
-          const R = _ <= (e - o) / l;
+        /* @__PURE__ */ t.jsx("div", { className: m.dots, children: j.map((b, _) => {
+          const R = _ <= (e - o) / i;
           return /* @__PURE__ */ t.jsx(
             "button",
             {
@@ -930,9 +933,9 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
               className: U(m.dot, {
                 [m.active]: R,
                 [m.inactive]: !R,
-                [m.dragging]: i
+                [m.dragging]: a
               }),
-              "aria-label": `Set value to ${o + _ * l}`
+              "aria-label": `Set value to ${o + _ * i}`
             },
             _
           );
@@ -943,9 +946,9 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
             type: "range",
             min: o,
             max: c,
-            step: l,
+            step: i,
             value: e,
-            onChange: (x) => n(Number(x.target.value)),
+            onChange: (b) => n(Number(b.target.value)),
             onMouseDown: () => h(!0),
             onMouseUp: () => h(!1),
             onTouchStart: () => h(!0),
@@ -956,14 +959,14 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
       ] }),
       /* @__PURE__ */ t.jsxs("div", { className: m.countBlock, children: [
         /* @__PURE__ */ t.jsx(
-          I,
+          P,
           {
             type: "number",
             min: o,
             max: c,
             paddingless: !0,
-            onChange: (x) => {
-              const _ = Number(x);
+            onChange: (b) => {
+              const _ = Number(b);
               _ > c ? n(c) : _ < o ? n(o) : n(_);
             },
             value: String(e)
@@ -978,7 +981,7 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
               className: m.button,
               "aria-label": "Increment count",
               children: /* @__PURE__ */ t.jsx(
-                g,
+                x,
                 {
                   name: "arrow-down",
                   width: 15,
@@ -996,7 +999,7 @@ const ct = "_wrapper_1g82c_2", lt = "_alignmentBlock_1g82c_8", it = "_title_1g82
               className: m.button,
               "aria-label": "Decrement count",
               children: /* @__PURE__ */ t.jsx(
-                g,
+                x,
                 {
                   name: "arrow-down",
                   width: 15,
@@ -1018,8 +1021,8 @@ export {
   J as ChooseImage,
   ds as ChooseImageModal,
   us as ColorPicker,
-  g as Icon,
-  I as Input,
+  x as Icon,
+  P as Input,
   Zt as ItemsSettings,
   cs as LayoutSettings,
   _s as Modal,
@@ -1028,7 +1031,7 @@ export {
   ss as RangeSelector,
   D as Select,
   hs as Submodal,
-  P as Switch,
+  S as Switch,
   Nt as TextSettings,
   q as Textarea,
   gs as Tip,