@billgangcom/theme-lib 1.114.0 → 1.114.2

package/dist/{ui-components-Bfju659N.js → ui-components-B8oZU0nb.js}

@@ -1,12 +1,12 @@
 var sn = Object.defineProperty;
 var an = (c, t, s) => t in c ? sn(c, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : c[t] = s;
 var Tt = (c, t, s) => an(c, typeof t != "symbol" ? t + "" : t, s);
-import { jsx as e, jsxs as u, Fragment as G } from "react/jsx-runtime";
+import { jsx as e, jsxs as h, Fragment as G } from "react/jsx-runtime";
 import b, { createElement as gt, PureComponent as on } from "react";
-import { f as q, ac as it, j as jt, r as Ht, m as pt, V as Ve, ad as Vt, J as be, v as le, ae as kt, af as Ct, b as We, l as cn, e as je, p as mt, _ as me, a4 as rn, M as ln, ag as dn, ah as Wt, k as un } from "./builder-Bd2jS6z5.js";
-import { U as hn, u as ze, G as pn } from "./charge-CYkPC1xJ.js";
-import { u as Ge, d as Xe, D as Ye, e as Ke, v as Qe, f as Je, g as Ze, C as et, F as Gt } from "./builder-components-DOXVQePh.js";
-import { s as Oe, g as mn, u as fn } from "./ticket-ckMFdKTG.js";
+import { f as q, ac as it, j as jt, r as Ht, m as pt, V as ze, ad as Vt, J as be, v as le, ae as kt, af as Ct, b as We, l as cn, e as He, p as mt, _ as me, a4 as rn, M as ln, ag as dn, ah as Wt, k as un } from "./builder-X2Lu6tjb.js";
+import { U as hn, u as Fe, G as pn } from "./charge-Jynnp_W-.js";
+import { u as Ge, d as Xe, D as Ye, e as Ke, v as Qe, f as Je, g as Ze, C as et, F as Gt } from "./builder-components-BNkxxpUw.js";
+import { s as Oe, g as mn, u as fn } from "./ticket-CLpJWP1h.js";
 import gn from "react-dom";
 const _n = "_wrapper_5w9s8_1", vn = {
   wrapper: _n
@@ -107,7 +107,7 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
     min: d,
     max: r,
     placeholder: o,
-    disabled: h = !1,
+    disabled: u = !1,
     required: g = !1,
     regex: k,
     paddingless: _ = !1,
@@ -123,7 +123,7 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
   function $(A) {
     return !g || !k ? !0 : new RegExp(k).test(A);
   }
-  return /* @__PURE__ */ u("div", { className: ke.wrapper, children: [
+  return /* @__PURE__ */ h("div", { className: ke.wrapper, children: [
     n && /* @__PURE__ */ e(
       "label",
       {
@@ -132,7 +132,7 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
         children: n
       }
     ),
-    /* @__PURE__ */ u("div", { className: ke.content, children: [
+    /* @__PURE__ */ h("div", { className: ke.content, children: [
       /* @__PURE__ */ e(
         "input",
         {
@@ -155,7 +155,7 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
           }),
           min: i === "number" ? d : void 0,
           max: i === "number" ? r : void 0,
-          disabled: h,
+          disabled: u,
           onFocus: () => {
             f || w(!0);
           },
@@ -232,13 +232,13 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
         return "AlignBottom";
     }
   }
-  const [h, g] = b.useState(null), [k, _] = b.useState(null);
-  return /* @__PURE__ */ u("div", { className: he.layout, children: [
+  const [u, g] = b.useState(null), [k, _] = b.useState(null);
+  return /* @__PURE__ */ h("div", { className: he.layout, children: [
     /* @__PURE__ */ e("h3", { className: he.title, children: "Layout (for Desktop version)" }),
-    /* @__PURE__ */ u("div", { className: he.alignmentContent, children: [
-      i && /* @__PURE__ */ u("div", { className: he.block, children: [
+    /* @__PURE__ */ h("div", { className: he.alignmentContent, children: [
+      i && /* @__PURE__ */ h("div", { className: he.block, children: [
         /* @__PURE__ */ e("h5", { className: he.subtitle, children: "Alignment" }),
-        /* @__PURE__ */ e("div", { className: he.alignments, children: jn.map((f) => /* @__PURE__ */ u(
+        /* @__PURE__ */ e("div", { className: he.alignments, children: jn.map((f) => /* @__PURE__ */ h(
           "div",
           {
             onClick: () => {
@@ -252,11 +252,11 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
               g(null);
             },
             children: [
-              f !== t && h !== f && /* @__PURE__ */ e("div", { className: he.circle }),
-              f !== t && h === f && /* @__PURE__ */ e(
+              f !== t && u !== f && /* @__PURE__ */ e("div", { className: he.circle }),
+              f !== t && u === f && /* @__PURE__ */ e(
                 x,
                 {
-                  name: r(h),
+                  name: r(u),
                   fill: "#c2c2c2",
                   width: 22,
                   height: 22
@@ -276,9 +276,9 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
           f
         )) })
       ] }),
-      d && /* @__PURE__ */ u("div", { className: he.block, children: [
+      d && /* @__PURE__ */ h("div", { className: he.block, children: [
         /* @__PURE__ */ e("h5", { className: he.subtitle, children: "Paddings" }),
-        /* @__PURE__ */ e("div", { className: he.paddings, children: Hn.map((f) => /* @__PURE__ */ u(
+        /* @__PURE__ */ e("div", { className: he.paddings, children: Hn.map((f) => /* @__PURE__ */ h(
           "label",
           {
             className: q(he.padding, {
@@ -371,7 +371,7 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
     },
     String(a)
   )) });
-}, ts = "_wrapper_34cvp_1", ns = "_label_34cvp_10", ss = "_textarea_34cvp_18", is = "_length_34cvp_46", as = "_full_34cvp_54", Ue = {
+}, ts = "_wrapper_34cvp_1", ns = "_label_34cvp_10", ss = "_textarea_34cvp_18", is = "_length_34cvp_46", as = "_full_34cvp_54", je = {
   wrapper: ts,
   label: ns,
   textarea: ss,
@@ -379,11 +379,11 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
   full: as
 }, Yt = (c) => {
   const { onChange: t, label: s, value: n, maxLength: a, placeholder: i = "Type something..." } = c, [d, r] = b.useState(n.length);
-  return /* @__PURE__ */ u("div", { className: Ue.wrapper, children: [
+  return /* @__PURE__ */ h("div", { className: je.wrapper, children: [
     s && /* @__PURE__ */ e(
       "label",
       {
-        className: Ue.label,
+        className: je.label,
         htmlFor: s,
         children: s
       }
@@ -397,15 +397,15 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
           r(o.target.value.length), t(o.target.value);
         },
         placeholder: i,
-        className: Ue.textarea,
+        className: je.textarea,
         maxLength: a
       }
     ),
-    a && /* @__PURE__ */ u(
+    a && /* @__PURE__ */ h(
       "div",
       {
-        className: q(Ue.length, {
-          [Ue.full]: d === a
+        className: q(je.length, {
+          [je.full]: d === a
         }),
         children: [
           d,
@@ -419,10 +419,10 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
   const { typeFont: t, setTypeFont: s } = c, [n, a] = b.useState([]), i = () => {
     const d = document.documentElement, r = getComputedStyle(d), o = ["h1", "h2", "h3", "h4", "h5", "h6", "h7"].map(
       (g) => r.getPropertyValue(`--font-heading-${g}-size`).trim()
-    ), h = ["lg", "md", "sm"].map(
+    ), u = ["lg", "md", "sm"].map(
       (g) => r.getPropertyValue(`--font-body-${g}-size`).trim()
     );
-    return o.push(...h), o;
+    return o.push(...u), o;
   };
   return b.useEffect(() => {
     const d = i();
@@ -488,13 +488,13 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
     setTypesText: d,
     title: r,
     subtitle: o = "Items",
-    typeFont: h,
+    typeFont: u,
     setTypeFont: g,
     alignText: k,
     setAlignText: _
   } = c;
-  return /* @__PURE__ */ u("div", { className: qe.text, children: [
-    (r || s !== void 0) && /* @__PURE__ */ u("div", { className: qe.top, children: [
+  return /* @__PURE__ */ h("div", { className: qe.text, children: [
+    (r || s !== void 0) && /* @__PURE__ */ h("div", { className: qe.top, children: [
       r && /* @__PURE__ */ e("h3", { className: qe.title, children: r }),
       s !== void 0 && n && /* @__PURE__ */ e(
         fe,
@@ -504,7 +504,7 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
         }
       )
     ] }),
-    (s === void 0 || s) && /* @__PURE__ */ u("div", { className: qe.itemsBlock, children: [
+    (s === void 0 || s) && /* @__PURE__ */ h("div", { className: qe.itemsBlock, children: [
       /* @__PURE__ */ e("h5", { className: qe.subtitle, children: o }),
       /* @__PURE__ */ e(
         Yt,
@@ -513,7 +513,7 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
           value: a
         }
       ),
-      /* @__PURE__ */ u("div", { className: qe.textSettings, children: [
+      /* @__PURE__ */ h("div", { className: qe.textSettings, children: [
         /* @__PURE__ */ e(
           Xt,
           {
@@ -532,7 +532,7 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
       /* @__PURE__ */ e(
         Kt,
         {
-          typeFont: h,
+          typeFont: u,
           setTypeFont: g
         }
       )
@@ -614,19 +614,19 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
     disabled: i = !1,
     type: d = "Primary",
     dangerouslySetInnerHTML: r
-  } = c, { themeSettings: o } = pt(), { isAntistock: h } = Ve(), g = (l) => typeof l == "string" ? /* @__PURE__ */ e(hn, { children: l }) : l, k = {
+  } = c, { themeSettings: o } = pt(), { isAntistock: u } = ze(), g = (l) => typeof l == "string" ? /* @__PURE__ */ e(hn, { children: l }) : l, k = {
     onClick: s,
     disabled: i,
     style: n,
     className: q(_e.button, a, {
       [_e.primary]: d === "Primary",
-      [_e.secondary]: d === "Secondary" && !h,
-      [_e.secondaryAntistock]: d === "Secondary" && h,
+      [_e.secondary]: d === "Secondary" && !u,
+      [_e.secondaryAntistock]: d === "Secondary" && u,
       [_e.tertiary]: d === "Tertiary",
-      [_e.primaryHovered]: d === "Primary" && !i && o.buttons.primary.hover && !h,
-      [_e.secondaryHovered]: d === "Secondary" && !i && o.buttons.secondary.hover && !h,
-      [_e.tertiaryHovered]: d === "Tertiary" && !i && o.buttons.tertiary.hover && !h,
-      [_e.isAntistock]: h
+      [_e.primaryHovered]: d === "Primary" && !i && o.buttons.primary.hover && !u,
+      [_e.secondaryHovered]: d === "Secondary" && !i && o.buttons.secondary.hover && !u,
+      [_e.tertiaryHovered]: d === "Tertiary" && !i && o.buttons.tertiary.hover && !u,
+      [_e.isAntistock]: u
     })
   };
   if (d === "Special")
@@ -638,7 +638,7 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
         ...r ? { dangerouslySetInnerHTML: r } : { children: g(t) }
       }
     );
-  const _ = d.toLowerCase(), f = o.buttons[_], I = d === "Tertiary" ? /* @__PURE__ */ u("div", { className: _e.content, children: [
+  const _ = d.toLowerCase(), f = o.buttons[_], I = d === "Tertiary" ? /* @__PURE__ */ h("div", { className: _e.content, children: [
     g(t),
     /* @__PURE__ */ e(
       x,
@@ -663,14 +663,14 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
   );
 }, tt = (c) => {
   const { label: t, onChange: s, activeImage: n, tip: a } = c, { setOpenModal: i, setOnChange: d, setTip: r } = Vt();
-  return /* @__PURE__ */ e(G, { children: /* @__PURE__ */ u(
+  return /* @__PURE__ */ e(G, { children: /* @__PURE__ */ h(
     "div",
     {
       className: X.wrapper,
       onClick: (o) => o.stopPropagation(),
       children: [
         t && /* @__PURE__ */ e("h4", { className: X.label, children: t }),
-        /* @__PURE__ */ u(
+        /* @__PURE__ */ h(
           "div",
           {
             onClick: () => {
@@ -722,13 +722,13 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
   const { setOpenModal: c, onChange: t, tip: s, setTip: n } = Vt(), { setIsOpen: a } = be(), [i, d] = b.useState(!1), r = () => {
     var y;
     (y = o.current) == null || y.click();
-  }, o = b.useRef(null), [h, g] = b.useState([]), [k, _] = b.useState(!1), f = async (y) => {
+  }, o = b.useRef(null), [u, g] = b.useState([]), [k, _] = b.useState(!1), f = async (y) => {
     var O;
     const w = ((O = y.target.files) == null ? void 0 : O[0]) || null;
     if (!w) return;
     const S = new FormData();
     S.append("file", w), _(!0);
-    const { data: $ } = await Ys(S), A = [...h];
+    const { data: $ } = await Ys(S), A = [...u];
     A.unshift({
       ...$.data,
       cfId: $.data.path
@@ -747,14 +747,14 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
       c(!1), a(!0);
     }, 300);
   }, m = (y) => {
-    const w = h.map((S) => ({
+    const w = u.map((S) => ({
       ...S,
       isSelected: S.id === y.id ? !S.isSelected : !1
     }));
     g([...w]);
   };
   function p() {
-    const y = h.find((w) => w.isSelected);
+    const y = u.find((w) => w.isSelected);
     y && (t == null || t([y.cfId]));
   }
   return b.useEffect(() => {
@@ -765,13 +765,13 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
       }));
       g(S);
     })();
-  }, []), /* @__PURE__ */ u(
+  }, []), /* @__PURE__ */ h(
     "div",
     {
       onClick: (y) => y.stopPropagation(),
       className: X.modal,
       children: [
-        /* @__PURE__ */ u("div", { className: X.top, children: [
+        /* @__PURE__ */ h("div", { className: X.top, children: [
           /* @__PURE__ */ e("h4", { className: X.title, children: "Select Image" }),
           /* @__PURE__ */ e(
             x,
@@ -792,8 +792,8 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
             padding: 5
           }
         ),
-        /* @__PURE__ */ e("div", { className: X.modalContent, children: /* @__PURE__ */ u("div", { className: X.images, children: [
-          /* @__PURE__ */ u(
+        /* @__PURE__ */ e("div", { className: X.modalContent, children: /* @__PURE__ */ h("div", { className: X.images, children: [
+          /* @__PURE__ */ h(
             "div",
             {
               className: X.input,
@@ -802,7 +802,7 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
               onDragLeave: () => d(!1),
               onDrop: I,
               children: [
-                /* @__PURE__ */ u(
+                /* @__PURE__ */ h(
                   "div",
                   {
                     onClick: r,
@@ -819,7 +819,7 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
                           fill: "#757575"
                         }
                       ) }),
-                      /* @__PURE__ */ u("div", { className: X.description, children: [
+                      /* @__PURE__ */ h("div", { className: X.description, children: [
                         /* @__PURE__ */ e("span", { children: "Drag and drop images here, or " }),
                         /* @__PURE__ */ e("span", { className: X.highlight, children: "click to browse" }),
                         /* @__PURE__ */ e("br", {}),
@@ -843,7 +843,7 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
             }
           ),
           k && /* @__PURE__ */ e(Ot, {}),
-          h.map((y) => /* @__PURE__ */ e(
+          u.map((y) => /* @__PURE__ */ e(
             ci,
             {
               image: y,
@@ -851,9 +851,9 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
             },
             y.id
           )),
-          h.length === 0 && [...new Array(5)].map((y, w) => /* @__PURE__ */ e(Ot, {}, w))
+          u.length === 0 && [...new Array(5)].map((y, w) => /* @__PURE__ */ e(Ot, {}, w))
         ] }) }),
-        /* @__PURE__ */ u("div", { className: X.bottom, children: [
+        /* @__PURE__ */ h("div", { className: X.bottom, children: [
           /* @__PURE__ */ e(
             K,
             {
@@ -878,7 +878,7 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
   );
 }, ci = (c) => {
   const { image: t, updateImage: s } = c;
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ h(
     "div",
     {
       className: q(X.image, {
@@ -932,10 +932,10 @@ const ri = b.forwardRef(
     nt(t, () => {
       n(null), d(!1);
     });
-    function r(o, h) {
-      return o.length > h ? `${o.slice(0, h)}...` : o;
+    function r(o, u) {
+      return o.length > u ? `${o.slice(0, u)}...` : o;
     }
-    return /* @__PURE__ */ u(
+    return /* @__PURE__ */ h(
       "div",
       {
         ref: t,
@@ -948,7 +948,7 @@ const ri = b.forwardRef(
           left: `${a.left}px`
         },
         children: [
-          /* @__PURE__ */ u("div", { className: Z.top, children: [
+          /* @__PURE__ */ h("div", { className: Z.top, children: [
             /* @__PURE__ */ e("h3", { className: Z.title, children: r(s.name["en-US"], 20) }),
             /* @__PURE__ */ e("div", { className: Z.closeIcon, children: /* @__PURE__ */ e(
               x,
@@ -969,10 +969,10 @@ const ri = b.forwardRef(
                 {
                   label: "Put up an attractive image",
                   activeImage: s[o.field],
-                  onChange: (h) => {
+                  onChange: (u) => {
                     const g = {
                       ...s,
-                      [o.field]: h
+                      [o.field]: u
                     };
                     n(g);
                   }
@@ -985,36 +985,36 @@ const ri = b.forwardRef(
                 {
                   isActiveText: !0,
                   typesText: s[o.field.type],
-                  setTypesText: (h) => {
+                  setTypesText: (u) => {
                     const g = {
                       ...s,
-                      [o.field.type]: h
+                      [o.field.type]: u
                     };
                     n(g);
                   },
                   alignText: s[o.field.alignText],
-                  setAlignText: (h) => {
+                  setAlignText: (u) => {
                     const g = {
                       ...s,
-                      [o.field.alignText]: h
+                      [o.field.alignText]: u
                     };
                     n(g);
                   },
                   text: s[o.field.text]["en-US"] || "",
-                  setText: (h) => {
+                  setText: (u) => {
                     const g = {
                       ...s,
                       [o.field.text]: {
-                        "en-US": h
+                        "en-US": u
                       }
                     };
                     n(g);
                   },
                   typeFont: s[o.field.typeFont],
-                  setTypeFont: (h) => {
+                  setTypeFont: (u) => {
                     const g = {
                       ...s,
-                      [o.field.typeFont]: h
+                      [o.field.typeFont]: u
                     };
                     n(g);
                   },
@@ -1025,10 +1025,10 @@ const ri = b.forwardRef(
               return /* @__PURE__ */ e(
                 ge,
                 {
-                  onChange: (h) => {
+                  onChange: (u) => {
                     const g = {
                       ...s,
-                      [o.field]: h
+                      [o.field]: u
                     };
                     n(g);
                   },
@@ -1038,14 +1038,14 @@ const ri = b.forwardRef(
                 }
               );
             if (o.type === "inputSwitch")
-              return /* @__PURE__ */ u("div", { className: Z.link, children: [
+              return /* @__PURE__ */ h("div", { className: Z.link, children: [
                 /* @__PURE__ */ e(
                   ge,
                   {
-                    onChange: (h) => {
+                    onChange: (u) => {
                       const g = {
                         ...s,
-                        [o.field.text]: h
+                        [o.field.text]: u
                       };
                       n(g);
                     },
@@ -1059,10 +1059,10 @@ const ri = b.forwardRef(
                   {
                     current: !!s[o.field.switch] || !1,
                     label: o.switchLabel,
-                    onChange: (h) => {
+                    onChange: (u) => {
                       const g = {
                         ...s,
-                        [o.field.switch]: h
+                        [o.field.switch]: u
                       };
                       n(g);
                     }
@@ -1074,10 +1074,10 @@ const ri = b.forwardRef(
                 pi,
                 {
                   items: s[o.field] || [],
-                  setItems: (h) => {
+                  setItems: (u) => {
                     const g = {
                       ...s,
-                      [o.field]: h
+                      [o.field]: u
                     };
                     n(g);
                   },
@@ -1096,10 +1096,10 @@ const ri = b.forwardRef(
                 ue,
                 {
                   options: o.itemsOptions,
-                  onChange: (h) => {
+                  onChange: (u) => {
                     const g = {
                       ...s,
-                      [o.field]: h
+                      [o.field]: u
                     };
                     n(g);
                   },
@@ -1108,11 +1108,11 @@ const ri = b.forwardRef(
                   leftAddonOptions: o.leftAddonOptions,
                   switcher: o.switcher ? {
                     value: !!s[o.switcher],
-                    onChange: (h) => {
+                    onChange: (u) => {
                       if (o.switcher === "isActive") {
                         const g = {
                           ...s,
-                          [o.switcher]: h
+                          [o.switcher]: u
                         };
                         n(g);
                       }
@@ -1125,10 +1125,10 @@ const ri = b.forwardRef(
                 Kt,
                 {
                   typeFont: s[o.field],
-                  setTypeFont: (h) => {
+                  setTypeFont: (u) => {
                     const g = {
                       ...s,
-                      [o.field]: h
+                      [o.field]: u
                     };
                     n(g);
                   }
@@ -1139,10 +1139,10 @@ const ri = b.forwardRef(
                 nn,
                 {
                   options: o.itemsOptions,
-                  onChange: (h) => {
+                  onChange: (u) => {
                     const g = {
                       ...s,
-                      [o.field]: h
+                      [o.field]: u
                     };
                     n(g);
                   },
@@ -1151,11 +1151,11 @@ const ri = b.forwardRef(
                   leftAddonOptions: o.leftAddonOptions,
                   switcher: o.switcher ? {
                     value: !!s[o.switcher],
-                    onChange: (h) => {
+                    onChange: (u) => {
                       if (o.switcher === "isActive") {
                         const g = {
                           ...s,
-                          [o.switcher]: h
+                          [o.switcher]: u
                         };
                         n(g);
                       }
@@ -1172,9 +1172,9 @@ const ri = b.forwardRef(
   other: li,
   subtitle: di,
   items: ui
-}, He = (c) => {
+}, Ve = (c) => {
   const { items: t, otherTitle: s, tagsTitle: n } = c;
-  return /* @__PURE__ */ u("div", { className: yt.other, children: [
+  return /* @__PURE__ */ h("div", { className: yt.other, children: [
     /* @__PURE__ */ e("h5", { className: yt.subtitle, children: s || n }),
     /* @__PURE__ */ e("div", { className: yt.items, children: t.map((a, i) => /* @__PURE__ */ e(
       fe,
@@ -1225,7 +1225,7 @@ const pi = (c) => {
     title: d,
     subtitle: r,
     editable: o = !0,
-    draggable: h = !1,
+    draggable: u = !1,
     withImage: g = !1,
     deletable: k = !0,
     addable: _ = !0,
@@ -1304,16 +1304,16 @@ const pi = (c) => {
   const te = (B) => {
     const { active: W, over: Y } = B;
     if (Y && W.id !== Y.id) {
-      const Ie = n.findIndex((R) => R.id === W.id), Fe = n.findIndex((R) => R.id === Y.id);
-      if (Ie !== -1 && Fe !== -1) {
+      const Ie = n.findIndex((R) => R.id === W.id), Ue = n.findIndex((R) => R.id === Y.id);
+      if (Ie !== -1 && Ue !== -1) {
         const R = [...n], [ie] = R.splice(Ie, 1);
-        R.splice(Fe, 0, ie), a(R);
+        R.splice(Ue, 0, ie), a(R);
       }
     }
   }, Q = (B, W) => {
-    var Ie, Fe;
-    const Y = /* @__PURE__ */ u(G, { children: [
-      h && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+    var Ie, Ue;
+    const Y = /* @__PURE__ */ h(G, { children: [
+      u && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
         x,
         {
           name: "DotsSixVertical",
@@ -1408,11 +1408,11 @@ const pi = (c) => {
             } : Se);
             a([...Ne]);
           },
-          activeImage: (Ie = n.find((R) => R.id === B.id)) != null && Ie.images ? (Fe = n.find((R) => R.id === B.id)) == null ? void 0 : Fe.images[0] : void 0,
+          activeImage: (Ie = n.find((R) => R.id === B.id)) != null && Ie.images ? (Ue = n.find((R) => R.id === B.id)) == null ? void 0 : Ue.images[0] : void 0,
           tip: A
         }
       ),
-      /* @__PURE__ */ u("div", { className: Z.buttons, children: [
+      /* @__PURE__ */ h("div", { className: Z.buttons, children: [
         S && S > n.length && _ && /* @__PURE__ */ e("div", { className: Z.deleteButton, children: /* @__PURE__ */ e(
           x,
           {
@@ -1450,7 +1450,7 @@ const pi = (c) => {
         ) })
       ] })
     ] });
-    return h ? /* @__PURE__ */ e(
+    return u ? /* @__PURE__ */ e(
       hi,
       {
         product: B,
@@ -1467,8 +1467,8 @@ const pi = (c) => {
       B.id
     );
   };
-  return /* @__PURE__ */ u("div", { className: Z.productsBlock, children: [
-    (d || t !== void 0) && /* @__PURE__ */ u("div", { className: Z.top, children: [
+  return /* @__PURE__ */ h("div", { className: Z.productsBlock, children: [
+    (d || t !== void 0) && /* @__PURE__ */ h("div", { className: Z.top, children: [
       d && /* @__PURE__ */ e("h3", { className: Z.title, children: d }),
       t !== void 0 && /* @__PURE__ */ e(
         fe,
@@ -1490,9 +1490,9 @@ const pi = (c) => {
       }
     ),
     (t === void 0 || t) && m && p && /* @__PURE__ */ e(xt, { ...p }),
-    (t === void 0 || t) && /* @__PURE__ */ u("div", { className: Z.products, children: [
+    (t === void 0 || t) && /* @__PURE__ */ h("div", { className: Z.products, children: [
       r && /* @__PURE__ */ e("h5", { className: Z.subtitle, children: r }),
-      h ? /* @__PURE__ */ e(
+      u ? /* @__PURE__ */ e(
         Ye,
         {
           sensors: z,
@@ -1555,7 +1555,7 @@ const pi = (c) => {
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ u("div", { className: Z.addButton, children: [
+              children: /* @__PURE__ */ h("div", { className: Z.addButton, children: [
                 /* @__PURE__ */ e("span", { children: "Add Option" }),
                 /* @__PURE__ */ e(
                   x,
@@ -1582,7 +1582,7 @@ const pi = (c) => {
       }
     ),
     (t === void 0 || t) && i !== void 0 && /* @__PURE__ */ e(
-      He,
+      Ve,
       {
         otherTitle: "Other",
         items: i
@@ -1649,7 +1649,7 @@ const pi = (c) => {
         fontSize: d === "m" ? 14 : d === "s" ? 12 : 16
       },
       disabled: i,
-      children: r === "Tertiary" ? /* @__PURE__ */ u("div", { className: De.content, children: [
+      children: r === "Tertiary" ? /* @__PURE__ */ h("div", { className: De.content, children: [
         t,
         /* @__PURE__ */ e(
           x,
@@ -1700,7 +1700,7 @@ const Ed = (c) => {
     tags: d,
     title: r,
     subtitle: o,
-    draggable: h = !1,
+    draggable: u = !1,
     withImage: g = !1,
     addable: k = !0,
     itemsOptions: _,
@@ -1750,8 +1750,8 @@ const Ed = (c) => {
   const O = (v, T = !1) => {
     const M = _.find((N) => N.id === v);
     if (!M) return;
-    const L = /* @__PURE__ */ u(G, { children: [
-      h && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+    const L = /* @__PURE__ */ h(G, { children: [
+      u && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
         x,
         {
           name: "DotsSixVertical",
@@ -1789,7 +1789,7 @@ const Ed = (c) => {
         }
       ) }) })
     ] });
-    return h ? /* @__PURE__ */ e(
+    return u ? /* @__PURE__ */ e(
       Oi,
       {
         id: v,
@@ -1805,8 +1805,8 @@ const Ed = (c) => {
       le()
     );
   };
-  return /* @__PURE__ */ u("div", { className: pe.productsBlock, children: [
-    (r || t !== void 0) && /* @__PURE__ */ u("div", { className: pe.top, children: [
+  return /* @__PURE__ */ h("div", { className: pe.productsBlock, children: [
+    (r || t !== void 0) && /* @__PURE__ */ h("div", { className: pe.top, children: [
       r && /* @__PURE__ */ e("h3", { className: pe.title, children: r }),
       t !== void 0 && /* @__PURE__ */ e(
         fe,
@@ -1817,9 +1817,9 @@ const Ed = (c) => {
       )
     ] }),
     f && I && /* @__PURE__ */ e(xt, { ...I }),
-    /* @__PURE__ */ u("div", { className: pe.products, children: [
+    /* @__PURE__ */ h("div", { className: pe.products, children: [
       o && /* @__PURE__ */ e("h5", { className: pe.subtitle, children: o }),
-      h ? /* @__PURE__ */ e(
+      u ? /* @__PURE__ */ e(
         Ye,
         {
           sensors: S,
@@ -1867,7 +1867,7 @@ const Ed = (c) => {
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ u("div", { className: pe.addButton, children: [
+              children: /* @__PURE__ */ h("div", { className: pe.addButton, children: [
                 /* @__PURE__ */ e("span", { children: "Add Option" }),
                 /* @__PURE__ */ e(
                   x,
@@ -1894,14 +1894,14 @@ const Ed = (c) => {
       }
     ),
     d !== void 0 && /* @__PURE__ */ e(
-      He,
+      Ve,
       {
         tagsTitle: "Tags",
         items: d
       }
     ),
     i !== void 0 && /* @__PURE__ */ e(
-      He,
+      Ve,
       {
         otherTitle: "Other",
         items: i
@@ -1972,7 +1972,7 @@ const qd = (c) => {
     subtitle: d,
     editable: r = !0,
     draggable: o = !1,
-    deletable: h = !0,
+    deletable: u = !0,
     addable: g = !0,
     itemsType: k,
     itemsOptions: _,
@@ -2010,7 +2010,7 @@ const qd = (c) => {
       }
     }
   }, O = (v, T) => {
-    const M = /* @__PURE__ */ u(G, { children: [
+    const M = /* @__PURE__ */ h(G, { children: [
       o && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
         x,
         {
@@ -2043,7 +2043,7 @@ const qd = (c) => {
           options: _.filter((L) => !n.find((N) => N.name === L.name)).map((L) => L.name)
         }
       ),
-      /* @__PURE__ */ u("div", { className: de.buttons, children: [
+      /* @__PURE__ */ h("div", { className: de.buttons, children: [
         r && /* @__PURE__ */ e("div", { className: de.deleteButton, children: /* @__PURE__ */ e(
           x,
           {
@@ -2054,7 +2054,7 @@ const qd = (c) => {
             onClick: (L) => $(L, v)
           }
         ) }),
-        h && /* @__PURE__ */ e("div", { className: de.deleteButton, children: /* @__PURE__ */ e(
+        u && /* @__PURE__ */ e("div", { className: de.deleteButton, children: /* @__PURE__ */ e(
           x,
           {
             name: "Trash",
@@ -2084,8 +2084,8 @@ const qd = (c) => {
       v.id
     );
   };
-  return /* @__PURE__ */ u("div", { className: de.productsBlock, children: [
-    (i || t !== void 0) && /* @__PURE__ */ u("div", { className: de.top, children: [
+  return /* @__PURE__ */ h("div", { className: de.productsBlock, children: [
+    (i || t !== void 0) && /* @__PURE__ */ h("div", { className: de.top, children: [
       i && /* @__PURE__ */ e("h3", { className: de.title, children: i }),
       t !== void 0 && /* @__PURE__ */ e(
         fe,
@@ -2095,7 +2095,7 @@ const qd = (c) => {
         }
       )
     ] }),
-    /* @__PURE__ */ u("div", { className: de.products, children: [
+    /* @__PURE__ */ h("div", { className: de.products, children: [
       d && /* @__PURE__ */ e("h5", { className: de.subtitle, children: d }),
       o ? /* @__PURE__ */ e(
         Ye,
@@ -2148,7 +2148,7 @@ const qd = (c) => {
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ u("div", { className: de.addButton, children: [
+              children: /* @__PURE__ */ h("div", { className: de.addButton, children: [
                 /* @__PURE__ */ e("span", { children: "Add Option" }),
                 /* @__PURE__ */ e(
                   x,
@@ -2186,7 +2186,7 @@ const qd = (c) => {
     const { activeItem: s, setActiveItem: n, popupPosition: a, modalOptions: i, setIsOpenModal: d } = c;
     return nt(t, () => {
       n(null), d(!1);
-    }), /* @__PURE__ */ u(
+    }), /* @__PURE__ */ h(
       "div",
       {
         ref: t,
@@ -2199,7 +2199,7 @@ const qd = (c) => {
           left: `${a.left}px`
         },
         children: [
-          /* @__PURE__ */ u("div", { className: ee.top, children: [
+          /* @__PURE__ */ h("div", { className: ee.top, children: [
             /* @__PURE__ */ e("h3", { className: ee.title, children: s.name["en-US"] }),
             /* @__PURE__ */ e("div", { className: ee.closeIcon, children: /* @__PURE__ */ e(
               x,
@@ -2222,11 +2222,11 @@ const qd = (c) => {
                   label: "Put up an attractive image",
                   activeImage: s[r.field],
                   onChange: (o) => {
-                    const h = {
+                    const u = {
                       ...s,
                       [r.field]: o
                     };
-                    n(h);
+                    n(u);
                   }
                 },
                 String(r.field)
@@ -2238,37 +2238,37 @@ const qd = (c) => {
                   isActiveText: !0,
                   typesText: s[r.field.type],
                   setTypesText: (o) => {
-                    const h = {
+                    const u = {
                       ...s,
                       [r.field.type]: o
                     };
-                    n(h);
+                    n(u);
                   },
                   alignText: s[r.field.alignText],
                   setAlignText: (o) => {
-                    const h = {
+                    const u = {
                       ...s,
                       [r.field.alignText]: o
                     };
-                    n(h);
+                    n(u);
                   },
                   text: s[r.field.text]["en-US"] || "",
                   setText: (o) => {
-                    const h = {
+                    const u = {
                       ...s,
                       [r.field.text]: {
                         "en-US": o
                       }
                     };
-                    n(h);
+                    n(u);
                   },
                   typeFont: s[r.field.type],
                   setTypeFont: (o) => {
-                    const h = {
+                    const u = {
                       ...s,
                       [r.field.type]: o
                     };
-                    n(h);
+                    n(u);
                   },
                   subtitle: r.label
                 }
@@ -2278,13 +2278,13 @@ const qd = (c) => {
                 ge,
                 {
                   onChange: (o) => {
-                    const h = {
+                    const u = {
                       ...s,
                       [r.field]: {
                         "en-US": o
                       }
                     };
-                    n(h);
+                    n(u);
                   },
                   value: s[r.field]["en-US"] || "",
                   label: r.label,
@@ -2296,11 +2296,11 @@ const qd = (c) => {
                 ge,
                 {
                   onChange: (o) => {
-                    const h = {
+                    const u = {
                       ...s,
                       [r.field]: o
                     };
-                    n(h);
+                    n(u);
                   },
                   value: s[r.field] || "",
                   label: r.label,
@@ -2309,18 +2309,18 @@ const qd = (c) => {
                 }
               );
             if (r.type === "inputSwitch")
-              return /* @__PURE__ */ u("div", { className: ee.link, children: [
+              return /* @__PURE__ */ h("div", { className: ee.link, children: [
                 /* @__PURE__ */ e(
                   ge,
                   {
                     onChange: (o) => {
-                      const h = {
+                      const u = {
                         ...s,
                         [r.field.text]: {
                           "en-US": o
                         }
                       };
-                      n(h);
+                      n(u);
                     },
                     value: s[r.field.text]["en-US"] || "",
                     label: r.inputLabel,
@@ -2333,11 +2333,11 @@ const qd = (c) => {
                     current: !!s[r.field.switch] || !1,
                     label: r.switchLabel,
                     onChange: (o) => {
-                      const h = {
+                      const u = {
                         ...s,
                         [r.field.switch]: o
                       };
-                      n(h);
+                      n(u);
                     }
                   }
                 )
@@ -2348,11 +2348,11 @@ const qd = (c) => {
                 {
                   options: r.itemsOptions,
                   onChange: (o) => {
-                    const h = {
+                    const u = {
                       ...s,
                       [r.field]: o
                     };
-                    n(h);
+                    n(u);
                   },
                   label: r.label,
                   value: s[r.field] || "String",
@@ -2368,7 +2368,7 @@ const qd = (c) => {
 function oa(c) {
   const { product: t, children: s } = c, { attributes: n, listeners: a, setNodeRef: i, transform: d, transition: r, isDragging: o } = Ze({
     id: t.id
-  }), h = {
+  }), u = {
     transform: et.Transform.toString(d),
     transition: r
   };
@@ -2376,7 +2376,7 @@ function oa(c) {
     "div",
     {
       ref: i,
-      style: h,
+      style: u,
       className: `${ee.product} ${o ? ee.dragging : ""}`,
       ...n,
       ...a,
@@ -2394,7 +2394,7 @@ const Dd = (c) => {
     title: d,
     subtitle: r,
     editable: o = !0,
-    draggable: h = !1,
+    draggable: u = !1,
     deletable: g = !0,
     addable: k = !0,
     itemsType: _,
@@ -2455,8 +2455,8 @@ const Dd = (c) => {
     }
   }, V = (P) => {
     var U;
-    const z = /* @__PURE__ */ u(G, { children: [
-      h && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+    const z = /* @__PURE__ */ h(G, { children: [
+      u && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
         x,
         {
           name: "DotsSixVertical",
@@ -2517,7 +2517,7 @@ const Dd = (c) => {
           activeImage: (U = n.find((F) => F.id === P.id)) == null ? void 0 : U.images[0]
         }
       ),
-      /* @__PURE__ */ u("div", { className: ee.buttons, children: [
+      /* @__PURE__ */ h("div", { className: ee.buttons, children: [
         o && /* @__PURE__ */ e("div", { className: ee.deleteButton, children: /* @__PURE__ */ e(
           x,
           {
@@ -2541,7 +2541,7 @@ const Dd = (c) => {
         ) })
       ] })
     ] });
-    return h ? /* @__PURE__ */ e(
+    return u ? /* @__PURE__ */ e(
       oa,
       {
         product: P,
@@ -2557,8 +2557,8 @@ const Dd = (c) => {
       P.id
     );
   };
-  return /* @__PURE__ */ u("div", { className: ee.productsBlock, children: [
-    (d || t !== void 0) && /* @__PURE__ */ u("div", { className: ee.top, children: [
+  return /* @__PURE__ */ h("div", { className: ee.productsBlock, children: [
+    (d || t !== void 0) && /* @__PURE__ */ h("div", { className: ee.top, children: [
       d && /* @__PURE__ */ e("h3", { className: ee.title, children: d }),
       t !== void 0 && /* @__PURE__ */ e(
         fe,
@@ -2580,9 +2580,9 @@ const Dd = (c) => {
       }
     ),
     l && m && /* @__PURE__ */ e(xt, { ...m }),
-    /* @__PURE__ */ u("div", { className: ee.products, children: [
+    /* @__PURE__ */ h("div", { className: ee.products, children: [
       r && /* @__PURE__ */ e("h5", { className: ee.subtitle, children: r }),
-      h ? /* @__PURE__ */ e(
+      u ? /* @__PURE__ */ e(
         Ye,
         {
           sensors: C,
@@ -2651,7 +2651,7 @@ const Dd = (c) => {
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ u("div", { className: ee.addButton, children: [
+              children: /* @__PURE__ */ h("div", { className: ee.addButton, children: [
                 /* @__PURE__ */ e("span", { children: "Add Option" }),
                 /* @__PURE__ */ e(
                   x,
@@ -2668,7 +2668,7 @@ const Dd = (c) => {
       )
     ] }),
     i !== void 0 && /* @__PURE__ */ e(
-      He,
+      Ve,
       {
         otherTitle: "Other",
         items: i
@@ -2684,7 +2684,7 @@ const Dd = (c) => {
   closeIcon: ha
 }, pa = b.forwardRef((c, t) => {
   var w;
-  const { activeButton: s, setActiveButton: n, popupPosition: a, editableLink: i = !0 } = c, [d, r] = b.useState(s.typesText), [o, h] = b.useState(s.destination), [g, k] = b.useState(s.page), [_, f] = b.useState(s.link || ""), [I, l] = b.useState(s.text || { "en-US": "" }), [m, p] = b.useState(s.openInNewTab), { pages: y } = We();
+  const { activeButton: s, setActiveButton: n, popupPosition: a, editableLink: i = !0 } = c, [d, r] = b.useState(s.typesText), [o, u] = b.useState(s.destination), [g, k] = b.useState(s.page), [_, f] = b.useState(s.link || ""), [I, l] = b.useState(s.text || { "en-US": "" }), [m, p] = b.useState(s.openInNewTab), { pages: y } = We();
   return nt(t, () => {
     n(null);
   }), b.useEffect(() => {
@@ -2699,7 +2699,7 @@ const Dd = (c) => {
         openInNewTab: m
       }
     });
-  }, [d, o, _, I, g, m]), /* @__PURE__ */ u(
+  }, [d, o, _, I, g, m]), /* @__PURE__ */ h(
     "div",
     {
       className: Pe.modal,
@@ -2712,7 +2712,7 @@ const Dd = (c) => {
       },
       ref: t,
       children: [
-        /* @__PURE__ */ u("div", { className: Pe.top, children: [
+        /* @__PURE__ */ h("div", { className: Pe.top, children: [
           /* @__PURE__ */ e("h3", { className: Pe.title, children: s.type }),
           /* @__PURE__ */ e("div", { className: Pe.closeIcon, children: /* @__PURE__ */ e(
             x,
@@ -2725,12 +2725,12 @@ const Dd = (c) => {
             }
           ) })
         ] }),
-        /* @__PURE__ */ u("div", { className: Pe.options, children: [
+        /* @__PURE__ */ h("div", { className: Pe.options, children: [
           i && /* @__PURE__ */ e(
             ue,
             {
               label: "Destination",
-              onChange: (S) => h(S),
+              onChange: (S) => u(S),
               options: ["Go to Page", "Open Link"].filter((S) => S !== o),
               value: o
             }
@@ -2802,7 +2802,7 @@ const Dd = (c) => {
   addButton: ya,
   deleteButton: ba
 }, Ia = (c) => {
-  const { buttons: t, setButtons: s, deletable: n = !0, addable: a = !0, editableLink: i = !0 } = c, { pages: d } = We(), [r, o] = b.useState(null), [h, g] = b.useState({
+  const { buttons: t, setButtons: s, deletable: n = !0, addable: a = !0, editableLink: i = !0 } = c, { pages: d } = We(), [r, o] = b.useState(null), [u, g] = b.useState({
     top: 0,
     left: 0
   }), [k, _] = b.useState(null), f = b.useRef(null);
@@ -2836,9 +2836,9 @@ const Dd = (c) => {
     };
     y.splice(p + 1, 0, w), s(y);
   };
-  return /* @__PURE__ */ u("div", { className: Ce.products, children: [
+  return /* @__PURE__ */ h("div", { className: Ce.products, children: [
     /* @__PURE__ */ e("h5", { className: Ce.subtitle, children: "Button Type" }),
-    t.map((m, p) => /* @__PURE__ */ u(
+    t.map((m, p) => /* @__PURE__ */ h(
       "div",
       {
         className: Ce.product,
@@ -2857,7 +2857,7 @@ const Dd = (c) => {
               options: ["Primary", "Secondary", "Tertiary"]
             }
           ),
-          /* @__PURE__ */ u("div", { className: Ce.buttons, children: [
+          /* @__PURE__ */ h("div", { className: Ce.buttons, children: [
             /* @__PURE__ */ e("div", { className: Ce.deleteButton, children: /* @__PURE__ */ e(
               x,
               {
@@ -2907,7 +2907,7 @@ const Dd = (c) => {
         ref: f,
         activeButton: r,
         setActiveButton: o,
-        popupPosition: h,
+        popupPosition: u,
         editableLink: i
       }
     ),
@@ -2952,7 +2952,7 @@ const Dd = (c) => {
             style: {
               width: "fit-content"
             },
-            children: /* @__PURE__ */ u("div", { className: Ce.addButton, children: [
+            children: /* @__PURE__ */ h("div", { className: Ce.addButton, children: [
               /* @__PURE__ */ e("span", { children: "Add Option" }),
               /* @__PURE__ */ e(
                 x,
@@ -2978,8 +2978,8 @@ const Dd = (c) => {
     addable: d = !0,
     deletable: r = !0
   } = c;
-  return /* @__PURE__ */ e(G, { children: /* @__PURE__ */ u("div", { className: Pe.buttonsBlock, children: [
-    /* @__PURE__ */ u("div", { className: Pe.top, children: [
+  return /* @__PURE__ */ e(G, { children: /* @__PURE__ */ h("div", { className: Pe.buttonsBlock, children: [
+    /* @__PURE__ */ h("div", { className: Pe.top, children: [
       /* @__PURE__ */ e("h3", { className: Pe.title, children: "Buttons" }),
       /* @__PURE__ */ e(
         fe,
@@ -3015,7 +3015,7 @@ const Dd = (c) => {
   controls: Ba,
   button: Ma
 }, xt = (c) => {
-  const { label: t, min: s = 1, max: n = 4, step: a = 1, count: i, setCount: d } = c, [r, o] = b.useState(!1), h = Array.from({ length: (n - s) / a + 1 }), g = (i - s) / (n - s) * 100, k = () => {
+  const { label: t, min: s = 1, max: n = 4, step: a = 1, count: i, setCount: d } = c, [r, o] = b.useState(!1), u = Array.from({ length: (n - s) / a + 1 }), g = (i - s) / (n - s) * 100, k = () => {
     i < n && d(i + a);
   }, _ = () => {
     i > s && d(i - a);
@@ -3023,10 +3023,10 @@ const Dd = (c) => {
     const l = s + I * a;
     d(l);
   };
-  return /* @__PURE__ */ u("div", { className: ce.wrapper, children: [
+  return /* @__PURE__ */ h("div", { className: ce.wrapper, children: [
     t && /* @__PURE__ */ e("h5", { className: ce.subtitle, children: t }),
-    /* @__PURE__ */ u("div", { className: ce.content, children: [
-      /* @__PURE__ */ u("div", { className: ce.range, children: [
+    /* @__PURE__ */ h("div", { className: ce.content, children: [
+      /* @__PURE__ */ h("div", { className: ce.range, children: [
         /* @__PURE__ */ e("div", { className: ce.track }),
         /* @__PURE__ */ e(
           "div",
@@ -3035,7 +3035,7 @@ const Dd = (c) => {
             style: { width: `${g}%` }
           }
         ),
-        /* @__PURE__ */ e("div", { className: ce.dots, children: h.map((I, l) => {
+        /* @__PURE__ */ e("div", { className: ce.dots, children: u.map((I, l) => {
           const m = l <= (i - s) / a;
           return /* @__PURE__ */ e(
             "button",
@@ -3068,7 +3068,7 @@ const Dd = (c) => {
           }
         )
       ] }),
-      /* @__PURE__ */ u("div", { className: ce.countBlock, children: [
+      /* @__PURE__ */ h("div", { className: ce.countBlock, children: [
         /* @__PURE__ */ e(
           ge,
           {
@@ -3083,7 +3083,7 @@ const Dd = (c) => {
             value: String(i)
           }
         ),
-        /* @__PURE__ */ u("div", { className: ce.controls, children: [
+        /* @__PURE__ */ h("div", { className: ce.controls, children: [
           /* @__PURE__ */ e(
             "button",
             {
@@ -3141,7 +3141,7 @@ const Dd = (c) => {
     const { activeItem: s, setActiveItem: n, popupPosition: a, setIsOpenModal: i, itemsOptions: d } = c, r = d.find((o) => o.id === s.listingId);
     return nt(t, () => {
       n(null), i(!1);
-    }), r ? /* @__PURE__ */ u(
+    }), r ? /* @__PURE__ */ h(
       "div",
       {
         className: oe.modal,
@@ -3153,7 +3153,7 @@ const Dd = (c) => {
           left: `${a.left}px`
         },
         children: [
-          /* @__PURE__ */ u("div", { className: oe.top, children: [
+          /* @__PURE__ */ h("div", { className: oe.top, children: [
             /* @__PURE__ */ e(
               "h3",
               {
@@ -3180,11 +3180,11 @@ const Dd = (c) => {
               label: "Put up an attractive image",
               activeImage: r.productData.images.length > 0 ? r.productData.images[0].cfId : s.image ? s.image : void 0,
               onChange: (o) => {
-                const h = {
+                const u = {
                   ...s,
                   image: o[0]
                 };
-                n(h);
+                n(u);
               }
             }
           ) })
@@ -3196,7 +3196,7 @@ const Dd = (c) => {
 function Ya(c) {
   const { product: t, children: s } = c, { attributes: n, listeners: a, setNodeRef: i, transform: d, transition: r, isDragging: o } = Ze({
     id: String(t.listingId)
-  }), h = {
+  }), u = {
     transform: et.Transform.toString(d),
     transition: r
   };
@@ -3204,7 +3204,7 @@ function Ya(c) {
     "div",
     {
       ref: i,
-      style: h,
+      style: u,
       className: `${oe.product} ${o ? oe.dragging : ""}`,
       ...n,
       ...a,
@@ -3222,7 +3222,7 @@ const Ld = (c) => {
     title: d,
     subtitle: r,
     editable: o = !0,
-    draggable: h = !1,
+    draggable: u = !1,
     withImage: g = !1,
     deletable: k = !0,
     addable: _ = !0,
@@ -3299,8 +3299,8 @@ const Ld = (c) => {
   }, C = (E) => {
     const V = I.find((z) => E.listingId === z.id);
     if (!V) return null;
-    const P = /* @__PURE__ */ u(G, { children: [
-      h && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+    const P = /* @__PURE__ */ h(G, { children: [
+      u && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
         x,
         {
           name: "DotsSixVertical",
@@ -3334,7 +3334,7 @@ const Ld = (c) => {
           })
         }
       ),
-      /* @__PURE__ */ u("div", { className: oe.buttons, children: [
+      /* @__PURE__ */ h("div", { className: oe.buttons, children: [
         o && /* @__PURE__ */ e("div", { className: oe.deleteButton, children: /* @__PURE__ */ e(
           x,
           {
@@ -3358,7 +3358,7 @@ const Ld = (c) => {
         ) })
       ] })
     ] });
-    return h ? /* @__PURE__ */ e(
+    return u ? /* @__PURE__ */ e(
       Ya,
       {
         product: E,
@@ -3374,8 +3374,8 @@ const Ld = (c) => {
       E.listingId
     );
   }, D = b.useRef(null);
-  return /* @__PURE__ */ u("div", { className: oe.productsBlock, children: [
-    (d || t !== void 0) && /* @__PURE__ */ u("div", { className: oe.top, children: [
+  return /* @__PURE__ */ h("div", { className: oe.productsBlock, children: [
+    (d || t !== void 0) && /* @__PURE__ */ h("div", { className: oe.top, children: [
       d && /* @__PURE__ */ e("h3", { className: oe.title, children: d }),
       t !== void 0 && /* @__PURE__ */ e(
         fe,
@@ -3396,9 +3396,9 @@ const Ld = (c) => {
         itemsOptions: I
       }
     ),
-    t && /* @__PURE__ */ u("div", { className: oe.products, children: [
+    t && /* @__PURE__ */ h("div", { className: oe.products, children: [
       r && /* @__PURE__ */ e("h5", { className: oe.subtitle, children: r }),
-      h ? /* @__PURE__ */ e(
+      u ? /* @__PURE__ */ e(
         Ye,
         {
           sensors: v,
@@ -3444,7 +3444,7 @@ const Ld = (c) => {
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ u("div", { className: oe.addButton, children: [
+              children: /* @__PURE__ */ h("div", { className: oe.addButton, children: [
                 /* @__PURE__ */ e("span", { children: "Add Option" }),
                 /* @__PURE__ */ e(
                   x,
@@ -3470,7 +3470,7 @@ const Ld = (c) => {
       }
     ),
     t && i !== void 0 && /* @__PURE__ */ e(
-      He,
+      Ve,
       {
         otherTitle: "Other",
         items: i
@@ -3524,7 +3524,7 @@ const Ld = (c) => {
     min: d,
     max: r,
     placeholder: o,
-    disabled: h = !1,
+    disabled: u = !1,
     required: g = !1,
     regex: k,
     paddingless: _ = !1,
@@ -3537,7 +3537,7 @@ const Ld = (c) => {
     onFocus: w,
     leftIcon: S,
     error: $
-  } = c, { themeSettings: A } = pt(), { isAntistock: O } = Ve(), { inputs: v } = A, [T, M] = b.useState(!1);
+  } = c, { themeSettings: A } = pt(), { isAntistock: O } = ze(), { inputs: v } = A, [T, M] = b.useState(!1);
   function L(C) {
     if (Number(C) < 0) return String(d);
     const D = C.replace(/[^\d-]/g, "");
@@ -3551,7 +3551,7 @@ const Ld = (c) => {
       return console.error("Invalid regex pattern:", k, D), !0;
     }
   }
-  return /* @__PURE__ */ u("div", { className: ae.wrapper, children: [
+  return /* @__PURE__ */ h("div", { className: ae.wrapper, children: [
     n && /* @__PURE__ */ e(
       "label",
       {
@@ -3560,19 +3560,19 @@ const Ld = (c) => {
         style: {
           color: O ? "var(--text-secondary)" : void 0
         },
-        children: n.includes("*") ? /* @__PURE__ */ u(G, { children: [
+        children: n.includes("*") ? /* @__PURE__ */ h(G, { children: [
           n.replace(" *", "").replace("*", ""),
           /* @__PURE__ */ e("span", { className: ae.requiredStar, children: " *" })
         ] }) : n
       }
     ),
-    /* @__PURE__ */ u(
+    /* @__PURE__ */ h(
       "div",
       {
         className: q(ae.content, {
           [ae.contentBorder]: !O && v.border.active,
           [ae.contentField]: v.field.active,
-          [ae.disabled]: h,
+          [ae.disabled]: u,
           [ae.contentIsAntistock]: O,
           [ae.contentError]: $
         }),
@@ -3607,7 +3607,7 @@ const Ld = (c) => {
               onFocus: () => {
                 w == null || w(), M(!0);
               },
-              disabled: h,
+              disabled: u,
               style: {
                 textAlign: m ? "center" : "left",
                 padding: l ? `7px ${Number(v.general.size) + 20}px 7px ${S ? 35 : 11}px` : O ? `4.5px ${y ? 35 : 11}px 4px ${S ? 35 : 11}px` : `7px ${y ? 35 : 11}px 7px ${S ? 35 : 11}px`
@@ -3642,7 +3642,7 @@ const Ld = (c) => {
   loader: Ao,
   loaderAntistock: Bo
 }, Jt = (c) => {
-  const { isAntistock: t } = Ve();
+  const { isAntistock: t } = ze();
   return t ? /* @__PURE__ */ e(
     "span",
     {
@@ -3681,7 +3681,7 @@ const Ld = (c) => {
       style: {
         padding: a
       },
-      children: /* @__PURE__ */ u(
+      children: /* @__PURE__ */ h(
         "div",
         {
           className: q(Be.tip, {
@@ -3743,12 +3743,12 @@ const Ld = (c) => {
     placeholder: i = "Type something...",
     type: d = "text",
     required: r = !1
-  } = c, [o, h] = b.useState(n.length), { themeSettings: g } = pt(), { isAntistock: k } = Ve();
+  } = c, [o, u] = b.useState(n.length), { themeSettings: g } = pt(), { isAntistock: k } = ze();
   function _(f) {
     return d === "number" ? f.replace(/[^\d\n]+/g, "") : f;
   }
-  return /* @__PURE__ */ u("div", { className: xe.wrapper, children: [
-    s && /* @__PURE__ */ u(
+  return /* @__PURE__ */ h("div", { className: xe.wrapper, children: [
+    s && /* @__PURE__ */ h(
       "label",
       {
         className: xe.label,
@@ -3769,7 +3769,7 @@ const Ld = (c) => {
         value: n,
         onChange: (f) => {
           const I = _(f.target.value);
-          h(I.length), t(I);
+          u(I.length), t(I);
         },
         placeholder: i,
         className: q(xe.textarea, {
@@ -3780,7 +3780,7 @@ const Ld = (c) => {
         maxLength: a
       }
     ),
-    a && /* @__PURE__ */ u("div", { className: xe.length, children: [
+    a && /* @__PURE__ */ h("div", { className: xe.length, children: [
       o,
       "/",
       a
@@ -3792,7 +3792,7 @@ const Yo = (c) => {
   var A, O;
   const { product: t, setIsOpen: s, isCartEnabled: n = !0 } = c, { variants: a } = t, [i, d] = b.useState(a[0]), [r, o] = b.useState(
     i.chargeTypes ? i.chargeTypes[0] : "ONE_TIME"
-  ), { notifications: h, setNotifications: g } = je(), k = mt(), [_, f] = b.useState(1), { cart: I, reset: l, addProductToCart: m } = ze(), [p, y] = b.useState(!1);
+  ), { notifications: u, setNotifications: g } = He(), k = mt(), [_, f] = b.useState(1), { cart: I, reset: l, addProductToCart: m } = Fe(), [p, y] = b.useState(!1);
   b.useEffect(() => {
     y(!0);
     const v = setTimeout(() => y(!1), 600);
@@ -3806,7 +3806,7 @@ const Yo = (c) => {
         chargeType: r,
         quantity: _
       }), g([
-        ...h,
+        ...u,
         {
           id: le(),
           message: "Product added to cart",
@@ -3816,7 +3816,7 @@ const Yo = (c) => {
     } catch (v) {
       const T = v;
       g([
-        ...h,
+        ...u,
         {
           id: le(),
           message: `Product failed to add to cart: ${T.message}`,
@@ -3850,7 +3850,7 @@ const Yo = (c) => {
     i.chargeTypes && o(
       i.chargeTypes.includes(r) ? r : i.chargeTypes[0]
     );
-  }, [i.chargeTypes]), /* @__PURE__ */ u("div", { className: H.options, children: [
+  }, [i.chargeTypes]), /* @__PURE__ */ h("div", { className: H.options, children: [
     i.chargeTypes && i.chargeTypes.length > 1 && /* @__PURE__ */ e("div", { className: H.chargeTypes, children: i.chargeTypes.map((v) => /* @__PURE__ */ e(
       "div",
       {
@@ -3867,7 +3867,7 @@ const Yo = (c) => {
       return (T = v.chargeTypes) == null ? void 0 : T.includes(r);
     }).map((v) => {
       var T, M;
-      return /* @__PURE__ */ u(
+      return /* @__PURE__ */ h(
         "div",
         {
           className: q(H.variant, {
@@ -3877,7 +3877,7 @@ const Yo = (c) => {
             d(v), f(1);
           },
           children: [
-            /* @__PURE__ */ u("div", { className: H.variantInfo, children: [
+            /* @__PURE__ */ h("div", { className: H.variantInfo, children: [
               /* @__PURE__ */ e(
                 "span",
                 {
@@ -3888,7 +3888,7 @@ const Yo = (c) => {
                   }
                 }
               ),
-              /* @__PURE__ */ u("span", { id: "md", children: [
+              /* @__PURE__ */ h("span", { id: "md", children: [
                 me({
                   amount: r === "ONE_TIME" ? v.price.amount : v.subscriptionSettings ? v.subscriptionSettings.price.amount : 0,
                   currency: r === "ONE_TIME" ? v.price.currency : v.subscriptionSettings ? v.subscriptionSettings.price.currency : "USD"
@@ -3897,7 +3897,7 @@ const Yo = (c) => {
                 r === "RECURRING" && v.subscriptionSettings && ` / ${rn(v.subscriptionSettings.recurringIntervalDays || 0)}`
               ] })
             ] }),
-            /* @__PURE__ */ e("div", { id: "md", children: r === "ONE_TIME" && /* @__PURE__ */ u(
+            /* @__PURE__ */ e("div", { id: "md", children: r === "ONE_TIME" && /* @__PURE__ */ h(
               "span",
               {
                 className: H.stock,
@@ -3914,7 +3914,7 @@ const Yo = (c) => {
         v.id
       );
     }) }),
-    r === "ONE_TIME" && /* @__PURE__ */ u(
+    r === "ONE_TIME" && /* @__PURE__ */ h(
       "div",
       {
         className: H.quantity,
@@ -3961,10 +3961,10 @@ const Yo = (c) => {
         ]
       }
     ),
-    /* @__PURE__ */ u("div", { className: H.meta, children: [
-      /* @__PURE__ */ u("div", { className: H.info, children: [
+    /* @__PURE__ */ h("div", { className: H.meta, children: [
+      /* @__PURE__ */ h("div", { className: H.info, children: [
         /* @__PURE__ */ e("span", { id: "md", children: "Delivery" }),
-        /* @__PURE__ */ u("div", { className: H.infoRight, children: [
+        /* @__PURE__ */ h("div", { className: H.infoRight, children: [
           /* @__PURE__ */ e(
             x,
             {
@@ -3977,9 +3977,9 @@ const Yo = (c) => {
           /* @__PURE__ */ e("span", { id: "md", children: !i.deliveryTime || i.deliveryTime === 0 ? "Instant" : $(i.deliveryTime) })
         ] })
       ] }),
-      /* @__PURE__ */ u("div", { className: H.info, children: [
+      /* @__PURE__ */ h("div", { className: H.info, children: [
         /* @__PURE__ */ e("span", { id: "md", children: "Price" }),
-        /* @__PURE__ */ e("div", { className: H.infoRight, children: r === "ONE_TIME" ? i.compareAtPrice && (i.compareAtPrice.amount || 0) - (i.price.amount || 0) > 0 ? /* @__PURE__ */ u(
+        /* @__PURE__ */ e("div", { className: H.infoRight, children: r === "ONE_TIME" ? i.compareAtPrice && (i.compareAtPrice.amount || 0) - (i.price.amount || 0) > 0 ? /* @__PURE__ */ h(
           "div",
           {
             className: H.price,
@@ -4012,7 +4012,7 @@ const Yo = (c) => {
               currency: i.price.currency
             })
           }
-        ) : i.subscriptionSettings && i.subscriptionSettings.compareAtPrice && (i.subscriptionSettings.compareAtPrice.amount || 0) - (i.subscriptionSettings.price.amount || 0) > 0 ? /* @__PURE__ */ u(
+        ) : i.subscriptionSettings && i.subscriptionSettings.compareAtPrice && (i.subscriptionSettings.compareAtPrice.amount || 0) - (i.subscriptionSettings.price.amount || 0) > 0 ? /* @__PURE__ */ h(
           "div",
           {
             className: H.price,
@@ -4055,7 +4055,7 @@ const Yo = (c) => {
         ) })
       ] })
     ] }),
-    /* @__PURE__ */ u("div", { className: H.buttons, children: [
+    /* @__PURE__ */ h("div", { className: H.buttons, children: [
       /* @__PURE__ */ e(
         K,
         {
@@ -4116,12 +4116,12 @@ const Yo = (c) => {
   delete: "_delete_1uy6y_413"
 }, Fd = (c) => {
   const { shopping: t, signUp: s, isShowUserInfo: n = !0 } = c;
-  return /* @__PURE__ */ e(G, { children: (t || n) && /* @__PURE__ */ u("div", { className: j.buttons, children: [
+  return /* @__PURE__ */ e(G, { children: (t || n) && /* @__PURE__ */ h("div", { className: j.buttons, children: [
     t && /* @__PURE__ */ e(Pc, {}),
     n && /* @__PURE__ */ e(en, { signUp: s })
   ] }) });
 }, Pc = () => {
-  const [c, t] = b.useState(!1), [s, n] = b.useState([]), [a, i] = b.useState(!1), { cart: d, products: r } = ze();
+  const [c, t] = b.useState(!1), [s, n] = b.useState([]), [a, i] = b.useState(!1), { cart: d, products: r } = Fe();
   b.useEffect(() => {
     (async () => {
       const _ = d.parts.map((l) => String(l.productId)), f = r.filter((l) => _.includes(String(l.id))) || [], I = d.parts.map((l) => {
@@ -4139,14 +4139,14 @@ const Yo = (c) => {
   function o(k) {
     return !k || !(k != null && k.variants) ? !1 : k.chargeType === "RECURRING";
   }
-  const h = d.parts.length > 0 && s.length > 0 && !o(s[0]);
+  const u = d.parts.length > 0 && s.length > 0 && !o(s[0]);
   function g() {
     i(!1), setTimeout(() => {
       t(!1);
     }, 300);
   }
-  return /* @__PURE__ */ u(G, { children: [
-    /* @__PURE__ */ u(
+  return /* @__PURE__ */ h(G, { children: [
+    /* @__PURE__ */ h(
       K,
       {
         type: "Secondary",
@@ -4164,7 +4164,7 @@ const Yo = (c) => {
               name: "Handbag"
             }
           ),
-          h && /* @__PURE__ */ e("div", { className: j.shoppingCount, children: d.parts.length })
+          u && /* @__PURE__ */ e("div", { className: j.shoppingCount, children: d.parts.length })
         ]
       }
     ),
@@ -4177,7 +4177,7 @@ const Yo = (c) => {
           Oc,
           {
             activeProducts: s,
-            isCartNotEmpty: h,
+            isCartNotEmpty: u,
             isOpen: a,
             close: g
           }
@@ -4187,7 +4187,7 @@ const Yo = (c) => {
   ] });
 }, Oc = (c) => {
   var l, m;
-  const { activeProducts: t, isCartNotEmpty: s, isOpen: n, close: a } = c, { cart: i, reset: d, getTotalAndDiscount: r, updateQuantityOfProduct: o, removeProduct: h } = ze(), g = mt();
+  const { activeProducts: t, isCartNotEmpty: s, isOpen: n, close: a } = c, { cart: i, reset: d, getTotalAndDiscount: r, updateQuantityOfProduct: o, removeProduct: u } = Fe(), g = mt();
   function k(p, y) {
     g(p, { replace: y });
   }
@@ -4208,14 +4208,14 @@ const Yo = (c) => {
     });
   }
   function I(p) {
-    h({
+    u({
       productId: p.id,
       productVariantId: p.activeVariantId,
       quantity: p.quantity || 1,
       chargeType: p.chargeType
     });
   }
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ h(
     "div",
     {
       className: q(j.modal, {
@@ -4223,8 +4223,8 @@ const Yo = (c) => {
       }),
       onClick: (p) => p.stopPropagation(),
       children: [
-        /* @__PURE__ */ u("div", { className: j.top, children: [
-          /* @__PURE__ */ u("div", { className: j.info, children: [
+        /* @__PURE__ */ h("div", { className: j.top, children: [
+          /* @__PURE__ */ h("div", { className: j.info, children: [
             /* @__PURE__ */ e(
               "span",
               {
@@ -4242,7 +4242,7 @@ const Yo = (c) => {
               }
             )
           ] }),
-          /* @__PURE__ */ u("div", { className: j.rightButtons, children: [
+          /* @__PURE__ */ h("div", { className: j.rightButtons, children: [
             s && /* @__PURE__ */ e(
               "button",
               {
@@ -4268,15 +4268,15 @@ const Yo = (c) => {
             )
           ] })
         ] }),
-        s ? /* @__PURE__ */ u("div", { className: j.cart, children: [
+        s ? /* @__PURE__ */ h("div", { className: j.cart, children: [
           /* @__PURE__ */ e("div", { className: j.products, children: t.map((p) => {
             var y, w;
-            return /* @__PURE__ */ u(
+            return /* @__PURE__ */ h(
               "div",
               {
                 className: j.product,
                 children: [
-                  /* @__PURE__ */ u("div", { className: j.productInfo, children: [
+                  /* @__PURE__ */ h("div", { className: j.productInfo, children: [
                     p.images.length > 0 ? /* @__PURE__ */ e(
                       "img",
                       {
@@ -4293,7 +4293,7 @@ const Yo = (c) => {
                         fill: "var(--text-secondary)"
                       }
                     ) }),
-                    /* @__PURE__ */ u("div", { className: j.content, children: [
+                    /* @__PURE__ */ h("div", { className: j.content, children: [
                       /* @__PURE__ */ e(
                         "div",
                         {
@@ -4317,7 +4317,7 @@ const Yo = (c) => {
                       }) })
                     ] })
                   ] }),
-                  /* @__PURE__ */ u("div", { className: j.productButtons, children: [
+                  /* @__PURE__ */ h("div", { className: j.productButtons, children: [
                     /* @__PURE__ */ e(
                       K,
                       {
@@ -4395,9 +4395,9 @@ const Yo = (c) => {
               p.id
             );
           }) }),
-          /* @__PURE__ */ u("div", { className: j.bottom, children: [
-            /* @__PURE__ */ u("div", { className: j.subtotal, children: [
-              /* @__PURE__ */ u("div", { className: j.block, children: [
+          /* @__PURE__ */ h("div", { className: j.bottom, children: [
+            /* @__PURE__ */ h("div", { className: j.subtotal, children: [
+              /* @__PURE__ */ h("div", { className: j.block, children: [
                 /* @__PURE__ */ e("span", { children: "Subtotal" }),
                 /* @__PURE__ */ e(
                   x,
@@ -4420,7 +4420,7 @@ const Yo = (c) => {
       ]
     }
   );
-}, Ac = () => /* @__PURE__ */ u("div", { className: j.empty, children: [
+}, Ac = () => /* @__PURE__ */ h("div", { className: j.empty, children: [
   /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
     x,
     {
@@ -4429,7 +4429,7 @@ const Yo = (c) => {
     }
   ) }),
   /* @__PURE__ */ e("span", { id: "h5", children: "Empty Cart" }),
-  /* @__PURE__ */ u("span", { id: "md", children: [
+  /* @__PURE__ */ h("span", { id: "md", children: [
     "You don’t have any items in your shopping cart yet,",
     " ",
     /* @__PURE__ */ e(
@@ -4443,16 +4443,16 @@ const Yo = (c) => {
     )
   ] })
 ] }), en = ({ signUp: c, close: t }) => {
-  const { token: s } = ln(), n = mt(), [a, i] = b.useState("test-email@gmail.com");
+  const { token: s } = ln(), { isAntistock: n } = ze(), a = mt(), [i, d] = b.useState("test-email@gmail.com");
   b.useEffect(() => {
     s && (async () => {
       if (!s) return;
-      const o = dn(s);
-      i(o.email);
+      const u = dn(s);
+      d(u.email);
     })();
   }, [s]);
-  function d(r) {
-    window.location.pathname.includes("/admin/builder") || n(r);
+  function r(o) {
+    window.location.pathname.includes("/admin/builder") || a(o);
   }
   return s ? /* @__PURE__ */ e(
     K,
@@ -4460,16 +4460,16 @@ const Yo = (c) => {
       type: "Secondary",
       className: j.userInfo,
       onClick: () => {
-        d("/customer-dash"), t == null || t();
+        r(n ? "/account" : "/customer-dash"), t == null || t();
       },
-      children: /* @__PURE__ */ e("div", { children: a || "test-email@gmail.com" })
+      children: /* @__PURE__ */ e("div", { children: i || "test-email@gmail.com" })
     }
-  ) : /* @__PURE__ */ u(G, { children: [
+  ) : /* @__PURE__ */ h(G, { children: [
     /* @__PURE__ */ e(
       K,
       {
         onClick: () => {
-          d("/customer-dash"), t == null || t();
+          r(n ? "/account" : "/customer-dash"), t == null || t();
         },
         type: "Secondary",
         style: {
@@ -4482,7 +4482,7 @@ const Yo = (c) => {
       K,
       {
         onClick: () => {
-          d("/customer-dash"), t == null || t();
+          r(n ? "/account" : "/customer-dash"), t == null || t();
         },
         type: "Primary",
         style: {
@@ -4504,13 +4504,13 @@ const Yo = (c) => {
       t(!1), a(!0);
     }, 300);
   };
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ h(
     "div",
     {
       className: j.pagesMobileModal,
       onClick: (d) => d.stopPropagation(),
       children: [
-        /* @__PURE__ */ u("div", { className: j.pagesMobileModalHeader, children: [
+        /* @__PURE__ */ h("div", { className: j.pagesMobileModalHeader, children: [
           /* @__PURE__ */ e("div", { children: c }),
           /* @__PURE__ */ e(
             K,
@@ -4548,7 +4548,7 @@ const Yo = (c) => {
   );
 }, Ud = ({ logo: c, signUp: t, pages: s }) => {
   const [n, a] = b.useState(!1);
-  return /* @__PURE__ */ u(G, { children: [
+  return /* @__PURE__ */ h(G, { children: [
     /* @__PURE__ */ e(Mc, { setIsOpenModal: a }),
     n && /* @__PURE__ */ e(
       st,
@@ -4597,7 +4597,7 @@ const Yo = (c) => {
   content: Vc,
   close: Wc
 }, st = (c) => {
-  const { close: t, children: s, withAnimation: n = !0, hasPadding: a = !0 } = c, { isOpen: i, setIsOpen: d } = be(), { themeSettings: r } = pt(), { isAntistock: o } = pn(), h = (k) => {
+  const { close: t, children: s, withAnimation: n = !0, hasPadding: a = !0 } = c, { isOpen: i, setIsOpen: d } = be(), { themeSettings: r } = pt(), { isAntistock: o } = pn(), u = (k) => {
     const _ = k.replace("#", "");
     if (!/^[0-9A-Fa-f]{3}$|^[0-9A-Fa-f]{6}$/.test(_))
       return console.warn("Invalid hex color:", k), k;
@@ -4620,7 +4620,7 @@ const Yo = (c) => {
       "div",
       {
         className: q(at.modal, { [at.padding]: a }),
-        style: { backgroundColor: o ? h(r.colors.surface.primary) : void 0 },
+        style: { backgroundColor: o ? u(r.colors.surface.primary) : void 0 },
         onClick: g,
         children: n ? /* @__PURE__ */ e("div", { className: q(at.content, { [at.close]: !i }), children: s }) : /* @__PURE__ */ e(G, { children: s })
       }
@@ -4632,7 +4632,7 @@ const Yo = (c) => {
   function n() {
     s(!0);
   }
-  return /* @__PURE__ */ u(G, { children: [
+  return /* @__PURE__ */ h(G, { children: [
     /* @__PURE__ */ e(
       K,
       {
@@ -4654,7 +4654,7 @@ const Yo = (c) => {
     t && /* @__PURE__ */ e(st, { close: s, children: /* @__PURE__ */ e(Gc, { title: c }) })
   ] });
 }, Gc = ({ title: c = "Copy Product Link" }) => {
-  const { setIsOpenModal: t } = Wt(), { notifications: s, setNotifications: n } = je(), { setIsOpen: a } = be(), i = window.location.href;
+  const { setIsOpenModal: t } = Wt(), { notifications: s, setNotifications: n } = He(), { setIsOpen: a } = be(), i = window.location.href;
   function d() {
     navigator.clipboard.writeText(i), n([
       ...s,
@@ -4670,16 +4670,16 @@ const Yo = (c) => {
       t(!1), a(!0);
     }, 300);
   }
-  function o(h, g) {
-    return h.length > g ? h.slice(0, g) + "..." : h;
+  function o(u, g) {
+    return u.length > g ? u.slice(0, g) + "..." : u;
   }
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ h(
     "div",
     {
       className: Te.modal,
-      onClick: (h) => h.stopPropagation(),
+      onClick: (u) => u.stopPropagation(),
       children: [
-        /* @__PURE__ */ u("div", { className: Te.header, children: [
+        /* @__PURE__ */ h("div", { className: Te.header, children: [
           /* @__PURE__ */ e(
             "div",
             {
@@ -4698,8 +4698,8 @@ const Yo = (c) => {
             }
           )
         ] }),
-        /* @__PURE__ */ u("div", { className: Te.copyWrapper, children: [
-          /* @__PURE__ */ u(
+        /* @__PURE__ */ h("div", { className: Te.copyWrapper, children: [
+          /* @__PURE__ */ h(
             K,
             {
               type: "Secondary",
@@ -4741,7 +4741,7 @@ const Yo = (c) => {
               type: "Secondary",
               onClick: d,
               children: s.find(
-                (h) => h.message === "Link copied to clipboard"
+                (u) => u.message === "Link copied to clipboard"
               ) ? /* @__PURE__ */ e(x, { name: "Check" }) : /* @__PURE__ */ e(x, { name: "Copy" })
             }
           )
@@ -4763,8 +4763,8 @@ const Yo = (c) => {
   };
   return b.useEffect(() => {
     r.current && d(n ? r.current.scrollHeight : 0);
-  }, [n]), /* @__PURE__ */ u("div", { className: Me.accordion, children: [
-    /* @__PURE__ */ u(
+  }, [n]), /* @__PURE__ */ h("div", { className: Me.accordion, children: [
+    /* @__PURE__ */ h(
       "div",
       {
         className: Me.header,
@@ -4817,7 +4817,7 @@ const Yo = (c) => {
   cartDisabled: nr
 }, Vd = (c) => {
   var g, k;
-  const { setIsOpen: t, setModalType: s, productId: n, isCartEnabled: a = !0 } = c, { cart: i } = ze(), { pageContext: d } = We(), r = (g = d == null ? void 0 : d.listings) == null ? void 0 : g.find((_) => _.id === n);
+  const { setIsOpen: t, setModalType: s, productId: n, isCartEnabled: a = !0 } = c, { cart: i } = Fe(), { pageContext: d } = We(), r = (g = d == null ? void 0 : d.listings) == null ? void 0 : g.find((_) => _.id === n);
   if (!r)
     return null;
   const o = (k = d == null ? void 0 : d.products) == null ? void 0 : k.find(
@@ -4825,8 +4825,8 @@ const Yo = (c) => {
   );
   if (!o)
     return null;
-  const h = i.parts.find((_) => _.productId === o.id);
-  return /* @__PURE__ */ u(
+  const u = i.parts.find((_) => _.productId === o.id);
+  return /* @__PURE__ */ h(
     "div",
     {
       className: q(Mt.buttonsBlock, {
@@ -4844,7 +4844,7 @@ const Yo = (c) => {
             onClick: () => {
               s("Add To Cart"), t(!0);
             },
-            children: h ? "Add More" : "Add To Cart"
+            children: u ? "Add More" : "Add To Cart"
           }
         ),
         /* @__PURE__ */ e(
@@ -4868,7 +4868,7 @@ const Yo = (c) => {
   logo: ir,
   info: ar
 }, Wd = ({ date: c }) => {
-  const { general: t } = Ve();
+  const { general: t } = ze();
   if (!t) return /* @__PURE__ */ e(G, {});
   function s(n) {
     const a = new Date(n), i = {
@@ -4881,7 +4881,7 @@ const Yo = (c) => {
     };
     return a.toLocaleDateString("en-US", i);
   }
-  return /* @__PURE__ */ u("div", { className: bt.wrapper, children: [
+  return /* @__PURE__ */ h("div", { className: bt.wrapper, children: [
     /* @__PURE__ */ e("div", { className: bt.logo, children: t.info.logo ? /* @__PURE__ */ e(
       "img",
       {
@@ -4897,7 +4897,7 @@ const Yo = (c) => {
         height: 48
       }
     ) }),
-    /* @__PURE__ */ u("div", { className: bt.info, children: [
+    /* @__PURE__ */ h("div", { className: bt.info, children: [
       /* @__PURE__ */ e("h3", { id: "h4", children: t.info.name }),
       /* @__PURE__ */ e("p", { id: "p", children: s(c) })
     ] })
@@ -4914,9 +4914,9 @@ const Yo = (c) => {
   loading: mr
 }, Gd = (c) => {
   var _;
-  const { pageContext: t } = We(), s = (_ = t == null ? void 0 : t.listings) == null ? void 0 : _.find((f) => f.id === c.productId), [n, a] = b.useState(!0), [i, d] = b.useState(null), r = (i == null ? void 0 : i.variants[0]) || null, [o, h] = b.useState(
+  const { pageContext: t } = We(), s = (_ = t == null ? void 0 : t.listings) == null ? void 0 : _.find((f) => f.id === c.productId), [n, a] = b.useState(!0), [i, d] = b.useState(null), r = (i == null ? void 0 : i.variants[0]) || null, [o, u] = b.useState(
     "ONE_TIME"
-  ), { addProducts: g } = ze(), { setIsOpen: k } = be();
+  ), { addProducts: g } = Fe(), { setIsOpen: k } = be();
   return b.useEffect(() => {
     (async () => {
       a(!0);
@@ -4929,7 +4929,7 @@ const Yo = (c) => {
     })();
   }, []), b.useEffect(() => {
     k(!0);
-  }, []), /* @__PURE__ */ e(st, { close: c.setIsOpen, children: /* @__PURE__ */ u(
+  }, []), /* @__PURE__ */ e(st, { close: c.setIsOpen, children: /* @__PURE__ */ h(
     "div",
     {
       className: ve.modal,
@@ -4942,7 +4942,7 @@ const Yo = (c) => {
             variants: i.variants,
             activeVariant: r,
             activeChargeType: o,
-            setActiveChargeType: h,
+            setActiveChargeType: u,
             productId: i.id,
             setIsOpen: c.setIsOpen
           }
@@ -4959,7 +4959,7 @@ const Yo = (c) => {
     }
   ) });
 }, fr = (c) => {
-  const { variants: t, activeChargeType: s, productId: n, setIsOpen: a } = c, { cart: i, addProductToCart: d, addProducts: r, updateQuantityOfProduct: o } = ze(), { notifications: h, setNotifications: g } = je(), { pageContext: k } = We(), { setIsOpen: _ } = be(), f = () => {
+  const { variants: t, activeChargeType: s, productId: n, setIsOpen: a } = c, { cart: i, addProductToCart: d, addProducts: r, updateQuantityOfProduct: o } = Fe(), { notifications: u, setNotifications: g } = He(), { pageContext: k } = We(), { setIsOpen: _ } = be(), f = () => {
     _(!1), setTimeout(() => {
       a(!1);
     }, 300);
@@ -4970,7 +4970,7 @@ const Yo = (c) => {
     );
     if ((m == null ? void 0 : m.quantity.available) && (m == null ? void 0 : m.quantity.restrictions) && ((p == null ? void 0 : p.quantity) || 0) + 1 > (m == null ? void 0 : m.quantity.restrictions.max) || (m == null ? void 0 : m.quantity.available) === 0 || (m == null ? void 0 : m.quantity.available) && ((p == null ? void 0 : p.quantity) || 0) + 1 > (m == null ? void 0 : m.quantity.available)) {
       g([
-        ...h,
+        ...u,
         { id: le(), message: "Product is out of stock", status: "error" }
       ]);
       return;
@@ -4991,7 +4991,7 @@ const Yo = (c) => {
           quantity: 1,
           chargeType: s
         }), g([
-          ...h,
+          ...u,
           {
             id: le(),
             message: "Product added to cart",
@@ -5001,7 +5001,7 @@ const Yo = (c) => {
       } catch (w) {
         const S = w;
         g([
-          ...h,
+          ...u,
           {
             id: le(),
             message: `Product failed to add to cart: ${S.message}`,
@@ -5011,8 +5011,8 @@ const Yo = (c) => {
       }
     }
   }
-  return /* @__PURE__ */ u(G, { children: [
-    /* @__PURE__ */ u("div", { className: ve.header, children: [
+  return /* @__PURE__ */ h(G, { children: [
+    /* @__PURE__ */ h("div", { className: ve.header, children: [
       /* @__PURE__ */ e("div", { id: "h3", children: "Choose a Variant" }),
       /* @__PURE__ */ e(
         x,
@@ -5031,7 +5031,7 @@ const Yo = (c) => {
       return (m = l.chargeTypes) == null ? void 0 : m.includes(s);
     }).map((l) => {
       var m, p, y;
-      return /* @__PURE__ */ u(
+      return /* @__PURE__ */ h(
         "div",
         {
           className: q(ve.variant),
@@ -5039,7 +5039,7 @@ const Yo = (c) => {
             I(l.id), a(!1);
           },
           children: [
-            /* @__PURE__ */ u("div", { className: ve.variantInfo, children: [
+            /* @__PURE__ */ h("div", { className: ve.variantInfo, children: [
               /* @__PURE__ */ e(
                 "span",
                 {
@@ -5053,7 +5053,7 @@ const Yo = (c) => {
                 currency: s === "ONE_TIME" ? l.price.currency : ((m = l.subscriptionSettings) == null ? void 0 : m.price.currency) || "USD"
               }) })
             ] }),
-            /* @__PURE__ */ e("div", { id: "md", children: s === "ONE_TIME" && /* @__PURE__ */ u(
+            /* @__PURE__ */ e("div", { id: "md", children: s === "ONE_TIME" && /* @__PURE__ */ h(
               "span",
               {
                 className: ve.stock,
@@ -5077,8 +5077,8 @@ const Yo = (c) => {
       s(!1);
     }, 300);
   };
-  return /* @__PURE__ */ u(G, { children: [
-    /* @__PURE__ */ u("div", { className: ve.header, children: [
+  return /* @__PURE__ */ h(G, { children: [
+    /* @__PURE__ */ h("div", { className: ve.header, children: [
       /* @__PURE__ */ e(
         "div",
         {
@@ -5137,7 +5137,7 @@ const Yo = (c) => {
     setProductId: a,
     setIsProductModalOpen: i,
     setShowDropdown: d
-  } = c, [r, o] = b.useState(null), [h, g] = b.useState(!0), { setIsOpen: k } = be();
+  } = c, [r, o] = b.useState(null), [u, g] = b.useState(!0), { setIsOpen: k } = be();
   b.useEffect(() => {
     var I;
     g(!0);
@@ -5153,13 +5153,13 @@ const Yo = (c) => {
       t(!1);
     }, 300);
   };
-  return /* @__PURE__ */ e(st, { close: () => t(!1), children: /* @__PURE__ */ u(
+  return /* @__PURE__ */ e(st, { close: () => t(!1), children: /* @__PURE__ */ h(
     "div",
     {
       className: re.contentModal,
       onClick: (f) => f.stopPropagation(),
       children: [
-        /* @__PURE__ */ u("div", { className: re.modalTop, children: [
+        /* @__PURE__ */ h("div", { className: re.modalTop, children: [
           /* @__PURE__ */ e(
             "span",
             {
@@ -5180,7 +5180,7 @@ const Yo = (c) => {
             }
           )
         ] }),
-        !h && r && /* @__PURE__ */ e("div", { className: re.modalCards, children: r.map((f) => /* @__PURE__ */ u(
+        !u && r && /* @__PURE__ */ e("div", { className: re.modalCards, children: r.map((f) => /* @__PURE__ */ h(
           "div",
           {
             className: re.card,
@@ -5195,10 +5195,10 @@ const Yo = (c) => {
                   className: re.modalImage
                 }
               ) : /* @__PURE__ */ e("div", { className: q(re.blockImage, re.modalImage), children: /* @__PURE__ */ e(x, { name: "Image" }) }) }),
-              /* @__PURE__ */ u("div", { className: re.cardInfo, children: [
-                /* @__PURE__ */ e("div", { id: "h5", children: f.productData.compareAtPrice && (f.productData.compareAtPrice.amount || 0) - (f.productData.minPrice.amount || 0) > 0 ? /* @__PURE__ */ u(G, { children: [
+              /* @__PURE__ */ h("div", { className: re.cardInfo, children: [
+                /* @__PURE__ */ e("div", { id: "h5", children: f.productData.compareAtPrice && (f.productData.compareAtPrice.amount || 0) - (f.productData.minPrice.amount || 0) > 0 ? /* @__PURE__ */ h(G, { children: [
                   Oe(f.productData.name, !1),
-                  /* @__PURE__ */ u(
+                  /* @__PURE__ */ h(
                     "span",
                     {
                       className: re.price,
@@ -5229,7 +5229,7 @@ const Yo = (c) => {
                       ]
                     }
                   )
-                ] }) : /* @__PURE__ */ u(G, { children: [
+                ] }) : /* @__PURE__ */ h(G, { children: [
                   Oe(f.productData.name, !1),
                   /* @__PURE__ */ e(
                     "span",
@@ -5254,7 +5254,7 @@ const Yo = (c) => {
                   }
                 )
               ] }),
-              /* @__PURE__ */ u("div", { className: re.cardButtons, children: [
+              /* @__PURE__ */ h("div", { className: re.cardButtons, children: [
                 /* @__PURE__ */ e(
                   K,
                   {
@@ -5281,7 +5281,7 @@ const Yo = (c) => {
           },
           f.id
         )) }),
-        h && /* @__PURE__ */ e("div", { className: re.loading, children: /* @__PURE__ */ e(Jt, {}) })
+        u && /* @__PURE__ */ e("div", { className: re.loading, children: /* @__PURE__ */ e(Jt, {}) })
       ]
     }
   ) });
@@ -5352,7 +5352,7 @@ const Yo = (c) => {
     switcher: d,
     postfixs: r,
     leftAddonOptions: o,
-    isMaxLength: h = !0,
+    isMaxLength: u = !0,
     error: g
   } = c, [k, _] = b.useState(!1), [f, I] = b.useState(""), [l, m] = b.useState(null), [p, y] = b.useState(!1), w = b.useRef(null);
   nt(w, () => _(!1));
@@ -5378,19 +5378,19 @@ const Yo = (c) => {
     threshold: 0.4,
     minMatchCharLength: 2
   }), [a]), T = b.useMemo(() => p && f.trim() !== "" ? v.search(f).map((N) => N.item) : a, [f, a, p, v]);
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ h(
     "div",
     {
       className: J.wrapper,
       style: { ...i },
       children: [
-        s && /* @__PURE__ */ u("div", { className: J.top, children: [
+        s && /* @__PURE__ */ h("div", { className: J.top, children: [
           /* @__PURE__ */ e(
             "label",
             {
               className: J.label,
               htmlFor: s,
-              children: s.includes("*") ? /* @__PURE__ */ u(G, { children: [
+              children: s.includes("*") ? /* @__PURE__ */ h(G, { children: [
                 s.replace(" *", "").replace("*", ""),
                 /* @__PURE__ */ e("span", { className: J.requiredStar, children: " *" })
               ] }) : s
@@ -5404,13 +5404,13 @@ const Yo = (c) => {
             }
           )
         ] }),
-        /* @__PURE__ */ u(
+        /* @__PURE__ */ h(
           "label",
           {
             className: J.content,
             ref: w,
             children: [
-              /* @__PURE__ */ u(
+              /* @__PURE__ */ h(
                 "div",
                 {
                   className: q(J.select, {
@@ -5430,7 +5430,7 @@ const Yo = (c) => {
                       {
                         className: J.input,
                         id: "md",
-                        children: h ? $(n, 15) : n
+                        children: u ? $(n, 15) : n
                       }
                     ),
                     /* @__PURE__ */ e(
@@ -5454,7 +5454,7 @@ const Yo = (c) => {
                   ]
                 }
               ),
-              /* @__PURE__ */ u(
+              /* @__PURE__ */ h(
                 "div",
                 {
                   className: q(J.options, { [J.open]: k }),
@@ -5474,10 +5474,10 @@ const Yo = (c) => {
                         isSearch: !0
                       }
                     ),
-                    /* @__PURE__ */ u("div", { className: J.filteredOptions, children: [
+                    /* @__PURE__ */ h("div", { className: J.filteredOptions, children: [
                       T.map((N, C) => {
                         var D;
-                        return /* @__PURE__ */ u(
+                        return /* @__PURE__ */ h(
                           "div",
                           {
                             className: q(J.option, {
@@ -5494,7 +5494,7 @@ const Yo = (c) => {
                                 {
                                   className: J.value,
                                   id: "md",
-                                  children: h ? $(N, 20) : N
+                                  children: u ? $(N, 20) : N
                                 }
                               ),
                               r && /* @__PURE__ */ e(
@@ -5530,12 +5530,12 @@ const Yo = (c) => {
   background: sl,
   padding: il
 }, fe = (c) => {
-  const { onChange: t, style: s, current: n, label: a, hasBackground: i = !1, paddingless: d = !0 } = c, [r, o] = b.useState(n), h = () => {
+  const { onChange: t, style: s, current: n, label: a, hasBackground: i = !1, paddingless: d = !0 } = c, [r, o] = b.useState(n), u = () => {
     o((g) => !g), t == null || t(!r);
   };
   return b.useEffect(() => {
     o(n);
-  }, [n]), /* @__PURE__ */ e(G, { children: a ? /* @__PURE__ */ u(
+  }, [n]), /* @__PURE__ */ e(G, { children: a ? /* @__PURE__ */ h(
     "div",
     {
       className: q(ye.wrapper, {
@@ -5549,7 +5549,7 @@ const Yo = (c) => {
             className: q(ye.switch, {
               [ye.active]: r
             }),
-            onClick: h,
+            onClick: u,
             style: s,
             children: /* @__PURE__ */ e("div", { className: ye.toggle })
           }
@@ -5563,7 +5563,7 @@ const Yo = (c) => {
       className: q(ye.switch, {
         [ye.active]: r
       }),
-      onClick: h,
+      onClick: u,
       style: s,
       children: /* @__PURE__ */ e("div", { className: ye.toggle })
     }
@@ -5656,7 +5656,7 @@ var dl = 150, ul = function(t, s) {
 }, ut = null, ht = null;
 process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.WeakSet < "u" && (ut = /* @__PURE__ */ new WeakSet(), ht = /* @__PURE__ */ new WeakSet());
 function hl(c) {
-  var t, s = c.getItemOffset, n = c.getEstimatedTotalSize, a = c.getItemSize, i = c.getOffsetForIndexAndAlignment, d = c.getStartIndexForOffset, r = c.getStopIndexForStartIndex, o = c.initInstanceProps, h = c.shouldResetStyleCacheOnItemSizeChange, g = c.validateProps;
+  var t, s = c.getItemOffset, n = c.getEstimatedTotalSize, a = c.getItemSize, i = c.getOffsetForIndexAndAlignment, d = c.getStartIndexForOffset, r = c.getStopIndexForStartIndex, o = c.initInstanceProps, u = c.shouldResetStyleCacheOnItemSizeChange, g = c.validateProps;
   return t = /* @__PURE__ */ function(k) {
     al(_, k);
     function _(I) {
@@ -5681,7 +5681,7 @@ function hl(c) {
           scrollUpdateWasRequested: y
         });
       }), l._getItemStyle = void 0, l._getItemStyle = function(m) {
-        var p = l.props, y = p.direction, w = p.itemSize, S = p.layout, $ = l._getItemStyleCache(h && w, h && S, h && y), A;
+        var p = l.props, y = p.direction, w = p.itemSize, S = p.layout, $ = l._getItemStyleCache(u && w, u && S, u && y), A;
         if ($.hasOwnProperty(m))
           A = $[m];
         else {
@@ -5863,7 +5863,7 @@ function hl(c) {
   }, t;
 }
 var pl = function(t, s) {
-  var n = t.children, a = t.direction, i = t.height, d = t.layout, r = t.innerTagName, o = t.outerTagName, h = t.width, g = s.instance;
+  var n = t.children, a = t.direction, i = t.height, d = t.layout, r = t.innerTagName, o = t.outerTagName, u = t.width, g = s.instance;
   if (process.env.NODE_ENV !== "production") {
     (r != null || o != null) && ht && !ht.has(g) && (ht.add(g), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead."));
     var k = a === "horizontal" || d === "horizontal";
@@ -5887,8 +5887,8 @@ var pl = function(t, s) {
     }
     if (n == null)
       throw Error('An invalid "children" prop has been specified. Value should be a React component. ' + ('"' + (n === null ? "null" : typeof n) + '" was specified.'));
-    if (k && typeof h != "number")
-      throw Error('An invalid "width" prop has been specified. Horizontal lists must specify a number for width. ' + ('"' + (h === null ? "null" : typeof h) + '" was specified.'));
+    if (k && typeof u != "number")
+      throw Error('An invalid "width" prop has been specified. Horizontal lists must specify a number for width. ' + ('"' + (u === null ? "null" : typeof u) + '" was specified.'));
     if (!k && typeof i != "number")
       throw Error('An invalid "height" prop has been specified. Vertical lists must specify a number for height. ' + ('"' + (i === null ? "null" : typeof i) + '" was specified.'));
   }
@@ -5906,7 +5906,7 @@ var pl = function(t, s) {
     return n * s;
   },
   getOffsetForIndexAndAlignment: function(t, s, n, a, i, d) {
-    var r = t.direction, o = t.height, h = t.itemCount, g = t.itemSize, k = t.layout, _ = t.width, f = r === "horizontal" || k === "horizontal", I = f ? _ : o, l = Math.max(0, h * g - I), m = Math.min(l, s * g), p = Math.max(0, s * g - I + g + d);
+    var r = t.direction, o = t.height, u = t.itemCount, g = t.itemSize, k = t.layout, _ = t.width, f = r === "horizontal" || k === "horizontal", I = f ? _ : o, l = Math.max(0, u * g - I), m = Math.min(l, s * g), p = Math.max(0, s * g - I + g + d);
     switch (n === "smart" && (a >= p - I && a <= m + I ? n = "auto" : n = "center"), n) {
       case "start":
         return m;
@@ -5926,7 +5926,7 @@ var pl = function(t, s) {
     return Math.max(0, Math.min(n - 1, Math.floor(s / a)));
   },
   getStopIndexForStartIndex: function(t, s, n) {
-    var a = t.direction, i = t.height, d = t.itemCount, r = t.itemSize, o = t.layout, h = t.width, g = a === "horizontal" || o === "horizontal", k = s * r, _ = g ? h : i, f = Math.ceil((_ + n - k) / r);
+    var a = t.direction, i = t.height, d = t.itemCount, r = t.itemSize, o = t.layout, u = t.width, g = a === "horizontal" || o === "horizontal", k = s * r, _ = g ? u : i, f = Math.ceil((_ + n - k) / r);
     return Math.max(0, Math.min(
       d - 1,
       s + f - 1
@@ -5974,7 +5974,7 @@ function Bl(c, t) {
 }
 const nn = (c) => {
   var L;
-  const { onChange: t, label: s, value: n, options: a, style: i, switcher: d, postfixs: r, leftAddonOptions: o } = c, [h, g] = b.useState(!1), [k, _] = b.useState(""), [f, I] = b.useState(null), [l, m] = b.useState(!1), p = b.useRef(null);
+  const { onChange: t, label: s, value: n, options: a, style: i, switcher: d, postfixs: r, leftAddonOptions: o } = c, [u, g] = b.useState(!1), [k, _] = b.useState(""), [f, I] = b.useState(null), [l, m] = b.useState(!1), p = b.useRef(null);
   Bl(p, () => g(!1));
   function y(N) {
     _(""), t(N), g(!1), I(null);
@@ -5983,7 +5983,7 @@ const nn = (c) => {
     return N ? N.length > C + 3 ? `${N.slice(0, C)}...` : N : "";
   }
   function S(N) {
-    if (!h) {
+    if (!u) {
       (N.key === "Enter" || N.key === "ArrowDown") && g(!0);
       return;
     }
@@ -6014,7 +6014,7 @@ const nn = (c) => {
       const D = O[N];
       if (!D) return null;
       const E = f === N, V = v.get(D), P = T.get(D);
-      return /* @__PURE__ */ u(
+      return /* @__PURE__ */ h(
         "div",
         {
           className: q(ne.option, {
@@ -6033,13 +6033,13 @@ const nn = (c) => {
     },
     [O, f, v, T]
   );
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ h(
     "div",
     {
       className: ne.wrapper,
       style: { ...i },
       children: [
-        s && /* @__PURE__ */ u("div", { className: ne.top, children: [
+        s && /* @__PURE__ */ h("div", { className: ne.top, children: [
           /* @__PURE__ */ e(
             "label",
             {
@@ -6056,16 +6056,16 @@ const nn = (c) => {
             }
           )
         ] }),
-        /* @__PURE__ */ u(
+        /* @__PURE__ */ h(
           "label",
           {
             className: ne.content,
             ref: p,
             children: [
-              /* @__PURE__ */ u(
+              /* @__PURE__ */ h(
                 "div",
                 {
-                  className: q(ne.select, { [ne.borderFocused]: h }),
+                  className: q(ne.select, { [ne.borderFocused]: u }),
                   onKeyDown: S,
                   onClick: (N) => {
                     N.stopPropagation(), g((C) => !C), m(!1);
@@ -6078,7 +6078,7 @@ const nn = (c) => {
                     /* @__PURE__ */ e(
                       "div",
                       {
-                        className: q(ne.icon, { [ne.rotate]: h }),
+                        className: q(ne.icon, { [ne.rotate]: u }),
                         onClick: (N) => {
                           N.stopPropagation(), g((C) => !C);
                         },
@@ -6095,10 +6095,10 @@ const nn = (c) => {
                   ]
                 }
               ),
-              /* @__PURE__ */ u(
+              /* @__PURE__ */ h(
                 "div",
                 {
-                  className: q(ne.options, { [ne.open]: h }),
+                  className: q(ne.options, { [ne.open]: u }),
                   style: {
                     top: ((L = $.current) == null ? void 0 : L.clientHeight) + 10
                   },
@@ -6115,7 +6115,7 @@ const nn = (c) => {
                         isSearch: !0
                       }
                     ),
-                    /* @__PURE__ */ u("div", { className: ne.filteredOptions, children: [
+                    /* @__PURE__ */ h("div", { className: ne.filteredOptions, children: [
                       O.length === 0 && /* @__PURE__ */ e("div", { children: "No results found." }),
                       O.length > 0 && /* @__PURE__ */ e(
                         ml,
@@ -6149,7 +6149,7 @@ const nn = (c) => {
   };
   return b.useEffect(() => {
     a(t);
-  }, [t]), /* @__PURE__ */ u(
+  }, [t]), /* @__PURE__ */ h(
     "label",
     {
       className: ct.customCheckbox,
@@ -6195,7 +6195,7 @@ const nn = (c) => {
   };
   return b.useEffect(() => {
     a(t);
-  }, [t]), /* @__PURE__ */ u(
+  }, [t]), /* @__PURE__ */ h(
     "label",
     {
       className: rt.customCheckbox,
@@ -6241,7 +6241,7 @@ const nn = (c) => {
       n(null), a(null), i(null), d(!0);
     }, 300);
   }
-  return c && t && s && /* @__PURE__ */ u(
+  return c && t && s && /* @__PURE__ */ h(
     "div",
     {
       className: lt.modal,
@@ -6249,7 +6249,7 @@ const nn = (c) => {
       children: [
         /* @__PURE__ */ e("div", { className: lt.title, children: c }),
         /* @__PURE__ */ e("div", { className: lt.description, children: t }),
-        /* @__PURE__ */ u("div", { className: lt.buttons, children: [
+        /* @__PURE__ */ h("div", { className: lt.buttons, children: [
           /* @__PURE__ */ e(Ae, { onClick: r, children: "Cancel" }),
           /* @__PURE__ */ e(
             Ae,
@@ -6277,9 +6277,9 @@ const nn = (c) => {
   error: "#FF3F19",
   success: "#338B13"
 }, Jd = (c) => {
-  const { type: t, message: s, style: n, padding: a, timer: i, id: d, element: r, label: o } = c, [h, g] = b.useState(i), { setNotifications: k } = je();
+  const { type: t, message: s, style: n, padding: a, timer: i, id: d, element: r, label: o } = c, [u, g] = b.useState(i), { setNotifications: k } = He();
   function _() {
-    const I = je.getState().notifications.filter((l) => l.id !== d);
+    const I = He.getState().notifications.filter((l) => l.id !== d);
     k([...I]);
   }
   return b.useEffect(() => {
@@ -6290,7 +6290,7 @@ const nn = (c) => {
   }, [i]), b.useEffect(() => {
     const f = setInterval(() => g((I) => I - 1), 1e3);
     return () => clearInterval(f);
-  }, [h]), r ? r({
+  }, [u]), r ? r({
     type: t,
     message: s,
     style: n,
@@ -6305,7 +6305,7 @@ const nn = (c) => {
         padding: a,
         position: "relative"
       },
-      children: /* @__PURE__ */ u(
+      children: /* @__PURE__ */ h(
         "div",
         {
           className: q(Le.notification, {
@@ -6325,7 +6325,7 @@ const nn = (c) => {
               }
             ) }),
             /* @__PURE__ */ e("div", { className: Le.text, children: s }),
-            i && /* @__PURE__ */ e("div", { className: Le.timer, children: h }),
+            i && /* @__PURE__ */ e("div", { className: Le.timer, children: u }),
             /* @__PURE__ */ e(
               "div",
               {
@@ -6361,18 +6361,18 @@ const nn = (c) => {
   custom: ad,
   option: od
 }, eu = (c) => {
-  const { defaultValue: t, options: s, onChange: n, label: a, flexDirection: i = "row" } = c, [d, r] = b.useState(t), o = (h) => {
-    const g = h.target.value;
+  const { defaultValue: t, options: s, onChange: n, label: a, flexDirection: i = "row" } = c, [d, r] = b.useState(t), o = (u) => {
+    const g = u.target.value;
     r(g), n(g);
   };
-  return /* @__PURE__ */ u("div", { className: Ee.wrapper, children: [
+  return /* @__PURE__ */ h("div", { className: Ee.wrapper, children: [
     /* @__PURE__ */ e("span", { className: Ee.label, children: a }),
     /* @__PURE__ */ e(
       "div",
       {
         className: Ee.options,
         style: { flexDirection: i },
-        children: s.map((h) => /* @__PURE__ */ u(
+        children: s.map((u) => /* @__PURE__ */ h(
           "label",
           {
             className: Ee.radioLabel,
@@ -6381,17 +6381,17 @@ const nn = (c) => {
                 "input",
                 {
                   type: "radio",
-                  value: h.value,
-                  checked: d === h.value,
+                  value: u.value,
+                  checked: d === u.value,
                   onChange: o,
                   className: Ee.radio
                 }
               ),
               /* @__PURE__ */ e("span", { className: Ee.custom }),
-              /* @__PURE__ */ e("span", { className: Ee.option, children: h.label })
+              /* @__PURE__ */ e("span", { className: Ee.option, children: u.label })
             ]
           },
-          h.value
+          u.value
         ))
       }
     )
@@ -6438,24 +6438,24 @@ const nn = (c) => {
   const [d, r] = b.useState(a);
   return b.useEffect(() => {
     if (!a) return;
-    const o = setInterval(() => r((h) => h - 1), 1e3);
+    const o = setInterval(() => r((u) => u - 1), 1e3);
     return () => clearInterval(o);
-  }, []), /* @__PURE__ */ e("div", { style: { padding: n, position: "relative" }, children: /* @__PURE__ */ u(
+  }, []), /* @__PURE__ */ e("div", { style: { padding: n, position: "relative" }, children: /* @__PURE__ */ h(
     "div",
     {
       className: q($e.notification, $e[c]),
       style: s,
       children: [
         /* @__PURE__ */ e("div", { className: $e.accent }),
-        /* @__PURE__ */ e("div", { className: $e.body, children: /* @__PURE__ */ e("div", { className: $e.content, children: i !== void 0 ? i ? /* @__PURE__ */ u(G, { children: [
-          /* @__PURE__ */ u("span", { className: $e.label, children: [
+        /* @__PURE__ */ e("div", { className: $e.body, children: /* @__PURE__ */ e("div", { className: $e.content, children: i !== void 0 ? i ? /* @__PURE__ */ h(G, { children: [
+          /* @__PURE__ */ h("span", { className: $e.label, children: [
             i,
             ":"
           ] }),
           " ",
           t
-        ] }) : t : /* @__PURE__ */ u(G, { children: [
-          /* @__PURE__ */ u("span", { className: $e.label, children: [
+        ] }) : t : /* @__PURE__ */ h(G, { children: [
+          /* @__PURE__ */ h("span", { className: $e.label, children: [
             bd[c],
             ":"
           ] }),